:root {
  --v-accent: #F25C05;
  --v-bg: #F9F9FA;
  --v-side: #FCFCFC;
  --v-card: #FFFFFF;
  --v-line: #EEEEF0;
  --v-ring: #F0F0F2;
  --v-chip-ring: #ECECEE;
  --v-row: #F1F1F3;
  --v-text: #1E1E1E;
  --v-strong: #141414;
  --v-h1: #2A2A2E;
  --v-text2: #3F3F46;
  --v-text3: #52525B;
  --v-chip: #27272A;
  --v-muted: #6B7280;
  --v-soft: #F4F4F5;
  --v-soft2: #F1F1F2;
  --v-bar: #ECECEE;
  --v-bar2: #D4D4D8;
  --v-hover: #F1F1F3;
  --v-ink: #141414;
  --v-on-ink: #FFFFFF;
  --v-poster: #151515;
  --v-poster-art: #1F1F1F;
  --v-o-soft: #FFF3EC;
  --v-o-soft2: #FFE9DC;
  --v-o-text: #B03A06;
  --v-b-soft: #EEF3FE;
  --v-b-text: #1E4FB8;
  --v-p-soft: #F2EEFF;
  --v-p-text: #5B3CC4;
  --v-g-soft: #E7F6EC;
  --v-g-text: #15803D;
  --v-g-dot: #22A559;
  --v-a-soft: #FEF3C7;
  --v-a-text: #92400E;
  --v-glass: rgba(249, 249, 250, 0.86);
  --v-glass-tab: rgba(255, 255, 255, 0.9);
  --v-card-shadow: 0 0 0 1px var(--v-ring), 0 8px 24px rgba(0, 0, 0, 0.04);
  --v-lift-shadow: 0 0 0 1px var(--v-chip-ring), 0 18px 40px rgba(0, 0, 0, 0.09);
  --v-display: 'Montserrat', 'Manrope', sans-serif;
  --v-font: 'Manrope', system-ui, -apple-system, sans-serif;
  --v-ease: cubic-bezier(.22, 1, .36, 1);
  --v-spring: cubic-bezier(.34, 1.56, .64, 1);
}
:root[data-theme="dark"] {
  --v-bg: #0E0E10;
  --v-side: #121214;
  --v-card: #18181B;
  --v-line: #2A2A2E;
  --v-ring: #2A2A2E;
  --v-chip-ring: #2A2A2E;
  --v-row: #26262B;
  --v-text: #F4F4F5;
  --v-strong: #F4F4F5;
  --v-h1: #F4F4F5;
  --v-text2: #D4D4D8;
  --v-text3: #D4D4D8;
  --v-chip: #E4E4E7;
  --v-muted: #A1A1AA;
  --v-soft: #232326;
  --v-soft2: #232326;
  --v-bar: #2A2A2E;
  --v-bar2: #3F3F46;
  --v-hover: #232326;
  --v-ink: #F4F4F5;
  --v-on-ink: #141414;
  --v-poster: #1F1F23;
  --v-poster-art: #2A2A30;
  --v-o-soft: rgba(242, 92, 5, 0.16);
  --v-o-soft2: rgba(242, 92, 5, 0.22);
  --v-o-text: #FF9A5C;
  --v-b-soft: rgba(59, 111, 224, 0.2);
  --v-b-text: #9DB9FF;
  --v-p-soft: rgba(124, 92, 224, 0.22);
  --v-p-text: #C4B5FD;
  --v-g-soft: rgba(34, 165, 89, 0.18);
  --v-g-text: #4ADE80;
  --v-a-soft: rgba(217, 119, 6, 0.2);
  --v-a-text: #FCD34D;
  --v-glass: rgba(14, 14, 16, 0.86);
  --v-glass-tab: rgba(24, 24, 27, 0.9);
  --v-card-shadow: 0 0 0 1px var(--v-ring), 0 8px 24px rgba(0, 0, 0, 0.35);
  --v-lift-shadow: 0 0 0 1px #34343A, 0 18px 40px rgba(0, 0, 0, 0.55);
}


html, body { background: var(--v-bg); }
body { padding: 0; font-family: var(--v-font); color: var(--v-text); }
#app {
  border-radius: 0; box-shadow: none; background: var(--v-bg);
  min-height: 100vh; min-height: 100dvh;
}


.sidebar {
  width: 264px; flex-shrink: 0; box-sizing: border-box;
  padding: 20px 14px; gap: 2px;
  background: var(--v-side); border-right: 1px solid var(--v-line);
}

.sidebar > * { flex-shrink: 0; }
.sidebar .brand {
  display: flex; align-items: center; gap: 10px;
  padding: 0 8px; margin: 0 0 20px;
  font-family: var(--v-display); font-weight: 800; font-size: 19px; letter-spacing: -0.02em; color: var(--v-text);
}
.brand-mark {
  position: relative; overflow: visible; flex-shrink: 0;
  width: 32px; height: 32px; border-radius: 10px;
  background: var(--v-ink); color: var(--v-on-ink);
  font-family: var(--v-display); font-weight: 800; font-size: 17px; letter-spacing: 0;
  display: inline-flex; align-items: center; justify-content: center;
  animation: none; box-shadow: none;
}
.brand-mark::before { display: none; }
.brand-mark::after {
  content: ''; position: absolute; left: auto; right: -3px; top: -3px;
  width: 10px; height: 10px; box-sizing: border-box; border-radius: 50%;
  background: var(--v-accent); border: 2px solid var(--v-side);
  transform: none; animation: none;
}
.brand-name { flex-grow: 1; }
.brand-search {
  width: 34px; height: 34px; border: 0; border-radius: 10px; background: transparent; color: var(--v-text3);
  display: flex; align-items: center; justify-content: center; cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}
.brand-search:hover { background: var(--v-hover); color: var(--v-strong); }
.brand-search svg { width: 18px; height: 18px; }

.sidebar > div:not(.brand):not(.sidebar-footer):not(.nav-item):not(.project-filter):not(.nav-substatus-list) { display: flex; flex-direction: column; gap: 2px; }
.nav-item {
  height: 40px; box-sizing: border-box; padding: 0 12px; gap: 12px;
  border-radius: 12px; font-size: 14px; font-weight: 500; color: var(--v-text2);
  transition: background-color .2s ease, color .2s ease;
}
.nav-item:hover { background: var(--v-hover); color: var(--v-strong); }
.nav-item.active {
  background: var(--v-card); color: var(--v-strong); font-weight: 600;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px var(--v-line);
}
.nav-icon { width: 18px; height: 18px; border-radius: 0; background: none; font-size: 0; }
.nav-icon svg {
  width: 18px; height: 18px; display: block;
  fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
}
.project-filter {
  margin: 20px 0 0; padding: 0 12px 6px;
  font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--v-muted);
}
.nav-count-badge { margin-left: auto; padding: 0; background: none; font-size: 12px; font-weight: 600; color: var(--v-muted); border-radius: 0; }
.nav-badge.notif-badge, #messages-badge, #payouts-badge, #ai-requests-badge, #changelog-badge {
  position: static; margin-left: auto; box-sizing: border-box;
  min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px;
  background: var(--v-ink); color: var(--v-on-ink);
  font-size: 11px; font-weight: 700; line-height: 20px; text-align: center;
}
#tasks-badge { background: none; color: var(--v-muted); font-size: 12px; font-weight: 600; padding: 0; min-width: 0; }
.nav-badge-new {
  margin-left: auto; height: 20px; padding: 0 8px; border-radius: 10px;
  background: var(--v-o-soft2); color: var(--v-o-text); font-size: 11px; font-weight: 700;
  display: inline-flex; align-items: center; letter-spacing: 0;
}
.nav-caret { width: 12px; font-size: 11px; color: var(--v-muted); margin-right: -6px; }
.nav-substatus-list { margin: 0 0 4px; }
.nav-substatus-list .nav-item, .nav-substatus-list > * { height: 34px; padding-left: 42px; font-size: 13px; }

.nav-substatus-list { gap: 0; }
.nav-substatus-list > .nav-substatus { box-sizing: border-box; height: 30px; padding: 0 12px 0 42px; border-radius: 10px; font-weight: 500; color: var(--v-text3); }
.nav-substatus:hover { background: var(--v-hover); color: var(--v-strong); }
.nav-substatus.active { background: var(--v-hover); color: var(--v-strong); font-weight: 700; }
.nav-substatus-count { font-size: 12px; font-weight: 600; color: var(--v-muted); }

.sidebar-footer { margin-top: auto; padding-top: 16px; border-top: 0; }
.sidebar-user {
  gap: 12px; padding: 10px; border-radius: 16px;
  background: var(--v-card); box-shadow: 0 0 0 1px var(--v-line);
}
.sidebar-user .avatar { width: 36px; height: 36px; font-size: 13px; }
.sidebar-user .who-name { font-size: 14px; font-weight: 600; color: var(--v-text); }
.sidebar-user .who-sub { font-size: 12px; color: var(--v-muted); margin-top: 2px; }


.app-col { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.app-header {
  height: 72px; flex-shrink: 0; box-sizing: border-box; padding: 0 56px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  background: var(--v-bg);
}
.app-header-logo { display: none; }
.project-switch { position: relative; }
.project-switch-btn {
  display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 4px;
  border: 0; background: transparent; cursor: pointer;
  font-family: var(--v-font); font-size: 15px; font-weight: 600; color: var(--v-text);
}
.project-switch-btn svg { width: 16px; height: 16px; transition: transform .25s var(--v-ease); }
.project-switch-btn[aria-expanded="true"] svg { transform: rotate(180deg); }
.project-switch-menu {
  position: absolute; left: 0; top: 46px; z-index: 55; min-width: 260px; padding: 6px;
  border-radius: 16px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-line), 0 20px 50px rgba(0, 0, 0, .14);
  animation: v-drop .22s var(--v-ease) both;
}
.project-switch-menu[hidden] { display: none; }
.project-switch-menu button {
  width: 100%; display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 12px;
  border: 0; border-radius: 10px; background: transparent; color: var(--v-text); cursor: pointer;
  font-family: var(--v-font); font-size: 14px; font-weight: 600; text-align: left;
}
.project-switch-menu button:hover, .project-switch-menu button[aria-selected="true"] { background: var(--v-soft); }
.project-switch-menu i { width: 10px; height: 10px; border-radius: 50%; flex: none; }



body { --hdr-h: 72px; }
@media (min-width: 861px) {
  body.pp-off { --hdr-h: 52px; }
  body.pp-off .project-switch { display: none; }
  body.pp-off .app-header { height: var(--hdr-h); justify-content: flex-end; }
}

.brand > .hdr-btn { width: 34px; height: 34px; border-radius: 10px; background: transparent; color: var(--v-text3); flex-shrink: 0; }
.brand > .hdr-btn:hover { background: var(--v-hover); color: var(--v-strong); }
.brand > .hdr-btn svg { width: 18px; height: 18px; }
.brand > .hdr-btn { margin-left: -3px; }
@media (min-width: 1041px) {

  body.hdr-in-side .sidebar .brand { gap: 6px; padding: 0 4px; }
  body.hdr-in-side .sidebar .brand .brand-name { font-size: 17px; }
}
.brand-search { flex-shrink: 0; }
.brand > #notif-bell #notif-badge { top: 7px; right: 8px; border-color: var(--v-side); }
body.hdr-in-side .notif-panel { top: 64px; left: 280px; right: auto; }
@media (min-width: 1041px) {


  body.hdr-in-side.pp-off { --hdr-h: 24px; }
  body.hdr-in-side.pp-off .app-header { height: 24px; }
  body.hdr-in-side .app-header { justify-content: flex-start; }
}
@keyframes v-drop { from { opacity: 0; transform: translateY(-6px) scale(.98); } to { opacity: 1; transform: none; } }
.app-header-actions { display: flex; align-items: center; gap: 6px; }
.hdr-btn {
  position: relative; width: 44px; height: 44px; margin: 0; padding: 0;
  border: 0; border-radius: 12px; background: transparent; color: var(--v-text2);
  display: flex; align-items: center; justify-content: center; cursor: pointer;
  transition: background-color .2s ease, transform .25s var(--v-spring);
}
.hdr-btn:hover { background: var(--v-hover); }
.hdr-btn:active { transform: scale(.92); }
.hdr-btn svg { width: 20px; height: 20px; }
.hdr-search { display: none; }
.theme-btn .ico-sun { display: none; }
:root[data-theme="dark"] .theme-btn .ico-sun { display: block; }
:root[data-theme="dark"] .theme-btn .ico-moon { display: none; }
#notif-bell #notif-badge {
  position: absolute; top: 10px; right: 11px; left: auto;
  width: 8px; height: 8px; min-width: 0; padding: 0; box-sizing: content-box;
  border-radius: 50%; background: var(--v-accent); border: 2px solid var(--v-bg);
  font-size: 0; line-height: 0; color: transparent;
}
.notif-panel { top: 64px; left: auto; right: 40px; }

main#main {
  flex: 1; min-height: 0; box-sizing: border-box;
  padding: 0 56px 56px; max-height: none; overflow-y: auto;
}


.tabbar { display: none; }

@media (max-width: 860px) {
  #app { display: block; }
  .mobile-menu-btn { display: none !important; }
  .sidebar .brand { padding-left: 8px; }
  .app-header {
    position: sticky; top: 0; z-index: 40;
    height: calc(56px + env(safe-area-inset-top, 0px));
    padding: env(safe-area-inset-top, 0px) 12px 0 16px; gap: 10px;
    background: var(--v-glass);
    -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--v-line);
  }
  .app-header-logo {
    display: flex; align-items: center; gap: 10px; flex-grow: 1;
    font-family: var(--v-display); font-weight: 800; font-size: 17px; letter-spacing: -0.02em; color: var(--v-text);
  }
  .app-header-logo .brand-mark { width: 30px; height: 30px; border-radius: 9px; font-size: 15px; }
  .app-header-logo .brand-mark::after { width: 9px; height: 9px; border-color: var(--v-bg); }
  .project-switch { display: none; }
  .app-header-actions { gap: 10px; }
  .hdr-search { display: flex; }
  .hdr-btn { width: 40px; height: 40px; background: var(--v-hover); color: var(--v-text); }
  .hdr-btn svg { width: 19px; height: 19px; }
  #notif-bell #notif-badge { top: 9px; right: 10px; border-color: var(--v-hover); }
  main#main { padding: 20px 16px 110px; overflow: visible; }
  .notif-panel { top: calc(64px + env(safe-area-inset-top, 0px)); right: 12px; left: 12px; width: auto; }

  .tabbar {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 45;
    height: calc(74px + env(safe-area-inset-bottom, 0px)); box-sizing: border-box;
    padding: 10px 6px max(12px, env(safe-area-inset-bottom, 0px));
    background: var(--v-glass-tab);
    -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px);
    border-top: 1px solid var(--v-chip-ring);
  }
  .tabbar button {
    position: relative; flex: 1 1 0; min-width: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 3px;
    border: 0; background: transparent; padding: 0; cursor: pointer; -webkit-tap-highlight-color: transparent;
    font-family: var(--v-font); font-size: 10.5px; font-weight: 600; color: #71717A;
  }
  .tabbar button svg { width: 24px; height: 24px; transition: transform .3s var(--v-spring); }
  .tabbar button:active svg { transform: scale(.86); }
  .tabbar button.is-active { color: var(--v-text); font-weight: 800; }
  .tabbar button.is-active svg { stroke-width: 2.1; }
  .tabbar button.is-active::before {
    content: ''; position: absolute; top: -9px; width: 22px; height: 3px; border-radius: 0 0 3px 3px;
    background: var(--v-accent); animation: v-grow-x .35s var(--v-ease) both;
  }
  .tabbar .tab-badge {
    position: absolute; top: -4px; left: 50%; margin-left: 4px;
    min-width: 17px; height: 17px; padding: 0 5px; box-sizing: border-box; border-radius: 9px;
    background: var(--v-accent); color: #FFFFFF; font-size: 10px; font-weight: 800;
    display: flex; align-items: center; justify-content: center; border: 2px solid var(--v-card);
  }
  body.chat-pinned-mobile .tabbar { display: none; }
  .chat-widget-btn { bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important; }
}
@keyframes v-grow-x { from { transform: scaleX(0); } to { transform: scaleX(1); } }




#ds-cmd { position: fixed; inset: 0; z-index: 80; }
#ds-cmd[hidden] { display: none; }
.ds-cmd-backdrop {
  position: absolute; inset: 0; background: rgba(12, 12, 14, .32);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  animation: ds-fade .2s ease both;
}
.ds-cmd-box {
  position: absolute; left: 50%; top: 12vh; width: min(680px, calc(100vw - 24px)); transform: translateX(-50%);
  border-radius: 24px; background: var(--v-card); overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 40px 100px rgba(0, 0, 0, .3);
  animation: ds-cmd-in .32s var(--v-ease) both;
}
#ds-cmd.is-closing .ds-cmd-box { animation: ds-cmd-out .16s ease both; }
#ds-cmd.is-closing .ds-cmd-backdrop { animation: ds-fade .16s ease reverse both; }
@keyframes ds-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes ds-cmd-in { from { opacity: 0; transform: translate(-50%, -12px) scale(.97); } to { opacity: 1; transform: translate(-50%, 0); } }
@keyframes ds-cmd-out { to { opacity: 0; transform: translate(-50%, -8px) scale(.98); } }
.ds-cmd-head { display: flex; align-items: center; gap: 12px; height: 66px; padding: 0 18px; border-bottom: 1px solid var(--v-line); color: var(--v-muted); }
.ds-cmd-head input {
  flex: 1; min-width: 0; height: 100%; border: 0 !important; background: transparent !important; box-shadow: none !important;
  padding: 0 !important; font-size: 18px; font-weight: 500; color: var(--v-text);
}
.ds-cmd-list { max-height: min(460px, 60vh); overflow-y: auto; padding: 8px; }
.ds-cmd-group { padding: 12px 12px 6px; font-size: 12px; font-weight: 800; color: var(--v-muted); }
.ds-cmd-row {
  width: 100%; display: flex; align-items: center; gap: 12px; min-height: 54px; padding: 8px 12px;
  border: 0; border-radius: 14px; background: transparent; color: var(--v-text); text-align: left; cursor: pointer;
  transition: background-color .12s ease;
}
.ds-cmd-row.is-active { background: var(--v-soft); }
.ds-cmd-ico, .ds-cmd-av {
  width: 36px; height: 36px; flex: none; border-radius: 11px; display: flex; align-items: center; justify-content: center;
  background: var(--v-soft); color: var(--v-text);
}
.ds-cmd-row.is-active .ds-cmd-ico { background: var(--v-card); }
.ds-cmd-action { background: var(--v-o-soft); color: var(--v-o-text); }
.ds-cmd-row.is-active .ds-cmd-action { background: var(--v-o-soft); }
.ds-cmd-av { border-radius: 50%; background: var(--v-text); color: var(--v-card); font-size: 12px; font-weight: 800; }
.ds-cmd-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ds-cmd-title { font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ds-cmd-title mark { background: var(--v-o-soft); color: var(--v-o-text); border-radius: 4px; padding: 0 1px; }
.ds-cmd-sub { font-size: 12px; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ds-cmd-verb {
  flex: none; opacity: 0; height: 26px; padding: 0 10px; border-radius: 8px; font-size: 12px; font-weight: 800;
  background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-line); display: flex; align-items: center;
  transition: opacity .15s ease;
}
.ds-cmd-row.is-active .ds-cmd-verb { opacity: 1; }
.ds-cmd-empty { padding: 48px 16px; text-align: center; color: var(--v-muted); font-size: 15px; }
.ds-cmd-foot { display: flex; gap: 18px; align-items: center; height: 46px; padding: 0 18px; border-top: 1px solid var(--v-line); font-size: 12px; font-weight: 600; color: var(--v-muted); }
.ds-cmd-foot b { color: var(--v-text); }
@media (max-width: 860px) {
    .ds-cmd-box { top: calc(10px + env(safe-area-inset-top, 0px)); border-radius: 22px; }
  .ds-cmd-foot { display: none; }
  .ds-cmd-verb { display: none; }
  .ds-cmd-head input { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .ds-cmd-box, .ds-cmd-backdrop { animation: none !important; } }
#ds-cmd .ds-cmd-head input:focus, #ds-cmd .ds-cmd-head input { box-shadow: none !important; border: 0 !important; outline: none !important; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }




:root { --v-stat: #F7F7F8; --v-me: #FFF8F3; --v-streak: #E0662A; --v-down: #B91C1C; --v-lock: #A1A1AA; }
:root[data-theme="dark"] { --v-stat: #1F1F23; --v-me: rgba(242, 92, 5, 0.1); --v-streak: #FF9A5C; --v-down: #F87171; --v-lock: #71717A; }

.h26 { display: flex; flex-direction: column; gap: 64px; color: var(--v-text); font-family: var(--v-font); }
.h26 button { font-family: inherit; }
.h26 h1, .h26 h2, .h26 h3 { margin: 0; color: var(--v-text); }
.h26-m-only, .h26-head.h26-m-only, .h26-short { display: none; }
.h26-sec { display: flex; flex-direction: column; gap: 20px; min-width: 0; }


.h26-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.h26-head > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.h26-head h2 { font-family: var(--v-display); font-weight: 700; font-size: 24px; letter-spacing: -0.01em; line-height: 1.2; }
.h26-head p { margin: 0; font-size: 15px; color: var(--v-muted); }
.h26-light-btn {
  height: 36px; padding: 0 16px; border: 0; border-radius: 999px; flex-shrink: 0; cursor: pointer;
  background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text);
  font-size: 13px; font-weight: 600; display: flex; align-items: center; white-space: nowrap;
  transition: transform .25s var(--v-spring), background-color .2s ease;
}
.h26-light-btn:hover { transform: translateY(-1px); }
.h26-light-btn:active { transform: scale(.95); }


.h26-card { box-sizing: border-box; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); min-width: 0; }
.h26-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.h26-card-head h3 { font-family: var(--v-display); font-weight: 700; font-size: 20px; line-height: 1.2; }
.h26-card-head > span { font-size: 13px; color: var(--v-muted); }
.h26-card-head-start { justify-content: flex-start; }
.h26-empty { padding: 18px 0; font-size: 14px; color: var(--v-muted); }
.h26-card.h26-empty { padding: 24px; }


.h26-pill {
  height: 26px; padding: 0 10px; border-radius: 999px; box-sizing: border-box; flex-shrink: 0;
  font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
  background: var(--v-soft); color: var(--v-text2);
}
.h26-pill > i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.h26-pill-o { background: var(--v-o-soft); color: var(--v-o-text); }
.h26-pill-o2 { background: var(--v-o-soft2); color: var(--v-o-text); }
.h26-pill-b { background: var(--v-b-soft); color: var(--v-b-text); }
.h26-pill-p { background: var(--v-p-soft); color: var(--v-p-text); }
.h26-pill-g { background: var(--v-g-soft); color: #166534; }
.h26-pill-a { background: var(--v-a-soft); color: var(--v-a-text); }
:root[data-theme="dark"] .h26-pill-g { color: var(--v-g-text); }


.h26-hero { padding-top: 40px; display: flex; flex-direction: column; align-items: center; gap: 22px; text-align: center; }
.h26-hello { font-size: 15px; font-weight: 500; color: var(--v-muted); }
.h26 .h26-title { font-family: var(--v-display); font-weight: 700; font-size: 46px; line-height: 1.1; letter-spacing: -0.02em; color: var(--v-h1); }
.h26-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 4px; }
.h26-chip {
  display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border: 0; border-radius: 999px;
  background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 2px 6px rgba(0, 0, 0, 0.04);
  font-size: 14px; font-weight: 600; color: var(--v-chip); cursor: pointer; white-space: nowrap; flex-shrink: 0;
  transition: transform .3s var(--v-spring), box-shadow .3s ease;
}
.h26-chip:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px #E4E4E7, 0 8px 18px rgba(0, 0, 0, 0.08); }
.h26-chip:active { transform: scale(.95); }
.h26-ask {
  position: relative; width: 720px; max-width: 100%; height: 60px; box-sizing: border-box; margin: 0;
  display: flex; align-items: center; gap: 12px; padding: 0 10px 0 22px; border-radius: 24px;
  background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 16px 40px rgba(0, 0, 0, 0.07);
}
.h26-ask input {
  flex-grow: 1; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0 !important; outline: none; box-shadow: none !important;
  background: transparent; font-family: var(--v-font); font-size: 15px; color: var(--v-text);
}
.h26-ask input::placeholder { color: var(--v-muted); opacity: 1; }
.h26-send {
  width: 42px; height: 42px; flex-shrink: 0; border: 0; border-radius: 50%; padding: 0; cursor: pointer;
  background: var(--v-accent); color: #FFFFFF; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3);
  transition: transform .4s var(--v-spring), box-shadow .3s ease;
}
.h26-send:hover { transform: scale(1.1) rotate(-8deg); box-shadow: 0 10px 24px rgba(242, 92, 5, 0.45); }
.h26-send:active { transform: scale(.86); }
.h26-ask.is-busy .h26-send { pointer-events: none; animation: h26busy 1s linear infinite; }
.h26-ask.is-busy .h26-send svg { opacity: .5; }
@keyframes h26busy { 0% { box-shadow: 0 0 0 0 rgba(242, 92, 5, .5); } 100% { box-shadow: 0 0 0 12px rgba(242, 92, 5, 0); } }
.h26-hint { font-size: 13px; color: var(--v-muted); display: flex; align-items: center; justify-content: center; gap: 6px; }
.h26-manager > i { width: 7px; height: 7px; border-radius: 50%; background: var(--v-g-dot); }


.h26-deadline {
  width: 720px; max-width: 100%; box-sizing: border-box; display: flex; align-items: center; gap: 14px;
  padding: 12px 12px 12px 14px; border-radius: 24px; text-align: left;
  background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 16px 40px rgba(0, 0, 0, 0.07);
}
.h26-deadline .h26-date { width: 56px; border-radius: 14px; }
.h26-deadline-main { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.h26-deadline-kicker { font-size: 12px; font-weight: 800; color: var(--v-o-text); display: flex; align-items: center; gap: 6px; }
.h26-deadline-kicker > i { width: 7px; height: 7px; border-radius: 50%; background: var(--v-accent); flex-shrink: 0; }
.h26-deadline-title { font-size: 15px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h26-deadline-btn {
  height: 44px; padding: 0 18px; border: 0; border-radius: 14px; flex-shrink: 0; cursor: pointer;
  background: var(--v-accent); color: #FFFFFF; font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 8px;
  box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3);
  transition: transform .4s var(--v-spring), box-shadow .3s ease;
}
.h26-deadline-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(242, 92, 5, 0.45); }
.h26-deadline-btn:active { transform: scale(.95); }


.h26-date {
  width: 64px; flex-shrink: 0; box-sizing: border-box; display: flex; flex-direction: column; align-items: center;
  padding: 8px 0; border-radius: 12px; background: var(--v-soft); color: var(--v-chip);
  transition: transform .35s var(--v-spring);
}
.h26-date b { font-family: var(--v-display); font-weight: 800; font-size: 20px; line-height: 1; }
.h26-date span { font-size: 12px; font-weight: 700; }
.h26-date.is-hot { background: var(--v-o-soft); color: var(--v-o-text); }


.h26-posters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.h26-poster {
  position: relative; height: 248px; box-sizing: border-box; padding: 24px; border: 0; border-radius: 24px; overflow: hidden;
  background: var(--v-poster); color: #FFFFFF; text-align: left; cursor: pointer;
  display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; gap: 6px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
  transition: transform .45s var(--v-ease), box-shadow .45s ease;
}
.h26-poster:hover { transform: translateY(-6px); box-shadow: 0 28px 56px rgba(0, 0, 0, 0.25); }
.h26-art { position: absolute; right: -16px; top: -12px; width: 180px; height: 180px; transition: transform .6s var(--v-spring); }
.h26-poster:hover .h26-art { transform: translate(-8px, 6px) rotate(-8deg) scale(1.08); }
.h26-poster-count, .h26-poster-top > b {
  position: relative; font-family: var(--v-display); font-weight: 800; font-size: 56px; line-height: 1; letter-spacing: -0.03em;
}
.h26-poster-count.is-money { font-size: 44px; }
.h26-poster-top { position: relative; display: flex; align-items: baseline; gap: 12px; }
.h26-poster-top em { font-style: normal; font-family: var(--v-display); font-weight: 700; font-size: 18px; color: rgba(255, 255, 255, 0.8); }
.h26-poster-label { position: relative; font-family: var(--v-display); font-weight: 700; font-size: 20px; }
.h26-role-expert .h26-poster-label { font-size: 19px; }
.h26-poster-note { position: relative; font-size: 13px; color: rgba(255, 255, 255, 0.72); }


.h26-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.h26-tile {
  height: 132px; box-sizing: border-box; padding: 20px; border: 0; border-radius: 20px; cursor: pointer; text-align: left;
  background: var(--v-card); box-shadow: var(--v-card-shadow); color: var(--v-text);
  display: flex; flex-direction: column; justify-content: space-between;
  transition: transform .35s var(--v-ease), box-shadow .35s ease;
}
.h26-tile:hover { transform: translateY(-4px); box-shadow: var(--v-lift-shadow); }
.h26-tile-top { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 14px; font-weight: 600; color: var(--v-text3); }
.h26-ico { width: 34px; height: 34px; flex-shrink: 0; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-style: normal; }
.h26-ico-n { background: var(--v-soft2); color: var(--v-chip); }
.h26-ico-o { background: var(--v-o-soft); color: var(--v-o-text); }
.h26-ico-b { background: var(--v-b-soft); color: var(--v-b-text); }
.h26-ico-p { background: var(--v-p-soft); color: var(--v-p-text); }
.h26-ico-g { background: var(--v-g-soft); color: #166534; }
.h26-ico-a { background: var(--v-a-soft); color: var(--v-a-text); }
:root[data-theme="dark"] .h26-ico-g { color: var(--v-g-text); }
.h26-tile-bottom { display: flex; align-items: baseline; gap: 8px; }
.h26-tile-bottom b { font-family: var(--v-display); font-weight: 700; font-size: 36px; letter-spacing: -0.02em; line-height: 1.2; }
.h26-tile-bottom em { font-style: normal; font-size: 13px; font-weight: 600; color: var(--v-o-text); }

.h26-tiles-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.h26-tiles-6 .h26-tile { height: 120px; padding: 18px; }
.h26-tiles-6 .h26-tile-top { font-size: 13px; }
.h26-tiles-6 .h26-ico { width: 32px; height: 32px; }
.h26-tiles-6 .h26-ico-n { background: var(--v-soft); }
.h26-tiles-6 .h26-tile-bottom b { font-size: 32px; }


.h26-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 16px; }
.h26-att { display: flex; flex-direction: column; min-width: 0; }
.h26-att > .h26-attention { flex-grow: 1; }
.h26-attention { padding: 24px 24px 12px; display: flex; flex-direction: column; }
.h26-attention .h26-card-head { padding-bottom: 12px; }
.h26-row {
  display: flex; align-items: center; gap: 16px; padding: 14px 0; border-top: 1px solid var(--v-row); cursor: pointer; outline: none;
}
.h26-row:hover .h26-date, .h26-row:focus-visible .h26-date { transform: scale(1.08) rotate(-3deg); }
.h26-row-main { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.h26-row-title { font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .2s ease; }
.h26-row:hover .h26-row-title, .h26-row:focus-visible .h26-row-title { color: var(--v-o-text); }
.h26-row-sub { font-size: 13px; color: var(--v-muted); }
.h26-row > .h26-pill { height: 28px; padding: 0 12px; }

.h26-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.h26-team { padding: 24px; display: flex; flex-direction: column; gap: 18px; }
.h26-online { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--v-g-text) !important; }
.h26-online > i, .h26-av > i {
  width: 8px; height: 8px; border-radius: 50%; background: var(--v-g-dot); flex-shrink: 0;
}
.h26-avatars { display: flex; align-items: center; }
.h26-av {
  position: relative; width: 44px; height: 44px; box-sizing: border-box; flex-shrink: 0; padding: 0;
  border: 3px solid var(--v-card); border-radius: 50%; background: #1E1E1E; color: #FFFFFF;
  font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center;
}
.h26-av + .h26-av { margin-left: -10px; }
.h26-av img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.h26-av > .avatar-initials, .h26-av > span:not([class]) { font-size: 13px; }
.h26-av > i { position: absolute; right: -1px; bottom: -1px; width: 10px; height: 10px; box-sizing: border-box; border: 2px solid var(--v-card); }
.h26-av-more { background: var(--v-soft2); color: var(--v-text2); cursor: pointer; font-family: inherit; }
.h26-roles { display: flex; flex-wrap: wrap; gap: 8px; }
.h26-role {
  height: 30px; padding: 0 12px; border: 0; border-radius: 999px; cursor: pointer;
  background: var(--v-soft); color: var(--v-text2); font-size: 13px; font-weight: 600;
  transition: background-color .2s ease;
}
.h26-role:hover { background: var(--v-hover); color: var(--v-text); }


.h26-chart { flex-grow: 1; padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.h26-delta { font-size: 13px !important; font-weight: 700; color: var(--v-g-text) !important; }
.h26-delta.is-down { color: var(--v-down) !important; }
.h26-bars { flex-grow: 1; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; align-items: end; }
.h26-col { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; }
.h26-col > b { font-family: var(--v-display); font-size: 13px; font-weight: 800; white-space: nowrap; }
.h26-bar { display: block; width: 100%; border-radius: 8px; background: var(--v-bar); transform-origin: 50% 100%; }
.h26-bar.is-prev { background: var(--v-bar2); }
.h26-col.is-current .h26-bar { background: var(--v-accent); }
.h26-col > span { font-size: 12px; font-weight: 600; color: var(--v-muted); }
.h26-col.is-current > span { font-weight: 700; color: var(--v-text); }
.h26-role-expert .h26-bars { min-height: 150px; }


.h26-posts { position: relative; overflow: hidden; padding-top: 12px; margin-top: -12px; }
.h26-track { display: flex; width: max-content; }
.h26-posts:not(.is-marquee) .h26-track { width: auto; overflow-x: auto; scrollbar-width: none; }
.h26-post {
  width: 300px; margin-right: 16px; flex-shrink: 0; padding: 0; border: 0; background: none; cursor: pointer; text-align: left;
  color: var(--v-text); display: flex; flex-direction: column; gap: 14px;
}
.h26-cover {
  position: relative; overflow: hidden; height: 220px; box-sizing: border-box; padding: 22px; border-radius: 24px;
  color: #FFFFFF; display: flex; flex-direction: column; justify-content: space-between;
  transition: transform .5s var(--v-ease), box-shadow .5s ease;
}
.h26-post:hover .h26-cover { transform: translateY(-6px); box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18); }
.h26-cover-0 { background: #1C2541; } .h26-cover-1 { background: #2A1A12; } .h26-cover-2 { background: #14302A; }
.h26-cover-3 { background: #26262B; } .h26-cover-4 { background: #3A1E3A; }
.h26-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .38; }
.h26-cover-tag, .h26-cover-title { position: relative; }
.h26-cover-tag {
  align-self: flex-start; height: 24px; padding: 0 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.14);
  font-size: 11px; font-weight: 700; letter-spacing: 0.06em; display: flex; align-items: center;
  max-width: 100%; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.h26-cover-tag.is-accent { background: var(--v-accent); }
.h26-cover-title {
  font-family: var(--v-display); font-weight: 800; font-size: 26px; line-height: 1.12; letter-spacing: -0.02em;
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
.h26-post-meta { display: flex; flex-direction: column; gap: 4px; padding: 0 4px; }
.h26-post-meta b { font-size: 15px; font-weight: 600; }
.h26-post-meta > span { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--v-muted); }


.h26-week { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }
.h26-plan { padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.h26-plan .h26-card-head { flex-wrap: wrap; }
.h26-plan-sum { display: flex; align-items: baseline; flex-wrap: wrap; column-gap: 0; row-gap: 6px; }
.h26-plan-sum > b { font-family: var(--v-display); font-weight: 800; font-size: 44px; letter-spacing: -0.03em; line-height: 1; }
.h26-plan-sum > span { margin-left: 10px; font-size: 14px; color: var(--v-muted); }
.h26-plan-bar { position: relative; padding-top: 18px; }
.h26-plan-track { display: block; height: 12px; border-radius: 6px; background: var(--v-row); overflow: hidden; }
.h26-plan-track .h26-fill { border-radius: 6px; background: var(--v-accent); }
.h26-fill { display: block; height: 100%; transform-origin: 0 50%; }
.h26-plan-tick { position: absolute; top: 12px; width: 2px; height: 24px; border-radius: 1px; background: var(--v-text); }
.h26-plan-mark { position: absolute; top: -4px; font-size: 11px; font-weight: 800; }
.h26-plan-end { position: absolute; right: 0; top: -4px; font-size: 11px; font-weight: 800; color: var(--v-muted); }
.h26-goal {
  display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 16px;
  background: var(--v-o-soft); color: var(--v-o-text); font-size: 14px; font-weight: 700;
}
.h26-goal svg { flex-shrink: 0; }
.h26-plan-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.h26-plan-stats > div { padding: 12px; border-radius: 16px; background: var(--v-stat); display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.h26-plan-stats span { font-size: 12px; font-weight: 600; color: var(--v-muted); }
.h26-plan-stats b { font-family: var(--v-display); font-size: 17px; }
.h26-plan-stats b.is-dim { color: var(--v-muted); }
.h26-pill.is-done { background: var(--v-g-soft); color: #166534; }
:root[data-theme="dark"] .h26-pill.is-done { color: var(--v-g-text); }

.h26-leaders { padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.h26-lead-list { display: flex; flex-direction: column; gap: 2px; }
.h26-lead { display: flex; align-items: center; gap: 12px; padding: 10px 8px; border-radius: 14px; transition: background-color .2s ease; }
.h26-lead:hover { background: var(--v-stat); }
.h26-lead.is-me { background: var(--v-me); }
.h26-place {
  width: 28px; height: 28px; flex-shrink: 0; border-radius: 9px; background: var(--v-soft); color: var(--v-text2);
  display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800;
}
.h26-place.is-crown { background: var(--v-o-soft); color: var(--v-o-text); }
.h26-lead-av {
  width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; overflow: hidden; background: #1E1E1E; color: #FFFFFF;
  font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center;
}
.h26-lead-av img { width: 100%; height: 100%; object-fit: cover; }
.h26-lead-main { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.h26-lead-name { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; }
.h26-lead-name em { font-style: normal; color: var(--v-muted); font-weight: 600; }
.h26-streak { display: inline-flex; align-items: center; gap: 2px; font-style: normal; color: var(--v-streak); font-size: 12px; font-weight: 800; }
.h26-flame { display: inline-flex; transform-origin: 50% 100%; }
.h26-mini { display: block; height: 6px; border-radius: 3px; background: var(--v-row); overflow: hidden; }
.h26-mini .h26-fill { border-radius: 3px; background: var(--v-text); }
.h26-lead.is-me .h26-mini .h26-fill { background: var(--v-accent); }
.h26-lead-sum { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex-shrink: 0; }
.h26-lead-sum b { font-family: var(--v-display); font-size: 15px; white-space: nowrap; }
.h26-lead.is-me .h26-lead-sum b { color: var(--v-accent); }
.h26-lead-sum small { font-size: 11px; font-weight: 800; color: var(--v-g-text); }
.h26-last { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--v-muted); }
.h26-last svg { color: var(--v-o-text); flex-shrink: 0; }
.h26-last b { color: var(--v-text); }
.h26-team-goal { display: flex; flex-direction: column; gap: 8px; padding-top: 12px; border-top: 1px solid var(--v-row); }
.h26-team-goal > div { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; font-weight: 700; }
.h26-team-goal > div span:last-child { color: var(--v-muted); }
.h26-goal-track { display: block; height: 8px; border-radius: 4px; background: var(--v-row); overflow: hidden; }
.h26-goal-track .h26-fill { border-radius: 4px; background: var(--v-text); }


.h26-badges { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.h26-badge {
  box-sizing: border-box; padding: 16px 10px; border-radius: 20px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-ring);
  display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; cursor: default;
  transition: transform .4s var(--v-spring), box-shadow .35s ease;
}
.h26-badge:hover { transform: translateY(-4px) rotate(-2deg); }
.h26-badge > b { font-size: 13px; font-weight: 800; line-height: 1.25; }
.h26-badge-ico {
  position: relative; width: 58px; height: 58px; border-radius: 18px; background: var(--v-accent); color: #FFFFFF;
  display: flex; align-items: center; justify-content: center;
}
.h26-badge.is-locked .h26-badge-ico { background: var(--v-soft); color: var(--v-lock); }
.h26-badge-ico > i {
  position: absolute; right: -4px; bottom: -4px; width: 22px; height: 22px; border-radius: 50%;
  background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: #71717A;
  display: flex; align-items: center; justify-content: center;
}
.h26-badge-off { font-size: 12px; font-weight: 600; color: var(--v-lock); }
.h26-next {
  display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 16px;
  background: var(--v-card); box-shadow: 0 0 0 1px var(--v-ring); font-size: 14px;
}
.h26-next > svg { color: var(--v-accent); flex-shrink: 0; }


.h26-grid-expert { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: start; }
.h26-count {
  min-width: 24px; height: 24px; padding: 0 7px; box-sizing: border-box; border-radius: 12px;
  background: var(--v-accent); color: #FFFFFF !important; font-size: 12px !important; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
}
.h26-ready { padding: 24px 24px 12px; display: flex; flex-direction: column; }
.h26-ready .h26-card-head { padding-bottom: 6px; }
.h26-ready-toggle { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.h26-ready-toggle h3 { margin: 0; }
.h26-ready-chev { margin-left: auto; width: 32px; height: 32px; flex: none; border-radius: 10px; background: var(--v-soft); color: var(--v-text2); display: inline-flex; align-items: center; justify-content: center; transition: transform .2s ease; }
.h26-ready.is-collapsed .h26-ready-chev { transform: rotate(-90deg); }
.h26-ready.is-collapsed { padding-bottom: 24px; }
.h26-ready.is-collapsed .h26-ready-body { display: none; }
.h26-ready-more[hidden] { display: none; }
.h26-ready-more .h26-ready-row, .h26-ready-more { border-top: 1px solid var(--v-row); }
.h26-ready-more .h26-ready-row:first-child { border-top: 0; }
.h26-ready-more-btn {
  width: 100%; height: 44px; margin: 4px 0 8px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text);
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;
}
.h26-ready-more-btn svg { transition: transform .2s ease; }
.h26-ready-more-btn[aria-expanded="true"] svg { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) { .h26-ready-chev, .h26-ready-more-btn svg { transition: none; } }
.h26-ready-row { display: flex; align-items: center; gap: 16px; padding: 16px 4px; cursor: pointer; }
.h26-ready-row + .h26-ready-row { border-top: 1px solid var(--v-row); }
.h26-ready-row:hover .h26-row-title { color: var(--v-o-text); }
.h26-ready-ico {
  width: 44px; height: 44px; flex-shrink: 0; border-radius: 14px; background: var(--v-o-soft); color: var(--v-o-text);
  display: flex; align-items: center; justify-content: center;
}
.h26-ready-main { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.h26-ready-main .h26-row-title { font-weight: 700; }
.h26-ready-sub { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--v-muted); min-width: 0; }
.h26-ready-note { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h26-ready-sum { font-family: var(--v-display); font-size: 18px; white-space: nowrap; }
.h26-dark-btn {
  height: 40px; padding: 0 16px; border: 0; border-radius: 12px; flex-shrink: 0; cursor: pointer;
  background: var(--v-ink); color: var(--v-on-ink); font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 6px;
  transition: transform .4s var(--v-spring);
}
.h26-dark-btn:hover { transform: translateY(-1px); }
.h26-dark-btn:active { transform: scale(.94); }
.h26-active-pay { padding: 24px 24px 10px; display: flex; flex-direction: column; }
.h26-active-pay .h26-card-head { padding-bottom: 4px; }
.h26-pay-row { display: flex; flex-direction: column; gap: 8px; padding: 14px 0; }
.h26-pay-row + .h26-pay-row { border-top: 1px solid var(--v-row); }
.h26-pay-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.h26-pay-top .h26-row-title { min-width: 0; font-size: 14px; font-weight: 700; }
.h26-pay-top b { font-family: var(--v-display); font-size: 16px; white-space: nowrap; }
.h26-pay-sub { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12px; color: var(--v-muted); }

.h26-pool { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.h26-pool-card {
  box-sizing: border-box; padding: 18px; border-radius: 22px; background: var(--v-card); box-shadow: var(--v-card-shadow);
  display: flex; flex-direction: column; gap: 12px; min-width: 0;
  transition: transform .35s var(--v-ease), box-shadow .35s ease;
}
.h26-pool-card:hover { transform: translateY(-4px); box-shadow: var(--v-lift-shadow); }
.h26-pool-top { display: flex; align-items: center; gap: 8px; }
.h26-pool-num { font-size: 12px; font-weight: 700; color: var(--v-muted); }
.h26-pool-match { margin-left: auto; }
.h26-pool-title { font-size: 16px; font-weight: 800; line-height: 1.3; }
.h26-pool-sub { font-size: 13px; color: var(--v-muted); }
.h26-pool-bottom {
  margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding-top: 12px; border-top: 1px solid var(--v-row);
}
.h26-pool-bottom b { font-family: var(--v-display); font-size: 17px; }
.h26-soft-btn {
  height: 38px; padding: 0 14px; border: 0; border-radius: 12px; cursor: pointer; flex-shrink: 0;
  background: var(--v-soft); color: var(--v-text); font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 6px;
  transition: transform .25s var(--v-spring), background-color .2s ease;
}
.h26-soft-btn:hover { transform: translateY(-1px); background: var(--v-hover); }
.h26-soft-btn:active { transform: scale(.95); }


.h26.is-playing .h26-rv { animation: h26rise .8s var(--v-ease) both; }
.h26.is-playing .h26-pop { animation: h26pop .75s var(--v-ease) both; }
.h26.is-playing .h26-bar { animation: h26grow 1.1s var(--v-ease) both; }
.h26.is-playing .h26-fill { animation: h26fill 1.3s var(--v-ease) both; }
.h26.is-playing .h26-posts.is-marquee .h26-track { animation: h26marquee 48s linear infinite; }
.h26-posts.is-marquee .h26-track:hover { animation-play-state: paused !important; }
.h26.is-playing .h26-online > i, .h26.is-playing .h26-av > i, .h26.is-playing .h26-manager > i { animation: h26pulse 2.2s ease-out infinite; }
.h26.is-playing .h26-deadline-kicker > i { animation: h26ring 1.8s ease-out infinite; }
.h26.is-playing .h26-badge-ico.is-new { animation: h26glow 2.8s ease-in-out infinite; }
.h26.is-playing .h26-flame { animation: h26flame 1.6s ease-in-out infinite; }
@keyframes h26rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@keyframes h26pop { from { opacity: 0; transform: translateY(18px) scale(.95); } to { opacity: 1; transform: none; } }
@keyframes h26grow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes h26fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes h26marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes h26pulse { 0% { box-shadow: 0 0 0 0 rgba(34, 165, 89, .55); } 70% { box-shadow: 0 0 0 7px rgba(34, 165, 89, 0); } 100% { box-shadow: 0 0 0 0 rgba(34, 165, 89, 0); } }
@keyframes h26ring { 0% { box-shadow: 0 0 0 0 rgba(242, 92, 5, .6); } 100% { box-shadow: 0 0 0 9px rgba(242, 92, 5, 0); } }
@keyframes h26glow { 0%, 100% { box-shadow: 0 0 0 0 rgba(242, 92, 5, 0), 0 10px 24px rgba(242, 92, 5, .18); } 50% { box-shadow: 0 0 0 6px rgba(242, 92, 5, .10), 0 14px 30px rgba(242, 92, 5, .28); } }
@keyframes h26flame { 0%, 100% { transform: scale(1) rotate(0); } 50% { transform: scale(1.12) rotate(-4deg); } }


@media (max-width: 1280px) and (min-width: 861px) {
  .h26-tiles-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .h26-badges { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1100px) and (min-width: 861px) {
  .h26-grid, .h26-week, .h26-grid-expert { grid-template-columns: minmax(0, 1fr); }
  .h26-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .h26-posters, .h26-pool { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


@media (max-width: 860px) {
  .h26 { gap: 32px; }
  .h26-sec { gap: 14px; }
  .h26-d-only { display: none !important; }
  .h26-long { display: none; }
  .h26-short { display: inline; }
  .h26-head.h26-m-only { display: flex; }
  .h26-sec-week .h26-head p, .h26-sec-badges .h26-head p { display: none; }
  .h26-hscroll-m, .h26-chips, .h26-posters, .h26-pool, .h26-badges {
    overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity;
  }
  .h26-chips::-webkit-scrollbar, .h26-posters::-webkit-scrollbar, .h26-pool::-webkit-scrollbar, .h26-badges::-webkit-scrollbar { display: none; }


  .h26-hero { padding-top: 0; align-items: stretch; gap: 14px; text-align: left; }
  .h26-hello { font-size: 14px; }
  .h26 .h26-title { font-weight: 800; font-size: 32px; line-height: 1.08; letter-spacing: -0.03em; }
  .h26-chips { flex-wrap: nowrap; justify-content: flex-start; gap: 8px; margin: 0 -16px; padding: 2px 16px 4px; }
  .h26-chip { padding: 0 14px; box-shadow: 0 0 0 1px var(--v-chip-ring); }
  .h26-role-expert .h26-chip { padding: 0 16px; box-shadow: 0 0 0 1px var(--v-chip-ring), 0 2px 6px rgba(0, 0, 0, 0.04); }
  .h26-ask { width: 100%; height: 56px; gap: 8px; padding: 0 8px 0 16px; border-radius: 20px; box-shadow: 0 0 0 1px var(--v-chip-ring), 0 14px 34px rgba(0, 0, 0, 0.07); }
  .h26-ask input { font-size: 16px; }
  .h26-send { width: 40px; height: 40px; }
  .h26-hint { font-size: 12px; justify-content: flex-start; }
  .h26-deadline { width: 100%; }
  .h26-deadline-btn svg { display: none; }


  .h26-posters, .h26-pool { display: flex; gap: 12px; margin: 0 -16px; padding: 0 16px 4px; }
  .h26-posters { padding-bottom: 0; }
  .h26-poster { flex: 0 0 82%; height: 196px; padding: 20px; scroll-snap-align: start; scroll-margin-left: 16px; }
  .h26-art { right: -6px; top: -6px; }
  .h26-poster-count, .h26-poster-top > b { font-size: 44px; }
  .h26-role-expert .h26-poster { height: 200px; }
  .h26-poster-count.is-money { font-size: 38px; }


  .h26-tiles, .h26-tiles-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .h26-tile { height: 112px; padding: 16px; }
  .h26-tile-bottom b { font-size: 30px; }
  .h26-tiles-6 .h26-tile { height: 104px; padding: 14px; }
  .h26-tiles-6 .h26-tile-bottom b { font-size: 26px; }


  .h26-grid, .h26-grid-expert { display: flex; flex-direction: column; align-items: stretch; gap: 32px; }
  .h26-att { gap: 14px; }
  .h26-attention { padding: 4px 18px; }
  .h26-attention .h26-row-title { white-space: normal; line-height: 1.35; }
  .h26-attention .h26-row > .h26-pill { display: none; }
  .h26-role-admin .h26-chart, .h26-role-manager .h26-chart { display: none; }
  .h26-role-manager .h26-grid > .h26-side { display: none; }
  .h26-team { padding: 18px; gap: 14px; }
  .h26-av { width: 42px; height: 42px; border-width: 0; }
  .h26-av + .h26-av { margin-left: -10px; }
  .h26-av > i { border-color: var(--v-card); }
  .h26-av-more, .h26-roles { display: none !important; }


  .h26-posts { margin: -12px -16px 0; padding: 12px 16px 4px; overflow-x: auto; scrollbar-width: none; }
  .h26-posts::-webkit-scrollbar { display: none; }
  .h26.is-playing .h26-posts.is-marquee .h26-track { animation: none; }
  .h26-post { width: 240px; margin-right: 12px; }
  .h26-post:nth-child(n + 4) { display: none; }
  .h26-cover { height: 180px; }
  .h26-cover-title { font-size: 22px; }


  .h26-week { display: flex; flex-direction: column; gap: 14px; }
  .h26-plan, .h26-leaders { padding: 20px; }
  .h26-plan-sum > b { font-size: 34px; }
  .h26-badges { display: flex; gap: 10px; margin: 0 -16px; padding: 4px 16px; }
  .h26-badge { flex: 0 0 132px; scroll-snap-align: start; }


  .h26-grid-expert > .h26-side { display: contents; }
  .h26-ready, .h26-active-pay, .h26-chart { padding: 18px; }
  .h26-ready-row {
    display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "pill num" "name name" "note note" "sum btn";
    align-items: center; gap: 10px 8px; padding: 14px 0; cursor: default;
  }
  .h26-ready-ico { display: none; }
  .h26-ready-main, .h26-ready-main .h26-row-title, .h26-ready-sub { display: contents; }
  .h26-ready-sub .h26-pill { grid-area: pill; }
  .h26-ready-num { grid-area: num; font-size: 12px; font-weight: 700; color: var(--v-muted); }
  .h26-ready-name { grid-area: name; font-size: 15px; font-weight: 700; }
  .h26-ready-note { grid-area: note; font-size: 12px; color: var(--v-muted); white-space: normal; }
  .h26-ready-sum { grid-area: sum; }
  .h26-ready-row .h26-dark-btn { grid-area: btn; justify-self: end; }
  .h26-role-expert .h26-bars { min-height: 0; }
  .h26-col > b { font-size: 12px; }
  .h26-pool-card { flex: 0 0 84%; scroll-snap-align: start; scroll-margin-left: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .h26 *, .h26 { animation: none !important; transition: none !important; }
}




:root { --v-r-soft: #FDECEC; --v-r-text: #B42318; --v-row-hover: #FAFAFB; --v-dash: #C4C4CC; }
:root[data-theme="dark"] { --v-r-soft: rgba(239, 68, 68, 0.18); --v-r-text: #FCA5A5; --v-row-hover: #1F1F23; --v-dash: #52525B; }

.h26.o26 { gap: 24px; }


.o26-head { padding-top: 8px; display: flex; align-items: flex-end; gap: 10px; }
.o26-text { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; margin-right: 14px; }
.h26 .o26-h1 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; line-height: 1.2; letter-spacing: -0.02em; color: var(--v-h1); }
.o26-text p { margin: 0; font-size: 15px; color: var(--v-muted); }
.o26-stats { font-size: 13px; font-weight: 600; color: var(--v-text2); }
.o26-stats:empty { display: none; }
.o26-search {
  width: 360px; height: 44px; box-sizing: border-box; padding: 0 14px; flex-shrink: 0;
  border-radius: 14px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring);
  display: flex; align-items: center; gap: 10px; color: var(--v-muted);
}
.o26-search:focus-within { box-shadow: 0 0 0 2px var(--v-accent); }
.o26-search svg { flex-shrink: 0; }
.o26-search input {
  flex-grow: 1; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0 !important; outline: none; box-shadow: none !important;
  background: transparent; font-family: var(--v-font); font-size: 14px; color: var(--v-text); -webkit-appearance: none; appearance: none;
}
.o26-search input::placeholder { color: var(--v-muted); opacity: 1; }
.o26-search input::-webkit-search-cancel-button { -webkit-appearance: none; }
.o26-new {
  height: 44px; padding: 0 18px; border: 0; border-radius: 14px; flex-shrink: 0; cursor: pointer;
  background: var(--v-accent); color: #FFFFFF; font-family: var(--v-font); font-size: 14px; font-weight: 700;
  display: flex; align-items: center; gap: 8px; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3);
  transition: transform .4s var(--v-spring), box-shadow .3s ease;
}
.o26-new:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(242, 92, 5, 0.45); }
.o26-new:active { transform: scale(.95); }


.o26-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.o26-chip {
  display: flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; border: 0; border-radius: 999px; flex-shrink: 0; cursor: pointer; white-space: nowrap;
  background: var(--v-card); color: var(--v-chip); box-shadow: 0 0 0 1px var(--v-chip-ring);
  font-family: var(--v-font); font-size: 13px; font-weight: 600;
  transition: transform .3s var(--v-spring), background-color .2s ease, color .2s ease;
}
.o26-chip:hover { transform: translateY(-2px); }
.o26-chip:active { transform: scale(.95); }
.o26-chip > span {
  min-width: 22px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px;
  background: var(--v-soft); color: var(--v-text2); font-size: 11px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
}
.o26-chip.is-on { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.o26-chip.is-on > span { background: rgba(255, 255, 255, 0.18); color: var(--v-on-ink); }
:root[data-theme="dark"] .o26-chip.is-on > span { background: rgba(20, 20, 20, 0.12); }
.o26-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.o26-dot-o { background: var(--v-o-text); } .o26-dot-b { background: var(--v-b-text); } .o26-dot-p { background: var(--v-p-text); }
.o26-dot-a { background: var(--v-a-text); } .o26-dot-g { background: #166534; } .o26-dot-n { background: var(--v-text3); } .o26-dot-r { background: var(--v-r-text); }
:root[data-theme="dark"] .o26-dot-g { background: var(--v-g-text); }


.o26-hint {
  display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 16px;
  background: var(--v-card); box-shadow: 0 0 0 1px var(--v-ring); font-size: 14px; color: var(--v-text);
}
.o26-hint[hidden] { display: none; }
.o26-hint > svg { flex-shrink: 0; color: var(--v-accent); }
.o26-hint button {
  margin-left: auto; height: 32px; padding: 0 12px; border: 0; border-radius: 999px; flex-shrink: 0; cursor: pointer;
  background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 13px; font-weight: 700;
}


.o26-pill {
  height: 26px; padding: 0 10px; box-sizing: border-box; border-radius: 999px; flex-shrink: 0; white-space: nowrap;
  display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700;
  background: var(--v-soft); color: var(--v-text3);
}
.o26-pill > i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.o26-pill-o { background: var(--v-o-soft); color: var(--v-o-text); }
.o26-pill-o2 { background: var(--v-o-soft2); color: var(--v-o-text); }
.o26-pill-b { background: var(--v-b-soft); color: var(--v-b-text); }
.o26-pill-p { background: var(--v-p-soft); color: var(--v-p-text); }
.o26-pill-a { background: var(--v-a-soft); color: var(--v-a-text); }
.o26-pill-g { background: var(--v-g-soft); color: #166534; }
.o26-pill-r { background: var(--v-r-soft); color: var(--v-r-text); }
.o26-pill-n { background: var(--v-soft); color: var(--v-text3); }
.o26-pill-ink { background: var(--v-ink); color: var(--v-on-ink); }
:root[data-theme="dark"] .o26-pill-g { color: var(--v-g-text); }
.o26-flag, .o26-tag, .o26-due-flag .o26-pill { height: 22px; padding: 0 8px; font-size: 11px; }
.o26-flag svg { flex-shrink: 0; }


.o26-table { border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); overflow: hidden; }
.o26-thead, .o26-row {
  display: grid; grid-template-columns: minmax(0, 1fr) 150px 170px 200px 128px 44px; gap: 20px; align-items: center;
}
.o26-role-expert .o26-thead, .o26-role-expert .o26-row { grid-template-columns: minmax(0, 1fr) 150px 170px 200px 140px; }
.o26-thead { padding: 14px 24px; font-size: 12px; font-weight: 700; color: var(--v-muted); letter-spacing: 0.02em; }
.o26-thead[hidden] { display: none; }
.o26-row {
  padding: 16px 24px; border-top: 1px solid var(--v-row); cursor: pointer; outline: none; color: var(--v-text);
  transition: background-color .2s ease;
}
.o26-row:hover, .o26-row:focus-visible { background: var(--v-row-hover); }
.o26-row:focus-visible { box-shadow: inset 0 0 0 2px var(--v-accent); }
.o26-m-top { display: none; }
.o26-main { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.o26-kicker { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: var(--v-muted); }
.o26-kicker b { color: var(--v-text); }
.o26-title-line { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.o26-row .order-card-title.o26-title { font-size: 15px; font-weight: 700; line-height: 1.3; transition: color .2s ease; }
.o26-row:hover .o26-title { color: var(--v-o-text); }
.o26-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; font-size: 13px; color: var(--v-muted); }
.o26-files { display: inline-flex; align-items: center; gap: 4px; }
.o26-status, .o26-due, .o26-person, .o26-price { min-width: 0; }
.o26-foot { display: contents; }
.o26-due { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.o26-due-date { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; white-space: nowrap; }
.o26-due-date svg { flex-shrink: 0; }
.o26-due-note { font-size: 12px; color: var(--v-muted); }
.o26-due-date.is-late, .o26-due-note.is-late { color: var(--v-r-text); }
.o26-due-none { font-size: 13px; color: var(--v-lock); }
.o26-person { display: flex; align-items: center; gap: 10px; }
.o26-av {
  position: relative; width: 32px; height: 32px; flex-shrink: 0; box-sizing: border-box; border-radius: 50%;
  background: #1E1E1E; color: #FFFFFF; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center;
}
.o26-av img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.o26-av > i {
  position: absolute; right: -1px; bottom: -1px; width: 10px; height: 10px; box-sizing: border-box; border-radius: 50%;
  background: var(--v-g-dot); border: 2px solid var(--v-card);
}
.o26-av-none { background: none; border: 1.5px dashed var(--v-dash); color: var(--v-lock); font-size: 13px; }
.o26-person-text { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.o26-person-text b { font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.o26-person-text > span { font-size: 11px; font-weight: 600; color: var(--v-muted); }
.o26-person-text > span.is-on { color: var(--v-g-text); }
.o26-person-none { font-size: 13px !important; color: var(--v-muted) !important; }
.o26-price b { font-family: var(--v-display); font-size: 16px; font-weight: 700; white-space: nowrap; }
.o26-price-none { font-size: 13px; font-weight: 700; color: var(--v-muted); }
.o26-clone {
  width: 36px; height: 36px; flex-shrink: 0; padding: 0; border: 0; border-radius: 11px; cursor: pointer;
  background: var(--v-soft); color: var(--v-text3); display: flex; align-items: center; justify-content: center;
  transition: transform .3s var(--v-spring), background-color .2s ease, color .2s ease;
}
.o26-clone:hover { transform: translateY(-1px); background: var(--v-o-soft2); color: var(--v-o-text); }
.o26-clone:active { transform: scale(.92); }


.o26-row.order-card-new { animation: o26new 2.4s ease-in-out 3; }
@keyframes o26new { 0%, 100% { background-color: rgba(242, 92, 5, 0); } 50% { background-color: rgba(242, 92, 5, 0.08); } }


.o26-empty { padding: 56px 24px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.o26-empty[hidden] { display: none; }
.o26-empty b { font-family: var(--v-display); font-size: 20px; font-weight: 700; }
.o26-empty p { margin: 0; max-width: 320px; font-size: 14px; color: var(--v-muted); }
.o26-empty-ico { width: 72px; height: 72px; border-radius: 22px; background: var(--v-soft); color: var(--v-text3); display: flex; align-items: center; justify-content: center; }
.o26-art-card { fill: var(--v-card); stroke: var(--v-line); }
.o26-art-top { stroke: var(--v-bar2); }
.o26-art-line { stroke: var(--v-line); }
.o26-soft {
  height: 40px; padding: 0 16px; border: 0; border-radius: 999px; cursor: pointer;
  background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text); font-family: var(--v-font); font-size: 13px; font-weight: 700;
}


.o26-more {
  align-self: center; height: 44px; padding: 0 22px; border: 0; border-radius: 999px; cursor: pointer;
  background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text);
  font-family: var(--v-font); font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 8px;
  transition: transform .25s var(--v-spring);
}
.o26-more[hidden] { display: none; }
.o26-more:hover { transform: translateY(-1px); }
.o26-more:active { transform: scale(.95); }

.h26.is-playing .o26-due-flag.is-live .o26-pill > i { animation: h26ring 1.8s ease-out infinite; }
.h26.is-playing .o26-av > i { animation: h26pulse 2.2s ease-out infinite; }

@media (max-width: 1280px) and (min-width: 861px) {
  .o26-head { flex-wrap: wrap; }
  .o26-text { flex-basis: 100%; margin-right: 0; }
  .o26-search { flex-grow: 1; width: auto; }
  .o26-thead, .o26-row { grid-template-columns: minmax(0, 1fr) 140px 150px 170px 110px 40px; gap: 14px; }
  .o26-role-expert .o26-thead, .o26-role-expert .o26-row { grid-template-columns: minmax(0, 1fr) 140px 150px 170px 120px; }
}


@media (max-width: 860px) {
  .h26.o26 { gap: 20px; }
  .o26-long { display: none; }
  .o26-head { padding-top: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "text new" "search search"; align-items: start; gap: 14px 12px; }
  .o26-text { grid-area: text; margin: 0; }
  .h26 .o26-h1 { font-weight: 800; font-size: 32px; line-height: 1.08; letter-spacing: -0.03em; }
  .o26-text p { font-size: 14px; }
  .o26-search { grid-area: search; width: 100%; height: 48px; }
  .o26-search input { font-size: 16px; }
  .o26-head .o26-new { grid-area: new; width: 48px; height: 48px; padding: 0; border-radius: 16px; justify-content: center; }
  .o26-head .o26-new span { display: none; }
  .o26-head .o26-new svg { width: 22px; height: 22px; }
  .o26-chips { flex-wrap: nowrap; margin: -6px -16px 0; padding: 2px 16px 4px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .o26-chips::-webkit-scrollbar { display: none; }
  .o26-hint { align-items: flex-start; }

  .o26-table { background: none; box-shadow: none; border-radius: 0; overflow: visible; }
  .o26-thead { display: none !important; }
  #orders-cards { display: flex; flex-direction: column; gap: 12px; }
  .o26-row, .o26-role-expert .o26-row {
    display: flex; flex-direction: column; align-items: stretch; gap: 12px; padding: 16px; border: 0;
    border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow);
  }
  .o26-row:hover { background: var(--v-card); }
  .o26-m-top { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--v-muted); }
  .o26-m-top b { margin-left: auto; font-size: 12px; font-weight: 700; color: var(--v-text); }
  .o26-kicker, .o26-status { display: none; }
  .o26-row .order-card-title.o26-title { font-size: 16px; }
  .o26-foot { display: flex; align-items: center; gap: 10px; padding-top: 12px; border-top: 1px solid var(--v-row); }
  .o26-person { flex-grow: 1; }
  .o26-person .o26-av { width: 30px; height: 30px; }
  .o26-table .o26-empty { border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
}





.o26-seg { padding: 4px; border-radius: 12px; background: var(--v-soft); display: flex; gap: 4px; flex-shrink: 0; }
:root:not([data-theme="dark"]) .o26-seg { background: #EDEDEF; }
.o26-seg button {
  display: flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 12px; border: 0; border-radius: 9px; cursor: pointer;
  background: transparent; color: var(--v-text3); font-family: var(--v-font); font-size: 13px; font-weight: 600;
}
.o26-seg button[aria-pressed="true"] { background: var(--v-card); color: var(--v-strong); font-weight: 700; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.o26-view-board .o26-search { width: 300px; }


.o26-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.o26-dd { position: relative; }
.o26-dd-btn { padding: 0 12px 0 14px; gap: 6px; }
.o26-dd-btn svg { transition: transform .2s ease; }
.o26-dd-btn[aria-expanded="true"] svg { transform: rotate(180deg); }
.o26-dd-label { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; }
.o26-dd-menu {
  position: absolute; top: calc(100% + 6px); left: 0; z-index: 30; min-width: 220px; max-width: 320px; max-height: 320px; overflow-y: auto;
  box-sizing: border-box; padding: 6px; border-radius: 16px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 18px 40px rgba(0, 0, 0, 0.14);
  display: flex; flex-direction: column; gap: 2px; animation: o26menu .18s var(--v-ease);
}
@keyframes o26menu { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.o26-dd-menu button {
  display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 0 10px; border: 0; border-radius: 10px; cursor: pointer; text-align: left;
  background: transparent; color: var(--v-text); font-family: var(--v-font); font-size: 14px; font-weight: 500;
}
.o26-dd-menu button span { flex-grow: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.o26-dd-menu button small { font-size: 12px; font-weight: 700; color: var(--v-muted); }
.o26-dd-menu button:hover, .o26-dd-menu button:focus-visible { background: var(--v-hover); outline: none; }
.o26-dd-menu button[aria-selected="true"] { background: var(--v-o-soft); color: var(--v-o-text); font-weight: 700; }
.o26-dd-none { padding: 10px; font-size: 13px; color: var(--v-muted); }
.o26-link { height: 36px; padding: 0 6px; border: 0; background: none; cursor: pointer; color: var(--v-o-text); font-family: var(--v-font); font-size: 13px; font-weight: 700; }
.o26-link[hidden] { display: none; }
.o26-done-toggle { margin-left: auto; }


.o26-tabs { display: none; }
.o26-board-hint { display: none; }
.o26-board {
  display: grid; grid-template-columns: repeat(var(--o26-cols, 4), minmax(250px, 1fr)); gap: 16px; align-items: start;
  overflow-x: auto; padding-bottom: 8px;
}
.o26-board[hidden], .o26-board-empty[hidden] { display: none; }
.o26-board-empty { border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.o26-col {
  display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: 20px; background: var(--v-row); min-width: 0;
  transition: opacity .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.o26-col-head { display: flex; align-items: center; gap: 8px; padding: 2px 4px 4px; min-height: 30px; }
.o26-col-head .o26-dot { width: 8px; height: 8px; }
.o26-col-head b { flex-grow: 1; font-size: 14px; font-weight: 700; }
.o26-col-head > span { font-size: 13px; font-weight: 700; color: var(--v-muted); }
.o26-col-add {
  width: 30px; height: 30px; border: 0; border-radius: 10px; cursor: pointer; background: transparent; color: var(--v-text3);
  display: flex; align-items: center; justify-content: center;
}
.o26-col-add:hover { background: var(--v-card); color: var(--v-o-text); }
.o26-col-lock { display: none; align-items: center; gap: 4px; font-style: normal; font-size: 11px; font-weight: 700; color: var(--v-muted); }
.o26-col-body { display: flex; flex-direction: column; gap: 10px; }
.o26-col-empty { padding: 18px 0; text-align: center; font-size: 13px; color: var(--v-muted); }
.o26-col-more {
  height: 36px; border: 0; border-radius: 12px; cursor: pointer; background: transparent; box-shadow: inset 0 0 0 1.5px var(--v-line);
  color: var(--v-text3); font-family: var(--v-font); font-size: 13px; font-weight: 700;
}
.o26-col-more:hover { background: var(--v-card); }
.o26-col-drop { display: none; }


.o26-card {
  position: relative; display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: 16px; cursor: pointer; outline: none;
  background: var(--v-card); box-shadow: 0 0 0 1px var(--v-ring), 0 4px 12px rgba(0, 0, 0, 0.04); color: var(--v-text);
  transition: transform .35s var(--v-ease), box-shadow .35s ease, opacity .2s ease;
}
.o26-card:hover { transform: translateY(-3px); box-shadow: var(--v-lift-shadow); }
.o26-card:focus-visible { box-shadow: 0 0 0 2px var(--v-accent); }
.o26-card[draggable="true"] { cursor: grab; }
.o26-card.is-dragged { opacity: .35; transform: none; }
.o26-card.order-card-new { animation: o26new 2.4s ease-in-out 3; }
.o26-card-tools { position: absolute; top: 8px; right: 8px; z-index: 1; display: flex; gap: 6px; opacity: 0; transition: opacity .2s ease; }
.o26-card:hover .o26-card-tools, .o26-card:focus-within .o26-card-tools { opacity: 1; }
.o26-card-tool {
  width: 30px; height: 30px; padding: 0; border: 0; border-radius: 10px; cursor: pointer;
  background: var(--v-card); color: var(--v-text3); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 4px 10px rgba(0, 0, 0, 0.08);
  display: flex; align-items: center; justify-content: center;
}
.o26-card-tool:hover { background: var(--v-o-soft2); color: var(--v-o-text); }
.o26-card-top { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--v-muted); white-space: nowrap; }
.o26-card-top > b { color: var(--v-text); }
.o26-card-price { margin-left: auto; }
.o26-card-price b { font-family: var(--v-display); font-size: 14px; font-weight: 800; color: var(--v-text); }
.o26-card-price em { font-style: normal; font-weight: 700; }
.o26 .o26-card .order-card-title.o26-card-title { font-size: 14px; font-weight: 700; line-height: 1.35; }
.o26-card-sub { margin-top: -4px; font-size: 12px; color: var(--v-muted); }
.o26-card-flags { display: flex; flex-wrap: wrap; gap: 6px; }
.o26-card-foot { display: flex; align-items: center; gap: 8px; padding-top: 10px; border-top: 1px solid var(--v-soft); }
.o26-card-due {
  height: 26px; padding: 0 8px; box-sizing: border-box; border-radius: 8px; background: var(--v-soft); color: var(--v-text2);
  font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
}
.o26-card-due.is-late { background: var(--v-r-soft); color: var(--v-r-text); }
.o26-card-due.is-none { font-weight: 600; color: var(--v-muted); }
.o26-card-files { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; color: var(--v-muted); }
.o26-card-gap { flex-grow: 1; }
.o26-card .o26-av { width: 28px; height: 28px; font-size: 10px; }
.o26-card-noauthor {
  height: 28px; padding: 0 10px 0 6px; box-sizing: border-box; border-radius: 999px; border: 1.5px dashed var(--v-dash);
  color: var(--v-text3); font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0;
}
.o26-card-respond {
  height: 36px; border: 0; border-radius: 11px; cursor: pointer; background: var(--v-ink); color: var(--v-on-ink);
  font-family: var(--v-font); font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 6px;
}
.h26.is-playing .o26-flag.is-live > i { animation: h26ring 1.8s ease-out infinite; }


.o26.is-dragging .o26-col.is-blocked { opacity: .42; }
.o26.is-dragging .o26-col.is-blocked .o26-col-lock { display: flex; }
.o26.is-dragging .o26-col.is-allowed .o26-col-drop {
  display: flex; align-items: center; justify-content: center; height: 44px; border-radius: 14px; border: 2px dashed var(--v-accent);
  color: var(--v-o-text); font-size: 12px; font-weight: 800; text-align: center;
}
.o26-col.is-over { background: var(--v-o-soft); box-shadow: 0 0 0 2px var(--v-accent), 0 0 0 8px rgba(242, 92, 5, 0.12); }
.o26-tray {
  position: fixed; left: calc(264px + 56px); right: 56px; bottom: 24px; z-index: 40; padding: 14px; border-radius: 22px;
  background: var(--v-glass-tab); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  box-shadow: 0 0 0 1px var(--v-chip-ring), 0 -12px 40px rgba(0, 0, 0, 0.08); display: flex; gap: 12px;
  animation: o26tray .3s var(--v-ease);
}
.o26-tray[hidden] { display: none; }
@keyframes o26tray { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
.o26-tray-target {
  flex: 1 1 0; height: 64px; box-sizing: border-box; padding: 0 16px; border-radius: 16px; border: 2px dashed var(--v-dash);
  background: var(--v-card); display: flex; align-items: center; gap: 10px; transition: box-shadow .2s ease, background-color .2s ease;
}
.o26-tray-target .o26-dot { width: 10px; height: 10px; }
.o26-tray-target span { display: flex; flex-direction: column; gap: 2px; }
.o26-tray-target b { font-size: 14px; }
.o26-tray-target small { font-size: 12px; color: var(--v-muted); }
.o26-tray-target.is-blocked { opacity: .5; border-color: var(--v-line); }
.o26-tray-target.is-over { background: var(--v-o-soft); border-color: var(--v-accent); box-shadow: 0 0 0 6px rgba(242, 92, 5, 0.12); }


.o26-sheet-back {
  position: fixed; inset: 0; z-index: 120; background: rgba(20, 20, 20, 0.36);
  display: flex; align-items: center; justify-content: center; animation: o26fade .2s ease;
}
.o26-sheet-back.is-leaving { opacity: 0; transition: opacity .18s ease; }
@keyframes o26fade { from { opacity: 0; } to { opacity: 1; } }
.o26-sheet {
  width: 420px; max-width: calc(100vw - 32px); max-height: calc(100vh - 48px); overflow-y: auto; box-sizing: border-box;
  padding: 16px; border-radius: 24px; background: var(--v-card); color: var(--v-text); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
  display: flex; flex-direction: column; gap: 8px; animation: o26pop .28s var(--v-ease);
}
@keyframes o26pop { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: none; } }
.o26-sheet-grip { display: none; }
.o26-sheet-head { display: flex; flex-direction: column; gap: 4px; padding: 4px 4px 8px; }
.o26-sheet-head small { font-size: 12px; font-weight: 700; color: var(--v-muted); }
.o26-sheet-head b { font-family: var(--v-display); font-size: 19px; font-weight: 700; line-height: 1.25; }
.o26-opt {
  display: flex; align-items: center; gap: 12px; min-height: 56px; box-sizing: border-box; padding: 10px 14px; border: 0; border-radius: 16px; cursor: pointer;
  background: var(--v-soft); color: var(--v-text); text-align: left; font-family: var(--v-font);
  transition: transform .2s var(--v-spring), background-color .2s ease;
}
.o26-opt svg { flex-shrink: 0; }
.o26-opt span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.o26-opt b { font-size: 15px; font-weight: 700; }
.o26-opt small { font-size: 12px; color: var(--v-muted); }
.o26-opt:hover:not([disabled]) { background: var(--v-hover); }
.o26-opt:active:not([disabled]) { transform: scale(.98); }
.o26-opt.is-primary { background: var(--v-accent); color: #FFFFFF; }
.o26-opt.is-primary small { color: rgba(255, 255, 255, 0.82); }
.o26-opt.is-off { background: transparent; box-shadow: inset 0 0 0 1px var(--v-line); color: var(--v-lock); cursor: default; }
.o26-opt.is-off small { color: var(--v-lock); }
.o26-sheet-close {
  height: 44px; margin-top: 4px; border: 0; border-radius: 14px; cursor: pointer; background: transparent;
  color: var(--v-text3); font-family: var(--v-font); font-size: 14px; font-weight: 700;
}

@media (max-width: 1280px) and (min-width: 861px) {
  .o26-view-board .o26-search { flex-grow: 1; width: auto; }
  .o26-tray { left: 24px; right: 24px; }
}


@media (max-width: 860px) {
  .o26-head { grid-template-areas: "text new" "seg seg" "search search"; }
  .o26-seg { grid-area: seg; }
  .o26-seg button { flex: 1 1 0; }
  .o26-view-board .o26-search { width: 100%; }
  .o26-filters { flex-wrap: nowrap; margin: -6px -16px 0; padding: 2px 16px 4px; overflow-x: auto; scrollbar-width: none; }
  .o26-filters::-webkit-scrollbar { display: none; }
  .o26-done-toggle { margin-left: 0; }
  .o26-dd { position: static; }
  .o26-dd-menu { position: fixed; top: auto; left: 16px; right: 16px; bottom: 96px; max-width: none; max-height: 50vh; }
  .o26-tabs { display: flex; gap: 8px; margin: -4px -16px 0; padding: 2px 16px 4px; overflow-x: auto; scrollbar-width: none; }
  .o26-tabs::-webkit-scrollbar { display: none; }
  .o26-tabs button {
    display: flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border: 0; border-radius: 999px; flex-shrink: 0; white-space: nowrap; cursor: pointer;
    background: var(--v-card); color: var(--v-chip); box-shadow: 0 0 0 1px var(--v-chip-ring); font-family: var(--v-font); font-size: 14px; font-weight: 700;
  }
  .o26-tabs button span { font-size: 12px; font-weight: 800; opacity: .7; }
  .o26-tabs button[aria-selected="true"] { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
  .o26-tabs button[aria-selected="true"] .o26-dot-ink { background: var(--v-on-ink); }
  .o26-board-hint {
    display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 14px;
    background: var(--v-card); box-shadow: 0 0 0 1px var(--v-ring); font-size: 13px; color: var(--v-text2);
  }

  #orders-cards.o26-board { display: block; overflow: visible; padding: 0; }
  .o26-col { display: none; padding: 0; background: none; }
  .o26-col.is-active { display: flex; }
  .o26-col-head { display: none; }
  .o26-card { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
  .o26-card:hover { transform: none; box-shadow: 0 0 0 1px var(--v-ring), 0 4px 12px rgba(0, 0, 0, 0.04); }
  .o26-card-tools { opacity: 1; }
  .o26-card-tools [data-clone-order] { display: none; }
  .o26-card-tool { width: 32px; height: 32px; background: transparent; box-shadow: none; }
  .o26-card-top { padding-right: 34px; }
  .o26-tray { display: none !important; }
  .o26-sheet-back { align-items: flex-end; }
  .o26-sheet {
    width: 100%; max-width: none; max-height: 86vh; padding: 10px 16px calc(20px + env(safe-area-inset-bottom, 0px));
    border-radius: 28px 28px 0 0; animation: o26sheet .32s var(--v-ease);
  }
  @keyframes o26sheet { from { transform: translateY(100%); } to { transform: none; } }
  .o26-sheet-grip { display: block; align-self: center; width: 40px; height: 5px; border-radius: 3px; background: var(--v-line); margin-bottom: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .o26-card, .o26-sheet, .o26-sheet-back, .o26-tray, .o26-dd-menu { animation: none !important; transition: none !important; }
}
.o26-dot-ink { background: var(--v-ink); }




.h26.od26 { gap: 16px; padding-top: 4px; }
.od26 .od26-crumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0; font-size: 13px; color: var(--v-muted); }
.od26 .od26-crumbs a { font-weight: 700; color: var(--v-text); cursor: pointer; text-decoration: none; }
.od26 .od26-crumbs .sep { color: var(--v-lock); }


.od26 .order-header-row.od26-head { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; gap: 20px; margin: 0; }
.od26-head-main { flex: 1 1 auto; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.od26 .empty-state { margin: 0; padding: 12px 0; min-height: 0; border: 0; background: none; text-align: left; font-size: 13px; color: var(--v-muted); }
.od26 h2.od26-title { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 32px; line-height: 1.12; letter-spacing: -0.02em; color: var(--v-h1); }
.od26-num { color: var(--v-muted); font-weight: 700; }
.od26-pills { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.od26-pills .o26-pill { height: 28px; padding: 0 11px; font-size: 13px; }
.od26 .od26-head-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }


.od26-btn {
  height: 42px; padding: 0 16px; border: 0; border-radius: 13px; cursor: pointer; white-space: nowrap;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-family: var(--v-font); font-size: 14px; font-weight: 700;
  transition: transform .25s var(--v-spring), background-color .2s ease, box-shadow .3s ease;
}
.od26-btn svg { flex-shrink: 0; }
.od26-btn:active { transform: scale(.96); }
.od26-btn-primary { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); }
.od26-btn-primary:hover { box-shadow: 0 10px 24px rgba(242, 92, 5, 0.45); transform: translateY(-1px); }
.od26-btn-soft { background: var(--v-soft); color: var(--v-text); }
.od26-btn-soft:hover { background: var(--v-hover); }
.od26-btn-line { background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); }
.od26-btn-line:hover { transform: translateY(-1px); }
.od26-btn-ghost { height: 34px; padding: 0 10px; background: transparent; color: var(--v-text3); font-size: 13px; }
.od26-btn-ghost:hover { background: var(--v-soft); color: var(--v-text); }
.od26-btn-dark { height: 34px; background: var(--v-ink); color: var(--v-on-ink); font-size: 13px; }
.od26-btn-danger { background: var(--v-r-soft); color: var(--v-r-text); }


.od26-steps { box-sizing: border-box; padding: 16px 20px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.od26-steps-row { display: flex; align-items: center; gap: 10px; }
.od26-step { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.od26-step-dot {
  width: 24px; height: 24px; border-radius: 50%; background: var(--v-line); color: var(--v-muted);
  display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800;
}
.od26-step-label { font-size: 13px; font-weight: 600; color: var(--v-muted); white-space: nowrap; }
.od26-step.is-done .od26-step-dot { background: var(--v-ink); color: var(--v-on-ink); }
.od26-step.is-done .od26-step-label { color: var(--v-text); }
.od26-step.is-now .od26-step-dot { background: var(--v-accent); color: #FFFFFF; }
.od26-step.is-now .od26-step-label { color: var(--v-text); font-weight: 800; }
.h26.is-playing .od26-step.is-now .od26-step-dot { animation: od26now 2.2s ease-out 1.2s infinite; }
@keyframes od26now { 0% { box-shadow: 0 0 0 0 rgba(242, 92, 5, .5); } 100% { box-shadow: 0 0 0 10px rgba(242, 92, 5, 0); } }
.od26-step-line { flex-grow: 1; min-width: 12px; height: 3px; border-radius: 2px; background: var(--v-bar); overflow: hidden; }
.od26-step-line i { display: block; height: 100%; background: var(--v-ink); transform-origin: 0 50%; }
.h26.is-playing .od26-step-line i[style*="scaleX(1)"] { animation: h26fill 1.2s var(--v-ease) .5s both; }
.od26-steps-compact { display: none; }
.od26-steps.is-cancelled { padding: 14px 18px; }
.od26-cancelled { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; color: var(--v-text3); }


.od26-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 20px; align-items: start; }
.od26-main, .od26-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.od26 .section, .od26 .od26-card {
  margin: 0; box-sizing: border-box; padding: 22px; border-radius: 24px; border: 0;
  background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 14px;
}
.od26 .section > h3 { margin: 0; font-family: var(--v-display); font-size: 18px; font-weight: 700; }
.od26-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.od26-card-head h3 { margin: 0; font-family: var(--v-display); font-size: 18px; font-weight: 700; color: var(--v-text); }
.od26-card-tools { display: flex; align-items: center; gap: 4px; }
.od26-muted { font-size: 12px; font-weight: 700; color: var(--v-muted); }
.od26-count {
  min-width: 22px; height: 22px; padding: 0 7px; box-sizing: border-box; border-radius: 11px; background: var(--v-accent); color: #FFFFFF;
  font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center;
}
.od26-count-ok { font-size: 13px; font-weight: 700; color: var(--v-g-text); }
.od26-note { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--v-soft); font-size: 12px; color: var(--v-text3); }


.od26-tabs { display: flex; gap: 6px; padding: 5px; border-radius: 16px; background: var(--v-soft); align-self: flex-start; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
:root:not([data-theme="dark"]) .od26-tabs { background: #EDEDEF; }
.od26-tabs::-webkit-scrollbar { display: none; }
.od26-tabs button {
  height: 40px; padding: 0 16px; border: 0; border-radius: 12px; flex-shrink: 0; cursor: pointer; background: transparent;
  display: flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; color: var(--v-text3);
  transition: background-color .2s ease, color .2s ease;
}
.od26-tabs button span {
  min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: var(--v-line); color: var(--v-text2);
  font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center;
}
.od26-tabs button span[hidden] { display: none; }
.od26-tabs button[aria-selected="true"] { background: var(--v-ink); color: var(--v-on-ink); }
.od26-tabs button[aria-selected="true"] span { background: rgba(255, 255, 255, 0.18); color: var(--v-on-ink); }
.od26-panel { display: flex; flex-direction: column; gap: 16px; }
.od26-panel[hidden] { display: none; }
.od26-panel:not([hidden]) > * { animation: od26panel .35s var(--v-ease); }
@keyframes od26panel { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }


.od26-desc { font-size: 14px; line-height: 1.6; color: var(--v-chip); overflow-wrap: anywhere; }
.od26-desc a { color: var(--v-o-text); }
.od26 .richtext-toolbar { margin: 0; }
.od26-desc-actions { display: flex; gap: 8px; }
.od26 .checklist-item {
  display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 12px;
  padding: 10px 0; border-top: 1px solid var(--v-soft); font-size: 14px; cursor: pointer;
}
.od26 .checklist-item:first-child { border-top: 0; }
.od26 .checklist-item input { width: 20px; height: 20px; margin: 0; accent-color: #15803D; }
.od26 .checklist-item.done .checklist-title { text-decoration: line-through; color: var(--v-muted); }
.od26 .checklist-due { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; color: var(--v-muted); white-space: nowrap; }
.od26 .checklist-due.danger { color: var(--v-r-text); }
.od26-add-row { display: flex; gap: 8px; padding-top: 12px; border-top: 1px solid var(--v-soft); }
.od26-add-row input {
  flex-grow: 1; min-width: 0; height: 40px; box-sizing: border-box; margin: 0; padding: 0 14px; border: 0 !important; border-radius: 12px;
  box-shadow: inset 0 0 0 1px var(--v-chip-ring) !important; background: var(--v-card); color: var(--v-text); font: 14px var(--v-font);
}


.od26 .od26-files { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; margin: 0; }
.od26 .od26-files.is-pool { grid-template-columns: minmax(0, 1fr); }
.od26-files-col {
  min-width: 0; display: flex; flex-direction: column; gap: 6px; padding: 14px; border-radius: 18px;
  background: var(--v-stat); box-shadow: inset 0 0 0 1px var(--v-ring);
}
.od26-files-col h4 { margin: 0; padding: 0 4px 4px; font-size: 14px; font-weight: 700; }
.od26-files-col.is-deliverable { background: var(--v-g-soft); box-shadow: inset 0 0 0 1.5px rgba(34, 165, 89, 0.35); }
.od26-files-col .empty-state { padding: 12px 8px; margin: 0; font-size: 13px; color: var(--v-muted); text-align: left; background: none; border: 0; }
.od26 .file-row { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 12px; background: transparent; border: 0; transition: background-color .2s ease; }
.od26 .file-row:hover { background: var(--v-card); }
.od26 .file-row-main { display: flex; align-items: center; gap: 10px; min-width: 0; flex-grow: 1; }
.od26 .file-row-icon {
  width: 34px; height: 34px; flex-shrink: 0; border-radius: 10px; background: var(--v-b-soft); color: var(--v-b-text);
  display: flex; align-items: center; justify-content: center; font-size: 0;
}
.od26 .file-row.deliverable .file-row-icon, .od26-files-col.is-deliverable .file-row-icon { background: var(--v-card); color: #166534; }
.od26 .file-row-info { min-width: 0; }
.od26 .file-row-name { font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.od26 .file-row-meta { font-size: 11px; color: var(--v-muted); }
.od26 .file-row .new-pill { height: 18px; padding: 0 7px; border-radius: 9px; background: var(--v-accent); color: #FFFFFF; font-size: 10px; font-weight: 800; }
.od26 .file-row-actions { display: flex; gap: 2px; flex-shrink: 0; }
.od26 .file-row-actions button {
  width: 30px; height: 30px; padding: 0; border: 0; border-radius: 9px; cursor: pointer; background: transparent; color: var(--v-text3);
  display: flex; align-items: center; justify-content: center;
}
.od26 .file-row-actions button:hover { background: var(--v-o-soft2); color: var(--v-o-text); }
.od26-upload {
  height: 38px; margin-top: 2px; border: 0; border-radius: 12px; cursor: pointer; background: transparent;
  box-shadow: inset 0 0 0 1.5px var(--v-line); color: var(--v-text3); font-family: var(--v-font); font-size: 13px; font-weight: 700;
  display: flex; align-items: center; justify-content: center; gap: 6px;
}
.od26-upload:hover { background: var(--v-card); color: var(--v-text); }
.od26-upload.is-accent { background: var(--v-accent); color: #FFFFFF; box-shadow: none; }

.od26-upload.download-all-btn { width: 100%; box-sizing: border-box; margin-top: 6px; }
.od26-upload.download-all-btn:disabled { opacity: .6; cursor: default; }
.od26-files-hint { font-weight: 500; }


.od26-chat .order-chat-box { border: 0; background: none; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.od26-chat .order-chat-messages { min-height: 280px; max-height: 520px; }
.od26-chat-hint { margin-top: -8px; font-weight: 500; }
.od26-typing { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--v-muted); }
.od26-typing[hidden] { display: none; }
.od26-typing-dots { display: flex; gap: 3px; padding: 8px 12px; border-radius: 14px; background: var(--v-soft); }
.od26-typing-dots i { width: 6px; height: 6px; border-radius: 50%; background: var(--v-text3); animation: od26dot 1.2s ease-in-out infinite; }
.od26-typing-dots i:nth-child(2) { animation-delay: .15s; } .od26-typing-dots i:nth-child(3) { animation-delay: .3s; }
@keyframes od26dot { 0%, 60%, 100% { transform: none; opacity: .4; } 30% { transform: translateY(-4px); opacity: 1; } }
.od26 .od26-composer { display: flex; align-items: flex-end; gap: 8px; padding: 8px; border-radius: 18px; box-shadow: inset 0 0 0 1px var(--v-chip-ring); background: var(--v-card); }
.od26 .od26-composer .chat-textarea-wrap { flex-grow: 1; min-width: 0; }
.od26-icon-btn {
  width: 40px; height: 40px; flex-shrink: 0; border: 0; border-radius: 12px; cursor: pointer; background: var(--v-soft); color: var(--v-text3);
  display: flex; align-items: center; justify-content: center;
}
.od26-icon-btn:hover { color: var(--v-o-text); background: var(--v-o-soft); }
.od26 .od26-send { width: 42px; height: 42px; flex-shrink: 0; border-radius: 50%; background: var(--v-accent); color: #FFFFFF; font-size: 0; }


.od26-history { display: flex; flex-direction: column; }
.od26 .od26-event { display: flex; gap: 12px; padding: 10px 0; border: 0; }
.od26-event-ico { width: 30px; height: 30px; flex-shrink: 0; border-radius: 10px; background: var(--v-soft); color: var(--v-text3); display: flex; align-items: center; justify-content: center; }
.od26-event-main { display: flex; flex-direction: column; gap: 2px; padding-top: 4px; min-width: 0; }
.od26-event-main b { font-size: 14px; }
.od26-event-main > span { font-size: 13px; color: var(--v-text2); }
.od26-event-main small { font-size: 12px; color: var(--v-muted); }


.od26-decision { gap: 12px; }
.od26-decision-hint { font-size: 13px; line-height: 1.45; color: var(--v-text3); }
.od26-ok, .od26-warn { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-radius: 14px; font-weight: 700; }
.od26-ok { background: var(--v-g-soft); color: #166534; }
.od26-warn { background: var(--v-o-soft); color: var(--v-o-text); }
:root[data-theme="dark"] .od26-ok { color: var(--v-g-text); }

.od26-offer { display: flex; align-items: center; gap: 14px; margin: 0 0 16px; padding: 16px 18px; border-radius: 18px; background: var(--v-o-soft); color: var(--v-o-text); border: 1px solid var(--v-o-soft2); }
.od26-offer > svg { flex: none; }
.od26-offer > div:not(.od26-offer-act) { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.od26-offer b { font-size: 16px; font-weight: 800; }
.od26-offer span { font-size: 13px; line-height: 1.45; color: var(--v-text2, inherit); }
.od26-offer.is-staff { background: var(--v-a-soft); color: var(--v-a-text); border-color: transparent; }
.od26-offer-act { display: flex; gap: 8px; flex: none; }
.od26-offer-act .od26-btn { height: 44px; }
.od26-reasons { display: flex; flex-wrap: wrap; gap: 8px; }
.od26-reason { cursor: pointer; margin: 0; display: inline-flex; }
.od26-reason input { position: absolute; opacity: 0; pointer-events: none; }
.od26-reason span { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1.5px solid var(--v-soft); font-weight: 700; font-size: 14px; }
.od26-reason input:checked + span { background: var(--v-o-soft2); border-color: var(--v-o-text); color: var(--v-o-text); }
.od26-reason input:focus-visible + span { outline: 2px solid var(--v-o-text); outline-offset: 2px; }
@media (max-width: 640px) {
  .od26-offer { flex-wrap: wrap; padding: 14px; }
  .od26-offer-act { width: 100%; }
  .od26-offer-act .od26-btn { flex: 1; }
}
.od26-primary { display: flex; flex-direction: column; gap: 8px; }
.od26-primary .od26-btn { width: 100%; height: 48px; }
.od26-more { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding-top: 12px; border-top: 1px solid var(--v-soft); }
.od26-more .od26-btn { height: auto; min-height: 40px; padding: 8px 12px; justify-content: flex-start; font-size: 13px; white-space: normal; text-align: left; }
.od26-person { display: flex; align-items: center; gap: 12px; cursor: pointer; border-radius: 16px; outline: none; }
.od26-person.is-empty { cursor: default; }
.od26-person:focus-visible { box-shadow: 0 0 0 2px var(--v-accent); }
.od26-person > div { display: flex; flex-direction: column; gap: 2px; flex-grow: 1; min-width: 0; }
.od26-person b { font-size: 15px; }
.od26-person span:not(.od26-av) { font-size: 12px; font-weight: 600; color: var(--v-muted); }
.od26-person span.is-on { color: var(--v-g-text); }
.od26-person > svg { color: var(--v-lock); flex-shrink: 0; }
.od26-person-card { padding: 16px 18px; }
.od26-av {
  position: relative; width: 48px; height: 48px; flex-shrink: 0; border-radius: 50%; background: #1E1E1E; color: #FFFFFF;
  font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center;
}
.od26-av img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.od26-av > i { position: absolute; right: 0; bottom: 0; width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%; background: var(--v-g-dot); border: 2px solid var(--v-card); }
.od26-av-sm { width: 36px; height: 36px; font-size: 12px; }
.od26-av-none { background: none; border: 1.5px dashed var(--v-dash); color: var(--v-lock); }
.od26-response { display: flex; flex-direction: column; gap: 8px; padding: 12px; margin-top: 8px; border-radius: 16px; background: var(--v-soft2, var(--v-soft)); cursor: pointer; transition: background-color .15s ease; }
.od26-response:first-child { margin-top: 0; }
.od26-response:hover { background: var(--v-hover); }
.od26-response-top { display: flex; align-items: center; gap: 10px; min-width: 0; }
.od26-response-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.od26-response-info b { font-size: 14px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.od26-response-info span { font-size: 12px; font-weight: 600; color: var(--v-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.od26-response-info span.is-on { color: var(--v-g-text); }
.od26-response-go { flex-shrink: 0; gap: 5px; padding: 0 12px; }
.od26-response-msg { margin: 0; padding: 8px 10px; border-radius: 12px; background: var(--v-card); font-size: 13px; line-height: 1.45; color: var(--v-text2); white-space: pre-wrap; overflow-wrap: anywhere; }
.od26-facts { display: flex; flex-direction: column; }
.od26-fact { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; border-top: 1px solid var(--v-soft); }
.od26-fact:first-child { border-top: 0; padding-top: 0; }
.od26-fact-ico { width: 32px; height: 32px; flex-shrink: 0; border-radius: 10px; background: var(--v-soft); color: var(--v-text3); display: flex; align-items: center; justify-content: center; }
.od26-fact > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.od26-fact span { font-size: 12px; font-weight: 600; color: var(--v-muted); }
.od26-fact b { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }
.od26-fact b.is-muted { color: var(--v-muted); font-weight: 600; }
.od26-fact b.is-danger { color: var(--v-r-text); }
.od26-fact small { font-size: 12px; color: var(--v-muted); }
.od26-copy { width: 24px; height: 24px; padding: 0; border: 0; border-radius: 7px; cursor: pointer; background: var(--v-soft); color: var(--v-text3); display: inline-flex; align-items: center; justify-content: center; }
.od26-private { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 14px; background: #FFFBEB; box-shadow: inset 0 0 0 1px #FDE68A; }
:root[data-theme="dark"] .od26-private { background: rgba(217, 119, 6, 0.12); box-shadow: inset 0 0 0 1px rgba(217, 119, 6, 0.35); }
.od26-private > span { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; color: var(--v-a-text); }
.od26-private p { margin: 0; font-size: 13px; line-height: 1.45; color: var(--v-text); overflow-wrap: anywhere; }
.od26-private p.is-muted { color: var(--v-muted); }
.od26-client-person { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 16px; background: var(--v-stat); cursor: pointer; }
.od26-client-person > svg { margin-left: auto; color: var(--v-lock); flex-shrink: 0; }
.od26 .order-client-actions { display: flex; gap: 4px; margin: 0; }


:root[data-theme="dark"] .od26 .file-row:hover { background: var(--v-soft); }

@media (max-width: 1280px) and (min-width: 861px) {
  .od26-grid { grid-template-columns: minmax(0, 1fr) 340px; }
  .od26 .od26-files { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1100px) and (min-width: 861px) {
  .od26-grid { grid-template-columns: minmax(0, 1fr); }
}


@media (max-width: 860px) {
  .h26.od26 { gap: 14px; padding-bottom: 88px; }
  .od26 .od26-crumbs { display: none; }
  .od26 .order-header-row.od26-head { flex-direction: column; gap: 12px; }
  .od26 h2.od26-title { font-weight: 800; font-size: 26px; letter-spacing: -0.03em; }
  .od26 .od26-head-actions { width: 100%; }
  .od26 .od26-head-actions .od26-btn { flex: 1 1 0; height: 40px; }
  .od26-steps { padding: 14px 16px; }
  .od26-steps-row { display: none; }
  .od26-steps-compact { display: flex; flex-direction: column; gap: 10px; }
  .od26-steps-compact > div { display: flex; gap: 6px; }
  .od26-steps-compact > div span { flex: 1 1 0; height: 6px; border-radius: 3px; background: var(--v-bar); }
  .od26-steps-compact > div span.is-done { background: var(--v-ink); }
  .od26-steps-compact > div span.is-now { background: var(--v-accent); }
  .od26-steps-compact p { margin: 0; display: flex; justify-content: space-between; gap: 10px; font-size: 13px; }
  .od26-steps-compact p span { color: var(--v-muted); }

  .od26-grid { display: flex; flex-direction: column; align-items: stretch; gap: 14px; }

  body:has(.od26-primary) .chat-widget-btn { bottom: calc(74px + 84px + env(safe-area-inset-bottom, 0px)) !important; }
  .od26-side { display: contents; }
  .od26-main { order: 2; }
  .od26-side > * { order: 3; }
  .od26-side > .od26-person-card, .od26-side > .od26-card:has(#responses-list) { order: 1; }
  .od26-tabs { align-self: stretch; margin: 0 -16px; padding: 0 16px; border-radius: 0; background: none !important; }
  .od26-tabs button[aria-selected="false"] { background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); }
  .od26 .section, .od26 .od26-card { padding: 18px; }
  .od26 .od26-files { grid-template-columns: minmax(0, 1fr); }
  .od26-card-tools .od26-btn-ghost span { display: none; }
  .od26-card-tools .od26-btn-ghost { width: 36px; padding: 0; }
  .od26-card-tools .od26-btn-soft span { display: none; }
  .od26-card-tools .od26-btn-soft { width: 40px; padding: 0; }
  .od26 .file-row-actions button { width: 36px; height: 36px; }
  .od26-more { grid-template-columns: 1fr; }

  .od26-primary {
    position: fixed; left: 0; right: 0; bottom: calc(74px + env(safe-area-inset-bottom, 0px)); z-index: 44;
    flex-direction: row; flex-wrap: wrap; gap: 8px; padding: 12px 16px; background: var(--v-glass-tab);
    -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); border-top: 1px solid var(--v-line);
  }
  .od26-primary .od26-btn { flex: 1 1 0; min-width: 0; height: 50px; padding: 0 10px; font-size: 14px; }
  .od26 .od26-composer .od26-icon-btn { width: 40px; height: 40px; }
  .od26 .od26-composer textarea { font-size: 16px; }
}




.h26.p26 { gap: 22px; }
.p26 .empty-state { margin: 0; padding: 18px 22px; min-height: 0; border: 0; background: none; text-align: left; font-size: 13px; color: var(--v-muted); }
.p26-head .o26-search { width: 300px; }
.p26-role-manager .p26-head .o26-search { width: 320px; }
.p26-posters .h26-poster { height: 200px; padding: 22px; }
.p26-posters .h26-art { width: 150px; height: 150px; right: -12px; top: -10px; }
.p26-posters .h26-poster-count.is-money { font-size: 40px; }
.p26-posters .h26-poster-label { font-size: 18px; }
.p26-tabs { margin-top: -2px; }
#payouts-status-tabs.p26-subtabs { flex-wrap: nowrap; margin-bottom: -8px; }


.p26-export {
  height: 44px; box-sizing: border-box; padding: 0 6px 0 14px; flex-shrink: 0; border-radius: 14px;
  background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring);
  display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--v-text3);
}
.p26-export svg { flex-shrink: 0; }
.p26-export input[type="date"] {
  width: 112px; height: 32px; margin: 0; padding: 0 4px; border: 0 !important; box-shadow: none !important; outline: none; background: transparent;
  font-family: var(--v-font); font-size: 13px; font-weight: 600; color: var(--v-text2);
}
.p26-export input[type="date"]::-webkit-calendar-picker-indicator { opacity: .45; cursor: pointer; }
:root[data-theme="dark"] .p26-export input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1); }
.p26-excel {
  height: 34px; padding: 0 12px; border: 0; border-radius: 10px; cursor: pointer; background: var(--v-g-soft); color: #166534;
  display: flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700;
  transition: transform .25s var(--v-spring);
}
:root[data-theme="dark"] .p26-excel { color: var(--v-g-text); }
.p26-excel:active { transform: scale(.96); }


.p26-card { border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); overflow: hidden; }
.p26-card[hidden] { display: none; }
.p26-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 22px; }
.p26-card-head > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.p26-card-head h2 { margin: 0; display: flex; align-items: center; gap: 8px; font-family: var(--v-display); font-weight: 700; font-size: 19px; color: var(--v-text); }
.p26-card-head p { margin: 0; font-size: 13px; color: var(--v-muted); }
.p26-chip-btn {
  height: 36px; padding: 0 14px; border: 0; border-radius: 999px; flex-shrink: 0; cursor: pointer; background: var(--v-soft); color: var(--v-text);
  display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700;
  transition: background-color .2s ease, transform .25s var(--v-spring);
}
.p26-chip-btn:hover { background: var(--v-hover); }
.p26-chip-btn:active { transform: scale(.96); }
.p26-chip-btn.is-on { background: var(--v-ink); color: var(--v-on-ink); }


.payout-row.p26-row, .p26-row {
  display: flex; align-items: center; gap: 14px; padding: 16px 22px; margin: 0; border: 0; border-top: 1px solid var(--v-row);
  transition: background-color .2s ease;
}
.payout-row.p26-row:hover, .p26-row:hover { background: #FAFAFB; }
:root[data-theme="dark"] .p26-row:hover, :root[data-theme="dark"] .payout-row.p26-row:hover { background: #1C1C20; }
.p26-row .o26-av { width: 38px; height: 38px; font-size: 12px; }
.p26-main { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.p26-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.p26-top .o26-pill { height: 24px; padding: 0 9px; font-size: 11px; }
.p26-who { font-size: 14px; color: var(--v-text); }
.p26-who::after { content: '·'; margin-left: 8px; font-weight: 400; color: var(--v-bar2); }
.p26 .payout-order-link.p26-order, .od26 .payout-order-link.p26-order { font-size: 14px; font-weight: 700; color: var(--v-text); }
.p26-order-title { font-size: 14px; }
.p26-reqline, .p26-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 12px; color: var(--v-muted); }
.p26-meta { gap: 8px; }
.p26-req-num { display: inline-flex; align-items: center; gap: 6px; }
.p26-req-num b { font-weight: 700; color: var(--v-text2); }
.p26-req-num b.is-full { font-family: var(--v-display); letter-spacing: 0.02em; }
.p26-copy {
  width: 26px; height: 26px; padding: 0; border: 0; border-radius: 8px; cursor: pointer; background: var(--v-soft); color: var(--v-text3);
  display: inline-flex; align-items: center; justify-content: center; transition: background-color .2s ease, transform .25s var(--v-spring);
}
.p26-copy:hover { background: var(--v-hover); color: var(--v-text); }
.p26-copy:active { transform: scale(.9); }
.payout-file-link.p26-file {
  display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: none; cursor: pointer;
  font-family: var(--v-font); font-size: 12px; font-weight: 700; color: var(--v-b-text);
}
.p26-meta .o26-flag { height: 22px; }
.payout-over-budget.o26-flag { margin: 0; display: inline-flex; padding: 0 8px; border-radius: 999px; font-weight: 700; }
.p26-why { font-size: 12px; color: var(--v-r-text); }
.p26-who-m { display: none; }
.p26-sum { flex-shrink: 0; font-family: var(--v-display); font-weight: 800; font-size: 18px; color: var(--v-text); white-space: nowrap; }
.payout-row-actions.p26-actions { flex-direction: row; gap: 6px; flex-shrink: 0; }
.p26-actions .od26-btn { height: 38px; }
.p26-actions .od26-btn-dark { font-size: 14px; }
.p26-icon-btn { width: 38px; padding: 0; }


.p26-check { position: relative; flex-shrink: 0; width: 22px; height: 22px; cursor: pointer; }
.p26-check input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.p26-check span {
  width: 22px; height: 22px; box-sizing: border-box; border-radius: 7px; box-shadow: inset 0 0 0 1.5px #C4C4CC; color: transparent;
  display: flex; align-items: center; justify-content: center; transition: background-color .2s ease, box-shadow .2s ease;
}
:root[data-theme="dark"] .p26-check span { box-shadow: inset 0 0 0 1.5px #52525B; }
.p26-check input:checked + span { background: var(--v-accent); box-shadow: none; color: #FFFFFF; }
.p26-check input:checked + span svg { animation: p26tick .45s var(--v-spring) both; }
.p26-check input:focus-visible + span { outline: 2px solid var(--v-accent); outline-offset: 2px; }
@keyframes p26tick { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }


.p26-flow { display: flex; align-items: center; gap: 6px; max-width: 420px; margin-top: 2px; }
.p26-flow-step { display: flex; align-items: center; gap: 6px; flex-shrink: 0; font-size: 12px; font-weight: 700; color: var(--v-muted); }
.p26-flow-step i {
  width: 18px; height: 18px; border-radius: 50%; background: var(--v-bar2); color: #FFFFFF;
  display: flex; align-items: center; justify-content: center; font-style: normal;
}
.p26-flow-step.is-done, .p26-flow-step.is-now, .p26-flow-step.is-bad { color: var(--v-text); }
.p26-flow-step.is-done i { background: var(--v-g-text); }
.p26-flow-step.is-now i { background: var(--v-accent); }
.p26-flow-step.is-bad i { background: var(--v-r-text); }
.p26-flow-line { flex-grow: 1; height: 2px; border-radius: 1px; background: var(--v-line); overflow: hidden; }
.p26-flow-line b { display: block; height: 100%; background: var(--v-g-text); transform-origin: 0 50%; }
.h26.is-playing .p26-flow-line b[style*="scaleX(1)"] { animation: h26fill 1.2s var(--v-ease) .6s both; }


.p26-ready .p26-main { gap: 4px; }
.p26-ready .p26-meta { display: block; }
.p26-ready-ico { width: 42px; height: 42px; flex-shrink: 0; border-radius: 14px; background: var(--v-o-soft); color: var(--v-o-text); display: flex; align-items: center; justify-content: center; }
.p26-ready .od26-btn-dark { height: 40px; font-size: 14px; }


.p26-group { margin: 0; padding: 0; border: 0; border-radius: 0; border-top: 1px solid var(--v-row); }
.p26-group-head { display: flex; align-items: center; gap: 10px; padding: 12px 22px; border: 0; background: var(--v-soft); }
.p26-group-head .o26-av { width: 28px; height: 28px; font-size: 10px; }
.p26-group-head .payout-expert-name { font-size: 14px; color: var(--v-text); }
.p26-group-head .payout-expert-sum { font-size: 12px; font-weight: 700; color: var(--v-muted); }


.p26-bulk {
  position: fixed; left: calc(264px + 56px); right: 56px; bottom: 28px; z-index: 40;
  display: flex; align-items: center; gap: 14px; padding: 12px 12px 12px 20px; border-radius: 20px;
  background: #141414; color: #FFFFFF; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
  animation: p26bulk .5s var(--v-ease) both;
}
:root[data-theme="dark"] .p26-bulk { background: #26262B; box-shadow: 0 0 0 1px #34343A, 0 24px 60px rgba(0, 0, 0, 0.5); }
.p26-bulk[hidden] { display: none; }
.p26-bulk > div { flex-grow: 1; min-width: 0; display: flex; align-items: baseline; gap: 12px; }
.p26-bulk b { font-size: 15px; white-space: nowrap; }
.p26-bulk span { font-size: 14px; color: rgba(255, 255, 255, 0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p26-bulk .od26-btn-ghost { height: 42px; color: rgba(255, 255, 255, 0.8); }
.p26-bulk .od26-btn-ghost:hover { background: rgba(255, 255, 255, 0.1); color: #FFFFFF; }
.p26-bulk .od26-btn-primary { height: 44px; }
.p26-role-admin { padding-bottom: 80px; }
@keyframes p26bulk { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: none; } }


.p26-tpl-list { display: flex; flex-direction: column; gap: 8px; margin: 14px 0 4px; }
.p26-tpl { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 16px; background: var(--v-soft); }
.p26-tpl > div { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 12px; color: var(--v-muted); }
.p26-tpl > div b { font-size: 14px; color: var(--v-text); }
.p26-tpl-ico { width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; background: var(--v-card); color: var(--v-text3); display: flex; align-items: center; justify-content: center; }
.p26-tpl .od26-btn { height: 36px; font-size: 13px; }







.modal-backdrop:has(> .modal.m26) { background: rgba(20, 20, 20, 0.36); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.modal.m26 {
  box-sizing: border-box; padding: 24px; border: 0; border-radius: 28px; background: var(--v-card); color: var(--v-text); font-family: var(--v-font);
  box-shadow: 0 0 0 1px var(--v-chip-ring), 0 30px 80px rgba(0, 0, 0, 0.18);
}
.modal.m26 > h3, .modal.m26 .m26-title { margin: 0 0 14px; font-family: var(--v-display); font-weight: 700; font-size: 20px; letter-spacing: -0.01em; color: var(--v-text); }
.modal.m26 .m26-title { display: flex; align-items: center; gap: 10px; }
.modal.m26 .m26-title svg { flex-shrink: 0; width: 36px; height: 36px; padding: 8px; box-sizing: border-box; border-radius: 12px; background: var(--v-o-soft); color: var(--v-o-text); }
.modal.m26 .m26-title-warn svg { background: var(--v-r-soft); color: var(--v-r-text); }
.modal.m26 label { font-size: 13px; font-weight: 700; color: var(--v-text); }
.modal.m26 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]), .modal.m26 textarea, .modal.m26 select {
  min-height: 48px; box-sizing: border-box; padding: 12px 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text);
  font-family: var(--v-font); font-size: 15px; box-shadow: none;
}
.modal.m26 textarea { line-height: 1.5; }
.modal.m26 input:focus, .modal.m26 textarea:focus, .modal.m26 select:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); }
.modal.m26 input[type="checkbox"], .modal.m26 input[type="radio"] { accent-color: var(--v-accent); width: 18px; height: 18px; }
.modal.m26 .token-hint, .modal.m26 .sub, .modal.m26 .hint { font-size: 13px; line-height: 1.5; color: var(--v-text3); }
.modal.m26 .confirm-text { font-size: 14px; line-height: 1.55; color: var(--v-text3); }
.modal.m26 .modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }
.modal.m26 .btn {
  height: 44px; padding: 0 18px; border: 0; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-family: var(--v-font); font-size: 14px; font-weight: 700; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3);
  transition: transform .2s var(--v-spring), filter .2s ease;
}
.modal.m26 .btn:active { transform: scale(.96); }
.modal.m26 .btn.secondary { background: var(--v-soft); color: var(--v-text); box-shadow: none; }
.modal.m26 .btn.small { height: 36px; padding: 0 12px; font-size: 13px; }
.modal.m26 .btn.danger { background: var(--v-r-soft); color: var(--v-r-text); box-shadow: none; }
.modal.m26 .btn.btn-success { background: var(--v-g-soft); color: var(--v-g-text); box-shadow: none; }
.modal.m26 .btn:disabled { opacity: .45; box-shadow: none; }
.modal.m26 #confirm-yes:not(.danger) { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.modal.m26 .checkbox-row { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px; border-radius: 14px; background: var(--v-soft); font-size: 14px; font-weight: 600; margin: 6px 0; }
.modal.m26 .file-attach-btn { height: 38px; padding: 0 14px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; }
.modal.m26 .segmented { display: flex; gap: 4px; padding: 4px; border: 0; border-radius: 14px; background: var(--v-soft); }
.modal.m26 .segmented button { flex: 1 1 0; height: 36px; border: 0; border-radius: 11px; background: transparent; color: var(--v-text3); font-family: var(--v-font); font-size: 13px; font-weight: 700; }
.modal.m26 .segmented button.active { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.modal.m26 .expert-pick-list, .modal.m26 .team-modal-list { display: flex; flex-direction: column; gap: 4px; }
.modal.m26 .expert-pick-list > *, .modal.m26 .team-modal-row { border: 0; border-radius: 16px; background: none; transition: background-color .15s ease; }
.modal.m26 .expert-pick-list > *:hover, .modal.m26 .team-modal-row:hover { background: var(--v-hover); }
.modal.m26 .order-info-cell { border: 0; border-radius: 14px; background: var(--v-soft); }
.modal.m26 .order-info-icon { display: inline-flex; color: var(--v-text3); }
.modal.m26 .cheer-card { text-align: center; }
.modal.m26 .cheer-ico { box-shadow: 0 12px 30px rgba(242, 92, 5, 0.35); }
@media (max-width: 860px) {
  .modal.m26.modal-sheet { width: 100%; max-width: none; max-height: 92dvh; border-radius: 28px 28px 0 0; padding: 12px 16px calc(20px + env(safe-area-inset-bottom, 0px)); }
  .modal.m26.modal-sheet > h3 { text-align: left; font-size: 20px; }
  .modal.m26.modal-sheet .modal-actions { flex-direction: column-reverse; gap: 8px; }
  .modal.m26.modal-sheet .modal-actions .btn { width: 100%; height: 52px; }
  .modal.m26 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), .modal.m26 textarea, .modal.m26 select { font-size: 16px; }
}


.notif-panel.n26 { width: 380px; max-height: 70vh; padding: 0; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 30px 80px rgba(0, 0, 0, 0.18); font-family: var(--v-font); }
.notif-panel.n26 .notif-panel-header { padding: 16px 18px 12px; border: 0; background: var(--v-card); }
.notif-panel.n26 .notif-panel-title { font-family: var(--v-display); font-size: 18px; font-weight: 700; color: var(--v-text); }
.notif-panel.n26 .notif-mark-all-btn { height: 30px; padding: 0 12px; border-radius: 10px; background: var(--v-soft); color: var(--v-text); font-size: 12px; font-weight: 700; }
.notif-panel.n26 .notif-mark-all-btn:hover { text-decoration: none; background: var(--v-hover); }
.notif-panel.n26 .notif-list { padding: 0 8px 10px; }
.notif-panel.n26 .notif-item { position: relative; display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 12px 10px; border-radius: 16px; background: none; font-size: 13px; line-height: 1.45; color: var(--v-text); }
.notif-panel.n26 .notif-item + .notif-item { box-shadow: inset 0 1px 0 var(--v-row); }
.notif-panel.n26 .notif-item:hover { background: var(--v-hover); box-shadow: none; }
.notif-panel.n26 .notif-item.unread { background: none; font-weight: 600; }
.notif-panel.n26 .notif-item.unread::after { content: ''; position: absolute; right: 12px; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: var(--v-accent); }
.notif-panel.n26 .notif-item.unread .n26-main { padding-right: 16px; }
.notif-panel.n26 .n26-main { flex: 1 1 auto; min-width: 0; }
.notif-panel.n26 .notif-time { margin-top: 4px; font-size: 11.5px; font-weight: 500; color: var(--v-muted); }
.notif-panel.n26 .n26-ico { width: 34px; height: 34px; flex-shrink: 0; border-radius: 11px; display: flex; align-items: center; justify-content: center; }
.n26-ico-g { background: var(--v-g-soft); color: var(--v-g-text); }
.n26-ico-r { background: var(--v-r-soft); color: var(--v-r-text); }
.n26-ico-b { background: var(--v-b-soft); color: var(--v-b-text); }
.n26-ico-o { background: var(--v-o-soft); color: var(--v-o-text); }
.n26-ico-n { background: var(--v-soft); color: var(--v-text2); }
.notif-panel.n26 .empty-state { padding: 28px 16px; color: var(--v-muted); }
@media (max-width: 860px) {
  .notif-panel.n26 { width: auto; }
}

.modal.p26-req-modal { max-height: calc(100vh - 48px); padding-bottom: 0 !important; width: 600px; max-width: calc(100vw - 32px); box-sizing: border-box; padding: 26px; border-radius: 28px; background: var(--v-card); box-shadow: 0 40px 100px rgba(0, 0, 0, 0.3); }
.p26-req { display: flex; flex-direction: column; gap: 18px; color: var(--v-text); font-family: var(--v-font); }
.p26-req-head { display: flex; align-items: flex-start; gap: 12px; }
.p26-req-head > div { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.p26-req-head h1 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 24px; color: var(--v-text); }
.p26-req-head p, .p26-req-sub { margin: 0; font-size: 14px; color: var(--v-muted); }
.p26-req-head .p26-req-x { width: 40px; height: 40px; padding: 0; flex-shrink: 0; }
.p26-req-body { display: flex; flex-direction: column; gap: 18px; }
.p26-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.p26-field > label { margin: 0; font-size: 13px; font-weight: 700; color: var(--v-text); }
.p26-hint { font-size: 12px; color: var(--v-muted); }
.p26-req textarea, .p26-req input:not([type]), .p26-req input[type="text"], .p26-req select, .p26-req #p-template-label {
  width: 100%; box-sizing: border-box; min-height: 48px; margin: 0; padding: 12px 14px; border: 0; border-radius: 14px;
  box-shadow: inset 0 0 0 1px var(--v-chip-ring); background: var(--v-card); color: var(--v-text);
  font-family: var(--v-font); font-size: 15px; outline: none; transition: box-shadow .2s ease;
}
.p26-req textarea { min-height: 64px; resize: vertical; line-height: 1.4; }
.p26-req textarea:focus, .p26-req input:focus, .p26-req select:focus { box-shadow: inset 0 0 0 2px var(--v-accent); }
.p26-req .select-wrap { margin: 0; }
.p26-req .select-wrap select { padding-right: 38px; cursor: pointer; }
.p26-req .select-wrap::after {
  content: ''; right: 16px; width: 8px; height: 8px; margin-top: -3px; border: solid var(--v-muted); border-width: 0 2px 2px 0;
  transform: translateY(-50%) rotate(45deg);
}
.p26-mono, .p26-req input.p26-mono { font-family: var(--v-display); letter-spacing: 0.04em; }
.p26-amount {
  height: 56px; box-sizing: border-box; padding: 0 16px; border-radius: 16px; background: var(--v-card);
  box-shadow: inset 0 0 0 1px var(--v-chip-ring); display: flex; align-items: center; gap: 8px; transition: box-shadow .2s ease;
}
.p26-amount:focus-within { box-shadow: inset 0 0 0 2px var(--v-accent); }
.p26-req .p26-amount input {
  flex-grow: 1; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; box-shadow: none !important; outline: none; background: transparent;
  font-family: var(--v-display); font-weight: 700; font-size: 24px; color: var(--v-text); -moz-appearance: textfield;
}
.p26-amount input::-webkit-outer-spin-button, .p26-amount input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.p26-amount > span { font-size: 20px; font-weight: 700; color: var(--v-muted); }
.p26-quick { display: flex; gap: 6px; flex-wrap: wrap; }
.p26-quick button {
  height: 32px; padding: 0 12px; border: 0; border-radius: 999px; cursor: pointer; background: var(--v-soft); color: var(--v-chip);
  font-family: var(--v-font); font-size: 12px; font-weight: 700; transition: background-color .2s ease, transform .25s var(--v-spring);
}
.p26-quick button.is-on { background: var(--v-ink); color: var(--v-on-ink); }
.p26-quick button:active { transform: scale(.95); }
.p26-budget { height: 8px; border-radius: 4px; background: var(--v-soft2); overflow: hidden; display: flex; }
.p26-budget span { display: block; height: 100%; transition: width .4s var(--v-ease); }
.p26-budget-done { background: var(--v-g-text); }
.p26-budget-now { background: var(--v-accent); }
.p26-budget-legend { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 12px; color: var(--v-muted); }
.p26-budget-legend b { color: var(--v-text); }
.p26-budget-legend b.is-g { color: var(--v-g-text); }
.p26-over { display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--v-a-soft); color: var(--v-a-text); font-size: 12px; font-weight: 600; line-height: 1.4; }
.p26-over[hidden] { display: none; }
.p26-over svg { flex-shrink: 0; margin-top: 1px; }
.p26-drop {
  width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px; border: 0; border-radius: 16px; cursor: pointer; text-align: left;
  background: var(--v-card); box-shadow: inset 0 0 0 1.5px var(--v-chip-ring); color: var(--v-text); font-family: var(--v-font);
  background-image: none; transition: box-shadow .2s ease, background-color .2s ease;
}
.p26-drop:not(.has-file) { box-shadow: none; outline: 1.5px dashed var(--v-bar2); outline-offset: -1.5px; }
.p26-drop.is-drag { outline-color: var(--v-accent); background: var(--v-o-soft); }
.p26-drop.has-file { background: #F6FBF7; box-shadow: inset 0 0 0 1.5px #BBE5C8; }
:root[data-theme="dark"] .p26-drop.has-file { background: var(--v-g-soft); box-shadow: inset 0 0 0 1.5px rgba(74, 222, 128, 0.35); }
.p26-drop-ico { width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text3); display: flex; align-items: center; justify-content: center; }
.p26-drop.has-file .p26-drop-ico { background: var(--v-card); color: #166534; }
.p26-drop-text { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.p26-drop-text b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p26-drop-text span { font-size: 12px; color: var(--v-muted); }
.p26-drop-x { width: 34px; height: 34px; flex-shrink: 0; border-radius: 10px; color: var(--v-text3); display: flex; align-items: center; justify-content: center; }
.p26-drop-x[hidden] { display: none; }
.p26-drop-x:hover { background: var(--v-soft); color: var(--v-text); }
.p26-tpls { display: flex; gap: 8px; flex-wrap: wrap; }
.p26-tpls button {
  height: 40px; padding: 0 14px; border: 0; border-radius: 12px; cursor: pointer; background: var(--v-soft); color: var(--v-chip);
  display: flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 13px; font-weight: 700;
  transition: background-color .2s ease, color .2s ease, transform .25s var(--v-spring);
}
.p26-tpls button[aria-checked="true"] { background: var(--v-ink); color: var(--v-on-ink); }
.p26-tpls button:active { transform: scale(.96); }
.p26-reqs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 14px; border-radius: 16px; background: #F7F7F8; }
:root[data-theme="dark"] .p26-reqs { background: var(--v-soft); }
.p26-save-tpl { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 14px; font-weight: 500; color: var(--v-text); cursor: pointer; }
.p26-save-tpl input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.p26-box { width: 22px; height: 22px; flex-shrink: 0; box-sizing: border-box; border-radius: 7px; box-shadow: inset 0 0 0 1.5px #C4C4CC; color: transparent; display: flex; align-items: center; justify-content: center; transition: background-color .2s ease; }
.p26-save-tpl input:checked + .p26-box { background: var(--v-accent); box-shadow: none; color: #FFFFFF; }
.p26-save-tpl input:focus-visible + .p26-box { outline: 2px solid var(--v-accent); outline-offset: 2px; }
.p26-note { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--v-soft); font-size: 13px; line-height: 1.45; color: var(--v-text3); }
.p26-note svg { flex-shrink: 0; margin-top: 1px; }
.p26-req-foot { display: flex; gap: 10px; justify-content: flex-end; }

.p26-req-modal .p26-req-foot { position: sticky; bottom: 0; z-index: 2; margin: -8px -26px 0; padding: 14px 26px 22px; background: var(--v-card); box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.12); }
.p26-req-foot .od26-btn { height: 48px; padding: 0 20px; font-size: 15px; }


.h26.p26-req-page { gap: 0; max-width: 600px; }
.p26-req-page .p26-req-head { align-items: center; gap: 8px; }
.p26-req-page .p26-req-head b { font-size: 16px; }
.p26-req-page .p26-req-x {
  width: 40px; height: 40px; padding: 0; border: 0; border-radius: 12px; cursor: pointer; background: var(--v-hover); color: var(--v-text);
  display: flex; align-items: center; justify-content: center;
}
.p26-req-page .p26-req-body { padding: 16px 0 24px; }

@media (max-width: 860px) {
  .h26.p26 { gap: 16px; }
  .p26-head { grid-template-areas: "text new" "search search" "export export"; }
  .p26-head .o26-search, .p26-role-manager .p26-head .o26-search { width: 100%; }
  .p26-head #p26-templates { grid-area: new; width: 48px; height: 48px; padding: 0; border-radius: 16px; }
  .p26-head #p26-templates span, .p26-head #p26-templates { font-size: 0; }
  .p26-head #p26-templates svg { width: 22px; height: 22px; }
  .p26-export { grid-area: export; width: 100%; }
  .p26-export input[type="date"] { flex: 1 1 0; width: auto; min-width: 0; }
  .p26-posters .h26-poster { flex: 0 0 calc(50% - 6px); height: 170px; padding: 18px; }
  .p26-posters .h26-art { width: 110px; height: 110px; }
  .p26-posters .h26-poster-count.is-money { font-size: 25px; }
  .p26-posters .h26-poster-label { font-size: 16px; }
  .p26-posters .h26-poster-note { font-size: 12px; }
  .p26-tabs, .p26-subtabs { align-self: stretch; }
  #payouts-status-tabs.p26-subtabs { margin-bottom: 0; }

  .p26-card { background: none; box-shadow: none; border-radius: 0; overflow: visible; }
  .p26-card-head { padding: 4px 0 12px; align-items: flex-end; }
  .p26-card-head h2 { display: block; font-size: 20px; line-height: 1.25; }
  .p26-card-head h2 .od26-count { display: none; }  /* число уже есть на вкладке */
  .p26-list { display: flex; flex-direction: column; gap: 12px; }
  .payout-row.p26-row, .p26-row, .od26 .payout-row.p26-row {
    position: relative; flex-wrap: wrap; align-items: center; gap: 10px;
    padding: 16px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow);
  }
  .od26 .payout-row.p26-row { box-shadow: 0 0 0 1px var(--v-row); }
  .payout-row.p26-row:hover, .p26-row:hover { background: var(--v-card); }
  .p26-row .o26-av { width: 30px; height: 30px; font-size: 11px; }
  .p26-who-m { display: block; flex: 1 1 0; min-width: 0; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .p26-who { display: none; }
  .p26-row .p26-main { order: 2; flex: 1 1 100%; }
  .p26-row .p26-sum { font-size: 17px; }
  .p26-row .p26-actions { order: 3; flex: 1 1 100%; }
  .p26-row .p26-actions .od26-btn { flex: 1 1 0; height: 44px; }
  .p26-row .p26-actions .p26-icon-btn { flex: 1 1 0; width: auto; padding: 0 16px; }
  .p26-row .p26-actions .p26-icon-btn::after { content: 'Отклонить'; }
  .p26-row .p26-actions .p26-icon-btn svg { display: none; }

  .p26-role-expert .p26-row:not(.p26-ready) .p26-sum, .od26 .p26-row .p26-main:first-child ~ .p26-sum { position: absolute; top: 16px; right: 16px; }
  .p26-role-expert .p26-row:not(.p26-ready) .p26-top, .od26 .p26-row .p26-main:first-child .p26-top { padding-right: 96px; }
  .p26-role-expert .p26-row .p26-top .o26-pill { order: -1; }
  .p26-reqline { width: 100%; box-sizing: border-box; flex-direction: column; align-items: flex-start; gap: 4px; padding: 10px 12px; border-radius: 12px; background: #F7F7F8; font-size: 13px; }
  :root[data-theme="dark"] .p26-reqline { background: var(--v-soft); }
  .p26-req-num { width: 100%; }
  .p26-req-num .p26-copy { margin-left: auto; width: 30px; height: 30px; background: var(--v-card); }
  .p26-flow { max-width: none; }
  .p26-ready .p26-main { order: 0; flex: 1 1 0; }
  .p26-ready .od26-btn-dark { order: 3; flex: 1 1 100%; height: 44px; }
  .p26-group { border: 0; }
  .p26-group-head { border-radius: 16px; padding: 10px 14px; }
  .p26-card .empty-state { padding: 16px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
  #payouts-status-tabs.p26-subtabs { flex-wrap: nowrap; }
  .p26-posters .h26-poster-note { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

  .p26-bulk { left: 12px; right: 12px; bottom: calc(96px + env(safe-area-inset-bottom, 0px)); gap: 10px; padding: 10px 10px 10px 16px; border-radius: 18px; }
  .p26-bulk > div { flex-direction: column; align-items: flex-start; gap: 0; }
  .p26-bulk b { font-size: 14px; }
  .p26-bulk span { font-size: 12px; max-width: 46vw; }
  .p26-bulk .od26-btn-ghost { display: none; }
  .p26-bulk #payout-pay-selected { font-size: 0; gap: 0; padding: 0 16px; }
  .p26-bulk #payout-pay-selected::after { content: 'Выплачено'; font-size: 14px; margin-left: 8px; }
  .p26-role-admin { padding-bottom: 120px; }

  .p26-req-page .p26-req-head {
    position: sticky; top: 0; z-index: 5; margin: 0 -16px; padding: 8px 12px; height: 56px; box-sizing: border-box;
    background: var(--v-glass); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid var(--v-line);
  }
  .p26-reqs { grid-template-columns: 1fr; }
  .p26-req input, .p26-req textarea, .p26-req select { font-size: 16px !important; }
  .p26-req .p26-amount input { font-size: 24px !important; }
  .p26-req-page .p26-req-body { padding-bottom: 110px; }
  .p26-req-page .p26-req-foot {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
    background: var(--v-glass-tab); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-top: 1px solid var(--v-chip-ring);
  }
  .p26-req-page .p26-req-foot .od26-btn { flex: 1 1 auto; height: 52px; }
  .modal.p26-req-modal { padding: 20px; border-radius: 24px; }

  body:has(.p26-req-page) .tabbar { display: none; }
  body:has(.p26-req-page) .chat-widget-btn { bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important; }
  .p26-m-ask { display: flex; width: 100%; height: 52px; font-size: 15px; }
  .p26-role-expert .p26-posters .h26-poster { flex-basis: calc(50% - 6px); }
}
.p26-m-ask { display: none; }








:root[data-chat-theme="soft"] {
  --chat-canvas: #F3F3F5;
  --chat-canvas-side: #FFFFFF;
  --chat-canvas-bar: #FFFFFF;
  --chat-bubble-in: #FFFFFF;
  --chat-bubble-in-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
:root[data-theme="dark"][data-chat-theme-dark="dark"] {
  --chat-canvas: #0B0B0D;
  --chat-canvas-side: #18181B;
  --chat-canvas-bar: #18181B;
  --chat-bubble-in: #1F1F23;
  --chat-bubble-in-dlg: #1F1F23;
}

.c26 { --chat-bubble-mine: #141414; --c26-mine-text: #FFFFFF; }
:root[data-theme="dark"] .c26 { --chat-bubble-mine: #2E2E35; }

.h26.c26 { gap: 22px; }
.c26 .c26-head.topbar { margin: 0; padding: 4px 0 0; border: 0; background: none; }
.c26-m-only { display: none; }



body:not(.chat-pinned-mobile) .c26 .chat-layout.c26-card {
  height: calc(100vh - 230px); height: calc(100dvh - 230px); min-height: 520px;
  border: 0; border-radius: 24px; background: var(--chat-canvas);
  box-shadow: var(--v-card-shadow); --chat-pane-inner-radius: 24px;
  font-family: var(--v-font);
}
body:not(.chat-pinned-mobile) .c26 .chat-list { width: 360px; }
.c26 .chat-list { border-right: 1px solid var(--v-row); background: var(--chat-canvas-side); }


.c26 .chat-list-head { padding: 18px 18px 0; border: 0; background: none; }
.c26 .chat-list-head h3 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 19px; color: var(--v-text); }
.c26 .chat-list-head-actions { gap: 8px; }
.c26 .ios-chat-layout .chat-head-icon-btn, .c26 .ios-chat-layout .chat-new-btn {
  width: 36px; height: 36px; padding: 0; border: 0; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--v-soft); color: var(--v-text); box-shadow: none; font-size: 0;
  transition: transform .25s var(--v-spring), background-color .2s ease;
}
.c26 .ios-chat-layout .chat-head-icon-btn:hover { background: var(--v-hover); }
.c26 .ios-chat-layout .chat-new-btn { background: var(--v-ink); color: var(--v-on-ink); }
.c26 .ios-chat-layout .chat-head-icon-btn svg { width: 18px; height: 18px; }
.c26 .ios-chat-layout .chat-head-icon-btn.active { background: var(--v-ink); color: var(--v-on-ink); }


.c26 .chat-search { margin: 14px 18px 0; padding: 0; border: 0; }
.c26 .ios-chat-layout .chat-search input {
  height: 44px; margin: 0; padding: 0 14px 0 42px; border: 0; border-radius: 14px; background-color: var(--v-soft);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: 14px 50%;
  font-family: var(--v-font); font-size: 14px; color: var(--v-text); box-shadow: none;
}
.c26 .ios-chat-layout .chat-search input:focus { box-shadow: 0 0 0 2px var(--v-accent); outline: none; }
.c26 .chat-type-filter {
  margin: 12px 18px 0; padding: 4px; height: 36px; box-sizing: border-box; border-radius: 13px; gap: 4px; background: var(--v-soft); display: flex;
}
:root:not([data-theme="dark"]) .c26 .chat-type-filter { background: #EDEDEF; }
.c26 .ios-chat-layout .chat-type-filter-btn {
  flex: 1 1 0; height: 28px; margin: 0; padding: 0; border: 0; border-radius: 10px; background: transparent; box-shadow: none;
  font-family: var(--v-font); font-size: 13px; font-weight: 700; color: var(--v-muted);
}
.c26 .ios-chat-layout .chat-type-filter-btn.active { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.c26 .chat-folder-chips { margin: 12px 18px 0; padding: 0; gap: 6px; }
.c26 .ios-chat-layout .chat-folder-chip {
  height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text2); box-shadow: none;
  font-family: var(--v-font); font-size: 13px; font-weight: 700;
}
.c26 .ios-chat-layout .chat-folder-chip.active { background: var(--v-ink); color: var(--v-on-ink); }


.c26 .chat-items { padding: 10px 8px 12px; }
.c26 .ios-chat-layout .chat-item-swipe { border-radius: 16px; }
.c26 .ios-chat-layout .chat-item {
  position: relative; gap: 12px; padding: 12px 14px; margin: 0; border: 0; border-radius: 16px; background: var(--chat-canvas-side);
}
.c26 .ios-chat-layout .chat-item:hover { background: var(--v-soft2); }
.c26 .ios-chat-layout .chat-item.active { background: var(--v-soft); }
.c26 .ios-chat-layout .chat-item.active::after {
  content: ''; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 0 3px 3px 0; background: var(--v-accent);
}
.c26 .ios-chat-layout .chat-item.has-unread::before { display: none; }
.c26 .chat-item-avatar .avatar, .c26 .chat-item-avatar > * { width: 44px; height: 44px; }
.c26 .chat-item-name { font-size: 14px; font-weight: 700; color: var(--v-text); display: flex; align-items: center; gap: 5px; min-width: 0; }
.c26 .chat-item-pin-emoji, .c26 .chat-item-group-emoji, .c26 .chat-item-muted-emoji { display: none; }
.c26 .chat-item-pin-mark, .c26 .chat-item-muted-mark { display: inline-flex; color: var(--v-lock, #A1A1AA); order: 2; }
.c26 .chat-item-preview { font-size: 13px; color: var(--v-muted); }
.c26 .chat-item-preview.unread { color: var(--v-text2); font-weight: 600; }
.c26 .chat-item-draft { color: var(--v-accent); font-weight: 700; }
.c26 .ios-chat-layout .chat-item-unread-pill { display: none; }
.c26 .chat-item-time { font-size: 12px; color: #A1A1AA; }
.c26 .chat-item.has-unread .chat-item-time { color: var(--v-accent); font-weight: 800; }
.c26 .ios-chat-layout .chat-item-unread-count {
  min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: var(--v-accent); color: #FFFFFF;
  font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center; animation: p26tick .5s var(--v-spring) both;
}
.c26 .chat-item-menu-btn { border-radius: 10px; color: var(--v-muted); }


.c26 .c26-empty { display: flex; flex-direction: column; align-items: center; gap: 12px; border: 0; background: none; color: var(--v-muted); font-size: 14px; }
.c26-empty-ico { width: 56px; height: 56px; border-radius: 18px; background: var(--v-card); box-shadow: var(--v-card-shadow); color: var(--v-text3); display: flex; align-items: center; justify-content: center; }


.c26 .chat-head-emoji, .c26 .chat-thread-group-emoji { display: none; }
.c26 .chat-head-glyph { display: inline-flex; }
.c26 .ios-chat .chat-thread-top { border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
:root[data-theme="dark"] .c26 .ios-chat .chat-thread-top { border-bottom-color: rgba(255, 255, 255, 0.06); }
.c26 .chat-thread-head { min-height: 72px; padding: 0 20px; gap: 12px; }
.c26 .chat-thread-name { font-family: var(--v-font); font-size: 16px; font-weight: 800; color: var(--v-text); }
.c26 .chat-thread-sub { font-size: 12px; font-weight: 600; color: var(--v-muted); }
.c26 .chat-thread-sub.online { color: var(--v-g-text); }
.c26 .chat-thread-head .chat-composer-btn {
  width: 40px; height: 40px; padding: 0; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text);
  display: inline-flex; align-items: center; justify-content: center;
}
.c26 .chat-thread-head .chat-composer-btn:hover { background: var(--v-hover); }
.c26 .chat-head-actions { gap: 6px; }
.c26 .chat-back-btn { width: 40px; height: 40px; padding: 0; border: 0; border-radius: 12px; background: var(--v-hover); color: var(--v-text); display: inline-flex; align-items: center; justify-content: center; }


.c26 .chat-pinned-bar { border-top: 1px solid rgba(0, 0, 0, 0.04); background: transparent; }
.c26 .chat-pinned-strips span.on { background: var(--v-accent); }
.c26 .chat-pinned-label { color: var(--v-o-text); font-weight: 800; }


.c26 .ios-chat .chat-day-divider span, .c26 .ios-chat .chat-day-chip {
  background: rgba(255, 255, 255, 0.8); color: var(--v-muted); font-weight: 700; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
:root[data-theme="dark"] .c26 .ios-chat .chat-day-divider span, :root[data-theme="dark"] .c26 .ios-chat .chat-day-chip { background: rgba(39, 39, 42, 0.92); }
.c26 .ios-chat .chat-bubble { border-radius: 20px; font-family: var(--v-font); }
.c26 .ios-chat .chat-bubble-row.mine .chat-bubble { background: var(--chat-bubble-mine); color: var(--c26-mine-text); border-bottom-right-radius: 6px; }
.c26 .ios-chat .chat-bubble-row:not(.mine) .chat-bubble { border-bottom-left-radius: 6px; }
.c26 .ios-chat .chat-reaction-pill { border-radius: 13px; font-weight: 700; }
.c26 .ios-chat .chat-reaction-pill.mine { background: var(--v-o-soft2); color: var(--v-o-text); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.c26 .ios-chat .chat-order-card, .c26 .ios-chat .chat-task-card, .c26 .ios-chat .chat-assign-card { border-radius: 14px; }


.c26 .ios-chat .chat-thread-bottom { border-top: 1px solid rgba(0, 0, 0, 0.05); }
:root[data-theme="dark"] .c26 .ios-chat .chat-thread-bottom { border-top-color: rgba(255, 255, 255, 0.06); }
.c26 .ios-chat .chat-composer { padding: 12px 20px 16px; }
@media (min-width: 861px) {
  body:not(.chat-pinned-mobile) .c26 .ios-chat { --composer-h: 46px; --composer-r: 23px; }
  body:not(.chat-pinned-mobile) .c26 .ios-chat .chat-composer textarea {
    padding: 13px 46px 13px 18px; border: 0; background: var(--v-soft); font-family: var(--v-font); font-size: 15px; line-height: 20px;
  }
  body:not(.chat-pinned-mobile) .c26 .ios-chat .chat-composer textarea:focus { border: 0; box-shadow: 0 0 0 2px var(--v-accent); }
  body:not(.chat-pinned-mobile) .c26 .ios-chat .chat-composer-btn { border: 0; background: var(--v-soft); color: var(--v-text); border-radius: 50%; }
  body:not(.chat-pinned-mobile) .c26 .ios-chat .chat-send-btn { border-radius: 50%; }
  body:not(.chat-pinned-mobile) .c26 .ios-chat .chat-emoji-inline-btn { color: var(--v-muted); }
}
.c26 .ios-chat .chat-send-btn { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.35); }
.c26 .ios-chat .chat-send-btn.is-mic { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.c26 .ios-chat .chat-send-btn svg, .c26 .ios-chat .chat-composer-btn svg { flex-shrink: 0; }


.c26 .ios-chat .chat-attach-menu {
  width: 290px; padding: 8px; border: 0; border-radius: 22px; background: var(--v-card);
  box-shadow: 0 0 0 1px var(--v-chip-ring), 0 24px 60px rgba(0, 0, 0, 0.18);
}
.c26 .ios-chat .chat-attach-menu-item {
  display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 12px; border: 0; border-radius: 14px; background: none; text-align: left;
  font-family: var(--v-font); color: var(--v-text);
}
.c26 .ios-chat .chat-attach-menu-item:hover { background: var(--v-soft); }
.c26-ami { width: 36px; height: 36px; flex-shrink: 0; border-radius: 11px; display: flex; align-items: center; justify-content: center; }
.c26-ami-b { background: var(--v-b-soft); color: var(--v-b-text); }
.c26-ami-o { background: var(--v-o-soft); color: var(--v-o-text); }
.c26-ami-g { background: var(--v-g-soft); color: #166534; }
.c26-ami-a { background: var(--v-a-soft); color: var(--v-a-text); }
.c26-ami-p { background: var(--v-p-soft); color: var(--v-p-text); }
:root[data-theme="dark"] .c26-ami-g { color: var(--v-g-text); }
.c26-ami-text { display: flex; flex-direction: column; gap: 1px; }
.c26-ami-text b { font-size: 14px; }
.c26-ami-text small { font-size: 12px; color: var(--v-muted); font-weight: 500; }


.c26 .chat-folder-chips { border-bottom: 0; }
.c26 .ios-chat-layout .chat-folder-chip { display: inline-flex; align-items: center; gap: 6px; }
@media (hover: hover) {
  .c26 .chat-item .chat-item-menu-btn { opacity: 0; transition: opacity .2s ease; }
  .c26 .chat-item:hover .chat-item-menu-btn, .c26 .chat-item .chat-item-menu-btn:focus-visible { opacity: 1; }
}

.c26 .chat-read-ticks.read { color: #7DD3A0; text-shadow: none; }
.c26 .chat-bubble-row:not(.mine) .chat-read-ticks.read { color: var(--v-g-text); }


.c26 .ios-chat .chat-order-card {
  display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px 10px; align-items: center;
  min-width: 280px; padding: 12px; margin: 0 0 6px; border-radius: 14px; background: rgba(255, 255, 255, 0.12);
}
.c26 .ios-chat .chat-bubble-row:not(.mine) .chat-order-card { background: var(--v-soft2); }
.c26 .chat-order-card-icon {
  width: 36px; height: 36px; border-radius: 11px; display: flex; align-items: center; justify-content: center; font-size: 0;
  background: #FFFFFF; color: #141414;
}
.c26 .chat-bubble-row:not(.mine) .chat-order-card-icon { background: var(--v-o-soft); color: var(--v-o-text); }
.c26 .chat-order-card-main { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.c26 .chat-order-card-title { font-size: 13px; font-weight: 700; line-height: 1.35; }
.c26 .chat-order-card-sub { opacity: 1; }
.c26 .chat-order-card-go {
  grid-column: 1 / -1; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; gap: 6px;
  background: #FFFFFF; color: #141414; font-size: 13px; font-weight: 700;
}
.c26 .chat-bubble-row:not(.mine) .chat-order-card-go { background: var(--v-ink); color: var(--v-on-ink); }
.c26 .chat-order-card.is-unavailable .chat-order-card-icon { font-size: 16px; background: var(--v-soft); }
.chat-order-card-go { display: none; }
.c26 .chat-order-card-go { display: flex; }








@media (max-width: 860px) {
  body.chat-pinned-mobile:not(.chat-thread-open) .tabbar { display: flex; }
  body.chat-pinned-mobile:not(.chat-thread-open) .c26 .chat-layout {
    top: calc(var(--vv-top, 0px) + 56px + env(safe-area-inset-top, 0px));
    height: calc(var(--vv-height, 100dvh) - 56px - env(safe-area-inset-top, 0px) - 74px - env(safe-area-inset-bottom, 0px));
    z-index: 30;
  }
}
@media (max-width: 1040px) {
  body.chat-pinned-mobile:not(.chat-thread-open) .c26 .chat-layout { background: var(--v-bg); }
  body.chat-pinned-mobile .c26 .chat-list { position: relative; width: 100%; border: 0; background: var(--v-bg); }

  body.chat-pinned-mobile:not(.chat-thread-open) .c26 .chat-list-head {
    position: absolute; top: 14px; right: 16px; z-index: 2; min-height: 0; margin: 0; padding: 0; border: 0; background: none;
  }
  body.chat-pinned-mobile:not(.chat-thread-open) .c26 .chat-list-head h3 { display: none; }
  body.chat-pinned-mobile .c26 .chat-list-head-actions { gap: 8px; }
  body.chat-pinned-mobile .c26 .ios-chat-layout .chat-head-icon-btn, body.chat-pinned-mobile .c26 .ios-chat-layout .chat-new-btn {
    width: 44px; height: 44px; border-radius: 14px; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring);
  }
  body.chat-pinned-mobile .c26 .ios-chat-layout .chat-new-btn { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
  body.chat-pinned-mobile .c26 .chat-search { margin: 14px calc(16px + 3 * 44px + 2 * 8px + 10px) 0 16px; }
  body.chat-pinned-mobile .c26 .ios-chat-layout .chat-search input { height: 44px; font-size: 16px; background-color: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); }
  body.chat-pinned-mobile .c26 .ios-chat-layout .chat-search input:focus { box-shadow: 0 0 0 2px var(--v-accent); }
  body.chat-pinned-mobile .c26 .chat-type-filter { margin: 12px 16px 0; height: 40px; }
  body.chat-pinned-mobile .c26 .ios-chat-layout .chat-type-filter-btn { height: 32px; }
  body.chat-pinned-mobile .c26 .chat-folder-chips { margin: 12px 16px 0; }
  body.chat-pinned-mobile .c26 .chat-items {
    flex: 0 1 auto; margin: 14px 16px 16px; padding: 4px 14px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow);
  }
  body.chat-pinned-mobile .c26 .ios-chat-layout .chat-item { padding: 12px 0; border-radius: 0; background: var(--v-card); }
  body.chat-pinned-mobile .c26 .ios-chat-layout .chat-item.active::after { display: none; }
  body.chat-pinned-mobile .c26 .chat-item-swipe + .chat-item-swipe .chat-item { border-top: 1px solid var(--v-row); }
  body.chat-pinned-mobile .c26 .chat-item-avatar .avatar, body.chat-pinned-mobile .c26 .chat-item-avatar > * { width: 48px; height: 48px; }
  body.chat-pinned-mobile .c26 .chat-item-name { font-size: 15px; }


  body.chat-pinned-mobile .c26 .chat-thread-head { min-height: 64px; padding: 0 12px; }
  body.chat-pinned-mobile .c26 .chat-thread-head .chat-composer-btn { background: var(--v-hover); border-radius: 12px; opacity: 1; }
  body.chat-pinned-mobile .c26 .chat-thread-name { font-size: 15px; }
  body.chat-pinned-mobile .c26 .ios-chat .chat-composer { padding: 12px 12px calc(12px + env(safe-area-inset-bottom, 0px)); }
}

@media (min-width: 861px) and (max-width: 1040px) {
  body.chat-pinned-mobile:not(.chat-thread-open) .c26 .chat-search { margin-left: 68px; margin-top: 12px; }
  body.chat-pinned-mobile:not(.chat-thread-open) .c26 .chat-list-head { top: 12px; }
  body.chat-pinned-mobile .mobile-menu-btn { top: 14px; left: 16px; width: 44px; height: 44px; }
}


.c26 .ios-chat .chat-bubble-avatar {
  background: var(--v-card); color: var(--v-text2); box-shadow: 0 0 0 1px var(--v-chip-ring); font-size: 11px; font-weight: 800;
}


.c26 .chat-task-card, .c26 .chat-assign-card {
  min-width: 260px; margin-top: 4px; padding: 12px; border: 0; border-radius: 14px; background: rgba(255, 255, 255, 0.12); box-shadow: none;
}
.c26 .chat-bubble-row:not(.mine) .chat-task-card, .c26 .chat-bubble-row:not(.mine) .chat-assign-card { background: var(--v-soft2); box-shadow: none; }
.c26 .chat-task-card-head { align-items: center; }
.c26 .chat-task-card-icon, .c26 .chat-assign-icon { display: inline-flex; font-size: 0; opacity: .8; }
.c26 .chat-task-card-main { align-items: center; }
.c26 .chat-task-card-title, .c26 .chat-assign-text { font-size: 14px; font-weight: 700; line-height: 1.35; }
.c26 .chat-task-card-price { font-family: var(--v-display); font-size: 14px; font-weight: 800; }
.c26 .chat-assign-who { font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.c26 .chat-task-card-actions .btn, .c26 .chat-assign-actions .btn {
  flex: 1 1 0; height: 34px; padding: 0 12px; border: 0; border-radius: 10px; font-family: var(--v-font); font-size: 13px; font-weight: 700;
  background: var(--v-accent); color: #FFFFFF;
}
.c26 .chat-bubble-row.mine .chat-task-card-actions .btn, .c26 .chat-bubble-row.mine .chat-assign-actions .btn { background: #FFFFFF; color: #141414; }
.c26 .chat-task-card-actions .btn.secondary, .c26 .chat-assign-actions .btn.secondary { background: var(--v-soft); color: var(--v-text); }


.chat-ctx-menu-icon svg { display: block; color: var(--v-text3); }
.chat-ctx-menu-item.danger .chat-ctx-menu-icon svg { color: currentColor; }
body:has(.c26) .chat-ctx-menu.ios-menu { font-family: var(--v-font); }
body:has(.c26) .chat-ctx-menu.ios-menu .chat-ctx-menu-item { font-weight: 600; }







body:has(.c26) .modal.ios-modal {
  width: min(440px, calc(100vw - 32px)); box-sizing: border-box; padding: 24px; border-radius: 28px;
  background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 30px 80px rgba(0, 0, 0, 0.18);
  font-family: var(--v-font); color: var(--v-text); display: flex; flex-direction: column; gap: 12px;
}
body:has(.c26) .modal.ios-modal.modal-wide { width: min(460px, calc(100vw - 32px)); }
body:has(.c26) .modal.ios-modal > h3 { margin: 0 0 2px; font-family: var(--v-display); font-weight: 700; font-size: 20px; color: var(--v-text); }
body:has(.c26) .modal.ios-modal .c26-modal-sub { margin-top: -10px; font-size: 13px; color: var(--v-muted); }
body:has(.c26) .modal.ios-modal > label, body:has(.c26) .modal.ios-modal label:not(.group-contact-row) { margin: 4px 0 -4px; font-size: 13px; font-weight: 700; color: var(--v-text); }
body:has(.c26) .modal.ios-modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body:has(.c26) .modal.ios-modal textarea, body:has(.c26) .modal.ios-modal select {
  width: 100%; box-sizing: border-box; min-height: 48px; margin: 0; padding: 12px 14px; border: 0; border-radius: 14px;
  background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 15px; box-shadow: none; outline: none;
}
body:has(.c26) .modal.ios-modal input:focus, body:has(.c26) .modal.ios-modal textarea:focus, body:has(.c26) .modal.ios-modal select:focus { box-shadow: 0 0 0 2px var(--v-accent); }
body:has(.c26) .modal.ios-modal .c26-search-field {
  min-height: 44px; padding-left: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: 14px 50%;
}
body:has(.c26) .modal.ios-modal .modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 6px; }
body:has(.c26) .modal.ios-modal .btn {
  height: 44px; padding: 0 18px; border: 0; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--v-accent); color: #FFFFFF; font-family: var(--v-font); font-size: 14px; font-weight: 700; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3);
}
body:has(.c26) .modal.ios-modal .btn.secondary { background: var(--v-soft); color: var(--v-text); box-shadow: none; }
body:has(.c26) .modal.ios-modal .btn.small { height: 36px; padding: 0 12px; font-size: 13px; }
body:has(.c26) .modal.ios-modal .btn.danger, body:has(.c26) .modal.ios-modal .btn.btn-danger { background: var(--v-r-soft); color: var(--v-r-text); box-shadow: none; }
body:has(.c26) .modal.ios-modal .btn:disabled { opacity: .45; box-shadow: none; }
body:has(.c26) .modal.ios-modal .empty-state { padding: 14px 0; border: 0; background: none; font-size: 13px; color: var(--v-muted); text-align: left; }
body:has(.c26) .modal.ios-modal .token-hint { font-size: 13px; color: var(--v-muted); }


body:has(.c26) .chat-chooser-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
body:has(.c26) .modal.ios-modal .chat-chooser-btn {
  height: auto; min-height: 150px; padding: 18px; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px;
  border-radius: 20px; background: var(--v-soft); color: var(--v-text); text-align: left; white-space: normal;
}
body:has(.c26) .modal.ios-modal .chat-chooser-btn:hover { background: var(--v-o-soft); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
body:has(.c26) .chat-chooser-btn b { font-size: 15px; }
body:has(.c26) .chat-chooser-btn small { font-size: 12px; font-weight: 500; color: var(--v-muted); line-height: 1.4; }
.c26-tile-ico { width: 44px; height: 44px; border-radius: 14px; background: var(--v-card); color: var(--v-text); display: flex; align-items: center; justify-content: center; }
body:has(.c26) .chat-chooser-btn:hover .c26-tile-ico { background: var(--v-accent); color: #FFFFFF; }


body:has(.c26) .contact-pick-list, body:has(.c26) .group-contact-list, body:has(.c26) .attach-order-list {
  max-height: min(46vh, 380px); overflow-y: auto; margin: 0 -8px; padding: 0 8px; border: 0; display: flex; flex-direction: column; gap: 2px;
}
body:has(.c26) .contact-pick-row, body:has(.c26) .group-contact-row {
  display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin: 0; border: 0; border-radius: 14px; cursor: pointer; background: none;
}
body:has(.c26) .contact-pick-row:hover, body:has(.c26) .group-contact-row:hover { background: var(--v-soft); }
body:has(.c26) .contact-pick-row.selected { background: var(--v-o-soft); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
body:has(.c26) .contact-pick-name, body:has(.c26) .group-participant-name, body:has(.c26) .c26-pick-name { font-size: 14px; font-weight: 700; color: var(--v-text); }
body:has(.c26) .contact-pick-sub, body:has(.c26) .group-participant-sub { font-size: 12px; color: var(--v-muted); }
body:has(.c26) .contact-pick-online { color: var(--v-g-text); }
.c26-pick-av { flex-shrink: 0; display: inline-flex; }
.c26-pick-av .avatar-lg-wrap, .c26-pick-av .avatar-lg { width: 36px !important; height: 36px !important; font-size: 13px !important; }
.c26-pick-name { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.c26-pick-name small { font-size: 12px; font-weight: 500; color: var(--v-muted); }
body:has(.c26) .group-contact-row input[type="checkbox"] {
  -webkit-appearance: none; appearance: none; width: 22px; height: 22px; flex-shrink: 0; margin: 0; border: 0; border-radius: 7px;
  box-shadow: inset 0 0 0 1.5px #C4C4CC; background: transparent; cursor: pointer; position: relative;
}
body:has(.c26) .group-contact-row input[type="checkbox"]:checked { background: var(--v-accent); box-shadow: none; }
body:has(.c26) .group-contact-row input[type="checkbox"]:checked::after {
  content: ''; position: absolute; left: 7px; top: 3px; width: 6px; height: 11px; border: solid #FFFFFF; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg);
}


body:has(.c26) .attach-order-row {
  position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px 12px;
  padding: 12px 12px 12px 44px; border: 0; border-radius: 14px; cursor: pointer; background: none;
}
body:has(.c26) .attach-order-row::before {
  content: ''; position: absolute; left: 12px; top: 50%; width: 22px; height: 22px; margin-top: -11px; box-sizing: border-box; border-radius: 50%; box-shadow: inset 0 0 0 1.5px #C4C4CC;
}
body:has(.c26) .attach-order-row.selected { background: var(--v-o-soft); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
body:has(.c26) .attach-order-row.selected::before { box-shadow: none; border: 7px solid var(--v-accent); }
body:has(.c26) .attach-order-row:hover { background: var(--v-soft); }
body:has(.c26) .attach-order-number { font-size: 13px; font-weight: 800; }
body:has(.c26) .attach-order-title { font-size: 13px; font-weight: 600; color: var(--v-text); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.c26-money { display: flex; align-items: center; height: 56px; padding: 0 16px; border-radius: 16px; background: var(--v-soft); }
.c26-money:focus-within { box-shadow: 0 0 0 2px var(--v-accent); }
body:has(.c26) .modal.ios-modal .c26-money input { min-height: 0; height: 100%; padding: 0; background: transparent; box-shadow: none !important; font-family: var(--v-display); font-weight: 700; font-size: 24px; }
.c26-money span { font-size: 20px; font-weight: 700; color: var(--v-muted); }
.c26-note { display: flex; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--v-soft); font-size: 13px; line-height: 1.45; color: var(--v-text3); }
.c26-note svg { flex-shrink: 0; margin-top: 1px; }


body:has(.c26) .peer-card { display: flex; flex-direction: column; gap: 16px; }
body:has(.c26) .peer-card-top { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
body:has(.c26) .peer-card-top .avatar-lg { width: 76px !important; height: 76px !important; font-size: 24px !important; }
body:has(.c26) .peer-card-name { margin-top: 6px; font-family: var(--v-display); font-weight: 700; font-size: 20px; }
body:has(.c26) .peer-card-sub { font-size: 13px; font-weight: 600; color: var(--v-muted); }
body:has(.c26) .peer-card-mail { font-size: 13px; color: var(--v-muted); }
body:has(.c26) .peer-card-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
body:has(.c26) .peer-card-stats > * { padding: 12px; border-radius: 16px; background: var(--v-soft); }
body:has(.c26) .peer-card-actions { display: flex; flex-direction: column; gap: 8px; }
body:has(.c26) .peer-card-actions .btn { width: 100%; height: 46px; }
body:has(.c26) .peer-card-actions .btn:not(.secondary) { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }


body:has(.c26) .group-info-quick-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
body:has(.c26) .group-info-quick-btn {
  display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 6px; border: 0; border-radius: 16px; cursor: pointer;
  background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 12px; font-weight: 700;
}
body:has(.c26) .group-info-quick-btn:hover { background: var(--v-hover); }
body:has(.c26) .group-avatar-row { display: flex; align-items: center; gap: 12px; }
body:has(.c26) .modal.ios-modal #gm-add-participants { align-self: flex-start; }


body:has(.c26) .read-by-list { display: flex; flex-direction: column; gap: 2px; }
body:has(.c26) .read-by-subhead { margin: 6px 0 0; font-size: 13px; font-weight: 700; color: var(--v-muted); }
body:has(.c26) .pinned-sheet-row {
  display: flex; gap: 12px; align-items: center; padding: 12px; border-radius: 16px; background: var(--v-soft); cursor: pointer;
}
body:has(.c26) .pinned-sheet-bar { width: 3px; align-self: stretch; border-radius: 2px; background: var(--v-accent); flex-shrink: 0; }
body:has(.c26) .pinned-sheet-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
body:has(.c26) .pinned-sheet-author { font-size: 12px; font-weight: 800; color: var(--v-o-text); }
body:has(.c26) .pinned-sheet-text { font-size: 13px; line-height: 1.4; color: var(--v-text2); }
body:has(.c26) .pinned-sheet-unpin { width: 32px; height: 32px; flex-shrink: 0; border: 0; border-radius: 10px; background: var(--v-card); color: var(--v-text3); display: flex; align-items: center; justify-content: center; cursor: pointer; }
body:has(.c26) .media-tabs { display: flex; gap: 4px; padding: 4px; border-radius: 13px; background: var(--v-soft); }
:root:not([data-theme="dark"]) body:has(.c26) .media-tabs { background: #EDEDEF; }
body:has(.c26) .media-tab { flex: 1 1 0; height: 32px; border: 0; border-radius: 10px; background: transparent; color: var(--v-muted); font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; }
body:has(.c26) .media-tab.active { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
body:has(.c26) .media-photo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
body:has(.c26) .media-photo-thumb { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; }
body:has(.c26) .media-file-row { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--v-row); font-size: 13px; }
body:has(.c26) .media-file-row a, body:has(.c26) .media-file-row > span:first-child { display: inline-flex; align-items: center; gap: 10px; flex-grow: 1; min-width: 0; color: var(--v-text); font-weight: 700; text-decoration: none; }
body:has(.c26) .media-file-date, body:has(.c26) .media-file-size { font-size: 12px; font-weight: 500; color: var(--v-muted); }
.c26-file-ico { width: 34px; height: 34px; flex-shrink: 0; border-radius: 10px; background: var(--v-b-soft); color: var(--v-b-text); display: inline-flex; align-items: center; justify-content: center; }


body:has(.c26) .chat-ctx-menu.ios-menu .chat-ctx-menu-arrow { margin-left: auto; display: inline-flex; color: var(--v-muted); }
body:has(.c26) .chat-ctx-menu-new-folder { display: flex; gap: 6px; padding: 6px; }
body:has(.c26) .chat-ctx-menu-new-folder input { flex: 1; min-width: 0; height: 36px; padding: 0 10px; border: 0; border-radius: 10px; background: var(--v-soft); font-family: var(--v-font); font-size: 13px; }
body:has(.c26) #chat-ctx-new-folder-btn { width: 36px; height: 36px; border: 0; border-radius: 10px; background: var(--v-ink); color: var(--v-on-ink); display: flex; align-items: center; justify-content: center; }


.c26 .chat-msg-results, .c26 .chat-search-suggest { border-radius: 18px; box-shadow: 0 0 0 1px var(--v-chip-ring), 0 18px 40px rgba(0, 0, 0, 0.1); background: var(--v-card); }
.c26 .chat-msg-results mark, .c26 .chat-search-suggest mark, .c26 .ios-chat mark { background: var(--v-o-soft2); color: var(--v-o-text); border-radius: 4px; padding: 0 2px; }


.c26 .chat-search-bar { gap: 8px; padding: 8px 16px; border: 0; background: transparent; align-items: center; }
.c26 .chat-search-bar input { height: 38px; flex: 1; padding: 0 12px; border: 0; border-radius: 12px; background: var(--v-soft); font-family: var(--v-font); font-size: 14px; box-shadow: 0 0 0 2px var(--v-accent); }
.c26 .chat-search-bar-count { font-size: 12px; font-weight: 700; color: var(--v-muted); white-space: nowrap; }
.c26 .chat-search-bar-nav { width: 34px; height: 34px; padding: 0; border: 0; border-radius: 10px; background: var(--v-soft); color: var(--v-text); display: inline-flex; align-items: center; justify-content: center; }


.c26 .chat-pinned-bar { gap: 10px; padding: 8px 20px; }
.c26 .chat-pinned-icon { display: inline-flex; color: var(--v-accent); }
.c26 .chat-pinned-author { color: var(--v-o-text); font-weight: 800; }


.c26 .chat-select-bar { gap: 8px; padding: 10px 16px 0; border: 0; background: transparent; align-items: center; }
.c26 .chat-select-count { flex: 1; font-size: 14px; font-weight: 800; }
.c26 .chat-select-act { height: 36px; padding: 0 12px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; }
.c26 #chat-select-forward { background: var(--v-ink); color: var(--v-on-ink); }
.c26 .chat-select-act.cancel { width: 36px; padding: 0; justify-content: center; }


.c26 .chat-reply-preview { gap: 10px; margin: 0; padding: 10px 16px 0; border: 0; background: transparent; align-items: center; }
.c26 .chat-reply-preview-body { flex: 1; min-width: 0; padding-left: 10px; border-left: 3px solid var(--v-accent); }
.c26 .chat-reply-preview-author { font-size: 12px; font-weight: 800; color: var(--v-o-text); }
.c26 .chat-reply-preview-text { font-size: 13px; color: var(--v-text3); }
.c26 #chat-reply-cancel, .c26 #chat-order-remove { width: 32px; height: 32px; flex-shrink: 0; padding: 0; border: 0; border-radius: 10px; background: var(--v-soft); color: var(--v-text3); display: inline-flex; align-items: center; justify-content: center; }
.c26 .chat-attach-preview { gap: 10px; padding: 12px 16px 0; }
.c26 .chat-attach-preview:empty { display: none; }
.c26 .chat-attach-chip {
  position: relative; height: 56px; box-sizing: border-box; padding: 0 14px 0 10px; border: 0; border-radius: 14px; background: var(--v-soft);
  display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; color: var(--v-text);
}
.c26 .chat-attach-chip button {
  position: absolute; top: -6px; right: -6px; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 50%; background: #141414; color: #FFFFFF;
  display: flex; align-items: center; justify-content: center; cursor: pointer;
}
.c26 .chat-attach-image-chip { width: 56px; padding: 0; overflow: visible; }
.c26 .chat-attach-image-chip img { width: 56px; height: 56px; border-radius: 14px; object-fit: cover; }
.c26 .chat-attach-order-chip { height: auto; padding: 10px 44px 10px 10px; background: var(--v-soft); }
.c26 .chat-attach-order-chip #chat-order-remove { position: absolute; top: 50%; right: 8px; margin-top: -16px; width: 32px; height: 32px; border-radius: 10px; background: var(--v-card); color: var(--v-text3); }
.c26-order-chip-text { display: flex; flex-direction: column; gap: 1px; }
.c26-order-chip-text small { font-size: 12px; font-weight: 500; color: var(--v-muted); }
.c26 .chat-length-counter { padding: 8px 16px 0; text-align: right; font-size: 12px; font-weight: 700; }


.c26 .mention-dropdown { padding: 6px; border: 0; border-radius: 18px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 24px 60px rgba(0, 0, 0, 0.16); }
.c26 .mention-dropdown-item { padding: 8px 10px; border-radius: 12px; font-size: 14px; font-weight: 700; }
.c26 .mention-dropdown-item.active, .c26 .mention-dropdown-item:hover { background: var(--v-o-soft); color: var(--v-o-text); }
.c26 .emoji-picker { border: 0; border-radius: 22px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 24px 60px rgba(0, 0, 0, 0.16); }


.c26 .ios-chat .chat-unread-divider { color: var(--v-o-text); font-weight: 800; }
.c26 .ios-chat .chat-unread-divider::before, .c26 .ios-chat .chat-unread-divider::after { background: #FFD4BA; }
.c26 .chat-to-bottom-btn { border: 0; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 10px 24px rgba(0, 0, 0, 0.12); }


.c26 .chat-bubble-forwarded { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; opacity: .75; }
.c26 .chat-bubble-forwarded-icon, .c26 .chat-bubble-pin-badge, .c26 .chat-bubble-important-badge { display: inline-flex; }
.c26 .chat-bubble-important-badge { color: #F5B400; }
.c26 .chat-bubble-pin-badge { color: var(--v-accent); }
.c26 .chat-bubble-row.mine .chat-bubble-pin-badge { color: #FFB38A; }


.c26 .ios-chat .chat-recording-ui { gap: 12px; border: 0; background: transparent; font-family: var(--v-font); }



.c26 .ios-chat .chat-composer.rec-holding .chat-recording-ui { background: var(--v-soft); box-shadow: none; }
body.chat-pinned-mobile .c26 .ios-chat .chat-composer.rec-holding .chat-recording-ui { background: var(--v-card); }
.c26 .ios-chat .chat-composer.rec-holding .chat-attach-wrap, .c26 .ios-chat .chat-composer.rec-holding .chat-textarea-wrap { visibility: hidden; }
.c26 .ios-chat .recording-timer { font-family: var(--v-display); font-weight: 700; font-size: 15px; }
.c26 .ios-chat .recording-dot { background: #EF4444; }
.c26 .ios-chat .recording-hint { font-size: 13px; color: var(--v-muted); }
.c26 .chat-video-record .cvr-timer { font-family: var(--v-display); font-weight: 700; }
.c26 .chat-video-record .cvr-send { background: var(--v-accent); color: #FFFFFF; border-radius: 13px; }
.c26 .chat-video-record .cvr-cancel { background: var(--v-soft); color: var(--v-text); border-radius: 13px; }


body:has(.c26) .look-popover, body:has(.c26) .chat-look-popover { border-radius: 22px; }
body:has(.c26) .look-theme.active { border-color: var(--v-accent); box-shadow: 0 0 0 3px rgba(242, 92, 5, 0.16); }
body:has(.c26) .look-segment.active, body:has(.c26) .look-size.active { background: var(--v-ink); color: var(--v-on-ink); }





.call-card { font-family: var(--v-font); }
#call-root.call-card { background: #141414; color: #FFFFFF; border: 0; border-radius: 24px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3); }
:root[data-theme="dark"] #call-root.call-card { background: #1C1C20; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 24px 60px rgba(0, 0, 0, 0.5); }
#call-root.call-card.call-dragging { box-shadow: 0 30px 70px rgba(0, 0, 0, 0.38); }
#call-root .call-card-body { background: transparent; border-radius: inherit; box-shadow: none; color: inherit; }
#call-root .call-card-grip { background: rgba(255, 255, 255, 0.3); }
#call-root .call-card-status { color: rgba(255, 255, 255, 0.6); }
#call-root.call-active .call-card-status { color: #4ADE80; }
#call-root .call-btn-mute { background: #FFFFFF; color: #141414; }
#call-root .call-btn-mute.on { background: rgba(255, 255, 255, 0.16); color: #FFFFFF; }


@media (max-width: 860px) {
  body:has(.c26) .modal.ios-modal.modal-sheet { width: 100%; max-width: none; border-radius: 28px 28px 0 0; padding: 12px 16px calc(24px + env(safe-area-inset-bottom, 0px)); }
  body:has(.c26) .modal.ios-modal.modal-sheet .modal-actions { flex-direction: column-reverse; }
  body:has(.c26) .modal.ios-modal.modal-sheet .modal-actions .btn { width: 100%; height: 52px; }
  body:has(.c26) .modal.ios-modal input, body:has(.c26) .modal.ios-modal textarea, body:has(.c26) .modal.ios-modal select { font-size: 16px; }
}


.c26-quick-dates { display: flex; gap: 6px; flex-wrap: wrap; }
.c26-quick-dates button, .c26-seg button {
  height: 34px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text);
  font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer;
}
.c26-quick-dates button.active { background: var(--v-ink); color: var(--v-on-ink); }
.c26-seg { display: flex; gap: 4px; padding: 4px; border-radius: 13px; background: var(--v-soft); }
:root:not([data-theme="dark"]) .c26-seg { background: #EDEDEF; }
.c26-seg button { flex: 1 1 0; height: 32px; border-radius: 10px; background: transparent; color: var(--v-muted); }
.c26-seg button[aria-checked="true"] { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }

.c26-group-head { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 2px 0 6px; text-align: center; }
.c26-group-head .avatar-lg-wrap, .c26-group-head .avatar-lg { width: 72px !important; height: 72px !important; font-size: 24px !important; }
.c26-group-head b { font-family: var(--v-display); font-size: 20px; }
.c26-group-head span { font-size: 13px; color: var(--v-muted); }

.c26 .chat-messages.selecting .chat-bubble-row::before { width: 20px; height: 20px; margin-top: -10px; border: 0; border-radius: 7px; background: transparent; box-shadow: inset 0 0 0 1.5px #C4C4CC; }
.c26 .chat-messages.selecting .chat-bubble-row.selected::before {
  background: var(--v-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center no-repeat;
  box-shadow: none;
}
.c26 .chat-messages.selecting .chat-bubble-row.selected .chat-bubble { box-shadow: 0 0 0 3px rgba(242, 92, 5, 0.25); }
.c26 .chat-select-count { white-space: nowrap; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 860px) { .c26 .chat-select-act { padding: 0 10px; } }
.c26-owner-pill { display: inline-flex; align-items: center; height: 20px; margin-left: 6px; padding: 0 8px; border-radius: 10px; background: var(--v-soft); color: var(--v-text3); font-size: 11px; font-weight: 700; vertical-align: 1px; }
body.chat-pinned-mobile .c26 .chat-pinned-strips span.on { background: var(--v-accent); }
body.chat-pinned-mobile .c26 .chat-pinned-label { color: var(--v-o-text); font-weight: 800; }




.chat-list-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; }
.chat-list-scroll > .chat-items { flex: 0 0 auto; overflow: visible; }
.c26 .chat-list.is-searching .chat-folder-chips { display: none; }
.c26 .c26-sec-title, .c26 .chat-search-suggest-title, .c26 .chat-msg-results-head {
  padding: 16px 18px 6px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--v-muted);
}
.c26 .c26-sec-title[hidden] { display: none; }
.c26 .chat-list-scroll .chat-search-suggest, .c26 .chat-list-scroll .chat-msg-results {
  position: static; max-height: none; overflow: visible; flex: 0 0 auto; margin: 0; padding: 0 8px 8px;
  border: 0; border-radius: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
.c26 .chat-search-suggest .contact-pick-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 16px; cursor: pointer; }
.c26 .chat-search-suggest .contact-pick-row:hover { background: var(--v-soft); }
.c26 .chat-search-suggest .avatar-lg-wrap, .c26 .chat-search-suggest .avatar-lg { width: 44px !important; height: 44px !important; }
.c26 .chat-msg-result { padding: 10px 12px; border: 0; border-radius: 16px; cursor: pointer; }
.c26 .chat-msg-result:hover { background: var(--v-soft); }
.c26 .chat-msg-result-top { display: flex; justify-content: space-between; gap: 10px; }
.c26 .chat-msg-result-conv { font-size: 14px; font-weight: 700; color: var(--v-text); }
.c26 .chat-msg-result-date { flex-shrink: 0; font-size: 12px; color: #A1A1AA; }
.c26 .chat-msg-result-text { margin-top: 3px; font-size: 13px; color: var(--v-text3); line-height: 1.4; }
.c26 .chat-msg-result-text b { color: var(--v-text2); }
@media (max-width: 1040px) {

  body.chat-pinned-mobile .c26 .chat-list-scroll { padding-bottom: 16px; }
  body.chat-pinned-mobile .c26 .c26-sec-title, body.chat-pinned-mobile .c26 .chat-search-suggest-title, body.chat-pinned-mobile .c26 .chat-msg-results-head { padding: 14px 20px 6px; }
  body.chat-pinned-mobile .c26 .chat-list.is-searching .chat-items { margin-top: 0; }
  body.chat-pinned-mobile .c26 .chat-list-scroll .chat-search-suggest, body.chat-pinned-mobile .c26 .chat-list-scroll .chat-msg-results {
    margin: 0 16px; padding: 4px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow);
  }
  body.chat-pinned-mobile .c26 .chat-list-scroll .chat-search-suggest-title, body.chat-pinned-mobile .c26 .chat-list-scroll .chat-msg-results-head { padding: 12px 12px 4px; }
}





body:has(.c26) .modal.ios-modal > * { flex-shrink: 0; }
body:has(.c26) .modal.ios-modal { max-height: 88vh; max-height: 88dvh; overflow-y: auto; }
@media (max-width: 1040px) {
  body:has(.c26) .modal.ios-modal .contact-pick-list, body:has(.c26) .modal.ios-modal .group-contact-list, body:has(.c26) .modal.ios-modal .attach-order-list { max-height: none; overflow: visible; }
  body:has(.c26) .modal.ios-modal.modal-sheet > h3 { text-align: left; font-size: 20px; }
  body:has(.c26) .modal.ios-modal .media-tab.active { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
  body:has(.c26) .modal.ios-modal .media-tab { background: transparent; }
}

body:has(.c26) .media-photo-grid { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }

body:has(.c26) .peer-card-stats { border: 0 !important; padding: 0 !important; margin: 0 !important; }
body:has(.c26) .peer-card-stats > * { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 12px; border: 0; text-align: left; }
body:has(.c26) .peer-card-stats b, body:has(.c26) .peer-card-stats strong, body:has(.c26) .peer-card-stats .peer-stat-num { font-family: var(--v-display); font-size: 22px; font-weight: 800; color: var(--v-text); }
body:has(.c26) .peer-card-stats span, body:has(.c26) .peer-card-stats small { font-size: 12px; color: var(--v-muted); }
.chat-list-scroll > .chat-items[hidden] { display: none !important; }





.h26.f26, .h26.f26.ms-page { display: block; gap: 0; font-family: var(--v-font); color: var(--v-text); }
.f26 .fin-head { align-items: flex-end; margin-bottom: 22px; padding-top: 8px; }
.f26 .fin-title { font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); }
.f26 .fin-sub { margin: 6px 0 0; font-size: 15px; color: var(--v-muted); }
.f26 .fin-head-actions { display: flex; gap: 10px; }
.f26 .fin-head .btn { height: 44px; padding: 0 18px; border: 0; border-radius: 13px; display: inline-flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; }
.f26 .fin-add { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); }
.f26 .fin-add:hover { box-shadow: 0 10px 24px rgba(242, 92, 5, 0.45); transform: translateY(-1px); }
.f26 .fin-add-plus { display: inline-flex; }
.f26 .fin-import { background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); }


.f26 .fin-bar { margin-bottom: 22px; gap: 16px; }
.f26 #ms-subtabs { display: flex; gap: 6px; padding: 5px; border: 0; border-radius: 16px; background: var(--v-soft); }
:root:not([data-theme="dark"]) .f26 #ms-subtabs { background: #EDEDEF; }
.f26 #ms-subtabs button { height: 40px; padding: 0 16px; border: 0; border-radius: 12px; background: transparent; color: var(--v-text3); font-family: var(--v-font); font-size: 14px; font-weight: 700; box-shadow: none; }
.f26 #ms-subtabs button.active { background: var(--v-ink); color: var(--v-on-ink); }
.f26 #ms-period-segmented, .f26 .plan-week-nav { display: flex; gap: 4px; padding: 4px; border: 0; border-radius: 13px; background: var(--v-soft); }
:root:not([data-theme="dark"]) .f26 #ms-period-segmented { background: #EDEDEF; }
.f26 #ms-period-segmented button { height: 34px; padding: 0 16px; border: 0; border-radius: 10px; background: transparent; color: var(--v-muted); font-family: var(--v-font); font-size: 13px; font-weight: 700; box-shadow: none; }
.f26 #ms-period-segmented button.active { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.f26 .custom-range input { height: 38px; padding: 0 10px; border: 0; border-radius: 12px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); font-family: var(--v-font); }
.f26 .plan-week-nav { background: none; gap: 6px; padding: 0; }
.f26 .plan-week-nav button { height: 42px; min-width: 42px; padding: 0 12px; border: 0; border-radius: 13px; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; }
.f26 .plan-week-nav button.active { padding: 0 16px; }


.f26 .fin-kpis { gap: 16px; margin-bottom: 18px; }
.f26 .fin-kpi { position: relative; padding: 18px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 8px; }
.f26 .fin-kpi-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; font-weight: 700; text-transform: none; letter-spacing: 0; color: var(--v-muted); }


.f26 .fin-kpi-label { white-space: normal; overflow: visible; text-overflow: clip; align-items: flex-start; line-height: 1.3; min-height: 32px; }
.f26 .fin-kpi-label .f26-kpi-ico { margin-top: -2px; }
.f26-kpi-ico { width: 32px; height: 32px; flex-shrink: 0; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; }
.f26-ico-b { background: var(--v-b-soft); color: var(--v-b-text); }
.f26-ico-o { background: var(--v-o-soft); color: var(--v-o-text); }
.f26-ico-p { background: var(--v-p-soft); color: var(--v-p-text); }
.f26-ico-g { background: var(--v-g-soft); color: #166534; }
:root[data-theme="dark"] .f26-ico-g { color: var(--v-g-text); }
.f26-ico-n { background: var(--v-soft); color: var(--v-text3); }
.f26 .fin-kpi-value { margin: 0; font-family: var(--v-display); font-size: 26px; font-weight: 800; letter-spacing: -0.02em; color: var(--v-text); }
.f26 .fin-kpi-sub { margin: 0; font-size: 12px; color: var(--v-muted); }
.f26 .fin-kpi-main {
  min-height: 176px; box-sizing: border-box; justify-content: flex-end; overflow: hidden;
  background: var(--v-poster); color: #FFFFFF; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}
.f26 .fin-kpi-main .h26-art { position: absolute; right: -10px; top: -10px; width: 140px; height: 140px; }
.f26 .fin-kpi-main .fin-kpi-label { order: 2; position: relative; font-family: var(--v-display); font-size: 17px; color: #FFFFFF; }
.f26 .fin-kpi-main .fin-kpi-value { order: 1; position: relative; font-size: 38px; color: #FFFFFF; }
.f26 .fin-kpi-main .fin-kpi-sub { order: 3; position: relative; font-size: 13px; color: rgba(255, 255, 255, 0.72); }
.f26 .fin-kpi-main .fin-trend-up, .f26 .fin-kpi-main .fin-trend-down { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 11px; font-size: 12px; font-weight: 800; }
.f26 .fin-kpi-main .fin-trend-up { background: rgba(74, 222, 128, 0.18); color: #4ADE80; }
.f26 .fin-kpi-main .fin-trend-down { background: rgba(252, 165, 165, 0.18); color: #FCA5A5; }

.f26 .f26-kpi-person .f26-kpi-ico { display: none; }
.f26 .f26-kpi-person .fin-kpi-label { padding-right: 44px; font-size: 14px; color: var(--v-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.f26-kpi-av { position: absolute; top: 16px; right: 16px; width: 36px !important; height: 36px !important; font-size: 12px !important; }


.f26 .fin-chart-card { margin-bottom: 18px; padding: 20px 22px 12px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.f26 .fin-card-title { margin-bottom: 12px; align-items: center; }
.f26 .fin-card-title > span:first-child { font-family: var(--v-display); font-size: 18px; font-weight: 700; }
.f26 .fin-card-hint { font-size: 13px; font-weight: 500; color: var(--v-muted); }


.f26 .fin-filters { gap: 6px; margin-bottom: 14px; }
.f26 .fin-filters .chip, .f26 .fin-select-chip { height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text2); font-family: var(--v-font); font-size: 13px; font-weight: 700; display: inline-flex; align-items: center; }
.f26 .fin-filters .chip.active { background: var(--v-ink); color: var(--v-on-ink); }
.f26 .fin-select-chip { background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); margin-left: auto; }
.f26 .fin-filter-sep { background: var(--v-bar); margin: 0 6px; }


.f26 .fin-list { border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.f26 .fin-day { padding: 12px 22px 8px; border-top: 1px solid var(--v-row); background: #FAFAFB; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--v-muted); }
:root[data-theme="dark"] .f26 .fin-day, :root[data-theme="dark"] .f26 .fin-total { background: #1C1C20; }
.f26 .fin-day > span:last-child { text-transform: none; letter-spacing: 0; font-size: 13px; color: var(--v-text2); }
.f26 .fin-row { padding: 14px 22px; gap: 16px; border-top: 1px solid var(--v-row); }
.f26 .fin-row:hover { background: #FAFAFB; }
:root[data-theme="dark"] .f26 .fin-row:hover { background: #1C1C20; }
.f26 .fin-row-title { font-size: 14px; font-weight: 700; color: var(--v-text); }
.f26 .fin-row-sub { font-size: 12px; color: var(--v-muted); }
.f26 .fin-order-link { color: var(--v-b-text); font-weight: 700; }
.f26 .fin-row-tags { gap: 4px; }
.f26 .ms-kind, .f26 .ms-method-badge, .f26 .ms-work-badge, .f26 .fin-auto {
  height: 22px; padding: 0 8px; border: 0; border-radius: 11px; display: inline-flex; align-items: center; gap: 4px;
  font-size: 11px; font-weight: 800; white-space: nowrap;
}
.f26 .ms-kind-new { background: var(--v-o-soft); color: var(--v-o-text); }
.f26 .ms-kind-extra { background: var(--v-p-soft); color: var(--v-p-text); }
.f26 .ms-method-badge { background: var(--v-soft); color: var(--v-text3); }
.f26 .ms-method-link { background: var(--v-b-soft); color: var(--v-b-text); }
.f26 .ms-method-installment_sber { background: var(--v-g-soft); color: #166534; }
.f26 .ms-method-installment_tbank { background: var(--v-a-soft); color: var(--v-a-text); }
:root[data-theme="dark"] .f26 .ms-method-installment_sber { color: var(--v-g-text); }
.f26 .ms-work-badge { background: var(--v-soft); color: var(--v-text3); font-weight: 700; }
.f26 .fin-auto { background: var(--v-g-soft); color: #166534; }
:root[data-theme="dark"] .f26 .fin-auto { color: var(--v-g-text); }
.f26 .fin-auto svg { width: 11px; height: 11px; }

.f26 .fin-late {
  height: 22px; padding: 0 8px; border-radius: 11px; display: inline-flex; align-items: center;
  font-size: 11px; font-weight: 800; white-space: nowrap;
  background: var(--v-a-soft); color: var(--v-a-text);
}
.f26 .fin-row-manager { font-size: 13px; color: var(--v-text3); }
.f26 .fin-row-amount { font-family: var(--v-display); font-size: 16px; font-weight: 800; color: var(--v-text); }
.f26 .fin-row-actions .icon-btn { width: 32px; height: 32px; border: 0; border-radius: 10px; background: var(--v-soft); color: var(--v-text3); display: inline-flex; align-items: center; justify-content: center; }
.f26 .fin-row-actions .icon-btn.danger:hover { background: var(--v-r-soft); color: var(--v-r-text); }
.f26 .fin-total { padding: 16px 22px; border-top: 1px solid var(--v-row); background: #FAFAFB; font-size: 14px; }
.f26 .fin-total b { font-family: var(--v-display); font-size: 20px; }
.f26 .fin-empty { padding: 40px 22px; font-size: 14px; color: var(--v-muted); }
.f26 .fin-avatar { width: 38px; height: 38px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }


.f26 .plan-auto { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; padding: 18px 22px; border: 0; border-radius: 24px; background: #141414; color: #FFFFFF; }
:root[data-theme="dark"] .f26 .plan-auto { background: var(--v-poster); }
.f26 .plan-auto-ico { width: 48px; height: 48px; border-radius: 16px; background: var(--v-accent); color: #FFFFFF; font-size: 0; }
.f26 .plan-auto-text > b { font-size: 16px; }
.f26 .plan-auto-sub, .f26 .plan-auto-left { color: rgba(255, 255, 255, 0.7); }
.f26 .plan-auto-count b { font-family: var(--v-display); font-size: 26px; font-weight: 800; }
.f26 .plan-card { margin-bottom: 16px; padding: 20px 22px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.f26 .plan-label { font-size: 12px; font-weight: 800; letter-spacing: .04em; color: var(--v-muted); }
.f26 .plan-top > div > .plan-label:first-child { font-family: var(--v-display); font-size: 18px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--v-text); }
.f26 .plan-hint { font-size: 13px; color: var(--v-muted); }
.f26 .plan-sum { font-family: var(--v-display); font-size: 34px; font-weight: 800; }
.f26 .plan-sum small { font-family: var(--v-font); font-size: 15px; font-weight: 500; color: var(--v-muted); }
.f26 .plan-rule { gap: 10px; }
.f26 .plan-rule-item { padding: 14px 16px; border-radius: 16px; background: var(--v-soft); }
.f26 .plan-rule-item .plan-label { text-transform: none; letter-spacing: 0; font-size: 12px; font-weight: 700; }
.f26 .plan-rule-item b { display: block; margin-top: 4px; font-family: var(--v-display); font-size: 22px; font-weight: 800; }
.f26 #plan-rule-btn { height: 38px; padding: 0 14px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; }
.f26 .plan-state { height: 24px; padding: 0 10px; border-radius: 12px; display: inline-flex; align-items: center; font-size: 12px; font-weight: 800; }
.f26 .plan-bar { height: 10px; background: var(--v-soft2); }
.f26 .plan-bar i { background: var(--v-accent); }
.f26 .plan-bar.done i { background: var(--v-g-text); }
.f26 .plan-bar-thin { height: 6px; }
.f26 .plan-list { border: 0; border-radius: 24px; box-shadow: var(--v-card-shadow); }
.f26 .plan-head { padding: 12px 22px; background: transparent; font-size: 11px; font-weight: 800; letter-spacing: .04em; color: var(--v-muted); }
.f26 .plan-row { padding: 14px 22px; border-top: 1px solid var(--v-row); font-size: 14px; }
.f26 .plan-row:hover { background: #FAFAFB; }
:root[data-theme="dark"] .f26 .plan-row:hover { background: #1C1C20; }
.f26 .plan-row.me { background: var(--v-o-soft); }
.f26 .plan-place { font-family: var(--v-display); font-size: 16px; }
.f26 .plan-row:first-of-type .plan-place, .f26 .plan-head + .plan-row .plan-place { color: var(--v-accent); }
.f26 .plan-name-text b { font-size: 14px; }
.f26 .plan-left.owe { color: var(--v-o-text); font-weight: 800; }
.f26 .plan-left.ok { color: var(--v-g-text); font-weight: 800; }
.f26 .plan-foot { padding: 14px 22px; border-top: 1px solid var(--v-row); background: #FAFAFB; }
:root[data-theme="dark"] .f26 .plan-foot { background: #1C1C20; }
.f26 #plan-fill-btn { height: 36px; padding: 0 14px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; text-decoration: none; }

.f26 .plan-card-me { background: #141414; color: #FFFFFF; box-shadow: none; }
:root[data-theme="dark"] .f26 .plan-card-me { background: var(--v-poster); }
.f26 .plan-card-me .plan-label, .f26 .plan-card-me .plan-hint, .f26 .plan-card-me .plan-sum small { color: rgba(255, 255, 255, 0.65); }
.f26 .plan-card-me .plan-top > div > .plan-label:first-child { font-family: var(--v-font); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); }
.f26 .plan-card-me .plan-sum { font-size: 48px; color: #FFFFFF; }
.f26 .plan-card-me .plan-bar { height: 14px; background: rgba(255, 255, 255, 0.12); }
.f26 .plan-card-me .plan-rule-item { background: rgba(255, 255, 255, 0.08); }
.f26 .plan-card-me .plan-rule-item .plan-label { color: rgba(255, 255, 255, 0.6); }
.f26 .plan-card-me .plan-rule-item b { color: #FFFFFF; font-size: 20px; }
.f26 .plan-card-me .plan-state { background: rgba(242, 92, 5, 0.24); color: #FF9A5C; }
.f26 .plan-card-me .plan-state.done { background: rgba(74, 222, 128, 0.18); color: #4ADE80; }
.f26 .plan-auto-note { padding: 12px 4px 0; font-size: 12px; color: var(--v-muted); }


.f26 .fin-note { display: flex; gap: 12px; margin: 0 0 16px; padding: 16px 20px; border-radius: 20px; background: var(--v-soft); font-size: 14px; color: var(--v-text3); }
.f26 .fin-access-row { padding: 16px 22px; }
.f26 .fin-access-row .fin-avatar { width: 40px; height: 40px; }
.f26 .fin-access-state { height: 24px; padding: 0 10px; border-radius: 12px; display: inline-flex; align-items: center; background: var(--v-soft); color: var(--v-text3); font-size: 12px; font-weight: 800; }
.f26 .fin-access-state.on { background: var(--v-o-soft); color: var(--v-o-text); }
.f26 .fin-switch { width: 48px; height: 28px; }
.f26 .fin-switch input:checked + span { background: var(--v-accent); }
.f26 .fin-switch input:checked + span::after { transform: translateX(20px); }


body:has(.f26) .modal.fin-form-modal, body:has(.f26) .modal:has(.plan-fill-body), body:has(.f26) .modal:has(.fin-import) {
  border: 0; border-radius: 28px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 30px 80px rgba(0, 0, 0, 0.18); font-family: var(--v-font);
}
body:has(.f26) .modal .fin-form-title, body:has(.f26) .modal > h3 { font-family: var(--v-display); font-weight: 700; font-size: 20px; color: var(--v-text); }
body:has(.f26) .modal .fin-form-close { width: 36px; height: 36px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); }
body:has(.f26) .modal label { font-size: 13px; font-weight: 700; color: var(--v-text); }
body:has(.f26) .modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), body:has(.f26) .modal textarea, body:has(.f26) .modal select {
  min-height: 48px; box-sizing: border-box; padding: 12px 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text);
  font-family: var(--v-font); font-size: 15px; box-shadow: none;
}
body:has(.f26) .modal input:focus, body:has(.f26) .modal textarea:focus, body:has(.f26) .modal select:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); }
body:has(.f26) .ms-kind-picker { padding: 4px; border: 0; border-radius: 13px; background: var(--v-soft); }
:root:not([data-theme="dark"]) body:has(.f26) .ms-kind-picker { background: #EDEDEF; }
body:has(.f26) .ms-kind-picker button { height: 32px; border: 0; border-radius: 10px; font-family: var(--v-font); font-weight: 700; }
body:has(.f26) .ms-kind-picker button.active { background: var(--v-card); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
body:has(.f26) .ms-method-picker button { height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text2); font-family: var(--v-font); font-size: 13px; font-weight: 700; }
body:has(.f26) .ms-method-picker button.active { background: var(--v-ink); color: var(--v-on-ink); }
body:has(.f26) .fin-auto-note { padding: 12px 14px; border-radius: 14px; background: var(--v-g-soft); color: #166534; font-size: 13px; }
:root[data-theme="dark"] body:has(.f26) .fin-auto-note { color: var(--v-g-text); }
body:has(.f26) .plan-salary-hint { padding: 14px; border-radius: 16px; background: var(--v-soft); font-size: 13px; }
body:has(.f26) .modal .btn { height: 44px; padding: 0 18px; border: 0; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); }
body:has(.f26) .modal .btn.secondary { background: var(--v-soft); color: var(--v-text); box-shadow: none; }
body:has(.f26) .modal .btn.small { height: 34px; padding: 0 12px; font-size: 13px; }
body:has(.f26) .modal .btn.danger { background: var(--v-r-soft); color: var(--v-r-text); box-shadow: none; }
body:has(.f26) .modal .btn:disabled { opacity: .45; box-shadow: none; }


@media (max-width: 860px) {
  .f26 .fin-head { margin-bottom: 14px; padding-top: 0; }
  .f26 .fin-title { font-weight: 800; font-size: 32px; letter-spacing: -0.03em; }
  .f26 .fin-sub { display: none; }
  .f26 .fin-head .btn { width: 44px; padding: 0; justify-content: center; }
  .f26 .fin-head .btn .fin-add-text { display: none; }
  .f26 .fin-import { font-size: 0 !important; gap: 0 !important; }
  .f26 .fin-bar { gap: 10px; margin-bottom: 14px; }
  .f26 #ms-subtabs { background: none !important; padding: 0; }
  .f26 #ms-subtabs button { height: 38px; border-radius: 999px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); }
  .f26 #ms-subtabs button.active { box-shadow: none; }
  .f26 #ms-subtabs { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
  .f26 #ms-subtabs::-webkit-scrollbar { display: none; }
  .f26 #ms-subtabs button { flex: 0 0 auto; padding: 0 11px; font-size: 13px; }
  .f26 .plan-rule { grid-template-columns: 1fr; gap: 8px; }
  .f26 .plan-rule .plan-rule-item { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 12px; padding: 12px 14px; }
  .f26 .plan-rule .plan-rule-item .plan-label { margin: 0; }
  .f26 .plan-rule .plan-rule-item b { grid-column: 2; grid-row: 1 / span 2; margin: 0; font-size: 18px; text-align: right; }
  .f26 .plan-rule .plan-rule-item .plan-hint, .f26 .plan-rule .plan-rule-item small { grid-column: 1; }
  .f26 .fin-access-row .fin-access-state { display: none; }
  .f26 .fin-access-row { padding: 14px 16px; }
  .f26 .fin-period, .f26 #ms-period-segmented { width: 100%; }
  .f26 #ms-period-segmented button { flex: 1 1 0; padding: 0 8px; }
  .f26 .fin-kpis { gap: 10px; }
  .f26 .fin-kpi-main { min-height: 150px; }
  .f26 .fin-kpi-main .fin-kpi-value { font-size: 32px; }
  .f26 .fin-kpi-value { font-size: 22px; }
  .f26 .fin-day { padding: 12px 16px 8px; }
  .f26 .fin-row { padding: 14px 16px; }
  .f26 .plan-card-me .plan-sum { font-size: 34px; }
  .f26 .plan-auto-sub { display: none; }
}




.hdr-chat-slot { display: none; }
@media (max-width: 860px) {
  body.c26-hdr-chat .hdr-chat-slot, body.c26-hdr-chat .hdr-chat-slot .chat-list-head-actions { display: contents; }
  body.c26-hdr-chat .app-header-actions { gap: 8px; }
  body.c26-hdr-chat .app-header-logo .brand-name { display: none; }
  body.c26-hdr-chat .hdr-chat-slot .chat-head-icon-btn,
  body.c26-hdr-chat .hdr-chat-slot .chat-new-btn {
    position: relative; flex: none; width: 40px; height: 40px; margin: 0; padding: 0;
    border: 0; border-radius: 12px; box-shadow: none; background: var(--v-hover); color: var(--v-text);
    display: flex; align-items: center; justify-content: center; cursor: pointer;
    transition: background-color .2s ease, transform .25s var(--v-spring);
  }
  body.c26-hdr-chat .hdr-chat-slot .chat-head-icon-btn:active,
  body.c26-hdr-chat .hdr-chat-slot .chat-new-btn:active { transform: scale(.92); }
  body.c26-hdr-chat .hdr-chat-slot svg { width: 19px; height: 19px; }
  body.c26-hdr-chat .hdr-chat-slot .chat-head-icon-btn.active { background: var(--v-ink); color: var(--v-on-ink); }
  body.c26-hdr-chat .hdr-chat-slot .chat-new-btn { order: 1; background: var(--v-ink); color: var(--v-on-ink); }
  body.c26-hdr-search-open #hdr-search-btn { background: var(--v-ink); color: var(--v-on-ink); }

  body.c26-hdr-chat .c26 .chat-list-head { display: none; }
  body.c26-hdr-chat .c26 .chat-search { display: none; margin: 12px 16px 0; }
  body.c26-hdr-chat .c26 .chat-list.c26-search-open .chat-search { display: block; animation: c26-search-in .22s var(--v-spring) both; }
}
@keyframes c26-search-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }







.h26.cal26 { display: block; gap: 0; font-family: var(--v-font); color: var(--v-text); }
.cal26 {
  --cal-new: #A1A1AA; --cal-prog: #F25C05; --cal-rev: #EAB308; --cal-fix: #EF4444; --cal-ok: #22C55E; --cal-off: #F3A1A1;
  --cal-low: #FDBA74; --cal-med: #FB923C; --cal-high: #F25C05; --cal-out: #6F9BF2; --cal-in: #34B27B;
}

.cal26 .cal-order-item.new, .cal-order-daycard.new, .cal-order-popover.new { --dot: var(--cal-new, #A1A1AA); --chip-bg: var(--v-soft); --chip-ink: var(--v-text2); }
.cal26 .cal-order-item.in_progress, .cal-order-daycard.in_progress, .cal-order-popover.in_progress { --dot: var(--cal-prog, #F25C05); --chip-bg: var(--v-o-soft); --chip-ink: var(--v-o-text); }
.cal26 .cal-order-item.review, .cal-order-daycard.review, .cal-order-popover.review { --dot: var(--cal-rev, #EAB308); --chip-bg: var(--v-a-soft); --chip-ink: var(--v-a-text); }
.cal26 .cal-order-item.revision, .cal-order-daycard.revision, .cal-order-popover.revision { --dot: var(--cal-fix, #EF4444); --chip-bg: var(--v-r-soft); --chip-ink: var(--v-r-text); }
.cal26 .cal-order-item.closed, .cal-order-daycard.closed, .cal-order-popover.closed { --dot: var(--cal-ok, #22C55E); --chip-bg: var(--v-g-soft); --chip-ink: var(--v-g-text); }
.cal26 .cal-order-item.cancelled, .cal26 .cal-order-item.client_refusal, .cal-order-daycard.cancelled, .cal-order-daycard.client_refusal,
.cal-order-popover.cancelled, .cal-order-popover.client_refusal { --dot: var(--cal-off, #F3A1A1); --chip-bg: var(--v-soft); --chip-ink: var(--v-muted); }
.cal26 .cal-subtask-item { --dot: var(--v-dash); }
.cal26 .cal-task-item.cal-priority-low { --dot: var(--cal-low); }
.cal26 .cal-task-item.cal-priority-medium { --dot: var(--cal-med); }
.cal26 .cal-task-item.cal-priority-high { --dot: var(--cal-high); }
.cal26 .cal-task-item.cal-task-out { --dot: var(--cal-out); }
.cal26 .cal-task-item.cal-task-in { --dot: var(--cal-in); }


.cal26 .cal26-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin: 0 0 22px; padding: 8px 0 0; border: 0; background: none; }
.cal26 .cal26-h1 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; line-height: 1.1; letter-spacing: -0.02em; color: var(--v-text); }
.cal26 .cal26-sub { margin-top: 6px; font-size: 15px; color: var(--v-text3); }
.cal26 .cal26-nav { display: flex; align-items: center; gap: 8px; width: auto; }
.cal26 .cal26-icon-btn {
  width: 44px; height: 44px; flex-shrink: 0; margin: 0; padding: 0; border: 0; border-radius: 14px; background: var(--v-card); color: var(--v-text);
  box-shadow: 0 0 0 1px var(--v-chip-ring); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color .2s ease, transform .25s var(--v-spring);
}
.cal26 .cal26-icon-btn:hover { background: var(--v-hover); }
.cal26 .cal26-icon-btn:active, .cal26 .cal26-today:active, .cal26 .cal26-add:active { transform: scale(.94); }
.cal26 .cal26-month {
  position: relative; height: 44px; min-width: 190px; padding: 0 16px; box-sizing: border-box; border-radius: 14px; background: var(--v-card);
  box-shadow: 0 0 0 1px var(--v-chip-ring); display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--v-text);
}
.cal26 .cal26-month .cal-title-eyebrow { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cal26 .topbar h2.cal-title-month { margin: 0; font-family: var(--v-display); font-size: 16px; font-weight: 800; letter-spacing: -0.01em; line-height: 1; color: var(--v-text); }
.cal26 .cal26-today { height: 44px; padding: 0 16px; border: 0; border-radius: 14px; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); font-family: var(--v-font); font-size: 14px; font-weight: 700; cursor: pointer; }
.cal26 .cal26-today:hover { background: var(--v-hover); }
.cal26 .cal26-add {
  height: 44px; padding: 0 18px; border: 0; border-radius: 14px; background: var(--v-accent); color: #FFFFFF; display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--v-font); font-size: 14px; font-weight: 700; box-shadow: 0 8px 20px rgba(242, 92, 5, 0.28); cursor: pointer; transition: transform .25s var(--v-spring);
}


.cal26 .cal26-tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 16px; padding: 0; border: 0; background: none; }
.cal26 .cal26-search {
  flex: 1 1 260px; max-width: 420px; height: 44px; margin: 0; padding: 0 12px 0 14px; box-sizing: border-box; border-radius: 14px; background: var(--v-card);
  box-shadow: 0 0 0 1px var(--v-chip-ring); display: flex; align-items: center; gap: 10px; color: var(--v-text3); cursor: text; transition: box-shadow .2s ease;
}
.cal26 .cal26-search:focus-within { box-shadow: 0 0 0 2px var(--v-accent); }
.cal26 .cal26-search input#ocal-search-input {
  flex: 1 1 auto; min-width: 0; width: auto; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; outline: none;
  font-family: var(--v-font); font-size: 14px; font-weight: 500; color: var(--v-text);
}
.cal26 .cal26-search-x { width: 28px; height: 28px; flex-shrink: 0; border: 0; border-radius: 9px; background: var(--v-soft); color: var(--v-text2); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.cal26 .cal26-search-x[hidden] { display: none; }
.cal26 .cal-show-chips { margin-left: auto; display: flex; gap: 6px; flex-wrap: nowrap; width: auto; }
.cal26 .cal-show-chip {
  flex: 0 0 auto; height: 40px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--v-card); color: var(--v-text3);
  box-shadow: 0 0 0 1px var(--v-chip-ring); font-family: var(--v-font); font-size: 13px; font-weight: 700; gap: 8px; transition: background-color .2s ease, color .2s ease;
}
.cal26 .cal-show-chip:hover { background: var(--v-hover); }
.cal26 .cal-show-chip.active { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.cal26 .cal-show-dot { width: 8px; height: 8px; }
.cal26 .cal-show-dot.orders { background: var(--cal-prog); }
.cal26 .cal-show-dot.subtasks { background: none; border: 1.5px dashed currentColor; box-sizing: border-box; }
.cal26 .cal-show-dot.tasks { background: var(--cal-low); }
.cal26 .cal-show-dot.colleagues { background: var(--cal-out); }
.cal26 .cal-show-chip:not(.active) .cal-show-dot:not(.subtasks) { background: var(--v-dash); }


.cal26 .cal26-layout { display: flex; align-items: flex-start; gap: 16px; }
.cal26 .cal26-grid-card { flex: 1 1 auto; min-width: 0; margin: 0; padding: 18px; border: 0; border-radius: 28px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.cal26 .cal26-side { width: 344px; flex-shrink: 0; position: sticky; top: 16px; }
.cal26 .cal26-side > .section, .cal26 .cal26-day-empty { margin: 0; padding: 20px; border: 0; border-radius: 28px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.cal26 .cal26-side.is-searching #ocal-day-section, .cal26 .cal26-side.is-searching #ocal-day-empty { display: none !important; }


.cal26 .calendar { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.cal26 .cal-day-head { padding: 0 4px 6px; text-align: left; font-size: 12px; font-weight: 800; letter-spacing: .04em; color: var(--v-muted); }
.cal26 .cal-day-head.weekend { color: var(--v-o-text); }
.cal26 .cal-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px solid var(--v-row); font-size: 12px; color: var(--v-text3); }
.cal26 .cal-legend-item { display: inline-flex; align-items: center; gap: 6px; }
.cal26 .cal-legend-dot { width: 9px; height: 9px; border-radius: 3px; }
.cal26 .cal-legend-dot.new { background: var(--cal-new); }
.cal26 .cal-legend-dot.in_progress { background: var(--cal-prog); }
.cal26 .cal-legend-dot.review { background: var(--cal-rev); }
.cal26 .cal-legend-dot.revision { background: var(--cal-fix); }
.cal26 .cal-legend-dot.closed { background: var(--cal-ok); }
.cal26 .cal-legend-dot.cancelled, .cal26 .cal-legend-dot.client_refusal { background: var(--cal-off); }
.cal26 .cal-legend-dot.subtask { background: none; border: 1.5px dashed var(--v-muted); box-sizing: border-box; }
.cal26 .cal-legend-dot.task-low { background: var(--cal-low); margin-right: -3px; }
.cal26 .cal-legend-dot.task-medium { background: var(--cal-med); margin-right: -3px; }
.cal26 .cal-legend-dot.task-high { background: var(--cal-high); }
.cal-legend-dot.task-out { background: var(--cal-out, #6F9BF2); }
.cal-legend-dot.task-in { background: var(--cal-in, #34B27B); }

@media (min-width: 861px) {
  .cal26 .cal-cell {
    min-height: 112px; min-width: 0; padding: 6px; border: 0; border-radius: 14px; background: var(--v-stat); box-shadow: none; font-size: 11px;
    display: flex; flex-direction: column; gap: 4px; overflow: hidden; transition: background-color .2s ease, box-shadow .2s ease;
  }
  .cal26 .cal-cell.other-month { background: transparent; opacity: 1; }
  .cal26 .cal-cell[data-day-key]:hover { background: var(--v-hover); border-color: transparent; }
  .cal26 .cal-cell .daynum {
    align-self: flex-start; min-width: 26px; height: 26px; margin: 0; padding: 0 7px; box-sizing: border-box; border-radius: 13px;
    display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; color: var(--v-text);
  }
  .cal26 .cal-cell .daynum-month { color: inherit; }
  .cal26 .cal-cell.today { border: 0; box-shadow: none; }
  .cal26 .cal-cell.today .daynum { background: var(--v-accent); color: #FFFFFF; animation: cal26-ring 2.4s ease-in-out 1s 3; }
  .cal26 .cal-cell.selected { background: var(--v-card); border: 0; box-shadow: 0 0 0 2px var(--v-ink); }
  .cal26 .cal-cell.selected:not(.today) .daynum { color: var(--v-text); }
  .cal26 .cal-add-task-btn { top: 6px; right: 6px; width: 24px; height: 24px; padding: 0 0 1px; border-radius: 8px; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); font-size: 17px; }
  .cal26 .cal-cell.selected .cal-add-task-btn { opacity: 1; }
  .cal26 .cal-add-task-btn:hover { background: var(--v-accent); color: #FFFFFF; box-shadow: none; }
  .cal26 .cal-cell-items { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
  .cal26 .cal-cell-items > :nth-child(n+4) { display: none; }
  .cal26 .cal-more { display: inline-block; padding-left: 4px; font-size: 11px; font-weight: 800; color: var(--v-text3); }
  .cal26 .cal-more::after { content: ' ещё'; }
  .cal26 .cal-order-item {
    height: 22px; margin: 0; padding: 0 5px; box-sizing: border-box; border-radius: 7px; background: var(--chip-bg); color: var(--chip-ink); box-shadow: none;
    display: flex; align-items: center; gap: 3px; font-size: 10.5px; font-weight: 600; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; cursor: pointer;
    animation: cal26-chip .45s var(--v-spring) both;
  }
  .cal26 .cal-order-item b { flex-shrink: 0; font-weight: 800; }
  .cal26 .cal-order-item span { overflow: hidden; text-overflow: ellipsis; }
  .cal26 .cal-order-item.cancelled, .cal26 .cal-order-item.client_refusal { opacity: 1; text-decoration: line-through; }
  .cal26 .cal-subtask-item {
    height: 22px; margin: 0; padding: 0 6px; box-sizing: border-box; border: 1px dashed var(--v-dash); border-radius: 7px; background: none; box-shadow: none;
    display: flex; align-items: center; gap: 4px; font-size: 10.5px; font-weight: 600; color: var(--v-text2); white-space: nowrap; overflow: hidden; cursor: pointer;
  }
  .cal26 .cal-subtask-item svg { flex-shrink: 0; }
  .cal26 .cal-subtask-item span { overflow: hidden; text-overflow: ellipsis; }
  .cal26 .cal-subtask-item.done { color: var(--v-muted); text-decoration: line-through; }
  .cal26 .cal-task-item {
    height: 22px; margin: 0; padding: 0 8px; box-sizing: border-box; border: 0; border-radius: 11px; box-shadow: none;
    font-size: 10.5px; font-weight: 700; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .cal26 .cal-task-item.cal-priority-low { background: var(--v-o-soft2); color: var(--v-o-text); }
  .cal26 .cal-task-item.cal-priority-medium { background: var(--v-o-soft); color: var(--v-o-text); }
  .cal26 .cal-task-item.cal-priority-high { background: var(--v-accent); color: #FFFFFF; }
  .cal26 .cal-task-item.cal-task-out { background: var(--v-b-soft); color: var(--v-b-text); }
  .cal26 .cal-task-item.cal-task-in { background: var(--v-g-soft); color: var(--v-g-text); }
  .cal26 .cal-task-order-mark { padding: 0 4px; border-radius: 4px; background: rgba(255, 255, 255, 0.55); font-weight: 800; }
  :root[data-theme="dark"] .cal26 .cal-task-order-mark { background: rgba(255, 255, 255, 0.12); }
  .cal26 .cal-order-item.search-match { outline: 0; box-shadow: 0 0 0 2px var(--v-ink); }
}
@keyframes cal26-chip { from { opacity: 0; transform: scale(.85); } to { opacity: 1; transform: none; } }
@keyframes cal26-ring { 0%, 100% { box-shadow: 0 0 0 0 rgba(242, 92, 5, .35); } 50% { box-shadow: 0 0 0 6px rgba(242, 92, 5, 0); } }


.cal26 .cal26-day-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin: 0; padding: 0; border: 0; background: none; }
.cal26 .cal26-day-titles { min-width: 0; }
.cal26 .cal26-day-eyebrow { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--v-muted); }
.cal26 #ocal-day-title { margin: 4px 0 2px; font-family: var(--v-display); font-size: 24px; font-weight: 800; letter-spacing: -0.02em; color: var(--v-text); }
.cal26 .cal26-day-count { font-size: 13px; color: var(--v-text3); }
.cal26 #ocal-day-close { width: 34px; height: 34px; border-radius: 11px; box-shadow: none; background: var(--v-soft); }
.cal26 .cal26-day-sec { display: flex; align-items: center; gap: 8px; margin: 16px 0 8px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--v-text3); }
.cal26 .cal26-day-sec span { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: var(--v-soft); color: var(--v-text); font-size: 11px; letter-spacing: 0; display: inline-flex; align-items: center; justify-content: center; }
.cal26 .cal-day-orders-grid { display: flex; flex-direction: column; gap: 10px; }
.cal26 .cal-order-daycard {
  margin: 0; padding: 16px; box-sizing: border-box; border: 0; border-left: 4px solid var(--dot); border-radius: 18px; background: var(--v-card);
  box-shadow: 0 0 0 1px var(--v-chip-ring); display: flex; flex-direction: column; gap: 10px; animation: o26pop .45s var(--v-spring) both;
}
.cal26 .cal26-subtask {
  width: 100%; margin: 0 0 8px; padding: 12px 14px; box-sizing: border-box; border: 1px dashed var(--v-dash); border-radius: 16px; background: none; color: var(--v-text);
  display: flex; align-items: center; gap: 10px; text-align: left; font-family: var(--v-font); cursor: pointer;
}
.cal26 .cal26-subtask:hover { background: var(--v-hover); }
.cal26 .cal26-subtask svg { flex-shrink: 0; color: var(--v-text3); }
.cal26 .cal26-subtask b { display: block; font-size: 14px; }
.cal26 .cal26-subtask small { display: block; margin-top: 2px; font-size: 12px; color: var(--v-text3); }
.cal26 .cal26-subtask.done b { color: var(--v-muted); text-decoration: line-through; }
.cal26 .cal-day-tasks { margin: 0; }
.cal26 .cal-day-tasks-head { margin: 16px 0 8px; }
.cal26 .cal-day-task {
  display: grid; grid-template-columns: 24px minmax(0, 1fr); column-gap: 10px; row-gap: 10px; margin: 0 0 10px; padding: 14px; box-sizing: border-box;
  border: 0; border-radius: 18px; background: var(--v-card); box-shadow: inset 3px 0 0 var(--cal-med), 0 0 0 1px var(--v-chip-ring);
}
.cal26 .cal-day-task.cal-priority-low { box-shadow: inset 3px 0 0 var(--cal-low), 0 0 0 1px var(--v-chip-ring); }
.cal26 .cal-day-task.cal-priority-high { box-shadow: inset 3px 0 0 var(--cal-high), 0 0 0 1px var(--v-chip-ring); }
.cal26 .cal-day-task.cal-task-out { background: var(--v-b-soft); box-shadow: inset 3px 0 0 var(--cal-out); }
.cal26 .cal-day-task.cal-task-in { background: var(--v-g-soft); box-shadow: inset 3px 0 0 var(--cal-in); }
.cal26 .cal26-task-check { width: 24px; height: 24px; margin: 0; padding: 0; border: 0; background: none; color: var(--v-text3); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform .25s var(--v-spring); }
.cal26 .cal26-task-check:active { transform: scale(.85); }
.cal26 .cal26-task-check[aria-pressed="true"] { color: var(--v-accent); }
.cal26 .cal-day-task-main { min-width: 0; margin: 0; padding: 0; border: 0; background: none; text-align: left; font-family: var(--v-font); color: var(--v-text); cursor: pointer; display: flex; flex-direction: column; gap: 8px; }
.cal26 .cal-day-task-text { font-size: 14px; font-weight: 700; line-height: 1.35; }
.cal26 .cal-day-task.done .cal-day-task-text { color: var(--v-muted); text-decoration: line-through; }
.cal26 .cal-day-task-meta { display: flex; flex-wrap: wrap; gap: 6px; }
.cal26 .cal-day-task-pill { height: 22px; padding: 0 9px; border-radius: 11px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); font-size: 11px; font-weight: 700; color: var(--v-text2); display: inline-flex; align-items: center; }
.cal26 .cal-day-task .cal-task-order-card { grid-column: 2; margin: 0; }
.cal26 .cal26-day-add {
  width: 100%; height: 44px; margin: 14px 0 0; border: 0; border-radius: 14px; background: var(--v-ink); color: var(--v-on-ink);
  display: flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; cursor: pointer;
}
.cal26 .cal26-day-empty { flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 32px 24px; color: var(--v-text3); font-size: 13px; }
.cal26 .cal26-day-empty b { font-size: 16px; color: var(--v-text); }
.cal26 .cal26-day-empty-ico, .cal26 .cal26-error-ico { width: 48px; height: 48px; border-radius: 16px; background: var(--v-soft); color: var(--v-text2); display: flex; align-items: center; justify-content: center; }
.cal26 .cal26-error { max-width: 420px; margin: 80px auto; padding: 32px; border-radius: 28px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; color: var(--v-text3); }
.cal26 .cal26-error b { font-size: 18px; color: var(--v-text); }


.cal26 .cal26-side-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.cal26 .cal26-side-head h3 { margin: 0; font-family: var(--v-display); font-size: 18px; font-weight: 700; }
.cal26 #ocal-search-count, .cal26 .cal26-side-hint { font-size: 12px; color: var(--v-text3); }
.cal26 .cal26-side-hint { margin-top: 10px; }
.cal26 .search-result-row { display: flex; align-items: center; gap: 10px; margin: 0; padding: 11px 6px; border: 0; border-top: 1px solid var(--v-row); border-radius: 0; background: none; font-size: 13px; cursor: pointer; }
.cal26 .search-result-row:hover { background: var(--v-hover); border-radius: 10px; }
.cal26 .search-result-num { flex-shrink: 0; font-weight: 800; color: var(--v-text); }
.cal26 .search-result-title { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--v-text2); }
.cal26 .search-result-date { flex-shrink: 0; font-size: 12px; color: var(--v-muted); }
.cal26 .search-result-row .cal-legend-dot { flex-shrink: 0; }
.cal26 .search-result-row .cal-legend-dot.subtask { border-radius: 3px; }


.cal-order-popover {
  width: 300px; box-sizing: border-box; padding: 16px; border: 0; border-radius: 20px; background: var(--v-card); color: var(--v-text); font-family: var(--v-font);
  box-shadow: 0 0 0 1px var(--v-chip-ring), 0 24px 60px rgba(0, 0, 0, 0.16); display: flex; flex-direction: column; gap: 10px;
}
.cal-order-popover-head { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 8px; margin: 0; }
.cal-order-popover-num { font-family: var(--v-display); font-size: 15px; font-weight: 800; color: var(--v-text); }
.cal-order-popover .badge.order-status, .cal26 .cal-order-daycard .badge.order-status {
  height: 22px; padding: 0 9px; border: 0; border-radius: 11px; background: var(--chip-bg); color: var(--chip-ink); font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; gap: 5px;
}
.cal-order-popover .badge.order-status::before, .cal26 .cal-order-daycard .badge.order-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--dot); }
.cal-order-popover .order-status-icon, .cal26 .cal-order-daycard .order-status-icon { display: none; }
.cal-order-popover-title { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--v-text); }
.cal-order-popover-body { display: flex; flex-direction: column; gap: 5px; margin: 0; }
.cal-order-popover-row { display: flex; gap: 10px; font-size: 13px; font-weight: 600; color: var(--v-text); }
.cal-order-popover-label { width: 78px; flex-shrink: 0; font-weight: 500; color: var(--v-muted); }
.cal-order-popover-note { display: flex; gap: 8px; margin: 0; padding: 10px 12px; border-radius: 12px; background: var(--v-o-soft); color: var(--v-o-text); font-size: 12px; line-height: 1.4; }
.cal-order-popover-note svg { flex-shrink: 0; margin-top: 1px; }
.cal-order-popover .cal-order-popover-btn, .cal26 .cal-order-daycard .cal-order-popover-btn {
  height: 38px; margin: 0; border: 0; border-radius: 12px; display: flex; align-items: center; justify-content: center; gap: 6px;
  font-family: var(--v-font); font-size: 13px; font-weight: 700; box-shadow: none;
}
.cal-order-popover .cal-order-popover-btn { background: var(--v-ink); color: var(--v-on-ink); }
.cal26 .cal-order-daycard .cal-order-popover-btn { background: var(--v-soft); color: var(--v-text); flex-direction: row; }


.modal.cal26-task-modal { border: 0; border-radius: 28px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 30px 80px rgba(0, 0, 0, 0.18); font-family: var(--v-font); color: var(--v-text); }
.modal.cal26-task-modal > h3 { font-family: var(--v-display); font-weight: 700; font-size: 20px; color: var(--v-text); }
.modal.cal26-task-modal label { font-size: 13px; font-weight: 700; color: var(--v-text); }
.modal.cal26-task-modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(#cal-task-order-search), .modal.cal26-task-modal textarea, .modal.cal26-task-modal select {
  min-height: 48px; box-sizing: border-box; padding: 12px 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 15px; box-shadow: none;
}
.modal.cal26-task-modal input:focus, .modal.cal26-task-modal textarea:focus, .modal.cal26-task-modal select:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); }
.modal.cal26-task-modal .cal-task-order-box { min-height: 48px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text3); }
.modal.cal26-task-modal .cal-task-order-box:focus-within { box-shadow: 0 0 0 2px var(--v-accent); }
.modal.cal26-task-modal .cal-task-order-icon, .modal.cal26-task-modal .cal-task-order-chev { display: inline-flex; align-items: center; color: var(--v-text3); }
.modal.cal26-task-modal .cal26-who { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; font-size: 13px; }
.modal.cal26-task-modal .cal26-who.in { background: var(--v-g-soft); color: var(--v-g-text); }
.modal.cal26-task-modal .cal26-who.out { background: var(--v-b-soft); color: var(--v-b-text); }
.modal.cal26-task-modal .cal26-quick-dates { display: flex; gap: 6px; margin-top: 8px; }
.modal.cal26-task-modal .cal26-quick-dates button, .modal.cal26-task-modal .cal26-seg button {
  height: 34px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text2); font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer;
}
.modal.cal26-task-modal .cal26-quick-dates button.active { background: var(--v-ink); color: var(--v-on-ink); }
.modal.cal26-task-modal .cal26-seg { display: flex; gap: 4px; padding: 4px; border-radius: 14px; background: var(--v-soft); }
:root:not([data-theme="dark"]) .modal.cal26-task-modal .cal26-seg { background: #EDEDEF; }
.modal.cal26-task-modal .cal26-seg button { flex: 1 1 0; height: 38px; border-radius: 11px; background: transparent; }
.modal.cal26-task-modal .cal26-seg button[aria-checked="true"] { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.modal.cal26-task-modal .cal26-seg button[data-prio="high"][aria-checked="true"] { color: var(--v-r-text); }
.modal.cal26-task-modal .task-file-row { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--v-chip-ring); font-size: 13px; }
.modal.cal26-task-modal .task-file-row a, .modal.cal26-task-modal .task-file-row > span { display: inline-flex; align-items: center; gap: 8px; min-width: 0; flex: 1 1 auto; color: var(--v-text); }
.modal.cal26-task-modal .task-file-empty { font-size: 13px; color: var(--v-muted); }
.modal.cal26-task-modal .btn { height: 44px; padding: 0 18px; border: 0; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); }
.modal.cal26-task-modal .btn.secondary { background: var(--v-soft); color: var(--v-text); box-shadow: none; }
.modal.cal26-task-modal .btn.small { height: 36px; padding: 0 12px; font-size: 13px; }
.modal.cal26-task-modal #cal-task-delete { background: var(--v-r-soft); color: var(--v-r-text) !important; }
.modal.cal26-task-modal .checkbox-row { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--v-soft); font-size: 14px; }




@media (max-width: 1180px) and (min-width: 861px) {
  .cal26 .cal26-layout { flex-direction: column; align-items: stretch; }
  .cal26 .cal26-side { width: 100%; position: static; }
  .cal26 .cal-show-chips { margin-left: 0; }
}
@media (max-width: 860px) {
  .cal26 .cal26-head { position: relative; flex-direction: column; align-items: stretch; gap: 12px; margin: 0 0 12px; padding: 0; }
  .cal26 .cal26-h1 { font-weight: 800; font-size: 32px; letter-spacing: -0.03em; line-height: 44px; }
  .cal26 .cal26-sub { display: none; }
  .cal26 .cal26-nav { width: 100%; gap: 6px; }
  .cal26 .cal26-icon-btn { width: 40px; height: 40px; border-radius: 13px; }
  .cal26 .cal26-month { flex: 1 1 auto; min-width: 0; height: 40px; padding: 0 8px; background: none; box-shadow: none; }
  .cal26 .cal26-month > svg { display: none; }
  .cal26 .topbar h2.cal-title-month { font-size: 18px; }
  .cal26 .cal26-today { height: 40px; padding: 0 12px; border-radius: 13px; }
  .cal26 .cal26-add { position: absolute; top: 0; right: 0; width: 44px; padding: 0; justify-content: center; }
  .cal26 .cal26-add span { display: none; }
  .cal26 .cal26-tools { margin: 0 0 12px; gap: 10px; }
  .cal26:not(.cal26-search-open) .cal26-search { display: none; }
  .cal26 .cal26-search { flex: 1 1 100%; max-width: none; animation: c26-search-in .22s var(--v-spring) both; }
  .cal26 .cal-show-chips { width: calc(100% + 32px); margin: 0 -16px; padding: 0 16px; box-sizing: border-box; overflow-x: auto; scrollbar-width: none; }
  .cal26 .cal-show-chips::-webkit-scrollbar { display: none; }
  .cal26 .cal-show-chip { flex: 0 0 auto; height: 36px; padding: 0 14px; justify-content: flex-start; }
  .cal26 .cal26-layout { flex-direction: column; align-items: stretch; gap: 14px; }
  .cal26 .cal26-grid-card { padding: 12px 10px; border-radius: 24px; }
  .cal26 .calendar { gap: 2px 4px; }
  .cal26 .cal-day-head { text-align: center; padding: 0 0 4px; font-size: 11px; }
  .cal26 .cal-cell { padding: 4px 0 6px; border: 0; border-radius: 14px; background: transparent; }
  .cal26 .cal-cell.other-month { opacity: 1; }
  .cal26 .cal-cell .daynum { width: 32px; height: 32px; margin: 0 auto 3px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; color: var(--v-text); }
  .cal26 .cal-cell.today .daynum { background: var(--v-accent); color: #FFFFFF; font-weight: 800; }
  .cal26 .cal-cell.selected { background: transparent; border: 0; }
  .cal26 .cal-cell.selected .daynum { background: var(--v-ink); color: var(--v-on-ink); font-weight: 800; }
  .cal26 .cal-cell.selected .cal-order-item, .cal26 .cal-cell.selected .cal-subtask-item, .cal26 .cal-cell.selected .cal-task-item { background: var(--dot); }
  .cal26 .cal-subtask-item { background: var(--v-dash); }
  .cal26 .cal-cell.selected .cal-more { color: var(--v-text3); }
  .cal26 .cal-legend { gap: 6px 10px; font-size: 11px; }
  .cal26 .cal26-side { width: 100%; position: static; }
  .cal26 .cal26-side > .section, .cal26 .cal26-day-empty { padding: 16px; border-radius: 24px; }
  .cal26 #ocal-day-title { font-size: 20px; }
}

.cal-order-popover-row { justify-content: flex-start; }
.cal-order-popover-row > span:last-child { text-align: left; min-width: 0; }

.cal26 .cal-task-order-card, .modal.cal26-task-modal .cal-task-order-card {
  padding: 12px 14px; border: 0; border-left: 4px solid var(--dot, var(--v-dash)); border-radius: 14px; background: var(--v-card);
  box-shadow: 0 0 0 1px var(--v-chip-ring); gap: 8px; opacity: 1;
}
.cal-task-order-card.new { --dot: #A1A1AA; --chip-bg: var(--v-soft); --chip-ink: var(--v-text2); }
.cal-task-order-card.in_progress { --dot: #F25C05; --chip-bg: var(--v-o-soft); --chip-ink: var(--v-o-text); }
.cal-task-order-card.review { --dot: #EAB308; --chip-bg: var(--v-a-soft); --chip-ink: var(--v-a-text); }
.cal-task-order-card.revision { --dot: #EF4444; --chip-bg: var(--v-r-soft); --chip-ink: var(--v-r-text); }
.cal-task-order-card.closed { --dot: #22C55E; --chip-bg: var(--v-g-soft); --chip-ink: var(--v-g-text); }
.cal-task-order-card.cancelled, .cal-task-order-card.client_refusal { --dot: #F3A1A1; --chip-bg: var(--v-soft); --chip-ink: var(--v-muted); }
.cal26 .cal-task-order-card-top { flex-wrap: nowrap; font-size: 13px; }
.cal26 .cal-task-order-num { flex-shrink: 0; font-weight: 800; }
.cal26 .cal-task-order-title { min-width: 0; flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--v-text2); }
.cal26 .cal-task-order-status {
  height: 22px; padding: 0 9px; border-radius: 11px; background: var(--chip-bg); color: var(--chip-ink); font-size: 11px; font-weight: 800;
  display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
}
.cal26 .cal-task-order-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--dot); }
.cal26 .cal-task-order-rows > div { padding: 0; border: 0; background: none; font-size: 12.5px; cursor: default; }
.cal26 .cal-task-order-rows dt { width: 64px; color: var(--v-muted); }
.cal26 .cal-task-order-rows dd { font-weight: 600; color: var(--v-text); }
.cal26 .cal-task-order-foot { padding-top: 2px; border-top: 0; }
.cal26 .cal-task-order-open { display: inline-flex; align-items: center; gap: 4px; border: 0; font-size: 12px; font-weight: 800; color: var(--v-text); }


@media (max-width: 860px) {
  .cal26 .cal26-tools { flex-direction: row; align-items: center; }
  .cal26 .cal26-search { width: 100%; }
}
.modal.cal26-task-modal [hidden] { display: none !important; }
.cal26 .cal-cell.today.selected .daynum { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 0 0 2px var(--v-card), 0 0 0 4px var(--v-ink); }





.h26.tk26 { display: block; gap: 0; font-family: var(--v-font); color: var(--v-text); }
.tk26 .tk26-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin: 0 0 22px; padding: 8px 0 0; border: 0; background: none; }
.tk26 .tk26-head h2 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; line-height: 1.1; letter-spacing: -0.02em; color: var(--v-text); }
.tk26 .tk26-head .sub { margin-top: 6px; font-size: 15px; color: var(--v-text3); }
.tk26 .tk26-actions { display: flex; align-items: center; gap: 10px; }
.tk26 .tk26-actions .btn {
  height: 44px; padding: 0 18px; border: 0; border-radius: 14px; display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--v-font); font-size: 14px; font-weight: 700; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 8px 20px rgba(242, 92, 5, 0.28);
  transition: transform .25s var(--v-spring);
}
.tk26 .tk26-actions .btn.secondary { background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); }
.tk26 .tk26-actions .btn:active { transform: scale(.95); }


.tk26 .tk26-stats { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; gap: 16px; margin: 0 0 18px; }
.tk26 .tk26-stats:empty { display: none; }
.tk26 .tk26-poster {
  position: relative; min-height: 150px; box-sizing: border-box; padding: 22px; border-radius: 24px; background: var(--v-poster, #151515); color: #FFFFFF; overflow: hidden;
  display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}
.tk26 .tk26-poster-ico { position: absolute; right: 18px; top: 18px; width: 52px; height: 52px; border-radius: 16px; background: var(--v-accent); color: #FFFFFF; display: flex; align-items: center; justify-content: center; }
.tk26 .tk26-poster-num { font-family: var(--v-display); font-weight: 800; font-size: 44px; line-height: 1; letter-spacing: -0.03em; }
.tk26 .tk26-poster-label { font-family: var(--v-display); font-size: 16px; }
.tk26 .tk26-poster > span { font-size: 13px; color: rgba(255, 255, 255, 0.72); }
.tk26 .tk26-tile { box-sizing: border-box; padding: 18px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 8px; }
.tk26 .tk26-tile-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 36px; font-size: 13px; font-weight: 700; line-height: 1.25; color: var(--v-text3); }



.tk26 .tk26-tile-top > span { flex: 1 1 auto; min-width: 0; }
.tk26 .tk26-tile-top i { flex: none; }
.tk26 .tk26-tile small { line-height: 1.35; }
.tk26 .tk26-tile-top i { width: 32px; height: 32px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.tk26 .tk26-ico-b { background: var(--v-b-soft); color: var(--v-b-text); }
.tk26 .tk26-ico-g { background: var(--v-g-soft); color: var(--v-g-text); }
.tk26 .tk26-ico-n { background: var(--v-soft); color: var(--v-text2); }
.tk26 .tk26-tile b { font-family: var(--v-display); font-weight: 800; font-size: 28px; letter-spacing: -0.02em; color: var(--v-text); }
.tk26 .tk26-tile small { font-size: 12px; color: var(--v-text3); }

.tk26 .tk26-ico-r { background: var(--v-r-soft); color: var(--v-r-text); }
.tk26 button.tk26-overdue { border: 0; text-align: left; font: inherit; cursor: pointer; transition: box-shadow .15s, transform .15s; }
.tk26 button.tk26-overdue:hover { transform: translateY(-1px); }
.tk26 .tk26-overdue.has-overdue b, .tk26 .tk26-overdue.has-overdue small { color: var(--v-r-text); }
.tk26 .tk26-overdue.active { box-shadow: 0 0 0 2px var(--v-r-text), var(--v-card-shadow); }
.tk26 .tasks-filter-kind .tk26-overdue-chip { color: var(--v-r-text); }
.tk26 .tasks-filter-kind .tk26-overdue-chip svg { flex: none; }
.tk26 .tasks-filter-kind .tk26-overdue-chip .tasks-filter-count { background: var(--v-r-soft); color: var(--v-r-text); }
.tk26 .tasks-filter-kind .tk26-overdue-chip.active { background: var(--v-r-text); color: #FFFFFF; }
:root[data-theme="dark"] .tk26 .tasks-filter-kind .tk26-overdue-chip.active { color: #1A0B0B; }
.tk26 .tasks-filter-kind .tk26-overdue-chip.active .tasks-filter-count { background: rgba(255, 255, 255, 0.22); color: inherit; }
@media (prefers-reduced-motion: reduce) { .tk26 button.tk26-overdue:hover { transform: none; } }


.tk26 #tasks-body { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.tk26 .tasks-filter-kind { display: inline-flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; padding: 0; background: none; border-radius: 0; }
.tk26 .tasks-filter-kind button {
  height: 40px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--v-card); color: var(--v-text2); box-shadow: 0 0 0 1px var(--v-chip-ring);
  display: inline-flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 13px; font-weight: 700;
}
.tk26 .tasks-filter-kind button.active { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.tk26 .tasks-filter-count { min-width: 20px; height: 20px; margin: 0; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: var(--v-soft); color: var(--v-text); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; }
.tk26 .tasks-filter-kind button.active .tasks-filter-count { background: rgba(255, 255, 255, 0.18); color: inherit; }
:root[data-theme="dark"] .tk26 .tasks-filter-kind button.active .tasks-filter-count { background: rgba(0, 0, 0, 0.12); }
.tk26:not(.tk26-history) #tasks-body { display: flex; flex-direction: column; }
.tk26:not(.tk26-history) .tasks-filter-kind { order: 0; }
.tk26 .tasks-head-row { margin: -58px 0 16px auto; }
.tk26 #tasks-filter { display: flex; gap: 4px; margin: 0; padding: 4px; border-radius: 14px; background: var(--v-soft); }
:root:not([data-theme="dark"]) .tk26 #tasks-filter { background: #EDEDEF; }
.tk26 #tasks-filter button { height: 34px; padding: 0 14px; border: 0; border-radius: 11px; background: transparent; color: var(--v-text3); font-family: var(--v-font); font-size: 13px; font-weight: 700; white-space: nowrap; }
.tk26 #tasks-filter button.active { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.tk26 .tk26-short { display: none; }


.tk26 .task-group { margin: 0 0 16px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); overflow: hidden; }
.tk26 .task-group-head { margin: 0; padding: 14px 22px 12px; font-size: 12px; font-weight: 800; letter-spacing: .06em; color: var(--v-text); }
.tk26 .task-group-count { min-width: 22px; height: 22px; padding: 0 7px; box-sizing: border-box; border-radius: 11px; background: var(--v-soft); color: var(--v-text); font-size: 11px; font-weight: 800; }
.tk26 .task-group-overdue .task-group-head { color: var(--v-r-text); }
.tk26 .task-group-overdue .task-group-count { background: var(--v-r-soft); color: var(--v-r-text); }
.tk26 .task-group-day .task-group-head { font-size: 15px; letter-spacing: 0; color: var(--v-text); }
.tk26 .task-group-day .task-group-head::after { display: none; }
.tk26 .task-group-done details > summary { list-style: none; }
.tk26 .task-group-done details > summary::-webkit-details-marker { display: none; }
.tk26 .task-group-done .task-group-head::after { content: ''; margin-left: auto; width: 8px; height: 8px; border-right: 2px solid var(--v-text3); border-bottom: 2px solid var(--v-text3); transform: rotate(45deg); transition: transform .2s ease; }
.tk26 .task-group-done details[open] .task-group-head::after { transform: rotate(-135deg); }
.tk26 .task-group-done .task-group-count { background: var(--v-g-soft); color: var(--v-g-text); }
.tk26 .tk26-done-hint { margin: 0; padding: 10px 22px 14px; font-size: 12px; color: var(--v-muted); }


.tk26 .task-row {
  position: relative; display: flex; align-items: flex-start; gap: 14px; margin: 0; padding: 14px 22px; border: 0; border-top: 1px solid var(--v-row); border-radius: 0;
  background: none; box-shadow: inset 3px 0 0 #FB923C; opacity: 1; animation: h26rise .5s var(--v-ease) both;
}
.tk26 .task-row.cal-priority-low { box-shadow: inset 3px 0 0 #FDBA74; }
.tk26 .task-row.cal-priority-high { box-shadow: inset 3px 0 0 #F25C05; }
.tk26 .task-row.done { box-shadow: inset 3px 0 0 var(--cal-ok, #22C55E); }
.tk26 .task-row:hover { background: var(--v-row-hover, var(--v-hover)); }
.tk26 .task-row.done:hover { background: var(--v-row-hover, var(--v-hover)); }
.tk26 .task-row-check {
  -webkit-appearance: none; appearance: none; width: 22px; height: 22px; min-height: 0; flex: none; margin: 1px 0 0; padding: 0; border: 1.8px solid var(--v-dash); border-radius: 7px;
  background: var(--v-card); cursor: pointer; display: grid; place-items: center; transition: background-color .2s ease, border-color .2s ease, transform .25s var(--v-spring);
}
.tk26 .task-row-check::after { content: ''; width: 5px; height: 10px; margin-top: -2px; border-right: 2.4px solid #FFFFFF; border-bottom: 2.4px solid #FFFFFF; transform: rotate(45deg) scale(0); transition: transform .25s var(--v-spring); }
.tk26 .task-row-check:checked { background: var(--v-accent); border-color: var(--v-accent); }
.tk26 .task-row-check:checked::after { transform: rotate(45deg) scale(1); }
.tk26 .task-row-check:active { transform: scale(.85); }
.tk26 .task-row-main { flex: 1 1 auto; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; row-gap: 8px; align-items: start; }
.tk26 .task-row-text { grid-column: 1; font-family: var(--v-font); font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--v-text); }
.tk26 .task-row.done .task-row-text { color: var(--v-muted); }
.tk26 .task-row-meta { grid-column: 1; margin: 0; gap: 6px; font-size: 12px; color: var(--v-text3); }
.tk26 .task-row-date { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; }
.tk26 .task-row-date::before, .tk26 .task-row-pill-files::before {
  content: ''; width: 13px; height: 13px; background: currentColor; flex-shrink: 0;
  -webkit-mask: var(--tk26-ico) center / contain no-repeat; mask: var(--tk26-ico) center / contain no-repeat;
}
.tk26 .task-row-date { --tk26-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E"); }
.tk26 .task-row-pill-files { --tk26-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11l-8.5 8.5a5 5 0 0 1-7-7L14 4a3.5 3.5 0 0 1 5 5l-8.5 8.5a2 2 0 0 1-3-3L15 7'/%3E%3C/svg%3E"); }
.tk26 .task-row.overdue .task-row-date { color: var(--v-r-text); }
.tk26 .task-row-pill { height: 22px; padding: 0 9px; border-radius: 11px; background: var(--v-soft); color: var(--v-text2); font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; gap: 4px; }
.tk26 .task-row-pill-in { background: var(--v-g-soft); color: var(--v-g-text); }
.tk26 .task-row-pill-out { background: var(--v-b-soft); color: var(--v-b-text); }
.tk26 .task-row-pill-files { background: none; box-shadow: 0 0 0 1px var(--v-chip-ring); }
.tk26 .task-row-del { align-self: flex-start; width: 34px; height: 34px; margin: 0; padding: 0; border-radius: 11px; background: var(--v-soft); color: var(--v-text3); display: flex; align-items: center; justify-content: center; }
.tk26 .task-row-del:hover { background: var(--v-r-soft); color: var(--v-r-text); }
.tk26 .task-row-del svg { width: 15px; height: 15px; }


.tk26 .task-row-main > .cal-task-order-card { grid-column: 2; grid-row: 1 / span 2; width: 300px; box-sizing: border-box; }
.tk26 .cal-task-order-card { padding: 10px 12px; border: 0; border-left: 4px solid var(--dot, var(--v-dash)); border-radius: 14px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); gap: 6px; opacity: 1; }
.tk26 .cal-task-order-card-top { flex-wrap: nowrap; font-size: 13px; }
.tk26 .cal-task-order-num { flex-shrink: 0; font-weight: 800; }
.tk26 .cal-task-order-title { min-width: 0; flex: 1 1 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--v-text2); font-size: 12.5px; }
.tk26 .cal-task-order-status { height: 22px; padding: 0 9px; border-radius: 11px; background: var(--chip-bg); color: var(--chip-ink); font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.tk26 .cal-task-order-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--dot); }
.tk26 .cal-task-order-rows > div { padding: 0; border: 0; background: none; font-size: 12px; cursor: default; }
.tk26 .cal-task-order-rows dt { width: 52px; color: var(--v-muted); }
.tk26 .cal-task-order-rows dd { font-weight: 600; color: var(--v-text); min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tk26 .cal-task-order-foot { padding-top: 2px; border-top: 0; }
.tk26 .cal-task-order-open { display: inline-flex; align-items: center; gap: 4px; border: 0; font-size: 12px; font-weight: 800; color: var(--v-text); }


.tk26 .tk26-empty { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 36px 24px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); text-align: center; font-size: 14px; color: var(--v-text3); }
.tk26 .tk26-empty > span:last-child { max-width: 520px; }
.tk26 .tk26-empty-ico { width: 56px; height: 56px; border-radius: 18px; background: var(--v-soft); color: var(--v-text2); display: flex; align-items: center; justify-content: center; }


.tk26-history #tasks-history-filter { margin-bottom: 16px; }
.tk26 .task-hist { align-items: center; gap: 14px; margin: 0; padding: 14px 22px; border: 0; border-top: 1px solid var(--v-row); border-radius: 0; background: none; }
.tk26 .tk26-hist-ico { width: 36px; height: 36px; flex-shrink: 0; border-radius: 12px; background: var(--v-g-soft); color: var(--v-g-text); display: flex; align-items: center; justify-content: center; }
.tk26 .task-hist.removed .tk26-hist-ico { background: var(--v-r-soft); color: var(--v-r-text); }
.tk26 .task-hist-text { font-size: 14px; font-weight: 700; }
.tk26 .task-hist-meta { gap: 6px; font-size: 12px; color: var(--v-text3); }
.tk26 .task-hist-mark { height: 22px; padding: 0 9px; border-radius: 11px; display: inline-flex; align-items: center; font-size: 11px; font-weight: 800; }
.tk26 .task-hist-mark.ok { background: var(--v-g-soft); color: var(--v-g-text); }
.tk26 .task-hist-mark.rm { background: var(--v-r-soft); color: var(--v-r-text); }
.tk26 .task-hist-back { height: 36px; padding: 0 12px; border-radius: 12px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text); display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.tk26 .task-hist-back:hover { background: var(--v-hover); }
.tk26-history .tk26-actions .btn { box-shadow: 0 0 0 1px var(--v-chip-ring); }


.modal.tk26-del-modal { border: 0; border-radius: 28px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 30px 80px rgba(0, 0, 0, 0.18); font-family: var(--v-font); }
.modal.tk26-del-modal > h3 { font-family: var(--v-display); font-weight: 700; font-size: 20px; color: var(--v-text); }
.modal.tk26-del-modal .token-hint:first-of-type { font-size: 15px; font-weight: 700; color: var(--v-text); }
.modal.tk26-del-modal .btn { height: 44px; padding: 0 18px; border: 0; border-radius: 13px; font-family: var(--v-font); font-size: 14px; font-weight: 700; box-shadow: none; }
.modal.tk26-del-modal .btn.secondary { background: var(--v-soft); color: var(--v-text); }
.modal.tk26-del-modal .btn.task-del-danger { background: var(--v-r-soft); color: var(--v-r-text); }

@media (max-width: 1180px) {
  .tk26 .task-row-main { grid-template-columns: minmax(0, 1fr); }
  .tk26 .task-row-main > .cal-task-order-card { grid-column: 1; grid-row: auto; width: auto; max-width: 420px; }
  .tk26 .tk26-stats { grid-template-columns: 1fr 1fr 1fr 1fr; }
  .tk26 .tk26-poster { grid-column: 1 / -1; }
  .tk26 .tasks-head-row { margin: 0 0 16px; }
}
@media (max-width: 860px) {
  .tk26 .tk26-head { flex-wrap: nowrap; align-items: center; margin: 0 0 14px; padding: 0; }
  .tk26 .tk26-head h2 { font-weight: 800; font-size: 32px; letter-spacing: -0.03em; }
  .tk26 .tk26-head .sub { display: none; }
  .tk26 .tk26-actions .btn { width: 44px; padding: 0; justify-content: center; }
  .tk26 .tk26-actions .btn span { display: none; }
  .tk26-history .tk26-head h2 { font-size: 26px; }
  .tk26 .tk26-stats { gap: 10px; margin-bottom: 14px; grid-template-columns: 1fr 1fr; }
  .tk26 .tk26-tile b { line-height: 1.1; }
  .tk26 .tk26-poster { min-height: 124px; padding: 18px; }
  .tk26 .tk26-poster-num { font-size: 38px; }
  .tk26 .tk26-poster-ico { width: 44px; height: 44px; border-radius: 14px; }
  .tk26 .tk26-tile { padding: 12px; border-radius: 18px; gap: 4px; }
  .tk26 .tk26-tile-top i, .tk26 .tk26-tile small { display: none; }
  .tk26 .tk26-tile b { font-size: 22px; }
  .tk26 .tasks-filter-kind { flex-wrap: nowrap; width: calc(100% + 32px); margin: 0 -16px 10px; padding: 0 16px; box-sizing: border-box; overflow-x: auto; scrollbar-width: none; }
  .tk26 .tasks-filter-kind::-webkit-scrollbar { display: none; }
  .tk26 .tasks-filter-kind button { flex: 0 0 auto; height: 36px; }
  .tk26 .tasks-head-row { width: 100%; }
  .tk26 #tasks-filter { width: 100%; }
  .tk26 #tasks-filter button { flex: 1 1 0; }
  .tk26 .tk26-long { display: none; }
  .tk26 .tk26-short { display: inline; }
  .tk26 .task-group { border-radius: 20px; margin-bottom: 12px; }
  .tk26 .task-group-head { padding: 12px 16px 10px; }
  .tk26 .task-row { padding: 12px 16px; gap: 12px; }
  .tk26 .task-row-main > .cal-task-order-card { max-width: none; }
  .tk26 .task-hist { flex-wrap: wrap; padding: 12px 16px; }
  .tk26 .tk26-done-hint { padding: 8px 16px 12px; }
}
.tk26 .task-row-main { grid-template-rows: auto 1fr; }
.tk26 .task-row-meta { align-self: start; align-content: flex-start; }
@media (max-width: 860px) {
  .tk26 .task-hist { display: grid; grid-template-columns: 36px auto minmax(0, 1fr); column-gap: 12px; row-gap: 8px; align-items: center; }
  .tk26 .task-hist .tk26-hist-ico { grid-row: 1 / span 2; align-self: start; }
  .tk26 .task-hist-main { grid-column: 2 / -1; }
  .tk26 .task-hist-mark { grid-column: 2; justify-self: start; }
  .tk26 .task-hist-back { grid-column: 3; justify-self: start; }
}
.tk26 #tasks-history-body { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.tk26 #tasks-history-body > .empty-state { padding: 36px 24px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); color: var(--v-text3); }





.h26.wn26 { display: block; gap: 0; font-family: var(--v-font); color: var(--v-text); }
.wn26 .cl-page .page-header { align-items: flex-end; margin: 0 0 22px; padding-top: 8px; }
.wn26 .cl-page .page-title { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; line-height: 1.1; letter-spacing: -0.02em; color: var(--v-text); }
.wn26 .cl-page .page-sub { margin-top: 6px; font-size: 15px; color: var(--v-text3); }
.wn26 #cl-add { height: 44px; padding: 0 18px; border: 0; border-radius: 14px; display: inline-flex; align-items: center; gap: 8px; background: var(--v-accent); color: #FFFFFF; font-family: var(--v-font); font-size: 14px; font-weight: 700; box-shadow: 0 8px 20px rgba(242, 92, 5, 0.28); }


.wn26 .wn26-stats { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 16px; margin: 0 0 18px; }
.wn26 .wn26-poster { position: relative; min-height: 150px; box-sizing: border-box; padding: 22px; border-radius: 24px; background: var(--v-poster, #151515); color: #FFFFFF; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12); }
.wn26 .wn26-poster-ico { position: absolute; right: 18px; top: 18px; width: 52px; height: 52px; border-radius: 16px; background: var(--v-accent); color: #FFFFFF; display: flex; align-items: center; justify-content: center; }
.wn26 .wn26-poster-num { font-family: var(--v-display); font-weight: 800; font-size: 44px; line-height: 1; letter-spacing: -0.03em; }
.wn26 .wn26-poster-label { max-width: 300px; font-family: var(--v-display); font-size: 16px; }
.wn26 .wn26-poster > span { font-size: 13px; color: rgba(255, 255, 255, 0.72); }
.wn26 .wn26-tile { box-sizing: border-box; padding: 18px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 8px; }
.wn26 .wn26-tile-top { display: flex; align-items: center; justify-content: space-between; font-size: 13px; font-weight: 700; color: var(--v-text3); }
.wn26 .wn26-tile-top i { width: 32px; height: 32px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.wn26 .wn26-ico-new, .wn26 .cl-tag-new, .wn26-modal .wn26-tagbtn-new.active { background: var(--v-o-soft); color: var(--v-o-text); }
.wn26 .wn26-ico-improve, .wn26 .cl-tag-improve, .wn26-modal .wn26-tagbtn-improve.active { background: var(--v-b-soft); color: var(--v-b-text); }
.wn26 .wn26-ico-fix, .wn26 .cl-tag-fix, .wn26-modal .wn26-tagbtn-fix.active { background: var(--v-g-soft); color: var(--v-g-text); }
.wn26 .wn26-tile b { font-family: var(--v-display); font-weight: 800; font-size: 28px; color: var(--v-text); }
.wn26 .wn26-tile small { font-size: 12px; color: var(--v-text3); }


.wn26 .cl-page .filters-bar { margin: 0 0 22px; }
.wn26 .cl-page .chip-group { gap: 6px; flex-wrap: wrap; }
.wn26 .cl-page .chip {
  height: 40px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--v-card); color: var(--v-text2); box-shadow: 0 0 0 1px var(--v-chip-ring);
  display: inline-flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer;
}
.wn26 .cl-page .chip.active { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.wn26 .wn26-count { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: var(--v-soft); color: var(--v-text); font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.wn26 .chip.active .wn26-count { background: rgba(255, 255, 255, 0.18); color: inherit; }
:root[data-theme="dark"] .wn26 .chip.active .wn26-count { background: rgba(0, 0, 0, 0.12); }
.wn26 .wn26-dot { width: 8px; height: 8px; border-radius: 50%; }
.wn26 .wn26-dot-new { background: #F25C05; }
.wn26 .wn26-dot-improve { background: #3B6FE0; }
.wn26 .wn26-dot-fix { background: #22A559; }


.wn26 .cl-feed { display: flex; flex-direction: column; gap: 28px; margin: 0; }
.wn26 .cl-day { display: grid; grid-template-columns: 190px 2px minmax(0, 1fr); column-gap: 20px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.wn26 .cl-day-head { grid-column: 1; align-self: start; position: sticky; top: 16px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 0; padding: 6px 0 0; border: 0; }
.wn26 .cl-day::before { content: ''; grid-column: 2; grid-row: 1; margin-top: 14px; border-radius: 1px; background: linear-gradient(#F25C05, rgba(242, 92, 5, 0.08)); }
.wn26 .cl-day-title { font-family: var(--v-display); font-size: 22px; font-weight: 800; letter-spacing: -0.02em; color: var(--v-text); text-transform: none; }
.wn26 .wn26-day-sub { font-size: 13px; color: var(--v-text3); }
.wn26 .cl-day-count { margin-top: 6px; height: 24px; padding: 0 10px; border-radius: 12px; background: var(--v-soft); color: var(--v-text); font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; }
.wn26 .wn26-day-items { grid-column: 3; grid-row: 1; display: flex; flex-direction: column; gap: 12px; }
.wn26 .cl-item {
  position: relative; margin: 0; padding: 18px 20px; border: 0; border-radius: 20px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring);
  display: flex; flex-direction: column; gap: 10px; transition: box-shadow .2s ease, transform .25s var(--v-spring);
}
.wn26 .cl-item:hover { box-shadow: 0 0 0 1px var(--v-chip-ring), var(--v-card-shadow); }
.wn26 .cl-item.is-new { box-shadow: inset 3px 0 0 var(--v-accent), 0 0 0 1px var(--v-chip-ring); }
.wn26 .cl-item-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0; }
.wn26 .wn26-new-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--v-accent); box-shadow: 0 0 0 4px rgba(242, 92, 5, 0.14); animation: h26pulse 2s ease-out 1s 3; }
.wn26 .cl-tag { height: 24px; padding: 0 10px; border-radius: 12px; font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; gap: 5px; letter-spacing: 0; text-transform: none; }
.wn26 .cl-section { height: 24px; padding: 0 10px; border-radius: 12px; background: var(--v-soft); color: var(--v-text2); font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; }
.wn26 .cl-title { font-family: var(--v-display); font-size: 17px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.3; color: var(--v-text); }
.wn26 .cl-body { margin: 0; font-size: 14px; line-height: 1.55; color: var(--v-text2); white-space: pre-line; }
.wn26 .cl-actions { margin-left: auto; display: flex; gap: 4px; opacity: 0; transition: opacity .15s ease; }
.wn26 .cl-item:hover .cl-actions, .wn26 .cl-actions:focus-within { opacity: 1; }
@media (hover: none) { .wn26 .cl-actions { opacity: 1; } }
.wn26 .cl-page .icon-btn { width: 32px; height: 32px; border: 0; border-radius: 10px; background: var(--v-soft); color: var(--v-text2); display: flex; align-items: center; justify-content: center; }
.wn26 .cl-page .icon-btn.danger:hover { background: var(--v-r-soft); color: var(--v-r-text); border: 0; }
.wn26 .wn26-empty { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 36px 24px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); text-align: center; color: var(--v-text3); }
.wn26 .wn26-empty b { font-family: var(--v-display); font-size: 18px; color: var(--v-text); }
.wn26 .wn26-empty-ico { width: 56px; height: 56px; border-radius: 18px; background: var(--v-soft); color: var(--v-text2); display: flex; align-items: center; justify-content: center; }
.wn26 .wn26-empty .btn { height: 40px; padding: 0 16px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); font-weight: 700; }


.modal.wn26-modal, body:has(.wn26) .modal:has(#confirm-yes) { border: 0; border-radius: 28px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 30px 80px rgba(0, 0, 0, 0.18); font-family: var(--v-font); color: var(--v-text); }
.modal.wn26-modal > h3, body:has(.wn26) .modal:has(#confirm-yes) > h3 { font-family: var(--v-display); font-weight: 700; font-size: 20px; color: var(--v-text); }
.modal.wn26-modal label { font-size: 13px; font-weight: 700; color: var(--v-text); }
.modal.wn26-modal input, .modal.wn26-modal textarea { min-height: 48px; box-sizing: border-box; padding: 12px 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 15px; box-shadow: none; }
.modal.wn26-modal input:focus, .modal.wn26-modal textarea:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); }
.modal.wn26-modal .ms-method-picker { display: flex; gap: 6px; flex-wrap: wrap; }
.modal.wn26-modal .ms-method-picker button { height: 40px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text2); display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; }
.modal.wn26-modal .ms-method-picker button.active { box-shadow: inset 0 0 0 1.5px currentColor; }
.modal.wn26-modal .btn, body:has(.wn26) .modal:has(#confirm-yes) .btn { height: 44px; padding: 0 18px; border: 0; border-radius: 13px; font-family: var(--v-font); font-size: 14px; font-weight: 700; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); }
.modal.wn26-modal .btn.secondary, body:has(.wn26) .modal:has(#confirm-yes) .btn.secondary { background: var(--v-soft); color: var(--v-text); box-shadow: none; }
body:has(.wn26) .modal:has(#confirm-yes) .btn.danger { background: var(--v-r-soft); color: var(--v-r-text); box-shadow: none; }
body:has(.wn26) .modal:has(#confirm-yes) .confirm-text { font-size: 14px; line-height: 1.5; color: var(--v-text3); }
body:has(.wn26) .modal:has(#confirm-yes) .confirm-text b { display: inline-block; margin-bottom: 6px; font-size: 15px; color: var(--v-text); }

@media (max-width: 1180px) {
  .wn26 .wn26-stats { grid-template-columns: 1fr 1fr 1fr; }
  .wn26 .wn26-poster { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
  .wn26 .cl-page .page-header { flex-direction: row; align-items: center; margin: 0 0 14px; padding: 0; }
  .wn26 .cl-page .page-title { font-weight: 800; font-size: 32px; letter-spacing: -0.03em; }
  .wn26 .cl-page .page-sub { display: none; }
  .wn26 #cl-add { width: 44px; padding: 0; justify-content: center; }
  .wn26 #cl-add span { display: none; }
  .wn26 .wn26-stats { gap: 10px; margin-bottom: 14px; }
  .wn26 .wn26-poster { min-height: 124px; padding: 18px; }
  .wn26 .wn26-poster-num { font-size: 38px; }
  .wn26 .wn26-poster-ico { width: 44px; height: 44px; border-radius: 14px; }
  .wn26 .wn26-tile { padding: 12px; border-radius: 18px; gap: 4px; }
  .wn26 .wn26-tile-top i, .wn26 .wn26-tile small { display: none; }
  .wn26 .wn26-tile b { font-size: 22px; }
  .wn26 .cl-page .filters-bar { margin: 0 0 16px; }
  .wn26 .cl-page .filters-left { width: 100%; }
  .wn26 .cl-page .chip-group { flex-wrap: nowrap; width: calc(100% + 32px); margin: 0 -16px; padding: 0 16px; box-sizing: border-box; overflow-x: auto; scrollbar-width: none; }
  .wn26 .cl-page .chip-group::-webkit-scrollbar { display: none; }
  .wn26 .cl-page .chip { flex: 0 0 auto; height: 36px; }
  .wn26 .cl-feed { gap: 20px; }
  .wn26 .cl-day { display: flex; flex-direction: column; gap: 10px; }
  .wn26 .cl-day::before { display: none; }
  .wn26 .cl-day-head { position: static; flex-direction: row; align-items: baseline; flex-wrap: wrap; gap: 8px; padding: 4px 2px 0; }
  .wn26 .cl-day-title { font-size: 20px; }
  .wn26 .wn26-day-sub { display: none; }
  .wn26 .cl-day-count { margin: 0; height: auto; padding: 0; background: none; font-size: 13px; font-weight: 600; color: var(--v-text3); }
  .wn26 .cl-item { padding: 16px; }
  .wn26 .cl-title { font-size: 16px; }
}





.h26.clx26 { display: block; gap: 0; font-family: var(--v-font); color: var(--v-text); }
.clx26 .fin-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin: 0 0 22px; padding-top: 8px; }
.clx26 .fin-title { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; line-height: 1.1; letter-spacing: -0.02em; color: var(--v-text); }
.clx26 .fin-sub { margin: 6px 0 0; font-size: 15px; color: var(--v-text3); }
.clx26 .fin-head-actions { display: flex; align-items: center; gap: 10px; }
.clx26 .fin-head-actions .btn { height: 44px; padding: 0 18px; border: 0; border-radius: 14px; display: inline-flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; text-decoration: none; }
.clx26 .fin-head-actions .btn.secondary { background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); }
.clx26 .fin-head-actions .fin-add { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 8px 20px rgba(242, 92, 5, 0.28); }
.clx26 .fin-add-plus { display: inline-flex; font-size: 0; }


.clx26 .fin-kpis { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 16px; margin: 0 0 18px; }
.clx26 .fin-kpi { position: relative; min-height: 136px; box-sizing: border-box; padding: 18px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 8px; }
.clx26 .fin-kpi-label { order: 1; padding-right: 44px; font-size: 13px; font-weight: 700; color: var(--v-text3); text-transform: none; letter-spacing: 0; }
.clx26 .fin-kpi-value { order: 2; font-family: var(--v-display); font-weight: 800; font-size: 28px; letter-spacing: -0.02em; color: var(--v-text); }
.clx26 .fin-kpi-sub { order: 3; font-size: 12px; line-height: 1.45; color: var(--v-text3); display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.clx26 .clx26-ico { position: absolute; right: 18px; top: 18px; width: 32px; height: 32px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.clx26 .clx26-ico-b { background: var(--v-b-soft); color: var(--v-b-text); }
.clx26 .clx26-ico-n { background: var(--v-soft); color: var(--v-text2); }
.clx26 .clx26-ico-r { background: var(--v-r-soft); color: var(--v-r-text); }
.clx26 .clx26-ico-g { background: var(--v-g-soft); color: var(--v-g-text); }
.clx26 .clx26-ico-o2 { background: var(--v-o-soft); color: var(--v-o-text); }
.clx26 .fin-kpi-main { justify-content: flex-end; background: var(--v-poster, #151515); color: #FFFFFF; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12); }
.clx26 .fin-kpi-main .clx26-ico { width: 52px; height: 52px; border-radius: 16px; background: var(--v-accent); color: #FFFFFF; }
.clx26 .fin-kpi-main .fin-kpi-value { order: 1; font-size: 40px; line-height: 1; letter-spacing: -0.03em; color: #FFFFFF; }
.clx26 .fin-kpi-main .fin-kpi-label { order: 2; padding: 0; font-family: var(--v-display); font-size: 16px; color: #FFFFFF; }
.clx26 .fin-kpi-main .fin-kpi-sub { color: rgba(255, 255, 255, 0.72); }
.clx26 .cl-kpi-debt .fin-kpi-value { color: var(--v-r-text); }
.clx26 .clx26-trend { height: 24px; padding: 0 8px; border-radius: 12px; display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 800; }
.clx26 .clx26-trend.up { background: rgba(74, 222, 128, 0.18); color: #4ADE80; }
.clx26 .clx26-trend.down { background: rgba(248, 113, 113, 0.18); color: #FCA5A5; }


.clx26 .cl-seg { gap: 6px; margin: 0 0 14px; }
.clx26 .cl-seg button { height: 40px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--v-card); color: var(--v-text2); box-shadow: 0 0 0 1px var(--v-chip-ring); font-family: var(--v-font); font-size: 13px; font-weight: 700; gap: 8px; }
.clx26 .cl-seg button.on { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.clx26 .cl-seg sup { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: var(--v-soft); color: var(--v-text); font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; vertical-align: 0; line-height: 1; }
.clx26 .cl-seg sup:empty { display: none; }
.clx26 .cl-seg button.on sup { background: rgba(255, 255, 255, 0.18); color: inherit; }
:root[data-theme="dark"] .clx26 .cl-seg button.on sup { background: rgba(0, 0, 0, 0.12); }
.clx26 .cl-warn { color: var(--v-r-text); }
.clx26 .cl-filters { gap: 10px; margin: 0 0 16px; }
.clx26 .clx26-search { flex: 1 1 260px; max-width: 420px; height: 44px; margin: 0; padding: 0 14px; box-sizing: border-box; border-radius: 14px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); display: flex; align-items: center; gap: 10px; color: var(--v-text3); }
.clx26 .clx26-search:focus-within { box-shadow: 0 0 0 2px var(--v-accent); }
.clx26 .clx26-search input#cl-search { flex: 1 1 auto; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; outline: none; font-family: var(--v-font); font-size: 14px; color: var(--v-text); }
.clx26 .cl-filters .clx26-search + * { margin-left: auto; }
.clx26 .cl-select { height: 44px; padding: 0 36px 0 14px; border: 0; border-radius: 14px; background-color: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text2); font-family: var(--v-font); font-size: 13px; font-weight: 700; }


.clx26 .cl-table { border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.clx26 .cl-tr { gap: 16px; padding: 14px 22px; border-bottom: 1px solid var(--v-row); font-size: 13px; }
.clx26 .cl-tr:not(.cl-th):hover, .clx26 .cl-tr:focus-visible { background: var(--v-row-hover, var(--v-hover)); }
.clx26 .cl-th { padding: 12px 22px; background: none; font-size: 11px; font-weight: 800; letter-spacing: .06em; color: var(--v-muted); }
.clx26 .cl-ava { width: 40px; height: 40px; font-size: 16px; }
.clx26 .cl-name { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 14px; font-weight: 700; color: var(--v-text); }
.clx26 .clx-tag { margin: 0; height: 22px; padding: 0 9px; border-radius: 11px; display: inline-flex; align-items: center; font-size: 11px; font-weight: 800; vertical-align: 0; }
.clx26 .clx-tag-regular { background: var(--v-a-soft); color: var(--v-a-text); }
.clx26 .clx-tag-new { background: var(--v-b-soft); color: var(--v-b-text); }
.clx26 .clx-tag-done { background: var(--v-soft); color: var(--v-muted); }
.clx26 .clx-tag-sleep { background: var(--v-r-soft); color: var(--v-r-text); }
.clx26 .cl-sub { margin-top: 3px; font-size: 12px; color: var(--v-text3); }
.clx26 .cl-src { font-weight: 600; }
.clx26 .cl-mgr { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--v-text2); }
.clx26 .cl-mgr > span:last-child { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.clx26 .clx26-mgr-ava { width: 26px; height: 26px; flex-shrink: 0; border-radius: 50%; color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; }
.clx26 .cl-num { font-family: var(--v-display); font-size: 14px; font-weight: 800; color: var(--v-text); }
.clx26 .cl-orders { font-family: var(--v-font); font-weight: 700; }
.clx26 .cl-dim { color: var(--v-muted); }
.clx26 .cl-debt { color: var(--v-r-text); }
.clx26 .cl-next { font-size: 12px; color: var(--v-text3); }
.clx26 .cl-next-task { display: flex; align-items: flex-start; gap: 4px; margin-top: 3px; font-weight: 700; color: var(--v-text); }
.clx26 .cl-next-task svg { flex-shrink: 0; margin-top: 3px; }
.clx26 .cl-next-task.is-over { color: var(--v-r-text); }
.clx26 .cl-status-toggle { width: 34px; height: 34px; border: 0; border-radius: 11px; background: var(--v-soft); color: var(--v-text2); display: flex; align-items: center; justify-content: center; }
.clx26 .cl-status-toggle:hover { background: var(--v-ink); color: var(--v-on-ink); }


.clx26 .cl-topline { margin: 0 0 16px; padding-top: 4px; }
.clx26 .cl-topline .btn, .clx26 .cl-top-actions .btn {
  height: 40px; padding: 0 14px; border: 0; border-radius: 13px; display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--v-font); font-size: 13px; font-weight: 700; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring);
}
.clx26 .cl-top-actions #cl-delete { width: 40px; padding: 0; justify-content: center; background: var(--v-r-soft); color: var(--v-r-text); box-shadow: none; }
.clx26 .cl-top-actions .client-new-order-top { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 8px 20px rgba(242, 92, 5, 0.28); }
.clx26 .cl-hero { gap: 18px; margin: 0 0 16px; padding: 22px 24px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.clx26 .cl-hero.is-done { opacity: 1; }
.clx26 .cl-ava-big { width: 72px; height: 72px; font-size: 28px; }
.clx26 .cl-hero-name { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-family: var(--v-display); font-size: 28px; font-weight: 800; letter-spacing: -0.02em; color: var(--v-text); }
.clx26 .cl-hero-sub { gap: 8px; margin-top: 8px; font-size: 13px; color: var(--v-text3); }
.clx26 .client-status-badge { height: 22px; padding: 0 9px; border: 0; border-radius: 11px; display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 800; background: var(--v-g-soft); color: var(--v-g-text); }
.clx26 .client-status-badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.clx26 .client-status-badge.done { background: var(--v-soft); color: var(--v-muted); }
.clx26 .clx26-hero-mgr { display: inline-flex; align-items: center; gap: 6px; }
.clx26 .clx26-hero-mgr .clx26-mgr-ava { width: 22px; height: 22px; font-size: 10px; }
.clx26 .cl-tabs.segmented { gap: 4px; margin: 0 0 16px; padding: 4px; border: 0; border-radius: 14px; background: var(--v-soft); }
:root:not([data-theme="dark"]) .clx26 .cl-tabs.segmented { background: #EDEDEF; }
.clx26 .cl-tabs button { height: 36px; padding: 0 16px; border: 0; border-radius: 11px; background: transparent; color: var(--v-text3); font-family: var(--v-font); font-size: 13px; font-weight: 700; box-shadow: none; }
.clx26 .cl-tabs button.active { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }


.clx26 .client-panel { margin: 0; padding: 18px 20px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.clx26 .client-panel-title { margin: 0 0 10px; font-family: var(--v-display); font-size: 17px; font-weight: 700; letter-spacing: -0.01em; color: var(--v-text); text-transform: none; }
.clx26 .cl-tl { padding-left: 0; }
.clx26 .cl-tl::before { display: none; }
.clx26 .cl-ev { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; column-gap: 14px; padding: 12px 0; border-top: 1px solid var(--v-row); }
.clx26 .cl-ev:first-child { border-top: 0; }
.clx26 .cl-ev-ico { position: static; grid-row: 1 / span 2; width: 36px; height: 36px; border-radius: 12px; box-shadow: none; background: var(--v-soft); color: var(--v-text2); display: flex; align-items: center; justify-content: center; }
.clx26 .cl-ev-payment .cl-ev-ico, .clx26 .cl-ev-done .cl-ev-ico { background: var(--v-g-soft); color: var(--v-g-text); }
.clx26 .cl-ev-message .cl-ev-ico { background: var(--v-b-soft); color: var(--v-b-text); }
.clx26 .cl-ev-order .cl-ev-ico { background: var(--v-o-soft); color: var(--v-o-text); }
.clx26 .cl-ev-when { position: static; grid-column: 3; grid-row: 1; font-size: 12px; color: var(--v-muted); }
.clx26 .cl-ev-title { grid-column: 2; grid-row: 1; font-size: 14px; font-weight: 700; color: var(--v-text); }
.clx26 .cl-ev-sub { grid-column: 2 / span 2; grid-row: 2; font-size: 12px; color: var(--v-text3); }
.clx26 .cl-ev[data-cl-open-order]:hover .cl-ev-title, .clx26 .cl-ev[data-open-dialog]:hover .cl-ev-title { text-decoration: none; color: var(--v-accent); }
.clx26 .cl-side { gap: 16px; }
.clx26 .client-task-row { align-items: flex-start; gap: 10px; padding: 10px 0; border-top: 1px solid var(--v-row); border-bottom: 0; background: none; }
.clx26 .client-task-row:first-child { border-top: 0; }
.clx26 .cl-task-done {
  -webkit-appearance: none; appearance: none; width: 22px; height: 22px; min-height: 0; flex: none; margin: 1px 0 0; padding: 0; border: 1.8px solid var(--v-dash); border-radius: 7px;
  background: var(--v-card); display: grid; place-items: center; cursor: pointer;
}
.clx26 .cl-task-done::after { content: ''; width: 5px; height: 10px; margin-top: -2px; border-right: 2.4px solid #FFFFFF; border-bottom: 2.4px solid #FFFFFF; transform: rotate(45deg) scale(0); transition: transform .25s var(--v-spring); }
.clx26 .cl-task-done:checked { background: var(--v-accent); border-color: var(--v-accent); }
.clx26 .cl-task-done:checked::after { transform: rotate(45deg) scale(1); }
.clx26 .client-task-text { font-size: 14px; font-weight: 700; color: var(--v-text); }
.clx26 .client-task-row.done .client-task-text { color: var(--v-muted); text-decoration: line-through; }
.clx26 .client-task-row.overdue .client-row-sub { color: var(--v-r-text); }
.clx26 .client-row-sub { font-size: 12px; color: var(--v-text3); }
.clx26 .cl-task-del { width: 28px; height: 28px; min-height: 0; padding: 0; border: 0; border-radius: 9px; background: none; color: var(--v-muted); display: flex; align-items: center; justify-content: center; box-shadow: none; }
.clx26 .cl-task-del:hover { background: var(--v-r-soft); color: var(--v-r-text); }
.clx26 .client-panel-foot { margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--v-row); }
.clx26 .client-task-form input, .clx26 .client-task-form select, .clx26 #cl-notes-inline {
  min-height: 40px; box-sizing: border-box; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 14px; box-shadow: none;
}
.clx26 .client-task-form input:focus, .clx26 .client-task-form select:focus, .clx26 #cl-notes-inline:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); }
.clx26 #cl-notes-inline { width: 100%; padding: 12px 14px; line-height: 1.5; }
.clx26 .client-panel .btn { height: 38px; padding: 0 14px; border: 0; border-radius: 12px; display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; box-shadow: none; }
.clx26 #cl-task-add { background: var(--v-ink); color: var(--v-on-ink); }
.clx26 #cl-notes-save { background: var(--v-soft); color: var(--v-text); }
.clx26 .client-panel .token-hint { font-size: 12px; color: var(--v-muted); }
.clx26 .client-field { padding: 9px 0; border-top: 1px solid var(--v-row); border-bottom: 0; font-size: 13px; }
.clx26 .client-field:first-of-type { border-top: 0; }
.clx26 .client-field-label { color: var(--v-muted); }
.clx26 .client-field > span:last-child { font-weight: 700; color: var(--v-text); }
.clx26 .client-field a { color: var(--v-accent); text-decoration: none; }


.clx26 .client-orders-head h3 { margin: 0; font-family: var(--v-display); font-size: 18px; font-weight: 700; }
.clx26 .client-orders-total { font-size: 13px; font-weight: 700; color: var(--v-text3); }
.clx26 .client-orders-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.clx26 .client-orders-new { margin-left: auto; }
.clx26 .cl-pay-actions .btn, .clx26 .client-orders-new { height: 38px; padding: 0 14px; border: 0; border-radius: 12px; display: inline-flex; align-items: center; gap: 6px; background: var(--v-ink); color: var(--v-on-ink); font-family: var(--v-font); font-size: 13px; font-weight: 700; }
.clx26 .client-orders-new { width: auto; flex: none; }
.clx26 .cl-pay-row { align-items: center; justify-content: flex-start; gap: 12px; padding: 12px 20px; border-bottom: 1px solid var(--v-row); }
.clx26 .cl-pay-row > div:nth-child(2) { flex: 1 1 auto; display: flex; align-items: center; gap: 8px; font-size: 14px; }
.clx26 .cl-pay-row > div:nth-child(2) b { font-family: var(--v-display); font-size: 15px; }
.clx26 .cl-pay-row > .cl-dim { font-size: 12px; }
.clx26 .clx26-row-ico { width: 36px; height: 36px; flex-shrink: 0; border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.clx26 .clx26-kind { height: 22px; padding: 0 9px; border-radius: 11px; display: inline-flex; align-items: center; background: var(--v-soft); color: var(--v-text2); font-size: 11px; font-weight: 800; }
.clx26 .clx26-kind.extra { background: var(--v-o-soft); color: var(--v-o-text); }
.clx26 .client-dialog-row { gap: 12px; padding: 12px 0; border-top: 1px solid var(--v-row); border-bottom: 0; border-radius: 0; background: none; }
.clx26 .client-dialog-row:first-of-type { border-top: 0; }
.clx26 .client-dialog-row:hover { background: none; }
.clx26 .client-dialog-row:hover .client-dialog-name { color: var(--v-accent); }
.clx26 .client-dialog-name { font-size: 14px; font-weight: 700; }
.clx26 .client-dialog-listing { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; color: var(--v-b-text); text-decoration: none; }
.clx26 .client-dialog-open-arrow { display: flex; color: var(--v-muted); }
.clx26 .cl-file-row { gap: 12px; padding: 12px 20px; border-bottom: 1px solid var(--v-row); }
.clx26 .cl-file-row:hover { background: var(--v-row-hover, var(--v-hover)); }
.clx26 .cl-file-ico { width: 36px; height: 36px; border-radius: 12px; background: var(--v-soft); color: var(--v-text2); display: flex; align-items: center; justify-content: center; }
.clx26 .cl-file-ico.ok { background: var(--v-g-soft); color: var(--v-g-text); }
.clx26 .cl-file-ico.fix { background: var(--v-o-soft); color: var(--v-o-text); }
.clx26 .cl-file-main b { font-size: 14px; }

@container fin (max-width: 900px) {
  .clx26 .fin-kpis { grid-template-columns: 1fr 1fr 1fr; }
  .clx26 .fin-kpi-main { grid-column: 1 / -1; }
}
@container fin (max-width: 700px) {
  .clx26 .fin-head { flex-wrap: nowrap; align-items: center; margin: 0 0 14px; padding: 0; }
  .clx26 .fin-title { font-weight: 800; font-size: 32px; letter-spacing: -0.03em; }
  .clx26 .fin-sub { display: none; }
  .clx26 .fin-head-actions .fin-add { width: 44px; padding: 0; justify-content: center; }
  .clx26 .fin-add-text { display: none; }
  .clx26 .fin-kpis { gap: 10px; margin-bottom: 14px; }
  .clx26 .fin-kpi { min-height: 0; padding: 12px; border-radius: 18px; gap: 4px; }
  .clx26 .fin-kpi:not(.fin-kpi-main) .clx26-ico, .clx26 .fin-kpi:not(.fin-kpi-main) .fin-kpi-sub { display: none; }
  .clx26 .fin-kpi:not(.fin-kpi-main) .fin-kpi-label { padding: 0; font-size: 11px; }
  .clx26 .fin-kpi:not(.fin-kpi-main) .fin-kpi-value { font-size: 18px; }
  .clx26 .fin-kpi-main { min-height: 124px; padding: 18px; }
  .clx26 .fin-kpi-main .fin-kpi-value { font-size: 32px; }
  .clx26 .fin-kpi-main .clx26-ico { width: 44px; height: 44px; border-radius: 14px; }
  .clx26 .cl-seg button { flex: 0 0 auto; height: 36px; }
  .clx26 .clx26-search { flex: 1 1 100%; max-width: none; }
  .clx26 .cl-filters .clx26-search + * { margin-left: 0; }
  .clx26 .cl-select { flex: 1 1 0; min-width: 0; }
  .clx26 .cl-tr { padding: 14px 16px; }
  .clx26 .cl-tr > .cl-next { padding-left: 52px; }
  .clx26 .cl-topline { flex-wrap: nowrap; }
  .clx26 .cl-topline .btn span, .clx26 .cl-top-actions .btn span { display: none; }
  .clx26 .cl-topline .btn, .clx26 .cl-top-actions .btn { width: 44px; height: 44px; padding: 0; justify-content: center; }
  .clx26 .cl-top-actions { flex-wrap: nowrap; }
  .clx26 .cl-top-actions .client-new-order-top { display: inline-flex; }
  .clx26 .cl-hero { flex-direction: column; align-items: center; text-align: center; padding: 20px 16px; }
  .clx26 .cl-hero-name { justify-content: center; font-size: 24px; }
  .clx26 .cl-hero-sub { align-items: center; }
  .clx26 .cl-ava-big { width: 64px; height: 64px; }
  .clx26 .cl-tabs.segmented { width: 100%; }
  .clx26 .client-panel { padding: 16px; border-radius: 20px; }
}

.clx26 .cl-th .cl-num { font-family: var(--v-font); font-size: 11px; font-weight: 800; color: var(--v-muted); }
@container fin (max-width: 700px) {
  .clx26 .fin-head-actions .cl-export { display: none; }
  .clx26 .cl-filters { flex-wrap: wrap; }
  .clx26 .cl-select { flex: 1 1 calc(50% - 5px); }
}

body:has(.clx26) .modal { border: 0; border-radius: 28px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 30px 80px rgba(0, 0, 0, 0.18); font-family: var(--v-font); color: var(--v-text); }
body:has(.clx26) .modal > h3 { font-family: var(--v-display); font-weight: 700; font-size: 20px; color: var(--v-text); }
body:has(.clx26) .modal label { font-size: 13px; font-weight: 700; color: var(--v-text); }
body:has(.clx26) .modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), body:has(.clx26) .modal textarea, body:has(.clx26) .modal select {
  min-height: 48px; box-sizing: border-box; padding: 12px 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 15px; box-shadow: none;
}
body:has(.clx26) .modal input:focus, body:has(.clx26) .modal textarea:focus, body:has(.clx26) .modal select:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); }
body:has(.clx26) .modal .token-hint, body:has(.clx26) .modal .confirm-text { font-size: 12px; line-height: 1.5; color: var(--v-muted); }
body:has(.clx26) .modal .confirm-text { font-size: 14px; color: var(--v-text3); }
body:has(.clx26) .modal .btn { height: 44px; padding: 0 18px; border: 0; border-radius: 13px; font-family: var(--v-font); font-size: 14px; font-weight: 700; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); }
body:has(.clx26) .modal .btn.secondary { background: var(--v-soft); color: var(--v-text); box-shadow: none; }
body:has(.clx26) .modal .btn.danger { background: var(--v-r-soft); color: var(--v-r-text); box-shadow: none; }
body:has(.clx26) .modal #confirm-yes:not(.danger) { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }


body:has(#modal-root > .modal-backdrop) .chat-widget-btn { opacity: 0; pointer-events: none; }




.h26.oc26 { display: block; gap: 0; font-family: var(--v-font); color: var(--v-text); }
.oc26 > .topbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; max-width: 760px; margin: 0 0 18px; padding: 8px 0 0; border: 0; background: none; }
.oc26 > .topbar h2 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-text); }
.oc26 > .topbar .sub { margin-top: 6px; font-size: 14px; color: var(--v-text3); }
.oc26 > .topbar .btn, .oc26 .order-create-x { height: 40px; padding: 0 14px; border: 0; border-radius: 13px; display: inline-flex; align-items: center; gap: 6px; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); font-family: var(--v-font); font-size: 13px; font-weight: 700; }
.oc26 .order-create-x { width: 40px; padding: 0; justify-content: center; }
.oc26 > .section { box-sizing: border-box; padding: 24px; border: 0; border-radius: 28px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.oc26 label { display: block; margin: 16px 0 6px; font-size: 13px; font-weight: 700; color: var(--v-text); }
.oc26 .checkbox-row { display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 8px 0; padding: 0 14px; border-radius: 14px; background: var(--v-soft); font-size: 14px; font-weight: 600; }
.oc26 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not(.ss-search), .oc26 select, .oc26 textarea {
  min-height: 48px; box-sizing: border-box; padding: 12px 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 15px; box-shadow: none;
}
.oc26 input:focus, .oc26 select:focus, .oc26 textarea:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); }
.oc26 input[type="checkbox"] { accent-color: var(--v-accent); width: 18px; height: 18px; }
.oc26 .token-hint { margin: 6px 0 0; font-size: 12px; color: var(--v-muted); }
.oc26 .order-form-row { gap: 12px; }
.oc26 .ss-trigger, .modal.m26 .ss-trigger { min-height: 48px; padding: 0 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 15px; box-shadow: none; }
.oc26 .ss-dropdown.open .ss-trigger, .modal.m26 .ss-dropdown.open .ss-trigger { box-shadow: 0 0 0 2px var(--v-accent); }
.oc26 .ss-placeholder, .modal.m26 .ss-placeholder { color: var(--v-muted); }
.oc26 .ss-panel, .modal.m26 .ss-panel { border: 0; border-radius: 16px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 20px 50px rgba(0, 0, 0, 0.16); padding: 6px; }
.oc26 .ss-search, .modal.m26 .ss-search { min-height: 40px; border: 0; border-radius: 12px; background: var(--v-soft); padding: 0 12px; font-family: var(--v-font); }
.oc26 .richtext-toolbar { gap: 4px; padding: 4px; border: 0; border-radius: 12px 12px 0 0; background: var(--v-soft); }
.oc26 .richtext-toolbar button { width: 32px; height: 32px; border: 0; border-radius: 9px; background: none; color: var(--v-text2); display: inline-flex; align-items: center; justify-content: center; }
.oc26 .richtext-toolbar button:hover { background: var(--v-card); }
.oc26 .richtext-body { min-height: 140px; padding: 12px 14px; border: 0; border-radius: 0 0 14px 14px; background: var(--v-soft); color: var(--v-text); font-size: 15px; line-height: 1.55; outline: none; }
.oc26 .richtext-body:focus { box-shadow: 0 0 0 2px var(--v-accent); }
.oc26 .btn { height: 40px; padding: 0 14px; border: 0; border-radius: 13px; display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; }
.oc26 .btn.secondary { background: var(--v-soft); color: var(--v-text); box-shadow: none; }
.oc26 .file-attach-btn { height: 40px; padding: 0 14px; border: 0; border-radius: 13px; background: var(--v-soft); color: var(--v-text); display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; }
.oc26 .file-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 0; border-radius: 10px; background: var(--v-soft); font-size: 12px; }
.oc26 .order-price-box { margin-top: 18px; padding: 18px; border: 0; border-radius: 20px; background: var(--v-stat); }
.oc26 .clone-banner { padding: 14px 16px; border: 0; border-radius: 16px; background: var(--v-o-soft); color: var(--v-o-text); font-size: 13px; }
.oc26 .modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }
.oc26 .modal-actions .btn { height: 48px; padding: 0 22px; font-size: 15px; }
.oc26 .modal-actions .btn:not(.secondary) { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 8px 20px rgba(242, 92, 5, 0.28); }
.oc26 .prefilled-mark { color: var(--v-o-text); }
@media (max-width: 860px) {
  .oc26 > .topbar h2 { font-weight: 800; font-size: 28px; letter-spacing: -0.03em; }
  .oc26 > .section { padding: 16px; border-radius: 22px; }
  .oc26 .modal-actions { flex-direction: column-reverse; }
  .oc26 .modal-actions .btn { width: 100%; justify-content: center; }
  .oc26 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), .oc26 select, .oc26 textarea { font-size: 16px; }
}




.h26.pf26 { display: block; gap: 0; font-family: var(--v-font); color: var(--v-text); }
.pf26 .pf26-head { margin: 0 0 22px; padding: 8px 0 0; border: 0; background: none; }
.pf26 .pf26-head h2 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-text); }
.pf26 .pf26-head .sub { margin-top: 6px; font-size: 15px; color: var(--v-text3); }
.pf26 .pf26-layout { display: flex; align-items: flex-start; gap: 20px; }
.pf26 .pf26-side { width: 320px; flex-shrink: 0; position: sticky; top: 16px; display: flex; flex-direction: column; gap: 16px; }
.pf26 .pf26-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.pf26 .pf26-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }


.pf26 .pf26-hero { margin: 0; padding: 28px 22px 22px; border: 0; border-radius: 28px; background: var(--v-poster, #151515); color: #FFFFFF; text-align: center; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12); }
.pf26 .pf26-hero .avatar-settings-row { flex-direction: column; gap: 12px; margin: 0; }
.pf26 .pf26-hero .avatar-lg-wrap { margin: 0 auto; }
.pf26 .pf26-hero .avatar-lg { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.08); }
.pf26 .pf26-who { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.pf26 .pf26-who b { font-family: var(--v-display); font-size: 22px; font-weight: 800; letter-spacing: -0.01em; }
.pf26 .pf26-who span { font-size: 13px; color: rgba(255, 255, 255, 0.65); overflow-wrap: anywhere; }
.pf26 .pf26-who em { margin-top: 4px; height: 22px; padding: 0 10px; border-radius: 11px; background: rgba(242, 92, 5, 0.22); color: #FF9A5C; font-style: normal; font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; gap: 5px; }
.pf26 .pf26-who em::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.pf26 .pf26-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; width: 100%; }
.pf26 .pf26-stats div { padding: 10px 6px; border-radius: 14px; background: rgba(255, 255, 255, 0.08); display: flex; flex-direction: column; gap: 2px; }
.pf26 .pf26-stats b { font-family: var(--v-display); font-size: 18px; font-weight: 800; }
.pf26 .pf26-stats span { font-size: 11px; color: rgba(255, 255, 255, 0.6); }
.pf26 .pf26-hero .avatar-settings-actions { flex-direction: row; justify-content: center; gap: 8px; }
.pf26 .pf26-hero .avatar-settings-actions .btn { height: 36px; padding: 0 14px; border: 0; border-radius: 12px; background: rgba(255, 255, 255, 0.1); color: #FFFFFF; display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; box-shadow: none; }
.pf26 .pf26-hero #pf-avatar-remove { background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.7); }
.pf26 .pf26-presets-hint { color: rgba(255, 255, 255, 0.5); font-size: 12px; }
.pf26 .avatar-preset-grid { grid-template-columns: repeat(auto-fill, 34px); justify-content: center; gap: 8px; margin-top: 8px; }
.pf26 .avatar-preset-btn { width: 34px; height: 34px; border: 0; transition: transform .2s var(--v-spring); }
.pf26 .avatar-preset-btn:hover { transform: scale(1.1); }
.pf26 .avatar-preset-btn.active { box-shadow: 0 0 0 2px var(--v-poster, #151515), 0 0 0 4px var(--v-accent); }


.pf26 .pf26-nav { display: flex; flex-direction: column; gap: 2px; padding: 8px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.pf26 .pf26-nav button { height: 42px; padding: 0 12px; border: 0; border-radius: 12px; background: none; color: var(--v-text2); display: flex; align-items: center; gap: 10px; font-family: var(--v-font); font-size: 14px; font-weight: 700; text-align: left; cursor: pointer; }
.pf26 .pf26-nav button:hover { background: var(--v-hover); }
.pf26 .pf26-nav button.active { background: var(--v-soft); color: var(--v-text); }


.pf26 .pf26-main > .section, .pf26 #pf-workload > .section { margin: 0; padding: 22px 24px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); scroll-margin-top: 16px; }
.pf26 #pf-workload { display: flex; flex-direction: column; gap: 16px; scroll-margin-top: 16px; }
.pf26 #pf-workload:empty { display: none; }
.pf26 .pf26-card-head { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; }
.pf26 .pf26-card-head > i { width: 36px; height: 36px; flex-shrink: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text2); display: flex; align-items: center; justify-content: center; }
.pf26 .pf26-card-head > div { flex: 1 1 auto; min-width: 0; }
.pf26 .pf26-card-head h3, .pf26 #pf-workload h3 { margin: 0; font-family: var(--v-display); font-size: 18px; font-weight: 700; letter-spacing: -0.01em; color: var(--v-text); }
.pf26 .pf26-card-sub { margin-top: 2px; font-size: 13px; color: var(--v-text3); }
.pf26 .pf26-rev { display: flex; gap: 6px; }
.pf26 .pf26-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.pf26 label { display: block; margin: 12px 0 6px; font-size: 13px; font-weight: 700; color: var(--v-text); }
.pf26 .pf26-grid label { margin-top: 0; }
.pf26 .pf26-grid > div { margin-bottom: 12px; }
.pf26 .pf26-main input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), .pf26 .pf26-main textarea, .pf26 .pf26-main select {
  width: 100%; min-height: 48px; box-sizing: border-box; padding: 12px 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 15px; box-shadow: none;
}
.pf26 .pf26-main input:disabled { opacity: .6; }
.pf26 .pf26-main input:focus, .pf26 .pf26-main textarea:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); }
.pf26 .token-hint { font-size: 12.5px; line-height: 1.5; color: var(--v-text3); }
.pf26 .pf26-main .btn { height: 42px; padding: 0 16px; border: 0; border-radius: 13px; display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.28); }
.pf26 .pf26-main .btn.secondary { background: var(--v-soft); color: var(--v-text); box-shadow: none; }
.pf26 .pf26-main .btn.danger { background: var(--v-r-soft); color: var(--v-r-text); box-shadow: none; }
.pf26 .pf26-main .btn.small { height: 36px; }
.pf26 .modal-actions { display: flex; flex-wrap: wrap; gap: 8px; }

.pf26 .checkbox-row, .pf26 .switch-row { display: flex !important; align-items: center; gap: 12px; min-height: 48px; margin: 8px 0 0; padding: 0 14px; border-radius: 14px; background: var(--v-soft); font-size: 14px; font-weight: 600; color: var(--v-text); }
.pf26 .checkbox-row input[type="checkbox"], .pf26 .switch-row input[type="checkbox"] {
  -webkit-appearance: none; appearance: none; order: 2; margin: 0 0 0 auto; flex-shrink: 0; width: 46px; height: 28px; border-radius: 14px; background: var(--v-dash); position: relative; cursor: pointer; transition: background-color .2s ease;
}
.pf26 .checkbox-row input[type="checkbox"]::after, .pf26 .switch-row input[type="checkbox"]::after { content: ''; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); transition: transform .25s var(--v-spring); }
.pf26 .checkbox-row input[type="checkbox"]:checked, .pf26 .switch-row input[type="checkbox"]:checked { background: var(--v-accent); }
.pf26 .checkbox-row input[type="checkbox"]:checked::after, .pf26 .switch-row input[type="checkbox"]:checked::after { transform: translateX(18px); }
.pf26 details { padding: 12px 14px; border-radius: 14px; background: var(--v-soft); }
.pf26 details summary { color: var(--v-text2) !important; font-weight: 700; }


.pf26 .look-segments { max-width: 380px !important; gap: 4px; padding: 4px; border-radius: 14px; background: var(--v-soft); }
:root:not([data-theme="dark"]) .pf26 .look-segments { background: #EDEDEF; }
.pf26 .look-segment { height: 36px; border: 0; border-radius: 11px; font-family: var(--v-font); font-size: 13px; font-weight: 700; color: var(--v-text3); }
.pf26 .look-segment.active { background: var(--v-card); color: var(--v-text); font-weight: 700; }
.pf26 .look-themes { max-width: 380px !important; gap: 10px; }
.pf26 .look-theme { padding: 6px; border: 0; border-radius: 16px; background: none; box-shadow: 0 0 0 1px var(--v-chip-ring); }
.pf26 .look-theme.active { box-shadow: 0 0 0 2px var(--v-accent); }
.pf26 .look-swatch { border-radius: 12px; }
.pf26 .look-theme em { font-size: 12px; font-weight: 700; color: var(--v-text2); }
.pf26 .look-sizes { display: flex; gap: 6px; }
.pf26 .look-size { width: 44px; height: 40px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text2); font-weight: 800; }
.pf26 .look-size.active { background: var(--v-ink); color: var(--v-on-ink); }


.pf26 .grid-cards { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.pf26 .stat-card { padding: 14px; border: 0; border-radius: 16px; background: var(--v-stat); box-shadow: none; }
.pf26 .stat-card .num { font-family: var(--v-display); font-size: 24px; color: var(--v-text); }
.pf26 .stat-card .label { font-size: 12px; color: var(--v-text3); }
.pf26 .stat-card-icon { display: none; }
.pf26 .stat-card.clickable:hover { box-shadow: 0 0 0 2px var(--v-accent); }


.pf26 .pf26-sessions { width: 100%; border-collapse: collapse; font-size: 13px; }
.pf26 .pf26-sessions th { padding: 8px 6px; text-align: left; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--v-muted); border: 0; }
.pf26 .pf26-sessions td { padding: 12px 6px; border: 0; border-top: 1px solid var(--v-row); color: var(--v-text2); }
.pf26 .pf26-dev { display: flex; align-items: center; gap: 10px; }
.pf26 .pf26-dev > i { width: 36px; height: 36px; flex-shrink: 0; border-radius: 12px; background: var(--v-soft); display: flex; align-items: center; justify-content: center; color: var(--v-text2); }
.pf26 .pf26-dev > span { font-weight: 700; color: var(--v-text); }
.pf26 .badge.connected { height: 22px; padding: 0 9px; border: 0; border-radius: 11px; background: var(--v-g-soft); color: var(--v-g-text); font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; vertical-align: 1px; }
.pf26 .badge.error { height: 22px; padding: 0 9px; border: 0; border-radius: 11px; background: var(--v-r-soft); color: var(--v-r-text); font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; }

@media (max-width: 1100px) {
  .pf26 .pf26-layout { flex-direction: column; align-items: stretch; }
  .pf26 .pf26-side { width: 100%; position: static; }
  .pf26 .pf26-nav { flex-direction: row; overflow-x: auto; scrollbar-width: none; border-radius: 18px; }
  .pf26 .pf26-nav::-webkit-scrollbar { display: none; }
  .pf26 .pf26-nav button { flex: 0 0 auto; }
}
@media (max-width: 860px) {
  .pf26 .pf26-head { margin: 0 0 14px; padding: 0; }
  .pf26 .pf26-head h2 { font-weight: 800; font-size: 30px; letter-spacing: -0.03em; }
  .pf26 .pf26-head .sub { display: none; }
  .pf26 .pf26-hero { padding: 22px 16px 18px; }
  .pf26 .pf26-nav { width: calc(100% + 32px); margin: 0 -16px; padding: 0 16px; box-sizing: border-box; background: none; box-shadow: none; gap: 6px; }
  .pf26 .pf26-nav button { height: 36px; border-radius: 999px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); font-size: 13px; }
  .pf26 .pf26-nav button svg { display: none; }
  .pf26 .pf26-nav button.active { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
  .pf26 .pf26-main > .section, .pf26 #pf-workload > .section { padding: 18px 16px; border-radius: 20px; }
  .pf26 .pf26-grid { grid-template-columns: 1fr; }
  .pf26 .pf26-main input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), .pf26 .pf26-main textarea { font-size: 16px; }
  .pf26 .pf26-sessions th:nth-child(2), .pf26 .pf26-sessions td:nth-child(2), .pf26 .pf26-sessions th:nth-child(3), .pf26 .pf26-sessions td:nth-child(3) { display: none; }
}



.ep26 .pf26-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.ep26 .ep26-back { height: 40px; padding: 0 14px; border: 0; border-radius: 13px; display: inline-flex; align-items: center; gap: 6px; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); font-family: var(--v-font); font-size: 13px; font-weight: 700; }
.ep26 .pf26-hero .avatar-lg-wrap { position: relative; }
.ep26 .pf26-hero .avatar-online-dot { box-shadow: 0 0 0 3px var(--v-poster, #151515); }
.ep26 .ep26-write { width: 100%; height: 44px; margin-top: 4px; border: 0; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--v-accent); color: #FFFFFF; font-family: var(--v-font); font-size: 14px; font-weight: 700; box-shadow: 0 8px 20px rgba(242, 92, 5, 0.3); }
.ep26 .ep26-tabs { display: flex; gap: 4px; width: max-content; margin: 0; padding: 4px; border: 0; border-radius: 14px; background: var(--v-soft); }
:root:not([data-theme="dark"]) .ep26 .ep26-tabs { background: #EDEDEF; }
.ep26 .ep26-tabs .catalog-tab { height: 36px; padding: 0 18px; border: 0; border-radius: 11px; display: flex; align-items: center; font-family: var(--v-font); font-size: 13px; font-weight: 700; color: var(--v-text3); cursor: pointer; }
.ep26 .ep26-tabs .catalog-tab.active { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.ep26 #ep-tab-body { display: flex; flex-direction: column; gap: 16px; }
.ep26 #ep-tab-body .section { margin: 0; padding: 22px 24px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.ep26 #ep-tab-body h3 { margin: 0 0 12px; font-family: var(--v-display); font-size: 18px; font-weight: 700; color: var(--v-text); }
.ep26 .pf26-card-head h3 { margin: 0; }
.ep26 .desc-view { font-size: 14px; line-height: 1.6; color: var(--v-text2); white-space: pre-line; }
.ep26 #ep-add-review { height: 36px; padding: 0 12px; border: 0; border-radius: 12px; display: inline-flex; align-items: center; gap: 6px; background: var(--v-ink); color: var(--v-on-ink); font-family: var(--v-font); font-size: 13px; font-weight: 700; box-shadow: none; }
.pf26 .review-card { margin: 0 0 8px; padding: 14px 16px; border: 0; border-radius: 16px; background: var(--v-stat); }
.pf26 .review-card-top { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.pf26 .review-card-text { margin-top: 6px; font-size: 14px; line-height: 1.5; color: var(--v-text2); }
.pf26 .review-card.negative { box-shadow: inset 3px 0 0 var(--v-r-text); }
.pf26 .review-card.positive { box-shadow: inset 3px 0 0 #22C55E; }
.eo26 .order-cards-grid { gap: 14px; }


.h26 .order-card { border: 0; border-radius: 22px; background: var(--v-card); box-shadow: var(--v-card-shadow); padding: 16px 18px; transition: box-shadow .2s ease, transform .25s var(--v-spring); }
.h26 .order-card:hover { box-shadow: 0 0 0 2px var(--v-accent), var(--v-card-shadow); transform: translateY(-2px); }
.h26 .order-card .order-card-number { font-weight: 800; color: var(--v-text); }
.h26 .order-card .order-card-date { color: var(--v-muted); font-size: 12px; }
.h26 .order-card .badge.order-status { height: 22px; padding: 0 9px; border: 0; border-radius: 11px; display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 800; }
.h26 .order-card .order-status-icon { display: none; }
.h26 .order-card .badge.order-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.h26 .order-card .badge.order-status.new { background: var(--v-soft); color: var(--v-text2); }
.h26 .order-card .badge.order-status.in_progress { background: var(--v-o-soft); color: var(--v-o-text); }
.h26 .order-card .badge.order-status.review { background: var(--v-a-soft); color: var(--v-a-text); }
.h26 .order-card .badge.order-status.revision { background: var(--v-r-soft); color: var(--v-r-text); }
.h26 .order-card .badge.order-status.closed { background: var(--v-g-soft); color: var(--v-g-text); }
.h26 .order-card .badge.order-status.cancelled, .h26 .order-card .badge.order-status.client_refusal { background: var(--v-soft); color: var(--v-muted); }
.h26 .order-card .order-card-title { font-family: var(--v-display); font-size: 15px; font-weight: 700; color: var(--v-text); }
.h26 .order-card .order-card-price { font-family: var(--v-display); font-weight: 800; color: var(--v-text); }
.h26 .order-card .order-card-sub { font-size: 12px; color: var(--v-text3); }
.h26 .order-card .order-card-due, .h26 .order-card .order-card-files { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--v-text3); }
.h26 .order-card .order-card-due.danger { color: var(--v-r-text); font-weight: 700; }
.h26 .order-card .order-card-bottom { border-top: 1px solid var(--v-row); }
.h26 .order-card .order-card-clone { border: 0; border-radius: 10px; background: var(--v-soft); color: var(--v-text2); display: inline-flex; align-items: center; justify-content: center; }








.dl26 {
  --dlg-accent: var(--v-accent);
  --dlg-accent-wash: var(--v-soft2);
  --chat-bubble-mine: #141414;
  --dl26-red: #EF4444;
}
:root[data-theme="dark"] .dl26 { --chat-bubble-mine: #2E2E35; }
.h26.dl26 { gap: 22px; }
.dl26 .dl26-head.topbar { margin: 0; padding: 4px 0 0; border: 0; background: none; }


.dl26-card {
  display: flex; min-height: 520px;
  height: calc(100vh - 230px); height: calc(100dvh - 230px);
  border-radius: 28px; background: var(--v-card); box-shadow: var(--v-card-shadow);
  overflow: hidden; font-family: var(--v-font);
}
.dl26-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.dl26-body > #dialogs-tab-body { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.dl26-tab-accounts .dl26-body > #dialogs-tab-body, .dl26-tab-access .dl26-body > #dialogs-tab-body { overflow-y: auto; padding: 4px 24px 24px; }
body:not(.chat-pinned-mobile) .dl26 .chat-layout.dlg-mac-view {
  flex: 1 1 auto; height: 100%; min-height: 0; margin: 0;
  border: 0; border-radius: 0; box-shadow: none; --chat-pane-inner-radius: 0px;
}


.dl26-subhead { display: flex; align-items: center; gap: 14px; padding: 18px 24px 12px; }
.dl26-subhead h3 { margin: 0; font-family: var(--v-display); font-size: 22px; font-weight: 700; color: var(--v-text); letter-spacing: -0.01em; }
.dl26-back {
  height: 38px; padding: 0 14px 0 10px; border: 0; border-radius: 12px; background: var(--v-soft);
  color: var(--v-text); font: 700 13px var(--v-font); display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
}
.dl26-back:hover { background: var(--v-hover); }


.dl26-rail {
  width: 72px; flex-shrink: 0; box-sizing: border-box; padding: 14px 0;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  border-right: 1px solid var(--v-row); background: var(--v-card);
  overflow-y: auto; scrollbar-width: none;
}
.dl26-rail::-webkit-scrollbar { display: none; }
.dl26-rail-grow { flex: 1 1 auto; min-height: 8px; }
.dl26 .dlg-sources { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0; margin: 0; border: 0; }
.dl26 .dlg-sources-label { display: none; }
.dl26 .dlg-src-tiles { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0; margin: 0; }
.dl26 .dlg-src-all, .dl26 .dlg-src-tile {
  position: relative; flex-shrink: 0; width: 46px; height: 46px; min-height: 0; padding: 0; margin: 0;
  border: 0; border-radius: 15px; background: var(--v-soft); color: var(--v-text);
  display: flex; align-items: center; justify-content: center; cursor: pointer;
  box-shadow: none; transition: box-shadow .15s ease, background .15s ease, transform .15s ease;
}
.dl26 .dlg-src-all:hover, .dl26 .dlg-src-tile:hover { background: var(--v-hover); }
.dl26 .dlg-src-all:active, .dl26 .dlg-src-tile:active { transform: scale(.94); }
.dl26 .dlg-src-all.active { background: var(--v-ink); color: var(--v-on-ink); box-shadow: 0 0 0 2px var(--v-card), 0 0 0 4px var(--v-ink); }
.dl26 .dlg-src-tile.active { background: var(--v-card); box-shadow: 0 0 0 2px var(--v-card), 0 0 0 4px var(--v-ink); }
.dl26 .dl26-src-all-icon { display: flex; }
.dl26 .dl26-src-all-label, .dl26 .dlg-src-tile-label {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.dl26 .dlg-src-tile .dlg-channel-icon { width: 26px; height: 26px; margin: 0; }
.dl26 .dlg-src-count {
  position: absolute; top: -5px; right: -5px; margin: 0;
  min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 9px;
  background: var(--dl26-red); color: #FFFFFF; box-shadow: 0 0 0 2px var(--v-card);
  font: 800 10px/18px var(--v-font); text-align: center; font-variant-numeric: tabular-nums;
}
.dl26-rail-tab {
  width: 42px; height: 42px; flex-shrink: 0; border: 0; border-radius: 13px; background: none;
  color: var(--v-muted); display: flex; align-items: center; justify-content: center; cursor: pointer;
}
.dl26-rail-tab:hover { background: var(--v-hover); color: var(--v-text); }
.dl26-rail-tab.active { background: var(--v-ink); color: var(--v-on-ink); }


body:not(.chat-pinned-mobile) .dl26 .dlg-mac-view .chat-list { width: 468px; flex-direction: row; }
.dl26 .dlg-mac-view .chat-list { border-right: 1px solid var(--v-row); background: var(--v-card); }
.dl26-listcol { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.dl26 .dlg-mac-view .chat-list-head { display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 18px 18px 6px; border: 0; background: none; }
.dl26 .dlg-mac-view .chat-list-head h3 { flex: 1 1 auto; min-width: 0; margin: 0; font-family: var(--v-display); font-size: 25px; font-weight: 700; letter-spacing: -0.02em; color: var(--v-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dl26-head-actions { display: flex; gap: 8px; flex-shrink: 0; }
.dl26 .dlg-mac-view .dlg-tags-btn {
  width: 40px; height: 40px; border: 0; border-radius: 13px; background: var(--v-soft); color: var(--v-text);
}
.dl26 .dlg-mac-view .dlg-tags-btn:hover { background: var(--v-hover); color: var(--v-text); }
.dl26 .dlg-mac-view .dlg-tags-btn.active, .dl26 .dlg-mac-view .dl26-ink-btn { background: var(--v-ink); color: var(--v-on-ink); }
.dl26 .dlg-mac-view .dlg-tags-btn.active .dlg-btn-icon { color: var(--v-on-ink); }
.dl26 .dlg-mac-view .dlg-btn-icon { width: 18px; height: 18px; }
.dl26 .dlg-mac-view .dlg-tags-btn-count { background: var(--v-accent); box-shadow: 0 0 0 2px var(--v-card); }


.dl26 .dlg-view-tabs {
  flex-shrink: 0; display: flex; gap: 10px; margin: 0; padding: 0 14px;
  border-bottom: 1px solid var(--v-row); overflow-x: auto; scrollbar-width: none;
}
.dl26 .dlg-view-tabs::-webkit-scrollbar { display: none; }
.dl26 .dlg-view-tab {
  flex: 0 0 auto; height: 40px; padding: 0 2px; margin: 0; border: 0; border-radius: 0; background: none;
  font: 600 13px var(--v-font); color: var(--v-muted); white-space: nowrap;
  display: inline-flex; align-items: center; gap: 5px; box-shadow: none; cursor: pointer;
}
.dl26 .dlg-view-tab:hover { color: var(--v-text); background: none; }
.dl26 .dlg-view-tab.active { color: var(--v-text); font-weight: 800; background: none; box-shadow: inset 0 -2px 0 var(--v-ink); }
.dl26 .dlg-view-tab .dlg-view-count {
  min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 9px; margin: 0;
  background: var(--dl26-red); color: #FFFFFF; font: 800 10px/18px var(--v-font); text-align: center;
}
.dl26 .dlg-view-tab .dlg-view-count-mine { background: var(--v-soft); color: var(--v-muted); }
.dl26 .dlg-view-tab .dlg-view-count-later { background: var(--v-a-soft); color: var(--v-a-text); }


.dl26 .dlg-mac-view .dlg-search-row { flex-shrink: 0; padding: 12px 16px 8px; gap: 8px; }
.dl26 .dlg-mac-view .chat-search { margin: 0; padding: 0; border: 0; }
.dl26 .dlg-mac-view .chat-search::before { left: 13px; width: 15px; height: 15px; }
.dl26 .dlg-mac-view .chat-search input {
  height: 40px; padding: 0 12px 0 36px; border: 0; border-radius: 13px; background: var(--v-soft);
  font: 500 13px var(--v-font); color: var(--v-text); box-shadow: none;
}
.dl26 .dlg-mac-view .chat-search input:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); background: var(--v-card); }


.dl26 .dlg-mac-view .chat-items { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 4px 0 12px; }
.dl26 .dlg-mac-view .dlg-list-item { position: relative; margin: 0 8px 2px; padding: 10px 10px; border-radius: 16px; gap: 12px; align-items: center; }
.dl26 .dlg-mac-view .dlg-list-item:hover { background: var(--v-soft2); }
.dl26 .dlg-mac-view .dlg-list-item.active { background: var(--v-soft); }
.dl26 .dlg-mac-view .dlg-avatar { width: 48px; height: 48px; }
.dl26 .dlg-mac-view .dlg-avatar-inner { font-size: 17px; font-weight: 800; }
.dl26 .dlg-mac-view .dlg-avatar-badge { background-color: var(--v-card); border-color: var(--v-card); }
.dl26 .dlg-mac-view .dlg-list-item.active .dlg-avatar-badge { background-color: var(--v-soft); border-color: var(--v-soft); }
.dl26 .dlg-mac-view .dlg-item-name { font-size: 14px; font-weight: 700; color: var(--v-text); }
.dl26 .dlg-mac-view .dlg-list-item.unread .dlg-item-name { font-weight: 800; }
.dl26 .dlg-mac-view .dlg-item-preview { margin-top: 3px; font-size: 13px; color: var(--v-muted); }
.dl26 .dlg-mac-view .dlg-list-item.unread .dlg-item-preview { color: var(--v-text2); font-weight: 600; }
.dl26 .dlg-mac-view .dlg-item-time { font-size: 12px; color: #A1A1AA; }
.dl26 .dlg-mac-view .dlg-list-item.unread .dlg-item-time { color: var(--v-accent); font-weight: 800; }
.dl26 .dlg-mac-view .notif-badge { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--dl26-red); color: #FFFFFF; font-size: 11px; font-weight: 800; }
.dl26 .dlg-mac-view .dlg-list-item.active .notif-badge { background: var(--v-accent); color: #FFFFFF; }
.dl26 .dlg-mac-view .dlg-item-new { background: var(--v-accent); color: #FFFFFF; border-radius: 6px; font-weight: 900; }
.dl26 .dlg-mac-view .dlg-list-item.active .dlg-item-new { background: var(--v-accent); color: #FFFFFF; }
.dl26 .dlg-mac-view .dlg-item-later { background: var(--v-a-soft); color: var(--v-a-text); border-radius: 6px; }
.dl26 .dlg-mac-view .dlg-list-item.active .dlg-item-later { background: var(--v-a-soft); color: var(--v-a-text); }
.dl26 .dlg-mac-view .dlg-item-await, .dl26 .dlg-mac-view .dlg-list-item.active .dlg-item-await { background: var(--v-r-soft); color: var(--v-r-text); border-radius: 6px; }
.dl26 .dlg-mac-view .chat-item-pin-emoji { display: none; }
.dl26 .dlg-mac-view .chat-item-pin-mark { display: inline-flex; margin-right: 4px; color: var(--v-muted); vertical-align: -1px; }
.dl26 .dlg-mac-view .dlg-list-item.active .dlg-item-name,
.dl26 .dlg-mac-view .dlg-list-item.active .dlg-item-preview { color: var(--v-text); }
.dl26 .dlg-mac-view .dlg-list-item.active .dlg-item-time,
.dl26 .dlg-mac-view .dlg-list-item.active .dlg-item-account { color: var(--v-muted); }
.dl26 .dlg-mac-view .dlg-list-item.active .dlg-tag-pill { background: var(--v-card) !important; color: var(--v-text2) !important; }
.dl26 .dlg-mac-view .dlg-list-item.active .dlg-tag-more { color: var(--v-muted); }

.dl26 .dlg-mac-view .dlg-item-meta { margin-top: 5px; gap: 6px; }
.dl26 .dlg-mac-view .dlg-item-channel { display: none; }
.dl26 .dlg-mac-view .dlg-status-chip { padding: 1px 7px; font-size: 10.5px; font-weight: 800; }
.dl26 .dlg-mac-view .dlg-list-item.active .dlg-status-chip { background: var(--v-card); color: var(--v-text2); }
.dl26 .dlg-mac-view .dlg-item-account { font-size: 11px; color: #A1A1AA; max-width: 160px; }
.dl26 .dlg-mac-view .dlg-item-menu-btn {
  width: 30px; height: 30px; border: 0; border-radius: 10px; background: var(--v-card);
  color: var(--v-text2); box-shadow: 0 0 0 1px var(--v-chip-ring); font-size: 16px;
}
.dl26 .dlg-mac-view .dlg-list-item.active .dlg-item-menu-btn { background: var(--v-card); color: var(--v-text2); }
.dl26 .dlg-mac-view .dlg-item-menu-btn:hover,
.dl26 .dlg-mac-view .dlg-list-item.active .dlg-item-menu-btn:hover { background: var(--v-ink); color: var(--v-on-ink); }
@media (hover: hover) {
  .dl26 .dlg-mac-view .dlg-item-menu-btn { position: absolute; right: 10px; bottom: 10px; opacity: 0; transition: opacity .15s ease; }
  .dl26 .dlg-mac-view .dlg-list-item:hover .dlg-item-menu-btn, .dl26 .dlg-mac-view .dlg-item-menu-btn:focus-visible { opacity: 1; }
}
.dl26 .dlg-item-skeleton { margin: 0 8px; padding: 10px; }


.dl26 .dlg-mac-view .dlg-thread-head {
  min-height: 78px; padding: 12px 20px; gap: 12px; flex-wrap: nowrap;
  border-bottom: 1px solid var(--v-row); background: var(--v-card);
}
.dl26 .dlg-mac-view .dlg-thread-title .dlg-avatar { width: 50px; height: 50px; }
.dl26 .dlg-mac-view .dlg-thread-title .dlg-avatar-inner { font-size: 18px; font-weight: 800; }
.dl26 .dlg-mac-view .dlg-thread-title .dlg-avatar-badge { background-color: var(--v-card); border-color: var(--v-card); }
.dl26 .dlg-mac-view .dlg-thread-title { gap: 12px; border-radius: 16px; }
.dl26 .dlg-mac-view .dlg-thread-name { font-family: var(--v-display); font-size: 19px; font-weight: 700; color: var(--v-text); }
.dl26 .dlg-mac-view .dlg-thread-sub { gap: 8px; margin-top: 3px; }
.dl26 .dlg-mac-view .dlg-thread-source { height: 22px; padding: 0 8px; border-radius: 11px; font-size: 11px; font-weight: 800; }
.dl26 .dlg-mac-view .dlg-thread-account { font-size: 12px; font-weight: 600; color: var(--v-muted); background: none; padding: 0; }
.dl26 .dlg-mac-view .dlg-thread-controls { gap: 8px; flex-shrink: 0; }
.dl26 .dlg-mac-view .dlg-more-btn, .dl26 .dlg-mac-view .dl26-head-btn {
  width: 40px; height: 40px; border: 0; border-radius: 13px; background: var(--v-soft); color: var(--v-text);
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 18px;
}
.dl26 .dlg-mac-view .dlg-more-btn:hover, .dl26 .dlg-mac-view .dl26-head-btn:hover { background: var(--v-hover); }
.dl26 .dlg-mac-view .dl26-head-btn.active { background: var(--v-ink); color: var(--v-on-ink); }
.dl26 .dlg-mac-view .dlg-orders-btn { height: 40px; border: 0; border-radius: 13px; background: var(--v-soft); color: var(--v-text); box-shadow: none; }
.dl26 .dlg-mac-view .dlg-orders-btn:hover { background: var(--v-hover); }


.dl26 .dlg-mac-view .dlg-thread-tags { padding: 8px 20px; gap: 6px; border-bottom: 1px solid var(--v-row); background: var(--v-card); }
.dl26 .dlg-mac-view .dlg-thread-tag { height: 24px; border-radius: 12px; font-size: 11px; font-weight: 800; }
.dl26 .dlg-mac-view .dlg-thread-tag-add { height: 24px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-muted); font-size: 11px; font-weight: 800; }
.dl26 .dlg-mac-view .dlg-thread-tag-add:hover { background: var(--v-hover); color: var(--v-text); }
.dl26 .chat-pinned-bar { background: var(--v-card); border-bottom: 1px solid var(--v-row); }
.dl26 .chat-pinned-strips span.on { background: var(--v-accent); }
.dl26 .chat-pinned-label { color: var(--v-o-text); font-weight: 800; }


.dl26 .dlg-mac-view .chat-bubble { border-radius: 20px; font-family: var(--v-font); }
.dl26 .dlg-mac-view .chat-bubble-row.mine .chat-bubble { background: var(--chat-bubble-mine); color: #FFFFFF; border-bottom-right-radius: 6px; }
.dl26 .dlg-mac-view .chat-bubble-row:not(.mine) .chat-bubble { border-bottom-left-radius: 6px; }
.dl26 .dlg-mac-view .chat-bubble-row.mine .chat-read-ticks.read { color: #7DD3A0; text-shadow: none; }
.dl26 .dlg-mac-view .chat-day-divider span { border-radius: 13px; font-weight: 700; }


.dl26 .dlg-mac-view .chat-composer { padding: 12px 20px 16px; gap: 8px; background: var(--v-card); border-top: 1px solid var(--v-row); }
.dl26 .dlg-mac-view .chat-composer-normal { gap: 8px; align-items: center; }
.dl26 .dlg-mac-view .chat-composer-btn {
  width: 40px; height: 40px; flex-shrink: 0; border: 0; border-radius: 13px; background: none;
  color: var(--v-muted); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; opacity: 1;
}
.dl26 .dlg-mac-view .chat-composer-btn:hover { background: var(--v-hover); color: var(--v-text); }
.dl26 .dlg-mac-view .chat-composer-btn-off { opacity: .4; }
.dl26 .dlg-mac-view .chat-textarea-wrap { border: 0; border-radius: 24px; background: var(--v-soft); box-shadow: none; }
.dl26 .dlg-mac-view .chat-textarea-wrap:focus-within { box-shadow: 0 0 0 2px var(--v-accent); background: var(--v-card); }
.dl26 .dlg-mac-view .chat-composer textarea { font: 500 14px/1.45 var(--v-font); color: var(--v-text); background: transparent; }
.dl26 .dlg-mac-view .chat-send-btn {
  width: 48px; height: 48px; flex-shrink: 0; border: 0; border-radius: 50%;
  background: var(--v-accent); color: #FFFFFF; box-shadow: 0 8px 20px rgba(242, 92, 5, 0.3);
  display: inline-flex; align-items: center; justify-content: center;
}
.dl26 .dlg-mac-view .chat-send-btn:hover { filter: brightness(1.05); }
.dl26 .dlg-mac-view .dlg-length { padding: 0 24px; font-size: 11px; font-weight: 700; color: var(--v-muted); }
.dl26 .dlg-mac-view .dlg-thread-input-disabled { margin: 12px 20px 16px; border: 0; border-radius: 16px; background: var(--v-soft); color: var(--v-muted); }


.dl26 .dlg-mac-view .chat-thread > .empty-state { border: 0; background: none; color: var(--v-muted); font-size: 14px; }



body.chat-pinned-mobile .dl26 .dl26-card { animation: none; height: auto; min-height: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
@media (max-width: 860px) {
  body.chat-pinned-mobile:not(.chat-thread-open) .dl26 .chat-layout {
    top: calc(var(--vv-top, 0px) + 56px + env(safe-area-inset-top, 0px));
    height: calc(var(--vv-height, 100dvh) - 56px - env(safe-area-inset-top, 0px) - 74px - env(safe-area-inset-bottom, 0px));
    z-index: 30;
  }
  .dl26-card { height: auto; min-height: 0; flex-direction: column; border-radius: 24px; }
  .dl26-tab-accounts .dl26-rail, .dl26-tab-access .dl26-rail { display: none; }
  .dl26-tab-accounts .dl26-body > #dialogs-tab-body, .dl26-tab-access .dl26-body > #dialogs-tab-body { padding: 4px 14px 18px; }
  .dl26-subhead { padding: 14px 14px 10px; }
  .dl26-subhead h3 { font-size: 18px; }
}
@media (max-width: 1040px) {
  body.chat-pinned-mobile .dl26 .chat-layout { background: var(--v-bg); }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .chat-list { position: relative; width: 100%; flex-direction: row; border: 0; background: var(--v-bg); }
  body.chat-pinned-mobile .dl26 .dl26-rail { width: 62px; padding: 12px 0; gap: 8px; background: var(--v-bg); border-right: 1px solid var(--v-row); }
  body.chat-pinned-mobile .dl26 .dlg-src-all, body.chat-pinned-mobile .dl26 .dlg-src-tile { width: 42px; height: 42px; border-radius: 14px; }
  body.chat-pinned-mobile .dl26 .dlg-src-tile { background: var(--v-card); }
  body.chat-pinned-mobile .dl26 .dlg-src-count { box-shadow: 0 0 0 2px var(--v-bg); }
  body.chat-pinned-mobile .dl26 .dlg-src-tile .dlg-channel-icon { width: 24px; height: 24px; }
  body.chat-pinned-mobile:not(.chat-thread-open) .dl26 .dlg-mac-view .chat-list-head { position: static; min-height: 0; padding: 14px 14px 4px 14px; justify-content: flex-start; }
  body.chat-pinned-mobile:not(.chat-thread-open) .dl26 .dlg-mac-view .chat-list-head h3 { position: static; transform: none; text-align: left; font-size: 22px; pointer-events: auto; }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .dlg-tags-btn { background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .dlg-tags-btn.active, body.chat-pinned-mobile .dl26 .dlg-mac-view .dl26-ink-btn { background: var(--v-ink); box-shadow: none; }
  body.chat-pinned-mobile .dl26 .dlg-view-tabs { gap: 16px; padding: 0 14px; }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .dlg-search-row { padding: 10px 14px 8px; }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .chat-search input { height: 42px; font-size: 16px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .chat-search input:focus { box-shadow: 0 0 0 2px var(--v-accent); }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .chat-items { margin: 4px 10px 12px; padding: 4px 0; border-radius: 22px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .dlg-list-item { margin: 0 4px; padding: 10px 8px; }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .dlg-avatar { width: 46px; height: 46px; }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .dlg-item-meta { display: none; }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .dlg-thread-head { min-height: 64px; padding: 8px 12px; }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .dlg-thread-title .dlg-avatar { width: 42px; height: 42px; }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .dlg-thread-name { font-size: 16px; }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .dlg-thread-tags { padding: 6px 12px; }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .chat-composer { padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .chat-back-btn { width: 40px; height: 40px; padding: 0; border: 0; border-radius: 12px; background: var(--v-hover); color: var(--v-text); }
}


.dl26-sort-menu .dl26-menu-title { padding: 8px 12px 4px; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--v-muted); }
.dl26-sort-menu .dl26-menu-note { padding: 6px 12px 8px; font-size: 12px; color: var(--v-muted); }
.dl26-sort-menu .chat-ctx-menu-item.active { font-weight: 800; }
.dl26 .dlg-src-all.active .dlg-src-count, .dl26 .dlg-src-tile.active .dlg-src-count { background: var(--dl26-red); color: #FFFFFF; }
.dl26 .dlg-mac-view .dlg-assist-actions { gap: 8px; padding: 10px 20px 0; }
.dl26 .dlg-mac-view .dlg-suggest-prompt-btn, .dl26 .dlg-mac-view .dlg-assist-mini-btn {
  height: 32px; padding: 0 12px; border: 0; border-radius: 16px; background: var(--v-card);
  box-shadow: 0 0 0 1px var(--v-chip-ring); font: 700 13px var(--v-font);
  display: inline-flex; align-items: center; gap: 6px;
}
.dl26 .dlg-mac-view .dlg-suggest-prompt-btn { color: var(--v-o-text); }
.dl26 .dlg-mac-view #dlg-assist-ask-btn { color: var(--v-p-text); }
.dl26 .dlg-mac-view #dlg-assist-file-btn { color: var(--v-text2); }
.dl26 .dlg-mac-view .dlg-suggest-prompt-btn:hover, .dl26 .dlg-mac-view .dlg-assist-mini-btn:hover { background: var(--v-soft); }
.dl26 .dlg-mac-view .dlg-suggest-prompt-btn .spark { display: inline-flex; font-size: 0; }
.dl26 .dlg-mac-view .dlg-ctx-bar { border-top: 0; background: var(--v-card); }


.dl26 .dlg-accounts-head { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin: 0 0 16px; padding: 0; border: 0; background: none; }
.dl26 .dlg-accounts-hint { margin: 0; text-align: left; font-size: 13px; line-height: 1.5; color: var(--v-muted); max-width: 760px; }
.dl26 .dlg-accounts-head .btn { height: 40px; padding: 0 14px; border: 0; border-radius: 13px; font: 700 13px var(--v-font); display: inline-flex; align-items: center; gap: 8px; }
.dl26 .dlg-accounts-head .btn.secondary { background: var(--v-soft); color: var(--v-text); box-shadow: none; }
.dl26 .dlg-accounts-head .btn.secondary:hover { background: var(--v-hover); }
.dl26 .dlg-accounts-head .btn.primary { background: var(--v-ink); color: var(--v-on-ink); }
.dl26 .dlg-accounts-grid { gap: 14px; }
.dl26 .dlg-account-card { border: 0; border-radius: 22px; padding: 18px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); gap: 10px; }
.dl26 .dlg-account-name { font-family: var(--v-display); font-size: 16px; font-weight: 700; color: var(--v-text); }
.dl26 .dlg-account-meta { font-size: 12px; color: var(--v-muted); }
.dl26 .dlg-account-note { border: 0; border-radius: 14px; font-size: 12px; line-height: 1.5; }
.dl26 .dlg-account-actions { gap: 8px; }
.dl26 .dlg-account-actions .btn { height: 34px; padding: 0 12px; border: 0; border-radius: 11px; font: 700 12px var(--v-font); box-shadow: none; }
.dl26 .dlg-account-actions .btn.secondary { background: var(--v-soft); color: var(--v-text); }
.dl26 .dlg-account-actions .btn.secondary:hover { background: var(--v-hover); }
.dl26 .dlg-account-actions .btn.primary { background: var(--v-ink); color: var(--v-on-ink); }
.dl26 .dlg-account-actions .btn.danger { background: var(--v-r-soft); color: var(--v-r-text); }
.dl26 .dlg-account-actions .btn.danger:hover { background: var(--v-r-text); color: #FFFFFF; }
.dl26 .dlg-account-card .dlg-status-chip { padding: 3px 9px; font-size: 11px; font-weight: 800; }
.dl26 .dlg-mac-view .chat-thread > .empty-state { margin: auto; text-align: center; }


.dlg-mac-view .dl26-head-btn { flex-shrink: 0; width: 40px; height: 40px; border: 0; border-radius: 13px; background: var(--panel-2); color: var(--text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.dl26-thread-search { display: flex; align-items: center; gap: 8px; padding: 8px 20px; background: var(--v-card); border-bottom: 1px solid var(--v-row); }
.dl26-thread-search[hidden] { display: none; }
.dl26-ts-field { flex: 1 1 auto; min-width: 0; height: 38px; padding: 0 12px; border-radius: 12px; background: var(--v-soft); color: var(--v-muted); display: flex; align-items: center; gap: 8px; }
.dl26-ts-field:focus-within { background: var(--v-card); box-shadow: 0 0 0 2px var(--v-accent); }
.dl26-ts-field input { flex: 1 1 auto; min-width: 0; height: 100%; padding: 0; border: 0; outline: none; background: none; box-shadow: none; font: 500 14px var(--v-font); color: var(--v-text); }
.dl26-ts-field input::-webkit-search-cancel-button { display: none; }
.dl26-ts-count { flex-shrink: 0; font-size: 12px; font-weight: 700; color: var(--v-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.dl26-ts-empty .dl26-ts-count { color: var(--v-r-text); }
.dl26-ts-btn { flex-shrink: 0; width: 34px; height: 34px; border: 0; border-radius: 11px; background: var(--v-soft); color: var(--v-text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.dl26-ts-btn:hover { background: var(--v-hover); }
mark.dl26-hit { background: #FDE68A; color: #1E1E1E; border-radius: 4px; padding: 0 2px; }
.chat-bubble-row.mine mark.dl26-hit { background: #F59E0B; color: #141414; }


.dl26 .dlg-mac-view .chat-textarea-wrap .chat-emoji-inline-btn { right: 6px; bottom: 6px; width: 34px; height: 34px; color: var(--v-muted); }
.dl26 .dlg-mac-view .chat-textarea-wrap .chat-emoji-inline-btn:hover { background: var(--v-hover); color: var(--v-text); }
.dl26 .dlg-mac-view .chat-textarea-wrap textarea { padding-right: 46px; }
.dl26 .dlg-mac-view .emoji-picker { border: 0; border-radius: 20px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 24px 60px rgba(0, 0, 0, 0.18); }
@media (max-width: 1040px) {
  body.chat-pinned-mobile .dl26 .dl26-thread-search { padding: 6px 12px; }
}


.dl26-float {

  position: fixed; right: 96px; bottom: 20px; z-index: 45;
  width: 400px; height: 640px; min-width: 340px; min-height: 48px; max-width: calc(100vw - 16px); max-height: calc(100vh - 16px);
  display: flex; flex-direction: column; overflow: hidden; resize: both;
  border-radius: 22px; background: var(--v-card); font-family: var(--v-font);
  box-shadow: 0 0 0 1px var(--v-chip-ring), 0 30px 80px rgba(0, 0, 0, 0.22);
  animation: dl26FloatIn .28s cubic-bezier(.22, 1.2, .36, 1) both;
}
.dl26-float[hidden] { display: none; }
@keyframes dl26FloatIn { from { opacity: 0; transform: translateY(16px) scale(.97); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .dl26-float { animation: none; } }
.dl26-float.dragging { user-select: none; box-shadow: 0 0 0 1px var(--v-chip-ring), 0 40px 100px rgba(0, 0, 0, 0.3); }
.dl26-float.collapsed { height: auto; resize: none; }
.dl26-float.collapsed .dl26-float-view { display: none; }
.dl26-float.collapsed .dl26-float-act[data-float="collapse"] svg { transform: rotate(180deg); }
.dl26-float-bar {
  flex-shrink: 0; height: 48px; padding: 0 8px 0 14px; display: flex; align-items: center; gap: 4px;
  background: var(--v-soft); border-bottom: 1px solid var(--v-row); cursor: grab; touch-action: none;
}
.dl26-float.dragging .dl26-float-bar { cursor: grabbing; }
.dl26-float-title { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 8px; }
.dl26-float-title b { font-size: 14px; font-weight: 800; color: var(--v-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dl26-float-dot { width: 9px; height: 9px; flex-shrink: 0; border-radius: 50%; background: var(--v-accent); box-shadow: 0 0 0 3px var(--v-o-soft); }
.dl26-float-dot[hidden] { display: none; }
.dl26-float-act {
  flex-shrink: 0; width: 32px; height: 32px; border: 0; border-radius: 10px; background: none; color: var(--v-muted);
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
}
.dl26-float-act:hover { background: var(--v-hover); color: var(--v-text); }
.dl26-float-act svg { transition: transform .2s ease; }
.dl26-float-view { flex: 1 1 auto; min-height: 0; display: flex; border: 0; }
.dl26-float-view .chat-thread { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.dl26-float .dlg-mac-view .dlg-thread-head { min-height: 64px; padding: 8px 12px; }
.dl26-float .dlg-mac-view .dlg-thread-title .dlg-avatar { width: 40px; height: 40px; }
.dl26-float .dlg-mac-view .dlg-thread-name { font-size: 16px; }
.dl26-float .dlg-mac-view .dlg-thread-account, .dl26-float .dlg-orders-btn-label, .dl26-float .dlg-orders-btn-late { display: none; }
.dl26-float .dlg-mac-view .dlg-thread-tags { padding: 6px 12px; }
.dl26-float .dl26-thread-search { padding: 6px 12px; }
.dl26-float .dlg-mac-view .dlg-thread-messages { padding-left: 12px; padding-right: 12px; }
.dl26-float .dlg-mac-view .chat-composer { padding: 10px 12px 12px; }
.dl26-float .dlg-mac-view .dlg-assist-actions { padding: 8px 12px 0; }
.dl26-float .dlg-mac-view .dlg-length { padding: 0 14px; }
.dl26-float .chat-back-btn, .dl26-float .dl26-float-btn { display: none !important; }
.dl26-float .dlg-mac-view .chat-bubble-row .chat-bubble { max-width: 86%; }
.dl26 .dl26-in-float { display: flex; flex-direction: column; align-items: center; gap: 12px; }
@media (max-width: 1040px) { .dl26-float-btn { display: none !important; } }


body.dl26-popup .sidebar, body.dl26-popup .mobile-menu-btn, body.dl26-popup .tabbar, body.dl26-popup .m-header,
body.dl26-popup .topbar, body.dl26-popup .dl26-rail, body.dl26-popup #chat-list-pane,
body.dl26-popup .chat-back-btn, body.dl26-popup .dl26-float-btn, body.dl26-popup .chat-widget-btn { display: none !important; }
body.dl26-popup:not(.chat-pinned-mobile) .dl26-card { position: fixed; inset: 0; height: auto; min-height: 0; border-radius: 0; box-shadow: none; z-index: 40; animation: none; }



.avatar-online-dot.avatar-online-dev {
  width: 18px; height: 18px; right: -3px; bottom: -3px;
  display: flex; align-items: center; justify-content: center;
  background: #22C55E; color: #FFFFFF; border: 2px solid var(--v-card, var(--panel));
  box-sizing: border-box;
}
.avatar-online-dot.avatar-online-dev svg { width: 10px; height: 10px; display: block; }



.dl26-rail-toggle { display: none !important; }
@media (max-width: 860px) {
  body.dl26-hdr .hdr-chat-slot .dl26-head-actions { display: contents; }
  body.dl26-hdr .hdr-chat-slot .dlg-tags-btn {
    position: relative; flex: none; width: 40px; height: 40px; margin: 0; padding: 0;
    border: 0; border-radius: 12px; box-shadow: none; background: var(--v-hover); color: var(--v-text);
    display: flex; align-items: center; justify-content: center; cursor: pointer;
    transition: background-color .2s ease, transform .25s var(--v-spring);
  }
  body.dl26-hdr .hdr-chat-slot .dlg-tags-btn:active { transform: scale(.92); }
  body.dl26-hdr .hdr-chat-slot .dlg-tags-btn[hidden] { display: none; }
  body.dl26-hdr .hdr-chat-slot .dl26-ink-btn,
  body.dl26-hdr .hdr-chat-slot .dlg-tags-btn.active { background: var(--v-ink); color: var(--v-on-ink); }
  body.dl26-hdr .hdr-chat-slot .dl26-rail-toggle { display: flex !important; }
  body.dl26-hdr .hdr-chat-slot .dlg-btn-icon { width: 19px; height: 19px; display: block; }
  body.dl26-hdr .dl26 .dlg-mac-view .chat-list-head { display: none; }
}
@media (max-width: 1040px) {
  body.chat-pinned-mobile .dl26 .dl26-rail { transition: width .28s var(--v-ease, ease), padding .28s ease, opacity .2s ease; }
  body.chat-pinned-mobile .dl26.dl26-rail-collapsed .dl26-rail { width: 0; padding-left: 0; padding-right: 0; border-right: 0; opacity: 0; overflow: hidden; }
}
@media (prefers-reduced-motion: reduce) {
  body.chat-pinned-mobile .dl26 .dl26-rail { transition: none; }
}







.dl26 .dlg-mac-view .chat-composer textarea { border: 0; border-radius: 0; box-shadow: none; outline: none; background: transparent; }
.dl26 .dlg-mac-view .chat-textarea-wrap { min-width: 80px; }
.dl26 .dlg-mac-view .chat-composer { margin: 0; }
.dl26 .dlg-mac-view .dlg-assist-actions { padding-bottom: 10px; }
.dl26 .dlg-mac-view .dlg-length { margin: 0; padding: 2px 24px 0; background: var(--v-card); }
.dl26 .dlg-mac-view .dlg-length:empty { display: none; }
.dl26 .dlg-mac-view .chat-composer-btn:focus,
.dl26 .dlg-mac-view .chat-send-btn:focus { outline: none; }
.dl26 .dlg-mac-view .chat-composer-btn:focus-visible { box-shadow: 0 0 0 2px var(--v-accent); }
.dl26 .dlg-mac-view .chat-send-btn:focus-visible { box-shadow: 0 0 0 3px var(--v-card), 0 0 0 5px var(--v-accent); }




body:not(.chat-pinned-mobile) .dl26 .dlg-mac-view .chat-list { width: auto; flex: 0 1 468px; min-width: 310px; }
body:not(.chat-pinned-mobile) .dl26 .dlg-mac-view .chat-thread { flex: 1 1 0; min-width: 340px; }


.dl26 .dlg-mac-view .chat-attach-preview { background: var(--v-card); }
.dl26 .dlg-mac-view .chat-attach-preview:empty { display: none; }


body:not(.chat-pinned-mobile) .dl26 .dlg-mac-view .chat-thread { container-type: inline-size; }
@container (max-width: 460px) {
  .dl26 .dlg-mac-view .chat-composer { padding: 10px 12px 12px; }
  .dl26 .dlg-mac-view .chat-composer-normal { gap: 4px; }
  .dl26 .dlg-mac-view .chat-composer-btn { width: 34px; height: 34px; }
  .dl26 .dlg-mac-view .chat-send-btn { width: 44px; height: 44px; }
  .dl26 .dlg-mac-view .dlg-assist-actions { padding-left: 12px; padding-right: 12px; }
  .dl26 .dlg-mac-view .dlg-length { padding-left: 12px; padding-right: 12px; }
}






body:has(.dl26) .chat-ctx-menu:not(.ios-menu) {
  width: 264px; padding: 6px; border: 0; border-radius: 18px; background: var(--v-card);
  box-shadow: 0 0 0 1px var(--v-chip-ring), 0 18px 48px rgba(0, 0, 0, 0.16);
  font-family: var(--v-font);
}
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) .chat-ctx-menu-item {
  min-height: 40px; padding: 9px 12px; border-radius: 12px; gap: 10px;
  font-size: 14px; font-weight: 600; color: var(--v-text); background: none;
}
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) .chat-ctx-menu-item:hover,
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) .chat-ctx-menu-item:focus-visible { background: var(--v-soft); color: var(--v-text); outline: none; }
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) .chat-ctx-menu-item.danger { color: var(--v-r-text); }
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) .chat-ctx-menu-icon {
  width: 20px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; color: var(--v-muted); font-size: 15px;
}
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) .chat-ctx-menu-icon svg { width: 17px; height: 17px; }
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) .chat-ctx-menu-arrow { margin-left: auto; color: var(--v-muted); font-weight: 700; }
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) .dlg-menu-value { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--v-muted); }
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) .chat-ctx-menu-sub { margin: 2px 0 4px; padding: 4px; border-radius: 14px; background: var(--v-soft2); }
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) .chat-ctx-menu-empty { padding: 10px 12px; font-size: 13px; color: var(--v-muted); }
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) .dlg-contact-dot,
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) .dlg-pill-dot { width: 10px; height: 10px; border-radius: 50%; }
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) input { height: 38px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); font: 500 13px var(--v-font); box-shadow: none; }
body:has(.dl26) .chat-ctx-menu:not(.ios-menu) input:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); background: var(--v-card); }


body:has(.dl26) .chat-ctx-menu.dlg-contact-card { width: 320px; padding: 16px; border-radius: 22px; }
body:has(.dl26) .dlg-contact-card .dlg-contact-head { gap: 12px; padding: 0 0 12px; }
body:has(.dl26) .dlg-contact-card .dlg-contact-name { font-family: var(--v-display); font-size: 17px; font-weight: 700; color: var(--v-text); }
body:has(.dl26) .dlg-contact-card .dlg-contact-section { padding-top: 10px; border-top: 1px solid var(--v-row); }
body:has(.dl26) .dlg-contact-card .dlg-contact-section-label { font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--v-muted); }
body:has(.dl26) .dlg-contact-card .dlg-contact-group { border: 0; border-radius: 14px; background: var(--v-soft2); overflow: hidden; }
body:has(.dl26) .dlg-contact-card .dlg-contact-row { min-height: 40px; padding: 8px 12px; border: 0; border-bottom: 1px solid var(--v-row); background: none; font-size: 13px; }
body:has(.dl26) .dlg-contact-card .dlg-contact-row:last-child { border-bottom: 0; }
body:has(.dl26) .dlg-contact-card button.dlg-contact-row:hover { background: var(--v-soft); }
body:has(.dl26) .dlg-contact-card .dlg-contact-row-label { color: var(--v-text2); font-weight: 600; }
body:has(.dl26) .dlg-contact-card .dlg-contact-row-value { color: var(--v-muted); font-weight: 600; }
body:has(.dl26) .dlg-contact-card .btn,
body:has(.dl26) .dlg-contact-card .dlg-contact-row-fill { border-radius: 12px; font-family: var(--v-font); font-weight: 700; }


.dl26 .dlg-mac-view .dlg-tmpl-search { position: relative; }
.dl26 .dlg-mac-view .dlg-tmpl-search input {
  height: 40px; padding: 0 12px 0 36px; border: 0; border-radius: 13px; background: var(--v-soft);
  font: 500 13px var(--v-font); color: var(--v-text); box-shadow: none;
}
.dl26 .dlg-mac-view .dlg-tmpl-search input:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); background: var(--v-card); }
.dl26 .dlg-mac-view .dlg-tmpl-search-icon { color: var(--v-muted); display: inline-flex; }
.dl26 .dlg-mac-view .dlg-tmpl-chip {
  height: 30px; padding: 0 12px; border: 0; border-radius: 15px; background: var(--v-soft); color: var(--v-text2);
  font: 700 12px var(--v-font); box-shadow: none; display: inline-flex; align-items: center; gap: 5px;
}
.dl26 .dlg-mac-view .dlg-tmpl-chip.active { background: var(--v-ink); color: var(--v-on-ink); }
.dl26 .dlg-mac-view .dlg-tmpl-item { border: 0; border-radius: 16px; background: var(--v-soft2); box-shadow: none; }
.dl26 .dlg-mac-view .dlg-tmpl-item:hover { background: var(--v-soft); }
.dl26 .dlg-mac-view .dlg-tmpl-item-title { font-weight: 800; color: var(--v-text); }
.dl26 .dlg-mac-view .dlg-tmpl-item-text { color: var(--v-muted); }
.dl26 .dlg-mac-view .dlg-tmpl-icon-btn { border: 0; border-radius: 10px; background: var(--v-card); color: var(--v-text2); box-shadow: 0 0 0 1px var(--v-chip-ring); }
.dl26 .dlg-mac-view .dlg-tmpl-nothing { color: var(--v-muted); }
.dl26 .dlg-mac-view .dlg-tmpl-form input, .dl26 .dlg-mac-view .dlg-tmpl-form textarea { border: 0; border-radius: 12px; background: var(--v-soft); font-family: var(--v-font); box-shadow: none; }





@media (min-width: 861px) and (max-width: 1040px) {
  body.chat-pinned-mobile .dl26 .dlg-mac-view .chat-list-head h3 { visibility: hidden; }
  body.chat-pinned-mobile .dl26 .dl26-rail-toggle { display: flex !important; }
  body.chat-pinned-mobile:not(.chat-thread-open) .dl26 .dl26-rail { padding-top: 70px; }
  body.chat-pinned-mobile .dl26 .dlg-mac-view .dlg-tags-btn.dl26-rail-toggle.active { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
}
body:has(.dl26) .dlg-contact-card .dlg-contact-footer-btn {
  width: 100%; height: 40px; margin-top: 12px; border: 0; border-radius: 12px; background: var(--v-soft);
  color: var(--v-text); font: 700 13px var(--v-font); cursor: pointer;
}
body:has(.dl26) .dlg-contact-card .dlg-contact-footer-btn:hover { background: var(--v-hover); }
body:has(.dl26) .dlg-orders-menu .dlg-order-add, body:has(.dl26) .dlg-orders-menu .dlg-orders-more { font-family: var(--v-font); font-weight: 700; color: var(--v-o-text); }
.dl26 .dlg-mac-view .dlg-tmpl-add-btn {
  height: 38px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text);
  font: 700 13px var(--v-font); box-shadow: none;
}
.dl26 .dlg-mac-view .dlg-tmpl-add-btn:hover { background: var(--v-hover); }



@media (max-width: 860px) {
  .tabbar button[hidden] { display: none; }
  .tabbar .tab-badge.is-dot { min-width: 0; width: 12px; height: 12px; padding: 0; top: -2px; margin-left: 6px; }
}





body:has(.dl26) .chat-ctx-menu.chat-ctx-sheet,
body:has(.dl26) .chat-ctx-menu.chat-ctx-sheet.dlg-contact-card {
  left: 0; right: 0; width: auto; max-width: none;
  border-radius: 24px 24px 0 0;
  padding: 2px 12px calc(16px + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.18);
}
body:has(.dl26) .chat-ctx-menu.chat-ctx-sheet::before { background: var(--v-chip-ring); width: 40px; margin: 8px auto 8px; }
body:has(.dl26) .chat-ctx-menu.chat-ctx-sheet .chat-ctx-menu-item { min-height: 50px; padding: 12px 14px; font-size: 15px; }
body:has(.dl26) .chat-ctx-menu.chat-ctx-sheet .chat-ctx-menu-icon svg { width: 19px; height: 19px; }
body:has(.dl26) .chat-ctx-menu.chat-ctx-sheet.dlg-contact-card { padding-left: 16px; padding-right: 16px; }
body:has(.dl26) .dlg-contact-card .dlg-contact-footer-btn { display: block; box-sizing: border-box; margin-left: 0; margin-right: 0; }


.dl26 .dlg-mac-view .chat-composer textarea::placeholder { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }





.dl26 .dl26-head, .c26 .c26-head { display: none; }


.dl26 .dl26-card { height: calc(100vh - var(--hdr-h) - 56px); height: calc(100dvh - var(--hdr-h) - 56px); }
body:not(.chat-pinned-mobile) .c26 .chat-layout.c26-card { height: calc(100vh - var(--hdr-h) - 56px); height: calc(100dvh - var(--hdr-h) - 56px); }


.chat-item-preview-who { color: var(--v-text2, var(--text)); font-weight: 600; }




.dl26-resizer { display: none; }
body:not(.chat-pinned-mobile) .dl26 .dlg-mac-view .dl26-resizer {
  display: block; position: relative; z-index: 3; flex: 0 0 10px; margin: 0 -5px; cursor: col-resize; touch-action: none;
}
body:not(.chat-pinned-mobile) .dl26 .dlg-mac-view .dl26-resizer::after {
  content: ''; position: absolute; top: 0; bottom: 0; left: 4px; width: 2px; border-radius: 1px;
  background: transparent; transition: background-color .15s ease;
}
body:not(.chat-pinned-mobile) .dl26 .dlg-mac-view .dl26-resizer:hover::after,
body.dl26-resizing .dl26 .dlg-mac-view .dl26-resizer::after { background: var(--v-accent); }
body.dl26-resizing { cursor: col-resize; user-select: none; }
body.dl26-resizing .dl26 .dlg-mac-view * { cursor: col-resize !important; }
.chat-item-preview .chat-read-ticks + .chat-item-preview-who { margin-left: 4px; }




body:has(.c26) .group-info-quick-actions { margin: 6px 0 16px; border: 0; border-radius: 0; overflow: visible; }
body:has(.c26) .group-info-quick-btn,
body:has(.c26) .group-info-quick-btn:not(:last-child) {
  min-height: 84px; padding: 14px 8px; gap: 8px; border: 0; border-radius: 20px;
  background: var(--v-soft); font-size: 13px; font-weight: 700; text-align: center;
  transition: background-color .15s ease, transform .2s var(--v-spring, ease);
}
body:has(.c26) .group-info-quick-btn:active { transform: scale(.96); }
body:has(.c26) .group-info-quick-btn svg {
  box-sizing: content-box; width: 20px; height: 20px; padding: 10px; border-radius: 14px;
}
body:has(.c26) #gm-open-search svg { background: var(--v-b-soft); color: var(--v-b-text); }
body:has(.c26) #gm-open-media svg { background: var(--v-p-soft); color: var(--v-p-text); }




@keyframes c26AvaPop { 0% { transform: scale(.55); opacity: 0; } 60% { transform: scale(1.07); opacity: 1; } 100% { transform: scale(1); } }
@keyframes c26AvaRing { 0% { box-shadow: 0 0 0 0 rgba(242, 92, 5, .32); } 100% { box-shadow: 0 0 0 20px rgba(242, 92, 5, 0); } }
@keyframes c26AvaIcon { 0%, 100% { transform: rotate(0) scale(1); } 30% { transform: rotate(-14deg) scale(1.08); } 60% { transform: rotate(9deg); } }
@keyframes c26AvaText { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.c26-group-head .avatar-lg, body:has(.c26) .peer-card-top .avatar-lg {
  animation: c26AvaPop .6s cubic-bezier(.34, 1.56, .64, 1) both, c26AvaRing 1.3s .45s ease-out 1;
}
.c26-group-head .avatar-lg svg, body:has(.c26) .peer-card-top .avatar-lg svg { animation: c26AvaIcon .9s .55s ease-in-out 1; transform-origin: 50% 60%; }
.c26-group-head b, .c26-group-head span, body:has(.c26) .peer-card-name, body:has(.c26) .peer-card-sub { animation: c26AvaText .4s .18s both; }
body:has(.c26) .group-info-quick-btn { animation: c26AvaText .4s .26s both; }
@media (prefers-reduced-motion: reduce) {
  .c26-group-head .avatar-lg, body:has(.c26) .peer-card-top .avatar-lg,
  .c26-group-head .avatar-lg svg, body:has(.c26) .peer-card-top .avatar-lg svg,
  .c26-group-head b, .c26-group-head span, body:has(.c26) .peer-card-name, body:has(.c26) .peer-card-sub,
  body:has(.c26) .group-info-quick-btn { animation: none; }
}




.c26 .chat-pinned-bar, .dl26 .chat-pinned-bar {
  min-height: 52px; padding: 8px 16px 8px 20px; gap: 12px; align-items: center;
  border-bottom: 1px solid var(--v-row); background: var(--v-card); font-family: var(--v-font);
}
.c26 .chat-pinned-bar.is-loading, .dl26 .chat-pinned-bar.is-loading { background: var(--v-soft2); }
.c26 .chat-pinned-strips, .dl26 .chat-pinned-strips { display: flex; flex-direction: column; gap: 2px; justify-content: center; flex-shrink: 0; align-self: stretch; }
.c26 .chat-pinned-strips span, .dl26 .chat-pinned-strips span { width: 3px; flex: 1 1 0; min-height: 6px; max-height: 14px; border-radius: 2px; background: var(--v-chip-ring); }
.c26 .chat-pinned-strips span.on, .dl26 .chat-pinned-strips span.on { background: var(--v-accent); }
.c26 .chat-pinned-body, .dl26 .chat-pinned-body { flex: 1 1 auto; min-width: 0; cursor: pointer; display: flex; flex-direction: column; gap: 2px; }
.c26 .chat-pinned-label, .dl26 .chat-pinned-label { font-size: 12px; font-weight: 800; color: var(--v-o-text); letter-spacing: 0; }
.c26 .chat-pinned-body .chat-pinned-snippet, .dl26 .chat-pinned-body .chat-pinned-snippet {
  display: block; font-size: 13.5px; line-height: 1.35; color: var(--v-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.c26 .chat-pinned-who, .dl26 .chat-pinned-who { font-weight: 700; color: var(--v-text2); }
.c26 .chat-pinned-open-list, .dl26 .chat-pinned-open-list {
  flex-shrink: 0; width: 36px; height: 36px; border: 0; border-radius: 12px; background: var(--v-soft);
  color: var(--v-text2); display: flex; align-items: center; justify-content: center; cursor: pointer;
}
.c26 .chat-pinned-open-list:hover, .dl26 .chat-pinned-open-list:hover { background: var(--v-hover); color: var(--v-text); }


body:has(.c26) #pinned-modal-list, body:has(.dl26) #dlg-pinned-modal-list { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; border: 0; }
body:has(.dl26) .pinned-sheet-row {
  display: flex; gap: 12px; align-items: center; padding: 12px; border-radius: 16px; background: var(--v-soft);
}
body:has(.dl26) .pinned-sheet-bar { width: 3px; align-self: stretch; border-radius: 2px; background: var(--v-accent); flex-shrink: 0; }
body:has(.dl26) .pinned-sheet-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
body:has(.dl26) .pinned-sheet-author { font-size: 12px; font-weight: 800; color: var(--v-o-text); }
body:has(.dl26) .pinned-sheet-text { font-size: 13px; line-height: 1.4; color: var(--v-text2); }
body:has(.dl26) .pinned-sheet-unpin,
body:has(.c26) .pinned-sheet-unpin { width: 34px; height: 34px; flex-shrink: 0; border: 0; border-radius: 11px; background: var(--v-card); color: var(--v-text3); box-shadow: 0 0 0 1px var(--v-chip-ring); display: flex; align-items: center; justify-content: center; cursor: pointer; }
body:has(.c26) .pinned-sheet-unpin:hover, body:has(.dl26) .pinned-sheet-unpin:hover { background: var(--v-r-soft); color: var(--v-r-text); box-shadow: none; }
body:has(.c26) .pinned-sheet-row:hover { background: var(--v-hover); }
body:has(.c26) .pinned-sheet-text, body:has(.dl26) .pinned-sheet-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }





.h26.adm26, .h26.adm26.ms-page { display: block; gap: 0; font-family: var(--v-font); color: var(--v-text); }
.adm26 .fin-head { align-items: flex-end; margin-bottom: 22px; padding-top: 8px; }
.adm26 .fin-title { font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); }
.adm26 .fin-sub { margin: 6px 0 0; font-size: 15px; color: var(--v-muted); }
.adm26 .fin-add { height: 44px; padding: 0 18px; border: 0; border-radius: 13px; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); display: inline-flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; transition: transform .2s var(--v-spring), box-shadow .2s ease; }
.adm26 .fin-add:hover { box-shadow: 0 10px 24px rgba(242, 92, 5, 0.45); transform: translateY(-1px); }
.adm26 .fin-add-plus { display: inline-flex; font-size: 0; }
.adm26 .btn { font-family: var(--v-font); }
.adm26 .btn svg, .modal.m26 .btn svg { flex-shrink: 0; }


.adm26 .fin-bar { margin-bottom: 20px; }
.adm26 #adm-tabs { display: inline-flex; gap: 4px; padding: 5px; border: 0; border-radius: 16px; background: #EDEDEF; }
:root[data-theme="dark"] .adm26 #adm-tabs { background: var(--v-soft); }
.adm26 #adm-tabs button { height: 40px; padding: 0 14px; border: 0; border-radius: 12px; background: transparent; color: var(--v-text3); display: inline-flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; box-shadow: none; white-space: nowrap; transition: background-color .2s ease, color .2s ease; }
.adm26 #adm-tabs button:hover:not(.active) { color: var(--v-text); }
.adm26 #adm-tabs button.active { background: var(--v-ink); color: var(--v-on-ink); }
.adm26 .adm-tab-count { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: #E4E4E7; color: var(--v-text2); font-size: 11px; font-weight: 800; }
:root[data-theme="dark"] .adm26 .adm-tab-count { background: #3F3F46; }
.adm26 #adm-tabs button.active .adm-tab-count:not(.alarm) { background: rgba(255, 255, 255, 0.18); color: inherit; }
:root[data-theme="dark"] .adm26 #adm-tabs button.active .adm-tab-count:not(.alarm) { background: rgba(0, 0, 0, 0.12); }
.adm26 .adm-tab-count.alarm { background: #EF4444; color: #FFFFFF; }
.h26.adm26.is-playing .adm-tab-count.alarm, .h26.adm26.is-playing .adm26-callout-ico, .h26.adm26.is-playing .health-dot.bad { animation: adm26pulse 1.8s ease-in-out infinite; }
@keyframes adm26pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.45); } 50% { box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); } }


.adm26-tone-o { background: var(--v-o-soft) !important; color: var(--v-o-text) !important; }
.adm26-tone-b { background: var(--v-b-soft) !important; color: var(--v-b-text) !important; }
.adm26-tone-g { background: var(--v-g-soft) !important; color: #166534 !important; }
:root[data-theme="dark"] .adm26-tone-g { color: var(--v-g-text) !important; }
.adm26-tone-p { background: var(--v-p-soft) !important; color: var(--v-p-text) !important; }
.adm26-tone-a { background: var(--v-a-soft) !important; color: var(--v-a-text) !important; }
.adm26-tone-r { background: var(--v-r-soft) !important; color: var(--v-r-text) !important; }
.adm26-tone-n { background: var(--v-soft) !important; color: var(--v-text2) !important; }


.adm26 .adm-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px; }
.adm26 .adm-stat { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.adm26 .adm26-ico { width: 42px; height: 42px; flex-shrink: 0; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; }
.adm26 .adm-stat > div { min-width: 0; display: flex; flex-direction: column; }
.adm26 .adm-stat b { font-family: var(--v-display); font-size: 28px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; color: var(--v-text); }
.adm26 .adm-stat span { font-size: 13px; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adm26 .adm-stat.muted b { color: var(--v-text); }
.adm26 .adm26-mini { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; margin: 0 0 6px; }
.adm26 .adm26-mini .adm-stat { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px; border-radius: 14px; background: var(--v-row-hover); box-shadow: none; }
.adm26 .adm26-mini .adm-stat b { font-size: 20px; }
.adm26 .adm26-mini .adm-stat span { font-size: 12px; white-space: normal; }


.adm26 .adm-callout { gap: 12px; flex-wrap: nowrap; margin: 0 0 14px; padding: 14px 18px; border: 0; border-radius: 20px; box-shadow: none; font-family: var(--v-font); }
.adm26 .adm-callout.alarm { background: var(--v-r-soft); color: var(--v-r-text); }
.adm26 .adm26-callout-ico { width: 38px; height: 38px; flex-shrink: 0; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; }
.adm26 .adm-callout.alarm .adm26-callout-ico { background: #EF4444; color: #FFFFFF; }
.adm26 .adm26-callout-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.adm26 .adm26-callout-txt b { font-size: 14px; }
.adm26 .adm26-callout-txt small { font-size: 12px; color: var(--v-muted); font-weight: 500; }
.adm26 .adm-callout-go { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; font-size: 13px; font-weight: 800; color: inherit; }
.adm26 details.adm-cleanup { background: var(--v-a-soft); color: var(--v-text); }
:root:not([data-theme="dark"]) .adm26 details.adm-cleanup { background: #FEF6DA; }
.adm26 details.adm-cleanup summary { flex-wrap: nowrap; gap: 12px; }
.adm26 details.adm-cleanup .adm26-callout-ico { background: var(--v-card); color: var(--v-a-text); }
.adm26 details.adm-cleanup .adm-callout-go { color: var(--v-a-text); }
.adm26 details.adm-cleanup .adm-callout-go svg { transition: transform .25s var(--v-ease); }
.adm26 details.adm-cleanup[open] .adm-callout-go { visibility: visible; }
.adm26 details.adm-cleanup[open] .adm-callout-go svg { transform: rotate(180deg); }
.adm26 details.adm-cleanup .adm26-hide, .adm26 details.adm-cleanup[open] .adm26-show { display: none; }
.adm26 details.adm-cleanup[open] .adm26-hide { display: inline; }
.adm26 details.adm-cleanup[open] summary { margin-bottom: 12px; }
.adm26 details.adm-cleanup .adm-hint { font-size: 12px; color: var(--v-text3); }
.adm26 details.adm-cleanup .adm-list { gap: 8px; }
.adm26 details.adm-cleanup .adm-row { padding: 12px; border: 0; border-radius: 16px; background: var(--v-card); }
.adm26 details.adm-cleanup .adm-row + .adm-row { border-top: 0; }
.adm26-short { display: none; }
.adm26 .adm26-why { color: var(--v-a-text) !important; font-weight: 700; }


.adm26-spill { height: 24px; padding: 0 10px; box-sizing: border-box; border-radius: 999px; background: var(--v-soft); color: var(--v-text3); display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; white-space: nowrap; vertical-align: middle; }
.adm26-spill.is-ok { background: var(--v-g-soft); color: #166534; }
:root[data-theme="dark"] .adm26-spill.is-ok { color: var(--v-g-text); }
.adm26-spill.is-bad { background: var(--v-r-soft); color: var(--v-r-text); }
.adm26-spill.is-ok::before, .adm26-spill.is-bad::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.adm26-spill.is-role { background: var(--v-o-soft); color: var(--v-o-text); }


.adm26 .adm-toolbar { gap: 14px; margin-bottom: 14px; flex-wrap: nowrap; }
.adm26-search { flex: 0 0 320px; height: 44px; box-sizing: border-box; padding: 0 14px; border-radius: 14px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); display: flex; align-items: center; gap: 10px; color: var(--v-muted); cursor: text; }
.adm26-search input { flex: 1 1 auto; min-width: 0; height: 100%; padding: 0; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; font-family: var(--v-font); font-size: 14px; color: var(--v-text); }
.adm26-search:focus-within { box-shadow: 0 0 0 2px var(--v-accent); }
.adm26-search-soft { flex: none; height: 40px; background: var(--v-soft); box-shadow: none; margin-bottom: 8px; }
.adm26 .adm-chips { gap: 6px; }
.adm26 .adm-chips .chip { height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text2); display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; box-shadow: none; }
.adm26 .adm-chips .chip i { font-style: normal; font-size: 11px; font-weight: 800; opacity: .6; }
.adm26 .adm-chips .chip.active { background: var(--v-ink); color: var(--v-on-ink); }


.adm26-table { border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); overflow: hidden; }
.adm26 .adm-users { border: 0; border-radius: 0; background: none; box-shadow: none; }
.adm26-thead, .adm26 .adm-user { display: grid; grid-template-columns: minmax(0, 1fr) 160px 140px 236px 176px; gap: 16px; align-items: center; }
.adm26-thead { padding: 12px 18px; border-bottom: 1px solid var(--v-row); font-size: 12px; font-weight: 700; color: #9CA3AF; }
.adm26-thead span:last-child { text-align: right; }
.adm26 .adm-user { padding: 14px 18px; grid-template-areas: none; row-gap: 0; transition: background-color .2s ease; }
.adm26 .adm-user > * { grid-area: auto; }
.adm26 .adm-user-role { width: auto; }
.adm26 .adm-user-status, .adm26 .adm-user-access { padding-left: 0; }
.adm26 .adm-user:hover { background: var(--v-row-hover); }
.adm26 .adm-user + .adm-user { border-top: 1px solid var(--v-row); }
.adm26 .adm-user[data-blocked="1"] > *:not(.adm-user-actions) { opacity: .62; }
.adm26 .fin-avatar { width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%; background: linear-gradient(135deg, #FF9A5C, #F25C05); color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; font-size: 16px; font-weight: 800; }
.adm26 .adm-user-main { gap: 12px; }
.adm26 .adm-user-name { flex: 1 1 auto; }
.adm26 .adm-user-name b { font-size: 14px; color: var(--v-text); }
.adm26 .adm-user-name small, .adm26 .adm-user-status small { font-size: 12px; color: var(--v-muted); }
.adm26 .adm-user-role select, .adm26 .adm-row-actions select { width: 100%; height: 38px; padding: 0 30px 0 12px; border: 0; border-radius: 12px; background-color: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 13px; font-weight: 700; box-shadow: none; cursor: pointer; }
.adm26 .adm-user-status { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.adm26 .adm-user-access { flex-wrap: wrap; }
.adm26 .adm-pill { height: 30px; padding: 0 10px; border: 0; border-radius: 999px; background: var(--v-soft); color: #71717A; display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 12px; font-weight: 700; transition: transform .2s var(--v-spring), background-color .2s ease; }
.adm26 .adm-pill:hover { border-color: transparent; background: var(--v-hover); color: var(--v-text); }
.adm26 .adm-pill:active { transform: scale(.94); }
.adm26 .adm-pill.on, .modal .adm-pill.on { background: var(--v-o-soft); color: var(--v-o-text); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.adm26 .adm-user-actions { flex-wrap: nowrap; }
.adm26 .adm-user-actions .btn, .adm26 .adm-row-actions .btn, .adm26 .adm-card .btn { height: 36px; padding: 0 12px; border: 0; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 13px; font-weight: 700; box-shadow: none; }
.adm26 .btn.secondary { background: var(--v-soft); color: var(--v-text); }
.adm26 .btn.danger { background: var(--v-r-soft); color: var(--v-r-text); }
.adm26 .adm26-unblock { background: var(--v-g-soft) !important; color: #166534 !important; }
:root[data-theme="dark"] .adm26 .adm26-unblock { color: var(--v-g-text) !important; }
.adm26 .adm26-ico-btn { width: 36px; padding: 0 !important; }
.adm26-more { display: none; width: 36px; height: 36px; flex-shrink: 0; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); align-items: center; justify-content: center; cursor: pointer; }
.adm26 .adm-user .token-hint { color: #9CA3AF; font-weight: 600; }
.adm26 #adm-users-empty { padding: 28px; text-align: center; color: var(--v-muted); }


.adm26 .adm26-note, .modal .adm26-note { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 14px; padding: 12px 16px; border-radius: 16px; background: var(--v-b-soft); color: var(--v-b-text); font-size: 13px; font-weight: 600; line-height: 1.45; }
.adm26 .adm26-note svg, .modal .adm26-note svg { flex-shrink: 0; margin-top: 1px; }
.modal .adm26-note.is-ready { background: var(--v-o-soft); color: var(--v-o-text); font-weight: 700; }
.adm26 .adm-pane > .registration-requests-section { gap: 12px; padding: 0; border: 0; background: none; box-shadow: none; }
.adm26 .registration-request-row { align-items: flex-start; padding: 18px 20px !important; border: 0 !important; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.adm26 .registration-request-row .adm-row-main { flex-direction: row; gap: 12px; flex: 1 1 auto; }
.adm26 .registration-request-row .fin-avatar { width: 44px; height: 44px; }
.adm26 .adm26-req-text { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.adm26 .adm26-req-text b { font-size: 15px; }
.adm26 .registration-request-message { margin: 0; padding: 10px 12px; border: 0; border-left: 3px solid var(--v-accent); border-radius: 12px; background: var(--v-row-hover); font-size: 13px; font-style: normal; line-height: 1.5; color: var(--v-text2); }
.adm26 .registration-request-row .adm-row-actions select { width: 150px; height: 40px; }
.adm26 .registration-request-row .adm-row-actions .btn { height: 40px; padding: 0 16px; font-size: 14px; }
.adm26 [data-approve-reg] { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3) !important; }


.adm26 .adm-two { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 16px; }
.adm26 .adm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.adm26 .adm-card, .adm26 .health-section { margin: 0; padding: 22px 24px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.adm26 .adm-card-head { align-items: center; margin: 0; }
.adm26 .adm-card-head > div { flex: 1 1 auto; min-width: 0; }
.adm26 .adm-card-ico { width: 40px; height: 40px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; }
.adm26 .adm-card h3 { font-family: var(--v-display); font-size: 17px; font-weight: 700; color: var(--v-text); }
.adm26 .adm-card-head p { margin: 2px 0 0; font-size: 13px; color: var(--v-muted); line-height: 1.4; }
.adm26 .adm-card textarea { min-height: 110px; margin: 0; padding: 14px; border: 0; border-radius: 16px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 14px; line-height: 1.55; box-shadow: none; resize: vertical; }
.adm26 .adm-card textarea:focus { outline: 0; box-shadow: 0 0 0 2px var(--v-accent); }
.adm26 .broadcast-recipients-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; font-weight: 700; }
.adm26 .broadcast-recipients-head .checkbox-row { font-size: 13px; font-weight: 700; }
.adm26 input[type="checkbox"] { accent-color: var(--v-accent); width: 18px; height: 18px; }
.adm26 .broadcast-recipients-list { max-height: 260px; padding: 6px; border: 0; border-radius: 16px; box-shadow: inset 0 0 0 1px var(--v-chip-ring); background: none; }
.adm26 .broadcast-recipient-row { gap: 10px; margin: 0; padding: 8px 10px; border: 0; border-radius: 12px; transition: background-color .15s ease; }
.adm26 .broadcast-recipient-row:has(input:checked) { background: var(--v-o-soft); }
.adm26 .broadcast-recipient-row .avatar-sm { width: 32px; height: 32px; }
.adm26 .contact-pick-name { font-size: 13px; font-weight: 700; }
.adm26 .contact-pick-sub { font-size: 12px; color: var(--v-muted); }
.adm26 .adm26-send { display: flex; align-items: center; gap: 12px; }
.adm26 .adm26-send > span { flex: 1 1 auto; font-size: 12px; color: var(--v-muted); }
.adm26 #broadcast-send-btn { flex-shrink: 0; white-space: nowrap; height: 42px; padding: 0 18px; border: 0; border-radius: 13px; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); font-size: 14px; }
.adm26 .adm-card .adm-list .adm-row { align-items: center; padding: 12px 0; gap: 12px; }
.adm26 .adm-card .adm-list .adm-row + .adm-row { border-top: 1px solid var(--v-row); }
.adm26 .adm-card .adm-row .fin-avatar { width: 36px; height: 36px; font-size: 14px; }
.adm26 .adm-card .adm-row-main { flex: 1 1 auto; }
.adm26 .adm-row-main small { color: var(--v-muted); }
.adm26 .adm-text { font-size: 14px; color: var(--v-text); line-height: 1.5; }
.adm26 .adm26-dark { background: var(--v-ink) !important; color: var(--v-on-ink) !important; height: 42px !important; padding: 0 16px !important; font-size: 14px !important; }
.adm26 .adm-card > div > .btn.secondary, .adm26 .adm-actions .btn { height: 40px !important; padding: 0 14px !important; font-size: 14px !important; }
.adm26 .adm26-switch { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 12px 14px; border-radius: 14px; background: var(--v-row-hover); cursor: pointer; }
.adm26 .adm26-switch > span { display: flex; flex-direction: column; gap: 2px; }
.adm26 .adm26-switch b { font-size: 14px; }
.adm26 .adm26-switch small { font-size: 12px; color: var(--v-muted); }
.adm26 .adm26-switch input { appearance: none; -webkit-appearance: none; position: relative; width: 46px !important; height: 28px !important; flex-shrink: 0; margin: 0; border-radius: 14px; background: #D4D4D8; cursor: pointer; transition: background-color .25s ease; }
.adm26 .adm26-switch input::after { content: ''; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); transition: transform .3s var(--v-spring); }
.adm26 .adm26-switch input:checked { background: var(--v-accent); }
.adm26 .adm26-switch input:checked::after { transform: translateX(18px); }
.adm26 .adm26-label { margin: 0 0 -6px; font-size: 13px; font-weight: 700; }
.adm26 .adm-card select.input { height: 44px; padding: 0 14px; border: 0; border-radius: 14px; background-color: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 14px; font-weight: 600; box-shadow: none; }
.adm26 .adm26-right { display: flex; justify-content: flex-end; }
.adm26 #air-settings-save { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); height: 40px; padding: 0 16px; }
.adm26 #air-settings-result:empty, .adm26 #legacy-import-result:empty, .adm26 #legacy-import-files-result:empty { display: none; }
.adm26 .adm-card table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 14px; overflow: hidden; box-shadow: 0 0 0 1px var(--v-chip-ring); font-size: 13px; }
.adm26 .adm-card table th { background: var(--v-row-hover); color: var(--v-muted); font-size: 12px; font-weight: 700; text-align: left; }
.adm26 .adm-card table td, .adm26 .adm-card table th { padding: 8px 12px; border: 0; border-top: 1px solid var(--v-row); }
.adm26 .adm26-del span { display: inline; }


.adm26 .health-section .adm-card-head { margin-bottom: 0; }
.adm26 .health-count { height: 24px; padding: 0 10px; border-radius: 999px; display: inline-flex; align-items: center; font-size: 12px; font-weight: 800; background: var(--v-r-soft); color: var(--v-r-text); }
.adm26 .health-count.warn { background: var(--v-a-soft); color: var(--v-a-text); }
.adm26 .health-ok { padding: 12px 14px; border-radius: 14px; background: var(--v-g-soft); color: #166534; font-size: 13px; font-weight: 600; }
:root[data-theme="dark"] .adm26 .health-ok { color: var(--v-g-text); }
.adm26 .health-problem { margin: 0; padding: 16px; border: 0; border-radius: 18px; background: var(--v-r-soft); display: flex; flex-direction: column; gap: 10px; }
.adm26 .health-problem.warn { background: var(--v-a-soft); }
:root:not([data-theme="dark"]) .adm26 .health-problem.warn { background: #FEF6DA; }
.adm26 .health-problem-head { display: flex; align-items: center; gap: 12px; }
.adm26 .health-problem-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.adm26 .health-dot { width: 10px; height: 10px; flex-shrink: 0; border-radius: 50%; }
.adm26 .health-dot.bad { background: #EF4444; }
.adm26 .health-dot.warn { background: #EAB308; }
.adm26 .health-problem-title { font-size: 15px; font-weight: 700; color: var(--v-r-text); }
.adm26 .health-problem.warn .health-problem-title { color: var(--v-a-text); }
.adm26 .health-problem-sum { margin: 0; font-size: 13px; color: var(--v-text2); }
.adm26 .health-fix-btn { flex-shrink: 0; height: 38px !important; padding: 0 14px !important; background: var(--v-ink) !important; color: var(--v-on-ink) !important; }
.adm26 .health-details { margin: 0; padding: 0 0 0 20px; display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--v-text3); }
.adm26 .health-note { color: var(--v-muted); }

@container fin (max-width: 1020px) {
  .adm26-thead { display: none; }
  .adm26 .adm-user { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: 'main role' 'status status' 'access actions'; row-gap: 10px; }
  .adm26 .adm-user-main { grid-area: main; }
  .adm26 .adm-user-role { grid-area: role; width: 160px; }
  .adm26 .adm-user-status { grid-area: status; }
  .adm26 .adm-user-access { grid-area: access; }
  .adm26 .adm-user-actions { grid-area: actions; }
  .adm26 .adm-user-status { flex-direction: row; align-items: center; padding-left: 52px; }
  .adm26 .adm-user-access { padding-left: 52px; }
  .adm26 .adm-two { grid-template-columns: 1fr; }
}
@container fin (max-width: 700px) {
  .adm26 .adm-grid { grid-template-columns: 1fr; }
  .adm26 .adm-toolbar { flex-direction: column; align-items: stretch; gap: 10px; }
  .adm26-search { flex: none; width: 100%; }
  .adm26 .adm-chips { flex-wrap: nowrap; margin: 0 -16px; padding: 0 16px; }
  .adm26 .registration-request-row { flex-direction: column; align-items: stretch; padding: 16px !important; }
  .adm26 .registration-request-row .adm-row-actions { flex-wrap: wrap; }
  .adm26 .registration-request-row .adm-row-actions select { flex: 1 1 100%; width: 100%; }
  .adm26 .registration-request-row .adm-row-actions .btn { flex: 1 1 0; }
}

@container fin (max-width: 560px) {
  .adm26 .fin-head { align-items: center; margin-bottom: 14px; padding-top: 0; }
  .adm26 .fin-title { font-size: 28px; font-weight: 800; letter-spacing: -0.03em; }
  .adm26 .fin-sub { font-size: 13px; margin-top: 2px; }
  .adm26 .fin-add { width: 44px; padding: 0; justify-content: center; }
  .adm26 .fin-add-text { display: none; }
  .adm26 .fin-bar { margin: 0 -16px 14px; padding: 0 16px; }
  .adm26 .adm-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: row; gap: 8px; }
  .adm26 .adm-stat { flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; border-radius: 18px; }
  .adm26 .adm26-ico { width: 30px; height: 30px; border-radius: 10px; }
  .adm26 .adm26-ico svg { width: 15px; height: 15px; }
  .adm26 .adm-stat b { font-size: 20px; }
  .adm26 .adm-stat span { font-size: 11px; display: block; }
  .adm26 .adm26-mini .adm-stat { flex-direction: column; }
  .adm26 .adm-callout { padding: 12px 14px; }
  .adm26 .adm-callout.alarm .adm-callout-go > span { display: none; }
  .adm26 details.adm-cleanup .adm26-callout-txt small { display: none; }
  .adm26 .adm26-long { display: none; }
  .adm26 .adm26-short { display: inline; }
  .adm26 .fin-sub { display: block; }
  .adm26 details.adm-cleanup .adm-row { flex-direction: column; align-items: stretch; }
  .adm26 details.adm-cleanup .adm-row-actions .btn { flex: 1 1 0; }
  .adm26-table { background: none; box-shadow: none; border-radius: 0; overflow: visible; }
  .adm26 .adm-users { display: flex; flex-direction: column; gap: 10px; }
  .adm26 .adm-user { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: 'main main' 'role status' 'access access'; gap: 12px 10px; padding: 14px; border-radius: 22px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
  .adm26 .adm-user + .adm-user { border-top: 0; }
  .adm26 .adm-user:hover { background: var(--v-card); }
  .adm26 .adm-user-role { width: 150px; }
  .adm26 .adm-user-status { flex-direction: column; align-items: flex-end; padding-left: 0; }
  .adm26 .adm-user-access { padding: 10px 0 0; border-top: 1px solid var(--v-row); }
  .adm26 .adm-user-actions { display: none; }
  .adm26 .adm-user:not(:has(.adm26-more)) { grid-template-areas: 'main main' 'role status' 'access actions'; }
  .adm26 .adm-user:not(:has(.adm26-more)) .adm-user-actions { display: flex; padding-top: 10px; border-top: 1px solid var(--v-row); }
  .adm26-more { display: inline-flex; }
  .adm26 .adm-card, .adm26 .health-section { padding: 18px 16px; }
  .adm26 .health-problem-head { flex-wrap: wrap; }
  .adm26 .health-fix-btn { width: 100%; }
  .adm26 .adm26-send { flex-direction: column; align-items: stretch; }
  .adm26 #broadcast-send-btn { height: 46px; justify-content: center; }
  .adm26 .adm26-del span { display: none; }
  .adm26 .adm26-del { width: 36px; padding: 0 !important; }
  .adm26 .adm-card .adm-row { flex-direction: row !important; align-items: center !important; }
}


.modal.m26 .adm26-form-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.modal.m26 .adm26-form-2 > div { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.modal.m26 .adm26-form-2 input { width: 100%; }
.modal.m26 .adm26-role-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 8px; margin: 8px 0 12px; }
.modal.m26 .adm26-role-tiles button { padding: 12px 8px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text3); display: flex; flex-direction: column; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; transition: transform .2s var(--v-spring); }
.modal.m26 .adm26-role-tiles button:active { transform: scale(.96); }
.modal.m26 .adm26-role-tiles button.active { background: var(--v-o-soft); color: var(--v-o-text); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.modal.m26 .adm26-sheet-who { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; padding: 12px; border-radius: 16px; background: var(--v-row-hover); }
.modal.m26 .adm26-sheet-who > div:last-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.modal.m26 .adm26-sheet-who b { font-size: 15px; }
.modal.m26 .adm26-sheet-who small { font-size: 12px; color: var(--v-muted); }
.modal.m26 .fin-avatar { width: 44px; height: 44px; flex-shrink: 0; border-radius: 50%; background: linear-gradient(135deg, #FF9A5C, #F25C05); color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; font-weight: 800; }
.modal.m26 .adm26-roles { margin: 8px 0 14px; }
.modal.m26 .adm26-roles button.active { background: var(--v-ink); color: var(--v-on-ink); }
.modal.m26 .adm26-sheet-pills { display: flex; gap: 8px; margin: 8px 0 14px; }
.modal.m26 .adm-pill { height: 34px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--v-soft); color: #71717A; display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; }
.modal.m26 .adm26-sheet-list { display: flex; flex-direction: column; gap: 6px; }
.modal.m26 .adm26-sheet-item { display: flex; align-items: center; gap: 12px; padding: 12px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); text-align: left; font-family: var(--v-font); cursor: pointer; }
.modal.m26 .adm26-sheet-item > span { display: flex; flex-direction: column; gap: 1px; }
.modal.m26 .adm26-sheet-item b { font-size: 15px; }
.modal.m26 .adm26-sheet-item small { font-size: 12px; font-weight: 500; color: var(--v-muted); }
.modal.m26 .adm26-sheet-item.is-danger { background: var(--v-r-soft); color: var(--v-r-text); }
.modal.m26 .adm26-arrow { display: flex; justify-content: center; margin: -4px 0; color: #9CA3AF; }
.modal.m26 .m26-ask { display: flex; flex-direction: column; gap: 8px; }
.modal.m26 .m26-ask input { width: 100%; }


.done-toast.done-toast-action { pointer-events: auto; padding-right: 8px; }
.done-toast-do { margin-left: 6px; height: 30px; padding: 0 12px; border: 0; border-radius: 10px; background: rgba(255, 255, 255, 0.14); color: #FF9A5C; font: inherit; font-weight: 800; cursor: pointer; }
:root[data-theme="dark"] .done-toast-do { background: rgba(0, 0, 0, 0.08); color: #C2410C; }


.h26.cat26 { display: block; font-family: var(--v-font); color: var(--v-text); }
.adm26-back { height: 36px; margin: 0 0 12px; padding: 0 12px 0 8px; border: 0; border-radius: 12px; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; }
.cat26 .fin-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; }
.cat26-bar { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; flex-wrap: wrap; }
.cat26 .catalog-tabs { display: inline-flex; gap: 4px; margin: 0; padding: 5px; border: 0; border-radius: 16px; background: #EDEDEF; }
:root[data-theme="dark"] .cat26 .catalog-tabs { background: var(--v-soft); }
.cat26 .catalog-tab { height: 40px; padding: 0 14px; border: 0; border-radius: 12px; background: transparent; color: var(--v-text3); display: inline-flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; cursor: pointer; }
.cat26 .catalog-tab.active { background: var(--v-ink); color: var(--v-on-ink); border: 0; }
.cat26 .catalog-tab .token-hint { font-size: 12px; color: inherit; opacity: .6; }
.cat26-table { border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); overflow: hidden; }
.cat26-row { display: grid; grid-template-columns: 60px minmax(0, 1fr) 100px; align-items: center; gap: 12px; padding: 10px 18px; border-top: 1px solid var(--v-row); transition: background-color .2s ease; }
.cat26-row:hover { background: var(--v-row-hover); }
.cat26-head { border-top: 0; font-size: 12px; font-weight: 700; color: #9CA3AF; }
.cat26-head:hover { background: none; }
.cat26-head span:last-child, .cat26-acts { text-align: right; justify-content: flex-end; }
.cat26-n { font-size: 13px; color: #9CA3AF; }
.cat26 .catalog-name { font-size: 14px; }
.cat26-acts { display: flex; gap: 6px; }
@media (max-width: 700px) {
  .cat26 .fin-add .fin-add-text { display: none; }
  .cat26 .fin-add { width: 44px; padding: 0; justify-content: center; }
  .cat26-bar .adm26-search { flex: 1 1 100%; }
  .cat26-row { grid-template-columns: 36px minmax(0, 1fr) 80px; padding: 10px 14px; }
}





.h26.kb26 { display: block; font-family: var(--v-font); color: var(--v-text); }
.kb26 .kb26-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 0 22px; padding: 8px 0 0; border: 0; background: none; }
.kb26 .kb26-head h2 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); }
.kb26 .kb26-head .sub { margin-top: 6px; font-size: 15px; color: var(--v-muted); }
.kb26-disk { height: 36px; padding: 0 14px; border-radius: 999px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--v-text2); white-space: nowrap; }
.kb26-disk i { width: 8px; height: 8px; border-radius: 50%; background: #EAB308; }
.kb26-disk.is-on i { background: #22C55E; }
.kb26 .section { margin: 0 0 16px; padding: 0; border: 0; background: none; box-shadow: none; }
.kb26 .kb26-card { padding: 22px 24px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 14px; max-width: 640px; }
.kb26 .kb26-card-head { display: flex; align-items: center; gap: 12px; }
.kb26 .kb26-card-head h3 { margin: 0; font-family: var(--v-display); font-size: 17px; font-weight: 700; }
.kb26 .kb26-card-head p { margin: 2px 0 0; font-size: 13px; color: var(--v-muted); }
.kb26 .kb26-ico { width: 44px; height: 44px; flex-shrink: 0; border-radius: 14px; background: var(--v-o-soft); color: var(--v-o-text); display: inline-flex; align-items: center; justify-content: center; }
.kb26 .kb26-token .token-hint { margin: 0; font-size: 13px; line-height: 1.55; color: var(--v-text3); }
.kb26 .kb26-token .token-hint a { color: var(--v-o-text); font-weight: 700; }
.kb26 #kb-token-input { height: 46px; padding: 0 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 15px; box-shadow: none; }
.kb26 #kb-token-input:focus { outline: 0; box-shadow: 0 0 0 2px var(--v-accent); }
.kb26 .kb26-token .modal-actions { justify-content: flex-end; margin: 0; }
.kb26 #kb-token-save { height: 42px; padding: 0 16px; border: 0; border-radius: 13px; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; }
.kb26 .kb26-demo { display: flex; gap: 12px; align-items: flex-start; max-width: 640px; padding: 16px 18px; border-radius: 20px; background: #FEF6DA; color: #92400E; }
:root[data-theme="dark"] .kb26 .kb26-demo { background: var(--v-a-soft); color: var(--v-a-text); }
.kb26 .kb26-demo .token-hint { margin: 0; font-size: 13px; line-height: 1.5; color: inherit; }


.kb26 .kb-root-tabs { display: inline-flex; flex-wrap: nowrap; gap: 4px; margin: 0 0 18px; padding: 5px; border-radius: 16px; background: #EDEDEF; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.kb26 .kb-root-tabs::-webkit-scrollbar { display: none; }
:root[data-theme="dark"] .kb26 .kb-root-tabs { background: var(--v-soft); }
.kb26 .kb-root-tab { height: 40px; padding: 0 14px; flex-shrink: 0; border-radius: 12px; background: transparent; color: var(--v-text3); display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; white-space: nowrap; transition: background-color .2s ease, color .2s ease; }
.kb26 .kb-root-tab:hover:not(.active) { color: var(--v-text); }
.kb26 .kb-root-tab.active { background: var(--v-ink); color: var(--v-on-ink); }
.kb26 .kb-tab-count { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: var(--v-accent); color: #FFFFFF; font-size: 11px; font-weight: 800; }
.kb26 .kb-root-tab.active .kb-tab-count { background: var(--v-accent); }
.kb26-tab-ava { width: 20px; height: 20px; border-radius: 50%; color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 800; }
.kb26-ava-0 { background: linear-gradient(135deg, #7FB2FF, #3B6FE0); } .kb26-ava-1 { background: linear-gradient(135deg, #7EE0B0, #22A559); }
.kb26-ava-2 { background: linear-gradient(135deg, #C3A6FF, #7B4CE0); } .kb26-ava-3 { background: linear-gradient(135deg, #FFD37A, #E0A21B); }
.kb26-ava-4 { background: linear-gradient(135deg, #FF9FB0, #E0456B); } .kb26-ava-5 { background: linear-gradient(135deg, #FF9A5C, #F25C05); }


.kb26 .kb-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; margin: 0 0 16px; }
.kb26 .kb-breadcrumbs { min-width: 0; display: flex; align-items: center; gap: 6px; overflow: hidden; font-size: 14px; white-space: nowrap; }
.kb26 .kb-breadcrumbs a { font-weight: 600; color: var(--v-muted); text-decoration: none; overflow: hidden; text-overflow: ellipsis; }
.kb26 .kb-breadcrumbs a:hover { color: var(--v-text); text-decoration: none; }
.kb26 .kb-breadcrumbs a[aria-current="page"] { font-weight: 800; color: var(--v-text); }
.kb26 .kb-breadcrumbs .sep { margin: 0; display: inline-flex; flex: none; color: #C4C4CC; }


.kb26 .kb-toolbar { flex-wrap: wrap; row-gap: 10px; }
.kb26 .kb-breadcrumbs { flex: 1 1 auto; }
.kb26 .kb-breadcrumbs:has(.kb26-up) { min-width: min(100%, 420px); }
.kb26 .kb-breadcrumbs > a:not([aria-current]) { flex: 0 0 auto; max-width: 14em; }
.kb26 .kb-breadcrumbs > a[aria-current] { flex: 0 1 auto; min-width: 6em; }
.kb26 .kb26-crumbs-mid { display: inline-flex; align-items: center; gap: 6px; min-width: 0; flex: 0 3 auto; overflow: hidden; }
.kb26 .kb26-crumbs-mid a { min-width: 3em; flex: 0 1 auto; }
.kb26 .kb26-crumbs-more { display: none; align-items: center; gap: 6px; flex: none; color: var(--v-muted); font-weight: 700; }
.kb26-up { width: 32px; height: 32px; flex-shrink: 0; border: 0; border-radius: 10px; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; margin-right: 2px; }
.kb26 .kb-toolbar-sp { flex: 1 1 auto; }
.kb26 .kb-sort { position: relative; height: 40px; box-sizing: border-box; padding: 0 12px; border-radius: 12px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); display: inline-flex; align-items: center; gap: 6px; color: var(--v-muted); flex-shrink: 0; cursor: pointer; }
.kb26 .kb-sort select { height: 38px; padding: 0; border: 0; background: transparent; color: var(--v-text); font-family: var(--v-font); font-size: 13px; font-weight: 700; box-shadow: none; appearance: none; -webkit-appearance: none; cursor: pointer; outline: 0; }
.kb26 .kb-view-toggle { flex-shrink: 0; gap: 2px; padding: 4px; border-radius: 12px; background: #EDEDEF; }
:root[data-theme="dark"] .kb26 .kb-view-toggle { background: var(--v-soft); }
.kb26 .kb-view-toggle button { width: 34px; height: 32px; border: 0; border-radius: 9px; background: transparent; color: var(--v-muted); display: inline-flex; align-items: center; justify-content: center; }
.kb26 .kb-view-toggle button.on { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.kb26 #kb-new-folder, .kb26 #kb-upload-btn { height: 40px; padding: 0 14px; flex-shrink: 0; border: 0; border-radius: 13px; display: inline-flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; white-space: nowrap; transition: transform .2s var(--v-spring); }
.kb26 #kb-new-folder { background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); }
.kb26 #kb-upload-btn { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); }
.kb26 #kb-new-folder:active, .kb26 #kb-upload-btn:active { transform: scale(.96); }


.kb26 .kb-grid { grid-template-columns: repeat(auto-fill, minmax(158px, 1fr)); gap: 14px; }
.kb26 .kb-tile { align-items: stretch; gap: 10px; padding: 8px 8px 12px; border-radius: 22px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); text-align: left; transition: transform .25s var(--v-ease), box-shadow .25s ease; }
.kb26 .kb-tile:hover, .kb26 .kb-tile:focus-visible { background: var(--v-card); transform: translateY(-3px); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 14px 30px rgba(0, 0, 0, 0.08); }
.kb26 .kb-tile.menu-open { z-index: 4; background: var(--v-card); transform: none; box-shadow: 0 0 0 2px var(--v-accent), 0 14px 30px rgba(242, 92, 5, 0.12); }
.kb26 .kb-tile-thumb { width: auto; height: 132px; border-radius: 16px; background: var(--v-row-hover); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.kb26 .kb-thumb-dir .kb-tile-thumb { background: #FFF8E6; }
:root[data-theme="dark"] .kb26 .kb-thumb-dir .kb-tile-thumb { background: rgba(245, 184, 61, 0.12); }
.kb26 .kb-tile-thumb .kb-ico { width: 72px; height: 60px; }
.kb26 .kb-tile[data-kb-type="file"] .kb-tile-thumb .kb-ico, .kb26 .kb-tile-pending .kb-tile-thumb .kb-ico { width: 58px; height: 72px; }
.kb26 .kb-tile-img { width: 100%; height: 100%; border-radius: 0; object-fit: cover; }
.kb26 .kb-tile-open { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-decoration: none; }
.kb26 .kb-tile-play { width: 44px; height: 44px; margin: -22px 0 0 -22px; font-size: 16px; background: rgba(20, 20, 20, 0.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.kb26 .kb-tile-link { left: 8px; top: 8px; right: auto; bottom: auto; width: 26px; height: 26px; border-radius: 9px; background: rgba(255, 255, 255, 0.92); color: #1E1E1E; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); display: inline-flex; align-items: center; justify-content: center; }
.kb26 .kb-tile-more { top: 8px; right: 8px; width: 28px; height: 28px; border-radius: 9px; background: rgba(255, 255, 255, 0.92); color: #1E1E1E; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); display: inline-flex; align-items: center; justify-content: center; opacity: 1; }
.kb26 .kb-tile-name { padding: 0 4px; display: flex; align-items: flex-start; gap: 6px; font-size: 14px; font-weight: 700; -webkit-line-clamp: unset; }
.kb26 .kb-tile-name > span:first-child { flex: 1 1 auto; min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.kb26 .kb-tile-new { flex-shrink: 0; width: 8px; height: 8px; margin: 5px 0 0; background: var(--v-accent); }
.h26.kb26.is-playing .kb-tile-new { animation: kb26dot 1.8s ease-in-out infinite; }
@keyframes kb26dot { 0%, 100% { box-shadow: 0 0 0 0 rgba(242, 92, 5, 0.5); } 50% { box-shadow: 0 0 0 5px rgba(242, 92, 5, 0); } }
.kb26 .kb-tile-meta { margin: -4px 0 0; padding: 0 4px; font-size: 12px; color: var(--v-muted); text-align: left; }
.kb26 .kb-tile-pending { opacity: 1; }
.kb26 .kb-tile-pending.is-failed .kb-tile-thumb { background: var(--v-r-soft); }
.kb26 .kb-tile-state { right: calc(50% - 38px); bottom: calc(50% - 40px); }
.kb26 .kb-tile-state svg { width: 24px; height: 24px; padding: 5px; box-sizing: border-box; border-radius: 50%; background: #EF4444; color: #FFFFFF; }
.kb26 .kb-tile-wait { color: var(--v-o-text); }
.kb26 .kb-tile-bad { color: var(--v-r-text); }
.kb26 .kb-tile-menu { top: 44px; right: auto; left: calc(100% - 44px); min-width: 232px; padding: 6px; gap: 0; border: 0; border-radius: 18px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 24px 60px rgba(0, 0, 0, 0.18); animation: kb26menu .35s var(--v-spring) both; transform-origin: 0 0; }
.kb26 .kb-tile-menu.up { top: auto; bottom: 44px; transform-origin: 0 100%; }
@keyframes kb26menu { from { opacity: 0; transform: scale(.9); } }
.kb26 .kb-tile-menu button, .kb26 .kb-tile-menu a { display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 10px; border-radius: 10px; font-family: var(--v-font); font-size: 14px; font-weight: 600; color: var(--v-text); }
.kb26 .kb-tile-menu button:hover, .kb26 .kb-tile-menu a:hover { background: var(--v-hover); }
.kb26 .kb-tile-menu .is-danger { color: var(--v-r-text); }
.kb26 .kb-menu-sep { height: 1px; margin: 4px 6px; background: var(--v-row); }
.kb26-drophint { margin-top: 16px; height: 64px; border: 2px dashed #DADADF; border-radius: 20px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; font-weight: 600; color: var(--v-muted); }
:root[data-theme="dark"] .kb26-drophint { border-color: #3F3F46; }
@media (hover: none) { .kb26-drophint { display: none; } }


.kb26-rows { border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); overflow: hidden; }
.kb26 .kb-file-row { flex-wrap: nowrap; gap: 14px; padding: 12px 18px; border: 0; border-radius: 0; transition: background-color .2s ease; }
.kb26 .kb-file-row + .kb-file-row { border-top: 1px solid var(--v-row); }
.kb26 .kb-file-row:hover { background: var(--v-row-hover); }
.kb26 .kb-file-row-pending { opacity: 1; }
.kb26 .kb-file-row-pending[data-kb-pending-status="failed"] { background: rgba(239, 68, 68, 0.05); }
.kb26 .kb-file-icon { width: 40px; height: 40px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.kb26 .kb-file-icon .kb-ico { width: 34px; height: 40px; }
.kb26 .kb-file-row[data-kb-type="dir"] .kb-file-icon .kb-ico { width: 40px; height: 34px; }
.kb26-row-img { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; background: var(--v-soft); }
.kb26 .kb-file-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.kb26 .kb-file-name { font-size: 14px; font-weight: 700; color: var(--v-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kb26 .kb-file-new { margin-left: 6px; height: 18px; padding: 0 7px; border-radius: 999px; background: var(--v-o-soft); color: var(--v-o-text); font-size: 11px; font-weight: 800; vertical-align: 1px; }
.kb26 .kb-file-meta { margin: 0; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; font-size: 12px; color: var(--v-muted); }


.kb26 .kb-file-row-pending .kb-file-meta { flex-wrap: nowrap; align-items: flex-start; gap: 6px; }
.kb26 .kb-file-row-pending .kb-pending-spinner { flex: none; margin-top: 2px; }
.kb26 .kb-pending-text { min-width: 0; }
.kb26 .kb-author-dot { width: 18px; height: 18px; border-radius: 50%; background: linear-gradient(135deg, #7FB2FF, #3B6FE0); color: #FFFFFF; font-size: 9px; font-weight: 800; }
.kb26 .kb-pending-failed { color: var(--v-r-text); }
.kb26 .kb-file-actions { gap: 6px; flex-wrap: nowrap; width: auto; padding: 0; }
.kb26 .kb-file-actions button, .kb26 .kb-file-actions .kb-file-download { width: 34px; height: 34px; padding: 0; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; transition: transform .2s var(--v-spring), background-color .15s ease; }
.kb26 .kb-file-actions button:hover, .kb26 .kb-file-actions .kb-file-download:hover { background: var(--v-hover); filter: brightness(.97); }
.kb26 .kb-file-actions > * > span { display: none; }
.kb26 .kb-file-actions .kb-to-shared { width: auto; padding: 0 12px; }
.kb26 .kb-file-actions .kb-to-shared > span { display: inline; }
.kb26 .kb-file-actions .is-linked { background: var(--v-o-soft); color: var(--v-o-text); }
.kb26 .kb-file-actions .is-danger { background: var(--v-r-soft); color: var(--v-r-text); }




.kb26 .kb-file-actions.kb-tile-menu { flex-direction: column; align-items: stretch; width: auto; padding: 6px; gap: 0; }
.kb26 .kb-file-actions.kb-tile-menu button, .kb26 .kb-file-actions.kb-tile-menu a {
  width: auto; height: 38px; padding: 0 10px; justify-content: flex-start; gap: 10px; background: transparent;
  font-size: 14px; font-weight: 600; color: var(--v-text); white-space: nowrap; text-decoration: none;
}
.kb26 .kb-file-actions.kb-tile-menu button:hover, .kb26 .kb-file-actions.kb-tile-menu a:hover { background: var(--v-hover); filter: none; }
.kb26 .kb-file-actions.kb-tile-menu .is-danger { background: transparent; color: var(--v-r-text); }
.kb26 .kb-file-actions.kb-tile-menu .is-danger:hover { background: var(--v-r-soft); }
.kb26 .kb-file-actions.kb-tile-menu svg { flex-shrink: 0; }
.kb26-row-more { display: none; width: 34px; height: 34px; flex-shrink: 0; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); align-items: center; justify-content: center; cursor: pointer; }


.kb26 .kb-empty { max-width: 520px; margin: 0 auto; padding: 40px 24px; border: 2px dashed #DADADF; border-radius: 24px; background: var(--v-card); display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; color: var(--v-muted); font-size: 13px; }
:root[data-theme="dark"] .kb26 .kb-empty { border-color: #3F3F46; }
.kb26 .kb-empty b { font-family: var(--v-display); font-size: 18px; color: var(--v-text); }
.kb26 .kb26-empty-ico .kb-ico { width: 80px; height: 66px; }
.h26.kb26.is-playing .kb26-empty-ico { animation: kb26float 1.6s ease-in-out infinite; }
@keyframes kb26float { 50% { transform: translateY(-6px); } }
.kb26 .kb-empty .btn { height: 42px; padding: 0 16px; border: 0; border-radius: 13px; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; }
.kb26 #kb-file-list { border-radius: 24px; transition: background-color .2s ease, box-shadow .2s ease; }
.kb26 #kb-file-list.kb-drop-active { background: var(--v-o-soft); box-shadow: 0 0 0 2px var(--v-accent); outline: 0; }
.kb26 .kb26-mock { margin: 0 0 12px; padding: 12px 16px; border-radius: 16px; background: var(--v-a-soft); color: var(--v-a-text); font-size: 13px; font-weight: 600; }
.kb26 .kb26-sk-gap { margin-top: 62px; }
.kb26 .kb-sk { background: var(--v-row); }
.kb26 .kb-skeleton.kb-grid .kb-tile { box-shadow: 0 0 0 1px var(--v-chip-ring); transform: none; }
.kb26 .kb-skeleton .kb-tile-thumb { background: none; }
.kb26 .kb-skeleton .kb-sk-thumb { width: 100%; height: 100%; border-radius: 16px; }
.kb26 .kb-skeleton .kb-sk-line { margin: 2px 4px 0; }
.kb26 .kb-skeleton:not(.kb-grid) { border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); overflow: hidden; }


.kb26-tray { position: fixed; right: 24px; bottom: 24px; z-index: 90; width: 360px; max-width: calc(100vw - 32px); box-sizing: border-box; padding: 16px; border-radius: 22px; background: #141414; color: #FFFFFF; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; gap: 12px; font-family: var(--v-font); animation: kb26tray .4s var(--v-spring) both; }
.kb26-tray.is-leaving { animation: kb26trayout .25s ease forwards; }
@keyframes kb26tray { from { opacity: 0; transform: translateY(16px) scale(.96); } }
@keyframes kb26trayout { to { opacity: 0; transform: translateY(10px); } }
.kb26-tray-head { display: flex; align-items: baseline; gap: 10px; }
.kb26-tray-head b { flex: 1 1 auto; font-size: 15px; }
.kb26-tray-head small { font-size: 12px; color: rgba(255, 255, 255, 0.6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 55%; }
.kb26-tray-row { display: flex; flex-direction: column; gap: 6px; }
.kb26-tray-row > div { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; }
.kb26-tray-row > div span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kb26-tray-row small { flex-shrink: 0; color: rgba(255, 255, 255, 0.6); }
.kb26-tray-row i { height: 6px; border-radius: 3px; background: rgba(255, 255, 255, 0.12); overflow: hidden; }
.kb26-tray-row i b { display: block; height: 100%; background: var(--v-accent); transform: scaleX(0); transform-origin: 0 50%; transition: transform .25s ease; }
.kb26-tray-row.is-done i b { background: #22C55E; }
.kb26-tray-row.is-failed i b { background: #EF4444; }
.kb26-tray-row.is-failed small { color: #FCA5A5; }


.modal.m26 .kb26-sheet-who, .modal .kb26-sheet-who { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; }
.modal .kb26-sheet-ico { width: 56px; height: 56px; flex-shrink: 0; border-radius: 14px; background: var(--v-row-hover, #F7F7F8); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.modal .kb26-sheet-ico img { width: 100%; height: 100%; object-fit: cover; }
.modal .kb26-sheet-ico .kb-ico { width: 38px; height: 46px; }
.modal .kb26-sheet-who > div { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.modal .kb26-sheet-who b { font-size: 15px; overflow-wrap: anywhere; }
.modal .kb26-sheet-who small { font-size: 12px; color: var(--v-muted, #6B7280); }
.modal .kb26-sheet-list { display: flex; flex-direction: column; gap: 6px; }
.modal .kb26-sheet-item { height: 50px; padding: 0 14px; border: 0; border-radius: 14px; background: var(--v-soft, #F4F4F5); color: var(--v-text, #1E1E1E); display: flex; align-items: center; gap: 12px; font-family: var(--v-font); font-size: 15px; font-weight: 700; text-align: left; cursor: pointer; }
.modal .kb26-sheet-item svg { width: 18px; height: 18px; }
.modal .kb26-sheet-item.is-danger { background: var(--v-r-soft, #FDECEC); color: var(--v-r-text, #B42318); }
.modal .kb26-link-field { width: 100%; }


@media (max-width: 860px) {
  .kb26 .kb26-head { align-items: flex-start; margin-bottom: 14px; padding-top: 0; }
  .kb26 .kb26-head h2 { font-size: 28px; font-weight: 800; letter-spacing: -0.03em; }
  .kb26 .kb26-head .sub { font-size: 13px; margin-top: 2px; }
  .kb26-disk { display: none; }
  .kb26 .kb-root-tabs { margin: 0 0 12px; }
  .kb26 .kb-toolbar { flex-wrap: wrap; gap: 8px; }
  .kb26 .kb-breadcrumbs { flex: 1 1 100%; font-size: 13px; }
  .kb26 .kb26-crumbs-mid { display: none; }
  .kb26 .kb26-crumbs-more { display: inline-flex; }
  .kb26 .kb-toolbar-sp { display: none; }
  .kb26 #kb-upload-btn { order: 1; }
  .kb26 #kb-new-folder { order: 2; width: 40px; padding: 0; justify-content: center; }
  .kb26 #kb-new-folder span { display: none; }
  .kb26 .kb-sort { order: 3; margin-left: auto; width: 40px; padding: 0; justify-content: center; }
  .kb26 .kb-sort select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; }
  .kb26 .kb-sort svg:last-of-type { display: none; }
  .kb26 .kb-view-toggle { order: 4; }
  .kb26 .kb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .kb26 .kb-tile-thumb { height: 96px; }
  .kb26 .kb-tile-thumb .kb-ico { width: 58px; height: 48px; }
  .kb26 .kb-tile[data-kb-type="file"] .kb-tile-thumb .kb-ico, .kb26 .kb-tile-pending .kb-tile-thumb .kb-ico { width: 46px; height: 58px; }
  .kb26 .kb-tile-name { font-size: 13px; }
  .kb26 .kb-tile-menu { display: none !important; }
  .kb26 .kb-file-row { padding: 10px 12px; gap: 12px; }
  .kb26 .kb-file-actions { display: none; }
  .kb26-row-more { display: inline-flex; }
  .kb26 .kb-file-name { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .kb26-tray { left: 16px; right: 16px; width: auto; bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
}
.kb26 .kb-tile-state .kb-pending-spinner { width: 22px; height: 22px; box-sizing: border-box; border-width: 3px; border-radius: 50%; background: var(--v-card); }









.oc26 label.checkbox-row { color: var(--v-text); }
.cat26-acts .btn { width: 36px; height: 36px; min-height: 36px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 860px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]),
  select, textarea { font-size: 16px !important; }

  .adm26 .adm-pill { height: 34px; }
  .adm26 .adm-user-role { width: 170px; }
  #ai-new-chat-btn { min-height: 40px; }
  #ai-sidebar-toggle { min-height: 36px; }
  .ait-list-filters .chat-folder-chip, .content-tabs .content-tab-btn, #filter-kind .chip,
  .content-subtabs .content-subtab-btn, .subject-chips .subject-chip { min-height: 34px; }
  #cab-add, #order-add-payment { min-height: 40px; }
  #cal-prev, #cal-next { min-width: 36px; min-height: 36px; }
  #cal-today, #cd-preview, #cd-send { min-height: 36px; }
  .msg > button.copy { min-height: 34px; }
  .dl26 .dlg-view-tab { min-width: 40px; }
  .dlg-item-menu-btn { min-width: 36px; min-height: 36px; }
  #dlg-thread-tag-add { min-height: 32px; }
  #copy-order-num { min-width: 32px; min-height: 32px; }
  .p26-copy, .cnt-post-actions .cnt-act { min-width: 36px; min-height: 36px; }
  #chat-pinned-manage { min-width: 34px; min-height: 34px; }

  .cal-task-order-open, .p26-meta .p26-file, .cnt-project-photos .link-btn { min-height: 32px; display: inline-flex; align-items: center; }
  .task-row-text { min-height: 32px; }

  .cal26-task-check, .chat-read-eye { position: relative; }
  .cal26-task-check::before, .chat-read-eye::before, #chat-emoji-btn::before { content: ''; position: absolute; inset: -9px; }
  #main a[href^="tel:"] { display: inline-block; padding: 7px 0; }
  .task-row-check { width: 26px !important; height: 26px !important; }
  .pf26 details > summary { min-height: 40px; display: flex; align-items: center; }
  .oc26 .checkbox-row input[type="checkbox"] { width: 22px; height: 22px; }
}





.h26.av26 { display: block; font-family: var(--v-font); color: var(--v-text); }
.av26 .av26-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 0 0 18px; padding-top: 8px; flex-wrap: wrap; }
.av26 .av26-title { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.av26 .av26-title h1 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); }
.av26 .av26-title p { margin: 0; font-size: 15px; color: var(--v-muted); }
.av26-back { align-self: flex-start; height: auto; padding: 0; border: 0; background: none; color: var(--v-muted); display: inline-flex; align-items: center; gap: 4px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; }
.av26-back:hover { color: var(--v-text); }
.av26 .btn { font-family: var(--v-font); }
.av26 .btn svg { flex-shrink: 0; }


.av26 .avito-crumbs { margin: 0; padding: 0; border: 0; background: none; display: flex; align-items: center; gap: 10px; }
.av26 .avito-who { position: relative; }
.av26 .avito-who-btn { height: 48px; padding: 0 12px 0 8px; border: 0; border-radius: 14px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); display: inline-flex; align-items: center; gap: 10px; font-family: var(--v-font); color: var(--v-text); cursor: pointer; max-width: 340px; }
.av26 .avito-who-btn:hover { box-shadow: 0 0 0 1px var(--v-chip-ring), 0 6px 16px rgba(0, 0, 0, 0.06); }
.av26 .avito-who-ava { width: 32px; height: 32px; flex-shrink: 0; border-radius: 10px; background: linear-gradient(135deg, #FF9A5C, #F25C05); color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; }
.av26 .avito-who-ava.is-all { background: var(--v-soft); color: var(--v-text2); }
.av26 .avito-who-txt { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; line-height: 1.2; }
.av26 .avito-who-name { font-size: 14px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 220px; }
.av26 .avito-who-txt small { font-size: 11px; color: var(--v-muted); font-weight: 600; }
.av26 .avito-who-chev { display: inline-flex; color: var(--v-muted); }
.av26 .avito-who-menu { right: 0; left: auto; top: calc(100% + 8px); min-width: 300px; padding: 6px; border: 0; border-radius: 18px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 24px 60px rgba(0, 0, 0, 0.16); animation: kb26menu .3s var(--v-spring) both; transform-origin: 100% 0; }
.av26 .avito-who-row { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px; border: 0; border-radius: 12px; background: none; color: var(--v-text); text-align: left; font-family: var(--v-font); cursor: pointer; }
.av26 .avito-who-row:hover { background: var(--v-hover); }
.av26 .avito-who-row.is-on { background: var(--v-soft); }
.av26 .avito-who-row-name { font-size: 14px; font-weight: 700; }
.av26 .avito-who-menu-sep { height: 1px; margin: 4px 8px; background: var(--v-row); }
.av26 .avito-crumb-state { height: 28px; padding: 0 12px; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; background: var(--v-soft); color: var(--v-text3); white-space: nowrap; }
.av26 .avito-crumb-state.is-good { background: var(--v-g-soft); color: #166534; }
.av26 .avito-crumb-state.is-warn { background: var(--v-a-soft); color: var(--v-a-text); }
:root:not([data-theme="dark"]) .av26 .avito-crumb-state.is-warn { background: #FEF6DA; color: #92400E; }
.av26 .avito-crumb-state.is-bad { background: var(--v-r-soft); color: var(--v-r-text); }
:root[data-theme="dark"] .av26 .avito-crumb-state.is-good { color: var(--v-g-text); }
.av26 .avito-crumb-state .avito-cab-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }


.av26 #avito-tabs[hidden] { display: none; }
.av26 #avito-tabs { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px; }
.av26 .avito-tabs-row { display: inline-flex; flex-wrap: nowrap; gap: 4px; margin: 0; padding: 5px; border: 0; border-radius: 16px; background: #EDEDEF; }
:root[data-theme="dark"] .av26 .avito-tabs-row { background: var(--v-soft); }
.av26 .avito-tabs-row .content-tab-btn { height: 40px; padding: 0 14px; border: 0; border-radius: 12px; background: transparent; color: var(--v-text3); display: inline-flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; box-shadow: none; white-space: nowrap; }
.av26 .avito-tabs-row .content-tab-btn:hover:not(.active) { color: var(--v-text); background: none; }
.av26 .avito-tabs-row .content-tab-btn.active { background: var(--v-ink); color: var(--v-on-ink); }
.av26 .avito-tools { margin: 0; padding: 0; border: 0; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.av26 .avito-tools-lab { margin: 0 4px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #9CA3AF; }
.av26 .avito-tool { height: 34px; padding: 0 12px; border: 0; border-radius: 11px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text); display: inline-flex; align-items: center; gap: 7px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; }
.av26 .avito-tool svg { color: var(--v-o-text); }
.av26 .avito-tool:hover { box-shadow: 0 0 0 1px var(--v-chip-ring), 0 4px 12px rgba(0, 0, 0, 0.06); }
.av26 .avito-tool.active { background: var(--v-o-soft); box-shadow: inset 0 0 0 1.5px var(--v-accent); color: var(--v-o-text); }
.av26 .avito-back { flex-basis: 100%; margin: 0; }
.av26 .avito-back .link-btn { font-size: 13px; font-weight: 700; color: var(--v-muted); }


.av26 .avito-hint { font-size: 13px; line-height: 1.5; color: var(--v-muted); }
.av26 .fld-note { font-size: 12px; line-height: 1.5; color: var(--v-muted); }
.av26 .avito-dash-sec { margin: 0 0 16px; padding: 20px 22px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.av26 .avito-dash-h { margin: 0 0 14px; font-family: var(--v-display); font-size: 17px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--v-text); }
.av26 .avito-res-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.av26 .avito-res-head .avito-dash-h { margin: 0; flex: 1 1 auto; }
.av26 .avito-cab-quiet, .av26 .avito-cab-link { height: 36px; padding: 0 12px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; text-decoration: none; white-space: nowrap; }
.av26 .avito-cab-quiet:hover, .av26 .avito-cab-link:hover { background: var(--v-hover); }
.av26 .av26-ico-only { width: 36px; padding: 0; justify-content: center; }
.av26 .btn.primary, .av26 .btn.btn-primary, .av26 .av26-primary { height: 40px; padding: 0 16px; border: 0; border-radius: 13px; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; }
.av26 .btn.primary.small { height: 38px; font-size: 13px; }
.av26 .btn.secondary { border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); box-shadow: none; display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
.av26 .av26-note, .modal .av26-note { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 12px; padding: 12px 14px; border-radius: 16px; background: var(--v-b-soft); color: var(--v-b-text); font-size: 13px; font-weight: 600; line-height: 1.45; }
.av26 .av26-note svg, .modal .av26-note svg { flex-shrink: 0; margin-top: 1px; }
.av26-hidden-text { display: inline-flex; align-items: center; gap: 6px; color: #9CA3AF; font-style: italic; }
.av26 .av26-empty { padding: 28px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); text-align: center; }


.av26 .avito-cab-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; margin: 0; }
.av26 .avito-cab-stat { padding: 12px 14px; border: 0; border-radius: 14px; background: var(--v-row-hover); display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.av26 .avito-cab-v { font-family: var(--v-display); font-size: 20px; font-weight: 800; letter-spacing: -0.02em; color: var(--v-text); }
.av26 .avito-cab-l { font-size: 12px; color: var(--v-muted); }
.av26 .avito-cab-s { font-size: 11px; color: #9CA3AF; }
.av26 .avito-cab-s.is-warn { color: var(--v-r-text); font-weight: 700; }


.av26 .avito-cabs-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 16px; flex-wrap: wrap; }
.av26 .avito-cabs-head .avito-hint { max-width: 560px; }
.av26 .avito-cabs-actions { display: flex; gap: 8px; align-items: center; }
.av26 .avito-cab { margin: 0 0 16px; padding: 22px 24px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 14px; }
.av26 .avito-cab-top { display: flex; align-items: center; gap: 14px; margin: 0; }
.av26 .avito-cab-ava { position: relative; width: 56px; height: 56px; flex-shrink: 0; border: 0; border-radius: 18px; background: linear-gradient(135deg, #FF9A5C, #F25C05); color: #FFFFFF; font-family: var(--v-display); font-size: 20px; font-weight: 800; overflow: visible; cursor: pointer; }
.av26 .avito-cab-ava img { width: 100%; height: 100%; border-radius: 18px; object-fit: cover; }
.av26 .avito-cab-ava-cam { position: absolute; right: -4px; bottom: -4px; width: 22px; height: 22px; border-radius: 50%; background: var(--v-card); color: var(--v-text3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; }
.av26 .avito-cab-who { flex: 1 1 auto; min-width: 0; }
.av26 .avito-cab-name { font-family: var(--v-display); font-size: 18px; font-weight: 700; }
.av26 .avito-cab-meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 4px; font-size: 12px; color: var(--v-muted); }
.av26 .avito-cab-star { color: #E0A21B; }
.av26 .avito-cab-state { height: 26px; padding: 0 12px; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; background: var(--v-soft); color: var(--v-text3); white-space: nowrap; }
.av26 .avito-cab-state.is-good { background: var(--v-g-soft); color: #166534; }
.av26 .avito-cab-state.is-warn { background: #FEF6DA; color: #92400E; }
.av26 .avito-cab-state.is-bad { background: var(--v-r-soft); color: var(--v-r-text); }
:root[data-theme="dark"] .av26 .avito-cab-state.is-good { color: var(--v-g-text); }
:root[data-theme="dark"] .av26 .avito-cab-state.is-warn { background: var(--v-a-soft); color: var(--v-a-text); }
.av26 .avito-cab-state .avito-cab-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.av26 .avito-cab-issue { margin: 0; padding: 12px 14px; border: 0; border-radius: 16px; background: var(--v-r-soft); color: var(--v-text); display: flex; align-items: center; gap: 12px; font-size: 13px; line-height: 1.45; }
.av26 .avito-cab-issue.is-warn { background: #FEF6DA; }
:root[data-theme="dark"] .av26 .avito-cab-issue.is-warn { background: var(--v-a-soft); }
.av26 .avito-cab-issue-text { flex: 1 1 auto; }
.av26 .avito-cab-foot { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0; padding-top: 12px; border-top: 1px solid var(--v-row); }
.av26 .avito-cab-rule { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--v-muted); }
.av26 .avito-cab-rule .avito-cab-dot { width: 6px; height: 6px; border-radius: 50%; }
.av26 .avito-cab-dot.is-good { background: #22C55E; } .av26 .avito-cab-dot.is-off { background: #C4C4CC; }
.av26 .avito-cab-dot.is-warn { background: #EAB308; } .av26 .avito-cab-dot.is-bad { background: #EF4444; }
.av26 .avito-cab-spacer { flex: 1 1 auto; }
.av26 .avito-cab-open { height: 38px; padding: 0 14px; border: 0; border-radius: 12px; background: var(--v-ink); color: var(--v-on-ink); display: inline-flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; }
.av26 .avito-cab-open.is-primary { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); }


.av26 .board-alarm { margin: 0 0 14px; padding: 14px 18px; border: 0; border-radius: 20px; background: #FEF6DA; color: var(--v-text); display: flex; align-items: center; gap: 14px; font-size: 13px; line-height: 1.45; }
.av26 .board-alarm.is-bad { background: var(--v-r-soft); }
:root[data-theme="dark"] .av26 .board-alarm { background: var(--v-a-soft); }
:root[data-theme="dark"] .av26 .board-alarm.is-bad { background: var(--v-r-soft); }
.av26 .board-alarm-txt { flex: 1 1 auto; }
.av26 .board-alarm-sub { margin-top: 4px; font-size: 12px; color: var(--v-muted); }
.av26 .board-alarm .btn { height: 38px; padding: 0 14px; border: 0; border-radius: 12px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; background: var(--v-card); color: var(--v-text); box-shadow: none; white-space: nowrap; }
.av26 .board-alarm .btn-primary { background: #EF4444; color: #FFFFFF; }
.av26 .board-alarm .link-btn { font-weight: 800; color: var(--v-o-text); white-space: nowrap; }
.av26 .av26-totals { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 12px; margin: 0 0 14px; padding: 18px 22px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.av26 .av26-tot { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.av26 .av26-tot b { font-family: var(--v-display); font-size: 24px; font-weight: 800; letter-spacing: -0.02em; }
.av26 .av26-tot span { font-size: 12px; color: var(--v-muted); }
.av26 .av26-tot.is-warn b { color: var(--v-r-text); }
.av26 .av26-tot-last { display: flex; flex-direction: column; justify-content: center; gap: 2px; padding-left: 14px; border-left: 1px solid var(--v-row); }
.av26 .av26-tot-last span { font-size: 12px; color: var(--v-muted); }
.av26 .av26-tot-last b { font-size: 14px; }
.av26 .board-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 8px; border: 0; }
.av26 .board-tab { height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text2); display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; box-shadow: none; }
.av26 .board-tab sup { top: 0; font-size: 11px; opacity: .6; }
.av26 .board-tab.on { background: var(--v-ink); color: var(--v-on-ink); }
.av26 .board-filters { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 10px 0 14px; }
.av26 .board-sel, .av26 .board-search { height: 40px; padding: 0 12px; border: 0; border-radius: 12px; background-color: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text); font-family: var(--v-font); font-size: 14px; }
.av26 .board-search { min-width: 220px; }
.av26 .av26-only-card { height: 40px; padding: 0 12px; border: 0; border-radius: 12px; background: var(--v-o-soft); color: var(--v-o-text); display: inline-flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 13px; font-weight: 800; cursor: pointer; }
.av26 .board-card { margin: 0 0 14px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); overflow: hidden; }
.av26 .board-card-head { width: 100%; padding: 16px 18px; border: 0; background: none; display: flex; align-items: center; gap: 10px; font-family: var(--v-font); color: var(--v-text); cursor: pointer; text-align: left; }
.av26 .board-card-caret { width: 30px; height: 30px; border-radius: 10px; background: var(--v-o-soft); color: var(--v-o-text); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; }
.av26 .board-card-name { font-family: var(--v-display); font-size: 16px; font-weight: 700; }
.av26 .board-card-n { font-size: 12px; color: var(--v-muted); }
.av26 .board-grp { border-top: 1px solid var(--v-row); }
.av26 .board-grp-head { display: flex; align-items: center; gap: 10px; padding: 10px 18px; background: var(--v-row-hover); font-size: 12px; color: var(--v-muted); }
.av26 .board-grp-name { font-size: 13px; font-weight: 800; color: var(--v-text); }
.av26 .board-grp.is-warn .board-grp-name { color: var(--v-r-text); }
.av26 .board-grp-n { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--v-card); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; }
.av26 .board-grp-head .link-btn { font-weight: 800; color: var(--v-o-text); }
.av26 .avito-table-wrap { border: 0; border-radius: 0; box-shadow: none; }
.av26 .board-t th { padding: 10px 8px; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #9CA3AF; background: none; border: 0; }
.av26 .board-t td { padding: 10px 8px; border: 0; border-top: 1px solid var(--v-row); font-size: 13px; }
.av26 .board-t tr.is-sel td { background: rgba(242, 92, 5, 0.06); }
.av26 .board-t td.num { font-weight: 700; }
.av26 .board-t td.dim { color: var(--v-muted); }
.av26 .board-t input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--v-accent); }
.av26 .board-city { padding: 0; border: 0; background: none; font-family: var(--v-font); font-size: 14px; font-weight: 800; color: var(--v-text); cursor: pointer; text-align: left; }
.av26 .board-city:hover { color: var(--v-o-text); text-decoration: underline; text-underline-offset: 3px; }
.av26 .board-why { margin-top: 2px; font-size: 11px; color: var(--v-muted); }
.av26 .board-pill { height: 22px; padding: 0 9px; border-radius: 999px; display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 800; border: 0; }
.av26 .board-pill::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.av26 .board-open { font-size: 12px; font-weight: 700; color: var(--v-o-text); }
.av26 .board-more-link { padding: 0; border: 0; background: none; font-family: var(--v-font); cursor: pointer; }
.av26 .board-city:hover { text-decoration: none; color: var(--v-text); }
.av26 .board-more { padding: 10px 18px; }
.av26 .board-acts { position: sticky; bottom: 16px; z-index: 6; margin: 16px 0 0; padding: 12px 14px; border: 0; border-radius: 22px; background: #141414; color: #FFFFFF; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); animation: kb26tray .4s var(--v-spring) both; }
.av26 .board-acts[hidden] { display: none; }
.av26 .board-acts-top { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.av26 .board-acts-top b { font-size: 14px; }
.av26 .board-acts .link-btn { color: rgba(255, 255, 255, 0.7); font-weight: 700; }
.av26 .board-acts-row { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.av26 .board-acts .btn.secondary { height: 38px; padding: 0 12px; border-radius: 12px; background: rgba(255, 255, 255, 0.1); color: #FFFFFF; font-size: 13px; }
.av26 .board-acts .btn.secondary:hover { background: rgba(255, 255, 255, 0.18); }
.av26 .board-acts .btn.is-danger { background: rgba(239, 68, 68, 0.22); color: #FCA5A5; }
.av26 .board-acts .board-sel { height: 38px; background-color: rgba(255, 255, 255, 0.1); box-shadow: none; color: #FFFFFF; }
.av26 .board-acts .board-sel option { color: #1E1E1E; }
.av26 .board-noplace { margin: 0 0 10px; padding: 10px 12px; border-radius: 12px; background: rgba(234, 179, 8, 0.16); color: #FCD34D; }


.av26 .avito-rule { margin: 0 0 14px; padding: 20px 22px; border: 0; border-radius: 22px; background: var(--v-row-hover); box-shadow: none; display: flex; flex-direction: column; gap: 12px; }
.av26 .avito-rule-top { display: flex; align-items: flex-start; gap: 12px; }
.av26 .av26-card-ico { width: 44px; height: 44px; flex-shrink: 0; border-radius: 14px; background: var(--v-o-soft); color: var(--v-o-text); display: inline-flex; align-items: center; justify-content: center; }
.av26 .avito-rule-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.av26 .avito-rule-name { font-family: var(--v-display); font-size: 17px; font-weight: 700; }
.av26 .avito-rule-sub { margin-top: 4px; font-size: 12px; color: var(--v-muted); }
.av26 .avito-listing-badge { height: 22px; padding: 0 9px; border-radius: 999px; display: inline-flex; align-items: center; font-size: 11px; font-weight: 800; border: 0; }
.av26 .avito-listing-badge.is-live { background: var(--v-b-soft); color: var(--v-b-text); }
.av26 .avito-listing-badge.is-warn { background: #FEF6DA; color: #92400E; }
.av26 .avito-listing-badge.is-dim { background: var(--v-soft); color: var(--v-text3); }
:root[data-theme="dark"] .av26 .avito-listing-badge.is-warn { background: var(--v-a-soft); color: var(--v-a-text); }
.av26 .avito-rule-kind { font-size: 12px; color: var(--v-muted); }
.av26 .avito-card-rows { display: flex; flex-direction: column; gap: 0; padding: 4px 14px; border-radius: 16px; background: var(--v-card); }
.av26 .avito-card-row { display: flex; gap: 12px; padding: 8px 0; border-top: 1px solid var(--v-row); font-size: 13px; }
.av26 .avito-card-row:first-child { border-top: 0; }
.av26 .avito-card-row .k { flex: 0 0 200px; color: var(--v-muted); }
.av26 .avito-card-row .v { flex: 1 1 auto; }
.av26 .avito-rule-warn { margin: 0; padding: 10px 12px; border: 0; border-radius: 12px; background: #FEF6DA; color: #92400E; display: flex; align-items: center; gap: 10px; font-size: 12px; line-height: 1.45; }
:root[data-theme="dark"] .av26 .avito-rule-warn { background: var(--v-a-soft); color: var(--v-a-text); }
.av26 .avito-rule-note { font-size: 12px; color: var(--v-muted); }
.av26 .avito-rule-note.is-warn { color: var(--v-a-text); }
.av26 .avito-rule-foot { display: flex; gap: 8px; flex-wrap: wrap; margin: 0; padding: 0; border: 0; }
.av26 .avito-rule-empty { padding: 20px; border-radius: 18px; background: var(--v-row-hover); font-size: 13px; color: var(--v-muted); }
.av26 .avito-ad-box { margin: 0; padding: 16px; border: 0; border-radius: 18px; background: var(--v-row-hover); }
.av26 .avito-ad-why { font-size: 13px; line-height: 1.55; color: var(--v-text2); }
.av26 .avito-ad-acts { display: flex; align-items: center; gap: 10px; margin-top: 12px; flex-wrap: wrap; }


.av26 .avito-inbox-hours { display: flex; align-items: flex-end; gap: 4px; height: 90px; }
.av26 .avito-inbox-hour { flex: 1 1 0; border-radius: 4px; background: #FDBA74; transform-origin: 50% 100%; }
.av26 .avito-inbox-hour.is-peak { background: var(--v-accent); }
.av26 .avito-inbox-hour.is-zero { background: var(--v-bar); }
.h26.av26.is-playing .avito-inbox-hour { animation: h26grow 1s var(--v-ease) both; }
.av26 .avito-inbox-hours-legend { display: flex; justify-content: space-between; margin-top: 6px; font-size: 11px; color: #9CA3AF; }
.av26 .avito-listing-states { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; }
.av26 .avito-listing-state-chip { min-width: 96px; padding: 10px 12px; border: 0; border-radius: 14px; background: var(--v-row-hover); box-shadow: none; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; font-family: var(--v-font); cursor: pointer; }
.av26 .avito-listing-state-chip .n { font-family: var(--v-display); font-size: 18px; font-weight: 800; color: var(--v-text); }
.av26 .avito-listing-state-chip .n.is-warn { color: var(--v-r-text); }
.av26 .avito-listing-state-chip .l { font-size: 12px; color: var(--v-muted); }
.av26 .avito-listing-state-chip.is-on { background: var(--v-ink); }
.av26 .avito-listing-state-chip.is-on .n, .av26 .avito-listing-state-chip.is-on .l { color: var(--v-on-ink); }
.av26 .avito-listings-head .chat-folder-chips { display: flex; gap: 6px; }
.av26 .avito-listings-head .chat-folder-chip { height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text2); font-family: var(--v-font); font-size: 13px; font-weight: 700; box-shadow: none; }
.av26 .avito-listings-head .chat-folder-chip.active { background: var(--v-ink); color: var(--v-on-ink); }
.av26 .avito-inbox { margin-top: 12px; border: 0; border-radius: 18px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); overflow: hidden; }
.av26 .avito-inbox-head { padding: 10px 16px; background: var(--v-row-hover); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #9CA3AF; border: 0; }
.av26 .avito-inbox-row { padding: 14px 16px; border: 0; border-top: 1px solid var(--v-row); cursor: pointer; transition: background-color .2s ease; }
.av26 .avito-inbox-row:hover { background: var(--v-row-hover); }
.av26 .avito-inbox-row.is-open { background: var(--v-row-hover); }
.av26 .avito-inbox-when { font-size: 12px; color: var(--v-muted); }
.av26 .avito-inbox-when b { display: block; font-size: 13px; color: var(--v-text); }
.av26 .avito-inbox-text { font-size: 14px; line-height: 1.45; color: var(--v-text); }
.av26 .avito-inbox-src { margin-top: 4px; font-size: 12px; color: var(--v-muted); }
.av26 .avito-inbox-src a { color: var(--v-o-text); font-weight: 700; }
.av26 .avito-inbox-note { font-size: 12px; color: var(--v-muted); }
.av26 .avito-inbox-acts { display: flex; flex-direction: column; gap: 6px; }
.av26 .avito-inbox-acts button { height: 32px; padding: 0 10px; border: 0; border-radius: 10px; background: var(--v-soft); color: var(--v-text); display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 12px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.av26 .avito-inbox-more { margin-top: 10px; padding: 12px; border-radius: 14px; background: var(--v-card); }
.av26 .avito-inbox-full { font-size: 14px; line-height: 1.5; margin-bottom: 8px; }
.av26 .avito-inbox-meta { font-size: 12px; color: var(--v-muted); line-height: 1.6; }
.av26 .avito-dim { color: #9CA3AF; }


.av26 .avito-set-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; margin-top: 14px; }
.av26 .avito-set { padding: 16px; border: 0; border-radius: 20px; background: var(--v-row-hover); box-shadow: none; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; text-align: left; font-family: var(--v-font); color: var(--v-text); cursor: pointer; transition: transform .25s var(--v-ease), box-shadow .25s ease; }
.av26 .avito-set:hover { transform: translateY(-2px); background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 12px 26px rgba(0, 0, 0, 0.06); }
.av26 .av26-set-ico { width: 40px; height: 40px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; }
.av26 .avito-set b { font-size: 14px; }
.av26 .avito-set-st { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--v-text2); }
.av26 .avito-set-st .avito-cab-dot { width: 6px; height: 6px; border-radius: 50%; }
.av26 .avito-set-sub { font-size: 12px; color: var(--v-muted); line-height: 1.4; }
.av26 .avito-dash-box { padding: 0; border: 0; background: none; box-shadow: none; }
.av26 .cab-line { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--v-row); flex-wrap: wrap; }
.av26 .cab-line:first-child { border-top: 0; }
.av26 .cab-lab { flex: 0 0 240px; font-size: 13px; color: var(--v-muted); }
.av26 .cab-val { flex: 1 1 240px; min-width: 0; font-size: 14px; font-weight: 600; }
.av26 .cab-two { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.av26 .fld-label { font-size: 13px; font-weight: 700; margin-bottom: 6px; color: var(--v-text); }
.av26 .cab-two input, .av26 .cab-val input { height: 46px; padding: 0 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 15px; box-shadow: none; width: 100%; box-sizing: border-box; }
.av26 .cab-two input:focus { outline: 0; box-shadow: 0 0 0 2px var(--v-accent); }
.av26 #cab-save { height: 40px; padding: 0 16px; border: 0; border-radius: 13px; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }


@media (max-width: 860px) {
  .av26 .av26-head { flex-direction: column; align-items: stretch; gap: 10px; margin-bottom: 12px; padding-top: 0; }
  .av26 .av26-title h1 { font-size: 28px; font-weight: 800; letter-spacing: -0.03em; }
  .av26 .av26-title p { font-size: 13px; }
  .av26 .avito-crumbs { flex-wrap: wrap; }
  .av26 .avito-who-btn { max-width: 100%; }
  .av26 .avito-who-txt small { display: none; }
  .av26 .avito-who-menu { left: 0; right: auto; min-width: min(300px, calc(100vw - 32px)); }
  .av26 #avito-tabs { flex-direction: column; align-items: stretch; gap: 8px; margin: 0 -16px 14px; padding: 0 16px; }
  .av26 .avito-tabs-row { overflow-x: auto; scrollbar-width: none; max-width: 100%; }
  .av26 .avito-tabs-row::-webkit-scrollbar { display: none; }
  .av26 .avito-tools { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .av26 .avito-tools-lab { display: none; }
  .av26 .avito-tool { flex-shrink: 0; }
  .av26 .avito-cabs-head { flex-direction: column; align-items: stretch; }
  .av26 .avito-cabs-actions { justify-content: space-between; }
  .av26 .avito-cab, .av26 .avito-dash-sec, .av26 .av26-totals { padding: 16px; border-radius: 22px; }
  .av26 .avito-cab-top { flex-wrap: wrap; }
  .av26 .avito-cab-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .av26 .avito-cab-v { font-size: 16px; }
  .av26 .av26-totals { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .av26 .av26-tot b { font-size: 18px; }
  .av26 .av26-tot-last { grid-column: 1 / -1; padding: 10px 0 0; border-left: 0; border-top: 1px solid var(--v-row); }
  .av26 .board-alarm { flex-wrap: wrap; }
  .av26 .board-tabs { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px 8px; padding: 0 16px; scrollbar-width: none; }
  .av26 .board-tab { flex-shrink: 0; }
  .av26 .board-search { flex: 1 1 auto; min-width: 0; }
  .av26 .board-acts { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
  .av26 .avito-card-row { flex-direction: column; gap: 2px; }
  .av26 .avito-card-row .k { flex: none; }
  .av26 .avito-listing-states { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px 12px; padding: 0 16px; scrollbar-width: none; }
  .av26 .avito-listing-state-chip { flex-shrink: 0; }
  .av26 .avito-set-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .av26 .cab-two { grid-template-columns: 1fr; }
  .av26 .cab-lab { flex: 1 1 100%; }
}




.av26 .av26-sum { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin: 0 0 16px; padding: 20px 24px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.av26 .av26-sum.is-bad { box-shadow: 0 0 0 1.5px #F4B4B4, 0 8px 24px rgba(0, 0, 0, 0.04); }
.av26 .av26-sum-main { display: flex; align-items: baseline; gap: 10px; }
.av26 .av26-sum-main b { font-family: var(--v-display); font-size: 38px; font-weight: 800; letter-spacing: -0.03em; line-height: 1; color: var(--v-text); }
.av26 .av26-sum-main span { font-size: 15px; color: var(--v-text3); }
.av26 .av26-sum-note { flex: 1 1 200px; font-size: 13px; color: var(--v-muted); }
.av26 .av26-sum-note.is-bad { color: var(--v-r-text); font-weight: 700; }
.av26 .av26-pill, .modal.m26 .av26-pill { height: 26px; padding: 0 11px; border: 0; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 12px; font-weight: 800; white-space: nowrap; background: var(--v-soft); color: var(--v-text3); }
.av26 .av26-pill.is-good, .modal.m26 .av26-pill.is-good { background: var(--v-g-soft); color: #166534; }
.av26 .av26-pill.is-good::before, .av26 .av26-pill.is-bad::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.av26 .av26-pill.is-bad, .modal.m26 .av26-pill.is-bad { background: var(--v-r-soft); color: var(--v-r-text); }
.av26 .av26-pill.is-blue, .modal.m26 .av26-pill.is-blue { background: var(--v-b-soft); color: var(--v-b-text); }
.av26 .av26-pill.is-warn, .modal.m26 .av26-pill.is-warn { background: #FEF6DA; color: #92400E; }
:root[data-theme="dark"] .av26 .av26-pill.is-good, :root[data-theme="dark"] .modal.m26 .av26-pill.is-good { color: var(--v-g-text); }
:root[data-theme="dark"] .av26 .av26-pill.is-warn, :root[data-theme="dark"] .modal.m26 .av26-pill.is-warn { background: var(--v-a-soft); color: var(--v-a-text); }
button.av26-pill { cursor: pointer; }
.av26 .av26-block-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; flex-wrap: wrap; }
.av26 .av26-block-head h3 { margin: 0; font-family: var(--v-display); font-size: 20px; font-weight: 700; color: var(--v-text); display: flex; align-items: center; gap: 6px; }
.av26 .av26-note.is-soft, .modal.m26 .av26-note.is-soft { background: var(--v-row-hover); color: var(--v-text3); }
.av26 .av26-note.is-warn, .modal.m26 .av26-note.is-warn { background: #FEF6DA; color: #92400E; }
.av26 .av26-note.is-bad, .modal.m26 .av26-note.is-bad { background: var(--v-r-soft); color: var(--v-r-text); }
.av26 .av26-note.is-good, .modal.m26 .av26-note.is-good { background: var(--v-g-soft); color: #166534; }
:root[data-theme="dark"] .av26 .av26-note.is-warn, :root[data-theme="dark"] .modal.m26 .av26-note.is-warn { background: var(--v-a-soft); color: var(--v-a-text); }
:root[data-theme="dark"] .av26 .av26-note.is-good, :root[data-theme="dark"] .modal.m26 .av26-note.is-good { color: var(--v-g-text); }
.av26 .av26-card-ico.is-blue { background: var(--v-b-soft); color: var(--v-b-text); }
.av26 .av26-card-ico.is-good { background: var(--v-g-soft); color: var(--v-g-text); }
.av26 .av26-card-ico.is-bad { background: var(--v-r-soft); color: var(--v-r-text); }
.av26 .av26-card-ico.is-gray { background: var(--v-soft); color: var(--v-text3); }
.av26 .av26-spacer { flex: 1 1 auto; }
.av26 .btn.av26-dark, .modal.m26 .btn.av26-dark { height: 38px; padding: 0 14px; border: 0; border-radius: 12px; background: var(--v-ink); color: var(--v-on-ink); display: inline-flex; align-items: center; gap: 6px; font-weight: 700; box-shadow: none; }
.av26 .btn.secondary.small, .av26 .btn.primary.small, .av26 .btn.danger.small { height: 38px; padding: 0 13px; border-radius: 12px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.av26 .btn.danger { border: 0; border-radius: 12px; background: var(--v-r-soft); color: var(--v-r-text); box-shadow: none; display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
.av26 .btn.secondary { height: 40px; padding: 0 14px; }


.av26 .avito-cards-wide { gap: 16px; margin-bottom: 16px; align-items: start; }
.av26 .avito-card.av26-tpl { padding: 20px 22px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); gap: 12px; min-width: 0; }
.av26 .avito-card.av26-tpl.is-off { opacity: .8; }
.av26 .av26-tpl-top { display: flex; align-items: flex-start; gap: 12px; }
.av26 .av26-tpl.is-off .av26-card-ico { background: var(--v-soft); color: var(--v-text3); }
.av26 .av26-tpl .avito-card-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.av26 .av26-tpl-name { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.av26 .av26-tpl-name .avito-card-title { font-family: var(--v-display); font-size: 17px; font-weight: 700; color: var(--v-text); }
.av26 .av26-tpl .avito-card-meta { font-size: 12px; line-height: 1.5; color: var(--v-muted); }
.av26 .av26-tpl .avito-card-meta.is-warn, .av26 .av26-tpl .is-warn { color: #92400E; font-weight: 700; }
:root[data-theme="dark"] .av26 .av26-tpl .is-warn { color: var(--v-a-text); }
.av26 .av26-tpl-prog { display: flex; flex-direction: column; gap: 6px; }
.av26 .av26-tpl-prog-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 12px; color: var(--v-muted); }
.av26 .av26-tpl-prog-top b { font-size: 13px; color: var(--v-text); white-space: nowrap; }
.av26 .av26-tpl-bar { height: 8px; border-radius: 4px; background: var(--v-bar); overflow: hidden; }
.av26 .av26-tpl-bar i { display: block; height: 100%; border-radius: 4px; background: var(--v-accent); transform-origin: 0 50%; }
.h26.av26.is-playing .av26-tpl-bar i { animation: av26fill 1.3s var(--v-ease) .3s both; }
@keyframes av26fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.av26 .av26-tpl-meta { display: flex; gap: 6px 14px; flex-wrap: wrap; font-size: 12px; color: var(--v-text3); }
.av26 .av26-tpl-meta > span { display: inline-flex; align-items: center; gap: 5px; }
.av26 .av26-tpl-meta svg { color: var(--v-muted); flex-shrink: 0; }
.av26 .av26-tpl .av26-note { margin: 0; }
.av26 .av26-tpl .fld-note { margin: 0; }
.av26 .av26-tpl-acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; padding: 4px 0 0; }
.av26 .av26-more { position: relative; }
.av26 .av26-more > summary { list-style: none; cursor: pointer; }
.av26 .av26-more > summary::-webkit-details-marker { display: none; }
.av26 .av26-more-menu { position: absolute; right: 0; bottom: calc(100% + 6px); z-index: 20; min-width: 200px; padding: 6px; border-radius: 16px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 20px 50px rgba(0, 0, 0, 0.16); display: flex; flex-direction: column; animation: kb26menu .25s var(--v-spring) both; transform-origin: 100% 100%; }
.av26 .av26-more-menu button { height: 40px; padding: 0 10px; border: 0; border-radius: 10px; background: none; color: var(--v-text); display: flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; text-align: left; cursor: pointer; }
.av26 .av26-more-menu button:hover { background: var(--v-hover); }
.av26 .av26-more-menu button.is-danger { color: var(--v-r-text); }


.av26 .avito-cities-bar { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 0 0 16px; padding: 18px 22px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.av26 .avito-cities-bar-text { flex: 1 1 240px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.av26 .avito-cities-bar-title { font-family: var(--v-display); font-size: 17px; font-weight: 700; display: flex; align-items: center; gap: 6px; }
.av26 .avito-cities-bar-note { font-size: 13px; color: var(--v-muted); }
.av26 .avito-cities-bar-note .is-warn { color: var(--v-r-text); font-weight: 700; }
.av26 .av26-checks { margin: 0 0 16px; padding: 20px 22px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 10px; }
.av26 .av26-checks-head { display: flex; align-items: center; gap: 12px; }
.av26 .av26-checks-head > div { display: flex; flex-direction: column; gap: 2px; }
.av26 .av26-checks-head b { font-family: var(--v-display); font-size: 17px; }
.av26 .av26-checks-head span { font-size: 13px; color: var(--v-muted); }
.av26 .av26-checks-h { margin: 6px 0 0; font-size: 13px; font-weight: 800; color: var(--v-text); }
.av26 .avito-issue-list, .modal.m26 .avito-issue-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.av26 .avito-issue-list li, .modal.m26 .avito-issue-list li { position: relative; padding: 0 0 0 18px; font-size: 13px; line-height: 1.5; color: var(--v-text); }
.av26 .avito-issue-list li::before, .modal.m26 .avito-issue-list li::before { content: ''; position: absolute; left: 2px; top: 7px; width: 7px; height: 7px; border-radius: 50%; background: var(--v-muted); }
.av26 .avito-issue-list li.is-bad::before, .modal.m26 .avito-issue-list li.is-bad::before { background: #EF4444; }
.av26 .avito-issue-list li.is-warn::before, .modal.m26 .avito-issue-list li.is-warn::before { background: #EAB308; }
.av26 .avito-issue-list li.is-good::before { background: #22C55E; }
.av26 .fld-warn, .modal.m26 .fld-warn { margin: 0; padding: 12px 14px; border: 0; border-radius: 16px; background: var(--v-r-soft); color: var(--v-text); font-size: 13px; line-height: 1.5; }
.av26 .fld-warn .avito-issue-list { margin: 8px 0; }
.av26 .feed-adopt { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.av26 .avito-details, .modal.m26 .avito-details { border: 0; border-top: 1px solid var(--v-row); padding: 0; }
.av26 .avito-details > summary, .modal.m26 .avito-details > summary { padding: 12px 0; font-size: 13px; font-weight: 700; color: var(--v-text); cursor: pointer; }
.av26 .avito-details .avito-table-wrap { margin-bottom: 12px; }
.av26 .avito-table, .modal.m26 .avito-table { width: 100%; border-collapse: collapse; }
.av26 .avito-table th, .modal.m26 .avito-table th { padding: 8px; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #9CA3AF; text-align: left; background: none; border: 0; }
.av26 .avito-table td, .modal.m26 .avito-table td { padding: 9px 8px; border: 0; border-top: 1px solid var(--v-row); font-size: 13px; vertical-align: top; }
.av26 .av26-previews { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 10px; padding-bottom: 12px; }
.av26 .avito-preview { margin: 0; padding: 12px 14px; border: 0; border-radius: 16px; background: var(--v-row-hover); display: flex; flex-direction: column; gap: 4px; }
.av26 .avito-preview-title { font-size: 13px; font-weight: 800; }
.av26 .avito-preview .avito-card-meta, .av26 .avito-template-desc { font-size: 12px; line-height: 1.45; color: var(--v-muted); }
.av26 .av26-tpl-acts .btn { flex: 0 0 auto; width: auto; }


.modal.m26.modal-form { width: min(860px, 94vw); max-width: none; padding: 0; }
.modal.m26.modal-form .avito-form-head { padding: 24px 26px 0; }
.modal.m26.modal-form .avito-form-head h3 { margin: 0 0 14px; font-family: var(--v-display); font-size: 20px; font-weight: 700; }
.modal.m26.modal-form .avito-form-body { padding: 18px 26px 22px; border-top: 1px solid var(--v-row); display: flex; flex-direction: column; }
.modal.m26.modal-form .avito-form-body > section:not([hidden]) { display: flex; flex-direction: column; gap: 12px; animation: av26step .45s var(--v-ease) both; }
@keyframes av26step { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }
.modal.m26.modal-form .avito-form-foot { padding: 14px 26px; border-top: 1px solid var(--v-row); background: var(--v-card); border-radius: 0 0 28px 28px; gap: 14px; }
.modal.m26 .avito-form-summary { font-size: 13px; color: var(--v-text); }
.modal.m26 .avito-form-summary #t-summary { font-weight: 700; }
.modal.m26 .avito-form-summary .avito-hint-warn { color: #92400E; font-weight: 700; }
.modal.m26 .fld-active { min-height: 44px; margin: 0; padding: 0 14px; border-radius: 14px; background: var(--v-soft); display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; }
.modal.m26 .avito-form-buttons .btn { height: 44px; }
.modal.m26 .avito-form-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 12px 0 14px; }
.modal.m26 .avito-form-tabs .chat-folder-chip { height: 40px; padding: 0 14px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text3); font-family: var(--v-font); font-size: 13px; font-weight: 700; box-shadow: none; cursor: pointer; transition: background-color .2s ease, color .2s ease; }
.modal.m26 .avito-form-tabs .chat-folder-chip:hover:not(.active) { color: var(--v-text); }
.modal.m26 .avito-form-tabs .chat-folder-chip.active { background: var(--v-ink); color: var(--v-on-ink); }
.modal.m26 .avito-form-tabs .chat-folder-chip.is-warn:not(.active) { background: #FEF6DA; color: #92400E; }
:root[data-theme="dark"] .modal.m26 .avito-form-tabs .chat-folder-chip.is-warn:not(.active) { background: var(--v-a-soft); color: var(--v-a-text); }
.modal.m26 .fld { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.modal.m26 .fld-label { margin: 0; font-size: 13px; font-weight: 700; color: var(--v-text); display: flex; align-items: center; gap: 4px; }
.modal.m26 .fld-note { font-size: 12px; line-height: 1.5; color: var(--v-muted); }
.modal.m26 .fld-note.is-warn, .modal.m26 .fld-note .is-warn { color: #92400E; }
.modal.m26 .fld-note.is-good { color: var(--v-g-text); }
.modal.m26 .fld-row { gap: 12px 14px; }
.modal.m26 .fld-section { margin: 6px 0 0; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--v-muted); display: flex; align-items: center; gap: 4px; }
.modal.m26 .pick-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 0; }
.modal.m26 .pick-links { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.modal.m26 .pick-sep { color: var(--v-bar2); }
.modal.m26 .link-btn { padding: 0; border: 0; background: none; font-family: var(--v-font); font-size: 13px; font-weight: 700; color: var(--v-o-text); cursor: pointer; }
.modal.m26 .link-btn:hover { text-decoration: underline; text-underline-offset: 3px; }
.modal.m26 .pick-links .input { height: 38px; width: 180px; }
.modal.m26 .chat-folder-chips:not(.avito-form-tabs) { display: flex; gap: 6px; flex-wrap: wrap; }
.modal.m26 .chat-folder-chips:not(.avito-form-tabs) .chat-folder-chip, .modal.m26 .pick-chip { height: 34px; padding: 0 13px; border: 0; border-radius: 999px; background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-chip-ring); color: var(--v-text3); font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; }
.modal.m26 .chat-folder-chips:not(.avito-form-tabs) .chat-folder-chip.active, .modal.m26 .pick-chip.on { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.modal.m26 .pick-only { margin: 0; gap: 6px; }

.modal.m26 .rt { border: 0; border-radius: 16px; background: var(--v-soft); overflow: hidden; }
.modal.m26 .rt-toolbar { padding: 8px; border: 0; border-bottom: 1px solid var(--v-row); background: none; display: flex; gap: 6px; flex-wrap: wrap; }
.modal.m26 .rt-btn { height: 32px; min-width: 32px; padding: 0 10px; border: 0; border-radius: 10px; background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-chip-ring); color: var(--v-text); font-family: var(--v-font); font-size: 13px; font-weight: 700; }
.modal.m26 .rt-btn:hover:not(:disabled) { background: var(--v-hover); border: 0; }
.modal.m26 .rt-btn.rt-right { background: none; box-shadow: none; color: var(--v-o-text); }
.modal.m26 .rt-area { padding: 12px 14px; background: none; font-size: 14px; line-height: 1.55; }
.modal.m26 .rt-code { background: none; }

.modal.m26 #t-drip:not([hidden]) { display: flex; flex-direction: column; gap: 12px; padding: 14px; border-radius: 18px; background: var(--v-row-hover); }
.modal.m26 #t-days { display: flex; gap: 6px; flex-wrap: wrap; }
.modal.m26 #t-days .pick-item { width: 42px; height: 36px; padding: 0; border-radius: 10px; background: var(--v-soft); color: var(--v-text3); justify-content: center; font-size: 12px; font-weight: 800; position: relative; }
.modal.m26 #t-days .pick-item input { position: absolute; opacity: 0; pointer-events: none; }
.modal.m26 #t-days .pick-item:has(input:checked) { background: var(--v-ink); color: var(--v-on-ink); }
.modal.m26 #t-drip-note:not(:empty), .modal.m26 #t-mode-note:not(:empty) { padding: 10px 12px; border-radius: 12px; background: var(--v-b-soft); color: var(--v-b-text); font-weight: 600; }

.modal.m26 .t-packs { gap: 10px; }
.modal.m26 .t-pack { padding: 8px; border: 0; border-radius: 16px; background: var(--v-row-hover); box-shadow: none; transition: box-shadow .2s ease, background-color .2s ease, transform .2s var(--v-spring); }
.modal.m26 .t-pack:hover { transform: translateY(-2px); }
.modal.m26 .t-pack.is-on { background: var(--v-o-soft); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.modal.m26 .t-pack-shot { border-radius: 11px; }
.modal.m26 .t-pack-name { font-size: 13px; font-weight: 800; }
.modal.m26 .t-pack-best { margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: var(--v-g-soft); color: #166534; font-size: 10px; font-weight: 800; }
.modal.m26 .t-packs-h { margin: 6px 0 0; font-size: 11px; font-weight: 800; letter-spacing: .05em; color: var(--v-muted); }
.modal.m26 .t-upload { margin: 0; padding: 12px; border: 0; border-radius: 16px; background: none; box-shadow: inset 0 0 0 1.5px var(--v-chip-ring); }
.modal.m26 .empty-state { padding: 18px; border-radius: 16px; background: var(--v-row-hover); font-size: 13px; color: var(--v-muted); text-align: center; }

.modal.m26 .pick-total { font-size: 12px; color: var(--v-muted); }
.modal.m26 .pick-total.is-fallback { color: #92400E; font-weight: 700; }
.modal.m26 .pick-grp { border-top: 1px solid var(--v-row); }
.modal.m26 .pick-grp-head { padding: 12px 0; }
.modal.m26 .pick-grp-name { font-size: 14px; font-weight: 800; }
.modal.m26 .pick-grp .pick-grid { gap: 8px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.modal.m26 .pick-item { padding: 10px 12px; border: 0; border-radius: 14px; background: var(--v-row-hover); font-size: 14px; align-items: flex-start; }
.modal.m26 .pick-item:hover { background: var(--v-hover); }
.modal.m26 .pick-item:has(> input:checked) { background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-chip-ring); }
.modal.m26 .pick-item.is-busy { background: var(--v-row-hover); }
.modal.m26 .pick-item.is-busy:has(> input:checked) { background: var(--v-card); }
.modal.m26 .pick-item input[type="checkbox"], .modal.m26 .pick-item input[type="radio"] { margin-top: 1px; }
.modal.m26 .pick-item > span { font-weight: 700; }
.modal.m26 .pick-use, .modal.m26 .pick-addr { font-size: 12px; font-weight: 500; line-height: 1.4; }
.modal.m26 .pick-use { color: var(--v-text3); }
.modal.m26 .pick-addr.is-bad { color: #92400E; font-weight: 700; }
.modal.m26 .pick-ok { color: #16A34A; }
.modal.m26 .pick-moved { font-size: 12px; font-weight: 700; color: #92400E; }
.modal.m26 .pick-grid-tight .pick-item { align-items: center; }
.modal.m26 .avito-cab-issue { margin: 0; padding: 12px 14px; border-radius: 16px; background: var(--v-r-soft); display: flex; align-items: center; gap: 12px; font-size: 13px; line-height: 1.45; }
.modal.m26 .avito-cab-issue[hidden] { display: none; }
.modal.m26 .avito-cab-issue.is-warn { background: #FEF6DA; }
.modal.m26 .avito-cab-issue-text { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; }
.modal.m26 .avito-cab-link { height: 36px; padding: 0 12px; border: 0; border-radius: 12px; background: var(--v-card); color: var(--v-text); font-family: var(--v-font); font-size: 13px; font-weight: 700; white-space: nowrap; cursor: pointer; }

.modal.m26 .avito-details.is-paid > summary { color: #92400E; }
.modal.m26 .fld-req { margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: var(--v-r-soft); color: var(--v-r-text); font-size: 10px; font-weight: 800; }
.modal.m26 .pick-grid-tight { gap: 6px; }
.modal.m26 .fld-manual-chip { border-radius: 999px; }
.modal.m26 .avito-pricelist input { height: 38px !important; }

.modal.m26 #tb-body:not([hidden]) { display: flex; flex-direction: column; gap: 12px; }
.modal.m26 #tb-mode { display: flex; gap: 6px; }
.modal.m26 #tb-mode .chat-folder-chip { flex: 1 1 0; height: 44px; border-radius: 13px; }
.modal.m26 #tb-mode .chat-folder-chip[data-bmode="live"].active { background: var(--v-r-text); color: #FFFFFF; }
.modal.m26 #tb-mode-note:not(:empty) { padding: 10px 12px; border-radius: 12px; background: #FEF6DA; color: #92400E; font-weight: 600; }
.modal.m26 .avito-hint { font-size: 13px; line-height: 1.5; color: var(--v-text3); padding: 12px 14px; border-radius: 14px; background: var(--v-b-soft); }
.modal.m26 .tpl-draft-bar { margin: 0 0 12px; padding: 10px 14px; border-radius: 14px; background: #FEF6DA; color: #92400E; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; font-weight: 600; }
:root[data-theme="dark"] .modal.m26 .tpl-draft-bar { background: var(--v-a-soft); color: var(--v-a-text); }
.modal.m26 .tpl-draft-bar .tpl-draft-acts { margin-left: auto; display: flex; gap: 8px; }
@media (max-width: 860px) {
  .modal.m26.modal-form { width: 100%; }
  .modal.m26.modal-form .avito-form-head { padding: 12px 16px 0; }
  .modal.m26.modal-form .avito-form-body { padding: 14px 16px 18px; }
  .modal.m26.modal-form .avito-form-foot { padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); border-radius: 0; }
  .modal.m26 .avito-form-tabs { flex-wrap: nowrap; overflow-x: auto; margin: 10px -16px 12px; padding: 0 16px; scrollbar-width: none; }
  .modal.m26 .avito-form-tabs::-webkit-scrollbar { display: none; }
  .modal.m26 .avito-form-tabs .chat-folder-chip { flex-shrink: 0; }
  .modal.m26 .fld-row { grid-template-columns: 1fr; }
  .modal.m26 .avito-form-buttons { width: 100%; }
  .modal.m26 .avito-form-buttons .btn { flex: 1 1 0; }
  .modal.m26 .fld-active { flex: 1 1 100%; }
  .modal.m26 .pick-links .input { width: 100%; flex: 1 1 100%; order: -1; }
}
.modal.m26 .avito-form-tabs { padding: 0; border: 0; background: none; }


.av26 .av26-flip svg { transform: rotate(180deg); }
.av26 .media-usage { margin: 0 0 16px; padding: 20px 22px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 12px; }
.av26 .media-usage-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.av26 .media-usage-total { font-family: var(--v-display); font-size: 22px; font-weight: 800; letter-spacing: -0.02em; }
.av26 .media-usage-free { font-size: 12px; color: var(--v-muted); }
.av26 .media-usage-bar { height: 12px; border-radius: 6px; gap: 2px; background: none; overflow: hidden; display: flex; }
.av26 .media-usage-seg { border-radius: 0; transform-origin: 0 50%; }
.h26.av26.is-playing .media-usage-seg { animation: av26fill 1.2s var(--v-ease) .2s both; }
.av26 .media-usage-legend { display: flex; gap: 6px 14px; flex-wrap: wrap; font-size: 12px; color: var(--v-text3); }
.av26 .media-usage-key { display: inline-flex; align-items: center; gap: 6px; }
.av26 .media-usage-dot { width: 9px; height: 9px; border-radius: 3px; }
.av26 .av26-upcard { margin: 0 0 16px; padding: 20px 22px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 12px; }
.av26 .av26-upcard .av26-checks-head { align-items: flex-start; }
.av26 .av26-upcard .av26-checks-head span:not(.av26-card-ico) { line-height: 1.45; }
.av26 .avito-media-upload { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin: 0; }
.av26 .avito-media-upload .input, .av26 .avito-media-upload select { flex: 1 1 260px; min-width: 0; height: 44px; padding: 0 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 15px; box-shadow: none; }
.av26 .avito-media-upload .input:focus { outline: 0; box-shadow: 0 0 0 2px var(--v-accent); }
.av26 .file-picker .btn, .av26 .file-picker label, .av26 .file-picker-btn { height: 44px; border: 0; border-radius: 13px; background: var(--v-soft); color: var(--v-text); font-weight: 700; box-shadow: none; }
.av26 #avito-media-target:not(:empty) { padding: 10px 12px; border-radius: 12px; background: var(--v-b-soft); color: var(--v-b-text); font-weight: 600; }
.av26 .avito-queue-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.av26 .avito-queue-head .btn.primary { margin-left: auto; }
.av26 .avito-queue-grid { gap: 10px; }
.av26 .avito-queue-item, .av26 .avito-media-item { padding: 8px; border: 0; border-radius: 18px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); display: flex; flex-direction: column; gap: 8px; position: relative; transition: transform .2s var(--v-spring), box-shadow .2s ease; }
.av26 .avito-media-item:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 12px 26px rgba(0, 0, 0, 0.07); }
.av26 .avito-media-item img, .av26 .avito-queue-item img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; display: block; }
.av26 .avito-media-item.is-cover { box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.av26 .avito-media-item.is-small .avito-card-meta { color: #92400E; }
.av26 .avito-media-cover { position: absolute; left: 14px; top: 14px; z-index: 1; padding: 3px 8px; border-radius: 8px; background: var(--v-accent); color: #FFFFFF; font-size: 11px; font-weight: 800; }
.av26 .avito-media-meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 0 2px; }
.av26 .avito-media-name { font-size: 12px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.av26 .avito-media-item .avito-card-meta { font-size: 11px; color: var(--v-muted); }
.av26 .avito-media-item .avito-media-actions, .av26 .avito-queue-btns { display: flex; gap: 4px; flex-wrap: wrap; padding: 0; }
.av26 .avito-media-item .avito-media-actions .btn, .av26 .avito-queue-btns .btn { flex: 0 0 auto; height: 32px; min-width: 32px; padding: 0 9px; border-radius: 10px; font-size: 12px; }
.av26 .avito-media-item .av26-ico-only { width: 32px; padding: 0; }
.av26 .avito-sets-layout { gap: 16px; }
.av26 .avito-sets-list { padding: 12px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 4px; align-self: start; }
.av26 .avito-sets-list .input { height: 42px; margin: 0 0 6px; padding: 0 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 14px; }
.av26 .avito-set-row { padding: 10px; border: 0; border-radius: 16px; background: none; display: flex; align-items: center; gap: 12px; text-align: left; font-family: var(--v-font); color: var(--v-text); cursor: pointer; transition: background-color .15s ease; }
.av26 .avito-set-row:hover:not(:disabled) { background: var(--v-hover); }
.av26 .avito-set-row.is-active { background: var(--v-o-soft); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.av26 .avito-set-row img, .av26 .avito-set-cover-empty { width: 44px; height: 44px; flex-shrink: 0; border-radius: 12px; object-fit: cover; background: var(--v-bar); }
.av26 .avito-set-row-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.av26 .avito-set-row-name { font-size: 14px; font-weight: 800; }
.av26 .avito-set-row-sub { font-size: 12px; color: var(--v-muted); line-height: 1.35; }
.av26 .avito-set-row-res { font-size: 11px; font-weight: 700; color: var(--v-muted); text-align: right; line-height: 1.3; }
.av26 .avito-set-row-res.is-good { color: #166534; }
.av26 .avito-set-row-res.is-warn { color: #92400E; }
:root[data-theme="dark"] .av26 .avito-set-row-res.is-good { color: var(--v-g-text); }
.av26 .avito-sets-pane { padding: 20px 22px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.av26 .avito-pane-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0; padding: 0; border: 0; }
.av26 .avito-pane-title { font-family: var(--v-display); font-size: 20px; font-weight: 700; }
.av26 .avito-pane-sub { margin-top: 4px; font-size: 13px; color: var(--v-muted); }
.av26 .avito-pane-tools { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.av26 .avito-pane-tools select { height: 38px; padding: 0 12px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 13px; font-weight: 700; }
.av26 .avito-sets-pane .av26-note { margin: 0; }
.av26 .avito-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 170px), 1fr)); gap: 10px; }
.av26 .avito-sets-pane .empty-state { padding: 24px; border-radius: 18px; background: var(--v-row-hover); color: var(--v-muted); text-align: center; font-size: 13px; }
@media (max-width: 860px) {
  .av26 .media-usage, .av26 .av26-upcard, .av26 .avito-sets-pane, .av26 .av26-sum, .av26 .av26-checks, .av26 .avito-cities-bar, .av26 .avito-card.av26-tpl { padding: 16px; border-radius: 22px; }
  .av26 .av26-sum-main b { font-size: 30px; }
  .av26 .avito-media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .av26 .avito-sets-list { flex-direction: row; overflow-x: auto; scrollbar-width: none; padding: 8px; }
  .av26 .avito-sets-list .input { display: none; }
  .av26 .avito-set-row { flex-shrink: 0; max-width: 260px; }
  .av26 .avito-set-row-res { display: none; }
  .av26 .av26-tpl-acts .btn { flex: 1 1 auto; }
  .av26 .av26-tpl-acts .av26-spacer { display: none; }
  .av26 .av26-more-menu { bottom: auto; top: calc(100% + 6px); }
}
.av26 .avito-sets-layout { grid-template-columns: minmax(0, 320px) minmax(0, 1fr); }
.av26 .avito-set-row-name, .av26 .avito-set-row-sub { white-space: normal; overflow: visible; text-overflow: clip; }
.av26 #avito-media-queue:empty, .av26 #avito-media-status:empty, .av26 #avito-media-target:empty { display: none; }
.av26 .avito-media-item .avito-media-actions { flex-wrap: nowrap; }
@media (max-width: 720px) { .av26 .avito-sets-layout { grid-template-columns: minmax(0, 1fr); } }


.av26 .av26-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; margin: 0 0 16px; }
.av26 .av26-grid2 > .avito-dash-sec, .av26 .av26-grid2 > .avito-hint { margin: 0; }
.av26 .av26-grid2 > .avito-hint { padding: 20px 22px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.av26 .avito-dash-sec { display: flex; flex-direction: column; gap: 12px; }
.av26 .avito-dash-sec .avito-dash-h { margin: 0; }
.av26 .avito-dash-sec > .empty-state { padding: 18px; border-radius: 16px; background: var(--v-row-hover); font-size: 13px; color: var(--v-muted); text-align: center; }
.av26 .av26-sec-head { margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.av26 .av26-sec-head .avito-h3 { margin: 0; font-family: var(--v-display); font-size: 17px; font-weight: 700; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.av26 .av26-sec-head .avito-form-buttons { margin: 0; gap: 6px; }
.av26 .btn.av26-ghost { background: none; color: var(--v-text3); }
.av26 .btn.av26-ghost:hover { background: var(--v-hover); }
.av26 .avito-set-acc { height: 24px; padding: 0 10px; border-radius: 999px; background: var(--v-soft); color: var(--v-text3); display: inline-flex; align-items: center; font-family: var(--v-font); font-size: 12px; font-weight: 700; }
.av26 .avito-ad-box { padding: 0; background: none; display: flex; flex-direction: column; gap: 10px; }
.av26 .avito-ad-why { padding: 12px 14px; border-radius: 14px; background: var(--v-row-hover); }
.av26 .avito-hint.avito-hint-warn, .modal.m26 .avito-hint.avito-hint-warn { padding: 10px 12px; border-radius: 12px; background: #FEF6DA; color: #92400E; font-size: 12px; line-height: 1.5; }
:root[data-theme="dark"] .av26 .avito-hint.avito-hint-warn { background: var(--v-a-soft); color: var(--v-a-text); }
.av26 .avito-cab-v.is-warn { color: var(--v-r-text); }
.av26 .avito-dash-sec .avito-table tr.is-best td { background: var(--v-g-soft); }
.av26 .avito-bar { height: 10px; border-radius: 5px; background: var(--v-bar); overflow: hidden; min-width: 60px; }
.av26 .avito-bar i { display: block; height: 100%; border-radius: 5px; background: #F6B99A; transform-origin: 0 50%; }
.av26 tr.is-best .avito-bar i { background: #16A34A; }
.h26.av26.is-playing .avito-bar i { animation: av26fill 1.2s var(--v-ease) .3s both; }
.av26 .avito-card.bid-profile { margin: 0; padding: 14px 16px; border: 0; border-radius: 18px; background: var(--v-row-hover); box-shadow: none; display: flex; flex-direction: column; gap: 8px; }
.av26 .avito-card.bid-profile.avito-tone-border-bad { box-shadow: inset 0 0 0 1.5px #F4B4B4; }
.av26 .bid-profile .avito-card-title { font-size: 14px; font-weight: 800; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.av26 .bid-profile .avito-card-meta { font-size: 12px; color: var(--v-muted); line-height: 1.45; }
.av26 .bid-mode { height: 22px; padding: 0 9px; border-radius: 999px; background: var(--v-b-soft); color: var(--v-b-text); display: inline-flex; align-items: center; font-size: 11px; font-weight: 800; }
.av26 .bid-mode.is-live { background: var(--v-r-soft); color: var(--v-r-text); }
.av26 .bid-profile .avito-media-actions { padding: 0; gap: 6px; }
.av26 .bid-profile .avito-media-actions .btn { flex: 0 0 auto; }
.av26 .bid-hours { height: 70px; gap: 3px; margin-top: 4px; }
.av26 .bid-hour-bar { background: #F6B99A; border-radius: 5px 5px 2px 2px; transform-origin: 50% 100%; }
.av26 .bid-hour.is-peak .bid-hour-bar { background: var(--v-accent); }
.av26 .bid-hour.is-off .bid-hour-bar { background: var(--v-bar2); }
.h26.av26.is-playing .bid-hour-bar { animation: h26grow 1s var(--v-ease) both; }
.av26 .bid-hour-label { font-size: 10px; color: #9CA3AF; }
.av26 .bid-hour-label.is-major { color: var(--v-text3); font-weight: 800; }
.av26 .bid-orphans { margin: 0; padding: 14px 16px; border: 0; border-radius: 18px; background: var(--v-row-hover); display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font-size: 13px; }
.av26 .bid-orphans-list { margin: 8px 0 0; padding: 0; list-style: none; display: flex; gap: 6px; flex-wrap: wrap; }
.av26 .bid-orphans-list li { margin: 0; height: 30px; padding: 0 10px; border-radius: 999px; background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-chip-ring); display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
.av26 .avito-chip { height: 20px; padding: 0 7px; border: 0; border-radius: 999px; display: inline-flex; align-items: center; font-size: 10px; font-weight: 800; }
.av26 .avito-chip-ok { background: var(--v-g-soft); color: #166534; }
.av26 .avito-chip-err { background: var(--v-r-soft); color: var(--v-r-text); }
.av26 .avito-group { margin: 0; }
.av26 .avito-h4 { margin: 0; font-size: 13px; font-weight: 800; letter-spacing: .02em; }
.av26 .avito-group-hint { margin: 2px 0 10px; font-size: 12px; color: var(--v-muted); }
.av26 .bid-cards { grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 12px; }
.av26 .bid-card { padding: 14px; border: 0; border-radius: 20px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); display: flex; flex-direction: column; gap: 8px; transition: box-shadow .2s ease, transform .2s var(--v-spring); }
.av26 .bid-card:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 12px 26px rgba(0, 0, 0, 0.07); border: 0; }
.av26 .bid-card-city { font-size: 15px; font-weight: 800; }
.av26 .bid-card-range { font-size: 11px; color: var(--v-muted); }
.av26 .bid-card-title { font-size: 12px; color: var(--v-text3); }
.av26 .bid-card-who { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; color: var(--v-text3); }
.av26 .bid-card-now { margin: 2px 0; }
.av26 .bid-card-now b { font-family: var(--v-display); font-size: 24px; letter-spacing: -0.02em; }
.av26 .bid-card-now span { font-size: 12px; color: var(--v-muted); }
.av26 .bid-card-spent { margin: 0; font-size: 12px; font-weight: 700; color: #92400E; }
.av26 .bid-card-fields input { height: 36px; border: 0; border-radius: 10px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 14px; font-weight: 700; box-shadow: none; }
.av26 .bid-card-fields input:focus { outline: 0; box-shadow: 0 0 0 2px var(--v-accent); }
.av26 .bid-card-label { font-size: 11px; color: var(--v-muted); }
.av26 .bid-card-foot { padding-top: 8px; border-top: 1px solid var(--v-row); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.av26 .bid-card-foot .checkbox-row { min-height: 0; padding: 0; background: none; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; }
.av26 .bid-card-foot input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--v-accent); }
.av26 .bid-card-open { padding: 0; border: 0; background: none; font-family: var(--v-font); font-size: 12px; font-weight: 700; color: var(--v-o-text); cursor: pointer; }
.av26 .bid-card-open.is-dim { color: var(--v-muted); }
.av26 .av26-bid-log-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.av26 .av26-bid-log-chips .chat-folder-chip { height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text2); font-family: var(--v-font); font-size: 13px; font-weight: 700; box-shadow: none; }
.av26 .av26-bid-log-chips .chat-folder-chip.active { background: var(--v-ink); color: var(--v-on-ink); }
.av26 .bid-sent { color: #166534; font-weight: 700; }
:root[data-theme="dark"] .av26 .bid-sent { color: var(--v-g-text); }
.av26 .fld-note.is-warn { color: #92400E; }
@media (max-width: 1100px) { .av26 .av26-grid2 { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 860px) {
  .av26 .bid-hours { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .av26 .bid-hours .bid-hour:nth-child(2n) { display: none; }
  .av26 .av26-sec-head .avito-form-buttons { width: 100%; }
  .av26 .av26-sec-head .avito-form-buttons .btn { flex: 1 1 auto; }
}
.av26 .bid-profile .avito-card-body { flex: 0 0 auto; display: flex; flex-direction: column; gap: 6px; }
.av26 .av26-bid-now .avito-ad-box { padding: 0; border-radius: 0; background: none; box-shadow: none; }
.av26 .av26-bid-now .avito-cab-stats { grid-template-columns: repeat(auto-fit, minmax(105px, 1fr)); }
.av26 .bid-card-who .avito-listing-badge.is-live { background: var(--v-r-soft); color: var(--v-r-text); }
.av26 .bid-card-who .avito-listing-badge.is-warn { background: var(--v-b-soft); color: var(--v-b-text); }
.modal.m26 .chat-folder-chips { padding: 0; border: 0; background: none; }
@media (max-width: 860px) {
  .modal.m26.modal-form .avito-form-tabs { margin: 10px -16px 12px; padding: 0 16px; }
  .av26 .avito-cities-bar { flex-direction: row; align-items: center; }
  .av26 .avito-cities-bar-text { flex: 1 1 160px; }
  .av26 .avito-cities-bar .btn { flex: 1 1 100%; justify-content: center; }
}
@media (max-width: 860px) { .av26 .bid-card-open { min-height: 32px; display: inline-flex; align-items: center; } }




.av26 .board-grp { content-visibility: auto; contain-intrinsic-size: auto 600px; }
.av26 .bid-card, .av26 .avito-media-item { content-visibility: auto; contain-intrinsic-size: auto 260px; }



.av26 .avito-cabs-head .avito-hint { flex: 1 1 320px; min-width: min(100%, 280px); }


.av26 .avito-table td.avito-reason { min-width: 200px; }
.av26 .avito-table td.avito-raw { min-width: 260px; }
.av26 .avito-table-wrap { overflow-x: auto; }







.av26 .btn, .modal.m26 .btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; vertical-align: middle; line-height: 1; box-sizing: border-box; }
.av26 .btn svg, .modal.m26 .btn svg { flex-shrink: 0; }
.av26 .btn.small { height: 38px; min-height: 38px; padding: 0 13px; border-radius: 12px; font-size: 13px; }
.av26 .btn:not(.small) { height: 42px; min-height: 42px; padding: 0 16px; border-radius: 13px; font-size: 14px; }
.av26 .btn.av26-ico-only { width: 38px; padding: 0; }
.av26 .btn:disabled { opacity: .5; cursor: default; box-shadow: none; }
.av26 .link-btn { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: none; font-family: var(--v-font); font-size: 13px; font-weight: 700; color: var(--v-o-text); cursor: pointer; vertical-align: baseline; }
.av26 .link-btn:hover { text-decoration: underline; text-underline-offset: 3px; }
.av26 .av26-acts-row, .av26 .av26-row, .av26 .av26-sec-acts, .av26 .avito-media-actions, .av26 .avito-form-buttons, .av26 .adv-actions, .av26 .avito-rule-foot, .av26 .avito-ad-acts { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.av26 .av26-row .av26-input { flex: 1 1 260px; }


.av26 .av26-sec { margin: 0 0 16px; padding: 20px 22px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.av26 .av26-sec-top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.av26 .av26-sec-t { flex: 1 1 260px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.av26 .av26-sec-t > b { font-family: var(--v-display); font-size: 17px; font-weight: 700; color: var(--v-text); }
.av26 .av26-sec-t > span { font-size: 13px; line-height: 1.45; color: var(--v-muted); }
.av26 .av26-sec-acts { margin-left: auto; }
.av26 .av26-card-ico { width: 40px; height: 40px; flex-shrink: 0; border-radius: 13px; background: var(--v-o-soft); color: var(--v-o-text); display: inline-flex; align-items: center; justify-content: center; }
.av26 .av26-card-ico.is-purple { background: var(--v-p-soft); color: var(--v-p-text); }
.av26 .av26-sec .av26-note { margin: 0; }
.av26 .av26-tiles { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.av26 .av26-chips { display: flex; gap: 6px; flex-wrap: wrap; margin: 0; }
.av26 .av26-chips .chat-folder-chip, .av26 .avito-listings-head .chat-folder-chip, .av26 .chat-folder-chips .chat-folder-chip { height: 34px; padding: 0 13px; border: 0; border-radius: 999px; background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-chip-ring); color: var(--v-text3); display: inline-flex; align-items: center; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; }
.av26 .chat-folder-chips .chat-folder-chip.active { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.av26 .chat-folder-chips { display: flex; gap: 6px; flex-wrap: wrap; padding: 0; border: 0; background: none; }
.av26 .av26-input, .av26 .avito-target-form .input, .av26 input.input, .av26 select.input { height: 44px; box-sizing: border-box; padding: 0 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 15px; box-shadow: none; min-width: 0; }
.av26 .av26-input:focus, .av26 input.input:focus, .av26 select.input:focus { outline: 0; box-shadow: 0 0 0 2px var(--v-accent); }
.av26 .av26-empty-in { padding: 20px; border-radius: 16px; background: var(--v-row-hover); font-size: 13px; color: var(--v-muted); text-align: center; }
.av26 .av26-mono { font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 12px; }
.av26 .av26-hero { margin: 0 0 16px; padding: 20px 22px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.av26 .av26-hero .av26-card-ico { width: 46px; height: 46px; border-radius: 15px; }
.av26 .av26-hero-t { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.av26 .av26-hero-t > span { font-size: 12px; color: var(--v-muted); }
.av26 .av26-hero-t > b { font-family: var(--v-display); font-size: 17px; font-weight: 700; }
.av26 .av26-hero-t > small { font-size: 12px; color: var(--v-muted); line-height: 1.45; }
.av26 .av26-list { display: flex; flex-direction: column; }
.av26 .av26-list-row { display: flex; align-items: center; gap: 12px; padding: 12px 4px; border-top: 1px solid var(--v-row); flex-wrap: wrap; }
.av26 .av26-list-row:first-child { border-top: 0; }
.av26 .av26-list-main { flex: 1 1 260px; min-width: 0; font-size: 13px; line-height: 1.45; }
.av26 .av26-list-acts { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.av26 .avito-card-nolink { font-size: 12px; color: #9CA3AF; }


.av26 .av26-log tr.is-open-able { cursor: pointer; }
.av26 .av26-log tr.is-open-able:hover td { background: var(--v-row-hover); }
.av26 .av26-log td.avito-raw { max-width: 420px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--v-muted); }


.av26 .av26-block-head .av26-note { flex: 1 1 320px; margin: 0; }
.av26 .av26-acc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 460px), 1fr)); gap: 16px; }
.av26 .av26-acc { margin: 0; }
.av26 .av26-acc-ava { width: 46px; height: 46px; flex-shrink: 0; border-radius: 15px; background: linear-gradient(135deg, #FF9A5C, #F25C05); color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; font-family: var(--v-display); font-weight: 800; }
.av26 .av26-acc-contacts { display: flex; flex-direction: column; gap: 8px; }
.av26 .av26-acc-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.av26 .av26-acts-row { padding-top: 12px; border-top: 1px solid var(--v-row); }
.modal.m26 .avito-sync-steps { display: flex; flex-direction: column; }
.modal.m26 .avito-sync-step { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-top: 1px solid var(--v-row); font-size: 14px; }
.modal.m26 .avito-sync-error { font-size: 12px; color: var(--v-r-text); padding-bottom: 6px; }
.modal.m26 .avito-sync-error.is-dim { color: var(--v-muted); }


.av26 .av26-sum-note b.is-good { color: #166534; }
.av26 .adv-list { display: flex; flex-direction: column; gap: 8px; }
.av26 .adv-item { margin: 0; padding: 14px 16px; border: 0; border-radius: 18px; background: var(--v-row-hover); display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.av26 .adv-item.is-good { background: var(--v-g-soft); }
.av26 .adv-main { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.av26 .adv-title { font-size: 14px; font-weight: 800; }
.av26 .adv-title a { color: var(--v-text); text-decoration: none; }
.av26 .adv-title a:hover { color: var(--v-o-text); }
.av26 .adv-why { font-size: 13px; line-height: 1.45; color: var(--v-text2); }
.av26 .adv-meta { font-size: 12px; color: var(--v-muted); }
.av26 .adv-action { font-weight: 700; color: var(--v-r-text); }
.av26 .adv-action.is-good { color: #166534; }
.av26 .adv-status { height: 28px; padding: 0 12px; border-radius: 999px; background: var(--v-card); display: inline-flex; align-items: center; font-size: 12px; font-weight: 700; color: var(--v-text3); }
.av26 .adv-status.is-done { color: #166534; }
.av26 .ai-notes { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 10px; }
.av26 .ai-note { margin: 0; padding: 14px 16px; border: 0; border-radius: 18px; background: var(--v-row-hover); display: flex; flex-direction: column; gap: 10px; }
.av26 .ai-note-head { display: flex; align-items: center; gap: 12px; }
.av26 .ai-note-head > div { flex: 1 1 auto; min-width: 0; }
.av26 .ai-note-title { font-size: 14px; font-weight: 800; }
.av26 .ai-note-body { font-size: 13px; line-height: 1.55; white-space: pre-line; color: var(--v-text2); }
.av26 .av26-sec-details { margin: 0 0 16px; padding: 4px 22px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.av26 .av26-sec-details > summary { padding: 16px 0; font-size: 14px; }
.av26 .avito-rules { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 10px; margin-bottom: 14px; }
.av26 .avito-rules .avito-rule { margin: 0; padding: 14px 16px; border-radius: 16px; background: var(--v-row-hover); gap: 6px; }
.av26 .avito-rules .avito-rule-head { display: flex; align-items: center; gap: 8px; justify-content: space-between; }
.av26 .avito-rules .avito-rule-title { font-size: 14px; font-weight: 800; }
.av26 .avito-rules .avito-rule-desc { font-size: 12px; line-height: 1.45; color: var(--v-muted); }
.av26 .avito-rules .avito-rule-action { font-size: 12px; font-weight: 700; color: var(--v-o-text); }
.av26 .avito-chip { height: 22px; padding: 0 9px; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text3); display: inline-flex; align-items: center; font-size: 11px; font-weight: 800; white-space: nowrap; }
.av26 .avito-chip-warn { background: #FEF6DA; color: #92400E; }
.av26 .avito-target-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px; margin: 12px 0 14px; align-items: center; }
.av26 .av26-sec-details .avito-h3 { margin: 6px 0; font-size: 15px; }

@media (max-width: 860px) {
  .av26 .av26-sec, .av26 .av26-hero, .av26 .av26-sec-details { padding: 16px; border-radius: 22px; }
  .av26 .av26-sec-acts { margin-left: 0; width: 100%; }
  .av26 .av26-acc-fields { grid-template-columns: 1fr; }
  .av26 .av26-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


.av26 .avito-dash-sec > .avito-dash-h { display: flex; align-items: center; gap: 10px; }
.av26 .avito-dash-sec > .avito-dash-h svg { width: 34px; height: 34px; padding: 8px; box-sizing: border-box; border-radius: 11px; background: var(--v-soft); color: var(--v-text3); flex-shrink: 0; }
.av26 .avito-dash-box { margin: 0; padding: 14px 16px; border: 0; border-radius: 18px; background: var(--v-row-hover); box-shadow: none; display: flex; flex-direction: column; gap: 10px; }
.av26 .avito-dash-box h4 { margin: 0; font-size: 14px; font-weight: 800; }
.av26 .avito-dash-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.av26 .avito-dash-note { margin: 0; font-size: 12px; line-height: 1.5; color: var(--v-muted); }
.av26 .avito-dash-rows { display: flex; flex-direction: column; }
.av26 .avito-dash-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; border-top: 1px solid var(--v-row); font-size: 13px; }
.av26 .avito-dash-row:first-child { border-top: 0; }
.av26 .avito-dash-row .k { color: var(--v-muted); display: flex; flex-direction: column; gap: 1px; }
.av26 .avito-dash-row .k b { color: var(--v-text); }
.av26 .avito-dash-row .v { font-weight: 800; white-space: nowrap; }
.av26 .avito-dash-row .v.dim { color: var(--v-muted); font-weight: 600; }
.av26 .av26-text { font-size: 13px; line-height: 1.55; color: var(--v-text2); }
.av26 .av26-chips-gap { align-items: center; }
.av26 .av26-chips-gap .avito-hint { margin-left: 4px; }
.av26 .av26-empty-acts { display: flex; justify-content: center; margin-top: 12px; }
.av26 .avito-res-verdict { height: 24px; padding: 0 10px; border-radius: 999px; background: var(--v-soft); display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.av26 .avito-res-verdict.is-good { background: var(--v-g-soft); color: #166534; }
.av26 .avito-res-verdict.is-warn { background: #FEF6DA; color: #92400E; }
.av26 .avito-res-verdict .avito-cab-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.av26 tr.avito-res-early td { color: var(--v-muted); }

.av26 .av26-hours { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 3px; height: auto; margin: 0; }
.av26 .av26-hours .avito-hour { min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.av26 .av26-hours .avito-hour-bar { height: 96px; width: 100%; display: flex; align-items: flex-end; background: none; border-radius: 0; }
.av26 .av26-hours .avito-hour-fill { width: 100%; min-height: 3px; border-radius: 5px 5px 2px 2px; background: #F6B99A; transform-origin: 50% 100%; }
.av26 .av26-hours .avito-hour.is-peak .avito-hour-fill { background: var(--v-accent); }
.h26.av26.is-playing .av26-hours .avito-hour-fill { animation: h26grow 1s var(--v-ease) both; }
.av26 .av26-hours .avito-hour-label { font-size: 10px; color: #9CA3AF; height: 12px; }
.av26 .av26-hours .avito-hour-label.is-major { color: var(--v-text3); font-weight: 800; }
@media (max-width: 860px) {
  .av26 .avito-dash-two { grid-template-columns: minmax(0, 1fr); }
  .av26 .av26-hours { gap: 2px; }
  .av26 .av26-hours .avito-hour-bar { height: 70px; }
}

.av26 .avito-now { margin: 0; padding: 14px 16px; border: 0; border-radius: 18px; background: var(--v-row-hover); box-shadow: none; display: flex; flex-direction: column; gap: 12px; }
.av26 .avito-now-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.av26 .avito-now-title { font-size: 15px; font-weight: 800; }
.av26 .avito-now-when { font-size: 12px; color: var(--v-muted); }
.av26 .avito-now-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.av26 .avito-now-cell { padding: 12px 14px; border-radius: 14px; background: var(--v-card); display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.av26 .avito-now-cap { font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #9CA3AF; }
.av26 .avito-now-big { font-family: var(--v-display); font-size: 16px; font-weight: 800; }
.av26 .avito-now-lst { font-size: 12px; line-height: 1.4; color: var(--v-muted); }
.av26 .avito-now-note { padding: 10px 12px; border-radius: 12px; background: #FEF6DA; color: #92400E; font-size: 12px; line-height: 1.45; }
.av26 .avito-now-foot { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding-top: 10px; border-top: 1px solid var(--v-row); }
.av26 .avito-dash-row .v.is-warn { color: var(--v-r-text); }
@media (max-width: 860px) { .av26 .avito-now-grid { grid-template-columns: minmax(0, 1fr); } }

.av26 .av26-map-groups { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; }
.av26 .av26-map-groups .avito-cab-stat.av26-grp-working { background: var(--v-g-soft); }
.av26 .av26-map-groups .avito-cab-stat.av26-grp-no_contact { background: #FEF6DA; }
.av26 .av26-map-groups .avito-cab-stat.av26-grp-no_open { background: var(--v-o-soft); }
.av26 .av26-map-groups .avito-cab-stat.av26-grp-buried { background: var(--v-r-soft); }
.av26 .av26-map-groups .avito-cab-stat.is-off { background: var(--v-row-hover); opacity: .75; }
:root[data-theme="dark"] .av26 .av26-map-groups .avito-cab-stat.av26-grp-no_contact { background: var(--v-a-soft); }
.av26 .avito-bf-acts { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 0; }
.av26 .avito-bf-have { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.av26 .avito-bf-have > div { padding: 12px 14px; border-radius: 14px; background: var(--v-card); display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.av26 .avito-bf-run { width: 100%; display: flex; flex-direction: column; gap: 6px; }
.av26 .avito-bf-bar { height: 8px; border-radius: 4px; background: var(--v-bar); overflow: hidden; }
.av26 .avito-bf-bar span { display: block; height: 100%; border-radius: 4px; background: var(--v-accent); }
@media (max-width: 860px) { .av26 .avito-bf-have { grid-template-columns: minmax(0, 1fr); } }

.av26 .av26-min0 { min-width: 0; flex: 1 1 auto; }
.av26 section.avito-rule { margin: 0 0 16px; padding: 20px 22px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 12px; }
.av26 .avito-rule-top { display: flex; align-items: flex-start; gap: 12px; }
.av26 section.avito-rule .avito-rule-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.av26 .avito-rule-kind { height: 24px; padding: 0 10px; border-radius: 999px; background: var(--v-b-soft); color: var(--v-b-text); display: inline-flex; align-items: center; font-size: 11px; font-weight: 800; text-transform: none; letter-spacing: 0; }
.av26 .avito-rule-name { font-family: var(--v-display); font-size: 17px; font-weight: 700; }
.av26 section.avito-rule .avito-rule-sub { margin-top: 4px; font-size: 12px; line-height: 1.45; color: var(--v-muted); }
.av26 .avito-rule-sw { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: var(--v-text3); white-space: nowrap; }
.av26 .avito-rule-track { width: 40px; height: 24px; border-radius: 12px; background: #22C55E; position: relative; display: inline-block; }
.av26 .avito-rule-track.is-off { background: var(--v-bar2); }
.av26 .avito-rule-knob { position: absolute; top: 3px; right: 3px; width: 18px; height: 18px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
.av26 .avito-rule-track.is-off .avito-rule-knob { right: auto; left: 3px; }
.av26 .avito-rule-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.av26 .avito-rule-cell { padding: 12px 14px; border-radius: 14px; background: var(--v-row-hover); display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.av26 .avito-rule-cap { font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #9CA3AF; }
.av26 .avito-rule-big { font-family: var(--v-display); font-size: 16px; font-weight: 800; }
.av26 .avito-rule-small { font-size: 11px; line-height: 1.4; color: var(--v-muted); }
.av26 section.avito-rule .avito-rule-warn { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; }
.av26 .avito-rule-last { font-size: 12px; color: var(--v-muted); }
.av26 section.avito-rule .avito-rule-foot { padding-top: 10px; border-top: 1px solid var(--v-row); }
.av26 .avito-rule-empty { padding: 22px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); font-size: 13px; line-height: 1.5; color: var(--v-text3); text-align: center; }
@media (max-width: 860px) {
  .av26 section.avito-rule { padding: 16px; border-radius: 22px; }
  .av26 .avito-rule-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .av26 section.avito-rule .avito-rule-foot .avito-cab-spacer { display: none; }
}

.av26 .avito-rule-editor.av26-rot { margin: 0 0 16px; padding: 20px 22px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.av26 .av26-rot > .av26-rot-top { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; padding: 4px 0 8px; }
.av26 .av26-rot > .av26-rot-top .avito-rule-name { font-size: 20px; }
.av26 .av26-rot .avito-rule-block { margin: 0; padding: 16px; border: 0; border-radius: 20px; background: var(--v-row-hover); display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.av26 .av26-rot .avito-rule-block:last-child { grid-column: 1 / -1; background: var(--v-card); box-shadow: inset 0 0 0 1.5px var(--v-chip-ring); }
.av26 .avito-rule-block-head { display: flex; align-items: center; gap: 10px; }
.av26 .avito-rule-block-num { width: 28px; height: 28px; flex-shrink: 0; border-radius: 9px; background: var(--v-ink); color: var(--v-on-ink); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; }
.av26 .avito-rule-block-title { font-size: 15px; font-weight: 800; }
.av26 .avito-rule-block-why { margin: 0; font-size: 12px; line-height: 1.5; color: var(--v-muted); }
.av26 .avito-rule-block-body { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.av26 .avito-rule-block-body .avito-hint { font-size: 12px; line-height: 1.5; }
.av26 .avito-rule-block-body .avito-table { background: var(--v-card); border-radius: 14px; }
.av26 .avito-rule-block-body select.input { flex: 1 1 240px; }
.av26 .av26-excl { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 13px; }
.av26 .av26-excl-lab { font-weight: 700; margin-right: 2px; }
.av26 .av26-excl-chip { height: 30px; padding: 0 4px 0 12px; border-radius: 999px; background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-chip-ring); display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; }
.av26 .av26-excl-chip button { width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--v-muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.av26 .av26-excl-chip button:hover { background: var(--v-hover); color: var(--v-text); }
.av26 .av26-excl-add { height: 30px; width: 170px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-chip-ring); color: var(--v-text); font-family: var(--v-font); font-size: 13px; }
.av26 .av26-rot-now { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; }
.av26 .av26-rot-now .avito-cab-stat { cursor: help; }
.av26 .av26-rot-lines { font-size: 13px; line-height: 1.6; color: var(--v-text2); }
.av26 .av26-rot .avito-rule-foot { padding-top: 10px; border-top: 1px solid var(--v-row); }
.av26 .av26-retire { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 12px 14px; border-radius: 16px; background: var(--v-r-soft); }
.av26 .av26-retire-t { font-size: 13px; font-weight: 700; color: var(--v-r-text); }
.av26 .av26-retire .av26-chips { display: inline-flex; }
.av26 .av26-retire-hint { flex-basis: 100%; font-size: 12px; }
.av26 .avito-acc-label { font-size: 12px; color: var(--v-muted); margin: 0 2px 0 8px; }
.av26 .av26-foot-hint { margin: 0 0 16px; padding: 14px 16px; border-radius: 18px; background: var(--v-row-hover); font-size: 12px; line-height: 1.55; }
@media (max-width: 1100px) { .av26 .avito-rule-editor.av26-rot { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 860px) {
  .av26 .avito-rule-editor.av26-rot { padding: 16px; border-radius: 22px; }
  .av26 .av26-rot-now { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .av26 .av26-excl-add { width: 100%; }
}
.av26 .avito-rule-editor.av26-rot { align-items: start; }
.av26 .av26-rot > .avito-rule-block:nth-child(4) { order: 1; }
.av26 .av26-rot > .avito-rule-block:nth-child(6) { order: 2; }
.av26 .av26-rot > .avito-rule-block:nth-child(5) { order: 3; grid-column: 1 / -1; }
.av26 .av26-rot > .avito-rule-block:nth-child(7) { order: 4; }
.av26 .av26-excl .avito-hint { margin: 0; }
.av26 .av26-rot .avito-rule-block { box-shadow: none; }
.av26 .av26-rot-now { grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); }

.av26 .avito-feed-withheld { margin: 0 0 16px; }
.av26 .avito-card.feed-card.av26-feed { margin: 0 0 16px; padding: 20px 22px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 14px; }
.av26 .avito-card.feed-card.av26-feed.is-held { box-shadow: 0 0 0 1.5px #F4B4B4, 0 8px 24px rgba(0, 0, 0, 0.04); }
.av26 .av26-feed .avito-card-body { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.av26 .av26-feed .av26-sec-t .avito-card-title { font-family: var(--v-display); font-size: 20px; font-weight: 700; }
.av26 .av26-feed .av26-sec-t .avito-card-meta { font-size: 13px; color: var(--v-muted); }
.av26 .av26-feed .av26-card-ico { width: 46px; height: 46px; border-radius: 15px; }
.av26 .av26-feed .fld-warn { display: flex; flex-direction: column; gap: 10px; }
.av26 .av26-feed .fld-warn .avito-table-wrap { background: var(--v-card); border-radius: 14px; }
.av26 .av26-feed .fld-warn select { height: 36px; max-width: 280px; padding: 0 10px; border: 0; border-radius: 10px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 13px; }
.av26 .av26-feed .fld-warn p.fld-note { margin: 0; }
.av26 .av26-feed .feed-adopt { margin: 0; }
.av26 .av26-feed .feed-url .av26-input { flex: 1 1 320px; font-size: 13px; }
.av26 .av26-feed .feed-lost { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; font-size: 12px; }
.av26 .av26-feed-acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; padding: 12px 0 0; border-top: 1px solid var(--v-row); }
.av26 .av26-feed-acts .btn { flex: 0 0 auto; }
.av26 .feed-report:not(:empty), .av26 .feed-changes:not(:empty) { padding: 14px 16px; border-radius: 18px; background: var(--v-row-hover); font-size: 13px; line-height: 1.5; }
.av26 .feed-diff { margin: 0; padding: 14px 16px; border: 0; border-radius: 18px; background: var(--v-card); box-shadow: inset 0 0 0 1.5px var(--v-chip-ring); display: flex; flex-direction: column; gap: 8px; }
.av26 .feed-diff.is-safe { box-shadow: inset 0 0 0 1.5px #BBE5C8; }
.av26 .feed-diff.is-danger { box-shadow: inset 0 0 0 1.5px #F4B4B4; }
.av26 .feed-diff-foot { font-size: 12px; color: var(--v-muted); }
.modal.m26 .feed-audit td, .modal.m26 .feed-audit th { font-size: 12px; }
.av26 .av26-feed, .av26 .av26-feed .avito-card-body, .av26 .av26-feed .fld-warn { min-width: 0; max-width: 100%; }
.av26 .av26-feed .avito-table-wrap { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; }
@media (max-width: 860px) {
  .av26 .avito-card.feed-card.av26-feed { padding: 16px; border-radius: 22px; }
  .av26 .av26-feed .av26-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .av26 .av26-feed-acts .btn { flex: 1 1 auto; }
}


.air26 .air26-head { margin: 0 0 18px; padding-top: 8px; border: 0; background: none; }
.air26 .air26-head .fin-title { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); }
.air26 .air26-head .fin-sub { margin: 6px 0 0; font-size: 15px; color: var(--v-muted); }
.air26 .air26-head .av26-back { margin-bottom: 6px; }
.air26 .air26-title { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.air26 .av26-pill.is-new { background: var(--v-o-soft); color: var(--v-o-text); }
.air26 .air26-tabs { margin: 0 0 12px; }
.air26 > #air-list-body > .av26-note, .air26 #air-list-body .av26-note { margin: 0 0 12px; }
.air26 .air26-list { display: flex; flex-direction: column; gap: 8px; }
.air26 .air26-row { width: 100%; padding: 14px 16px; border: 0; border-radius: 18px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); display: flex; align-items: center; gap: 14px; text-align: left; font-family: var(--v-font); color: var(--v-text); cursor: pointer; transition: transform .2s var(--v-spring), box-shadow .2s ease; }
.air26 .air26-row:hover { transform: translateY(-1px); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 10px 24px rgba(0, 0, 0, 0.06); }
.air26 .air26-ava { width: 42px; height: 42px; flex-shrink: 0; border-radius: 14px; background: linear-gradient(135deg, #FF9A5C, #F25C05); color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 15px; }
.air26 .air26-ava.is-anon { background: var(--v-bar2); color: var(--v-text3); }
.air26 .air26-row-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.air26 .air26-row-main b { font-size: 15px; }
.air26 .air26-row-main span { font-size: 12px; color: var(--v-muted); }
.air26 .air26-pink { font-size: 12px; color: var(--v-muted); white-space: nowrap; }
.air26 .air26-chev { color: #9CA3AF; display: inline-flex; }
.air26 .air26-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 16px; align-items: start; }
.air26 .air-info-col, .air26 .air-chat-col { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.air26 .air26-file { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; background: var(--v-row-hover); }
.air26 .air26-file-ico { width: 38px; height: 38px; flex-shrink: 0; border-radius: 12px; background: var(--v-card); color: var(--v-o-text); display: inline-flex; align-items: center; justify-content: center; }
.air26 .air26-file-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.air26 .air26-file-t b { font-size: 14px; }
.air26 .air26-file-t span { font-size: 12px; color: var(--v-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.air26 .air26-file-none { font-size: 12px; color: #9CA3AF; }
.air26 .air26-who { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; background: var(--v-row-hover); font-size: 14px; }
.air26 .air26-who > span { flex: 1 1 auto; color: var(--v-text2); }
.air26 .air26-drop { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 22px; border-radius: 18px; box-shadow: inset 0 0 0 1.5px var(--v-chip-ring); text-align: center; }
.air26 .air26-drop b { font-size: 14px; }
.air26 .air26-thread { min-height: 380px; max-height: calc(100dvh - 300px); overflow-y: auto; display: flex; flex-direction: column; gap: 8px; padding: 4px 2px; }
.air26 .air26-thread .dlg-msg { max-width: 78%; }
.air26 .air26-thread .dlg-msg-in { align-self: flex-start; }
.air26 .air26-thread .dlg-msg-out { align-self: flex-end; }
.air26 .air26-thread .dlg-msg-bubble { padding: 10px 14px; border-radius: 18px; background: var(--v-soft); color: var(--v-text); font-size: 14px; line-height: 1.45; white-space: pre-wrap; }
.air26 .air26-thread .dlg-msg-out .dlg-msg-bubble { background: var(--v-ink); color: var(--v-on-ink); }
.air26 .air26-thread .dlg-msg-meta { margin-top: 3px; font-size: 11px; color: #9CA3AF; }
.air26 .air26-thread .dlg-msg-out .dlg-msg-meta { text-align: right; }
.air26 .air26-compose { display: flex; gap: 8px; align-items: flex-end; padding-top: 12px; border-top: 1px solid var(--v-row); }
.air26 .air26-compose textarea { flex: 1 1 auto; height: auto; min-height: 44px; padding: 11px 14px; resize: vertical; }
@media (max-width: 900px) { .air26 .air26-layout { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 860px) {
  .air26 .air26-head .fin-title { font-size: 28px; font-weight: 800; letter-spacing: -0.03em; }
  .air26 .air26-pink, .air26 .air26-chev { display: none; }
  .air26 .air26-thread { min-height: 260px; max-height: 60dvh; }
}
.av26 a.btn, .modal.m26 a.btn { text-decoration: none; }


.cor26 .cor26-head { margin: 0 0 18px; padding-top: 8px; border: 0; background: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.cor26 .cor26-head .fin-title { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); }
.cor26 .cor26-head .fin-sub { margin: 6px 0 0; max-width: 720px; font-size: 15px; color: var(--v-muted); }
.cor26 .corr-doc-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.cor26 > .av26-note { margin: 0 0 16px; }
.cor26 .cor26-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 16px; align-items: start; }
.cor26 .cor26-toc { position: sticky; top: 16px; padding: 12px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 2px; }
.cor26 .cor26-toc[hidden] { display: none; }
.cor26 .cor26-toc-cap { padding: 6px 10px; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #9CA3AF; }
.cor26 .cor26-toc-item { padding: 9px 10px; border: 0; border-radius: 12px; background: none; color: var(--v-text3); display: flex; align-items: baseline; gap: 10px; text-align: left; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; }
.cor26 .cor26-toc-item span { width: 32px; flex-shrink: 0; font-size: 11px; color: #9CA3AF; }
.cor26 .cor26-toc-item:hover { background: var(--v-hover); color: var(--v-text); }
.cor26 .cor26-toc-item.is-on { background: var(--v-o-soft); color: var(--v-o-text); }
.cor26 .cor26-toc-item.is-on span { color: var(--v-o-text); }
.cor26 .cor26-main { min-width: 0; }


.cor26 .corr-doc { --paper: var(--v-card); --card: var(--v-row-hover); --line: var(--v-row); --line-2: var(--v-row); --sans: var(--v-font);
  padding: 26px 30px 8px; border: 0; border-radius: 24px; box-shadow: var(--v-card-shadow); }
.cor26 .corr-doc section { scroll-margin-top: 16px; }
.cor26 .corr-doc h2 { font-family: var(--v-display); font-weight: 700; }
:root[data-theme="dark"] .cor26 .corr-doc { --ink: #F4F4F5; --ink-2: #D4D4D8; --ink-3: #A1A1AA; --card: #1F1F23; --line: #2A2A2E; --line-2: #26262B;
  --blue: #8AB0F0; --blue-soft: rgba(59, 111, 224, 0.2); --say: #6EE7A8; --say-soft: rgba(34, 165, 89, 0.16); --dont: #F87171; --dont-soft: rgba(239, 68, 68, 0.16); --warn: #FBBF24; --warn-soft: rgba(234, 179, 8, 0.16); }
:root[data-theme="dark"] .cor26 .corr-doc svg text { fill: #D4D4D8; }
.cor26 .corr-doc-foot { margin: 10px 4px 0; text-align: right; font-size: 12px; color: #9CA3AF; }
.cor26 .corr-doc.editing .corr-editable:hover { background: var(--v-o-soft); box-shadow: 0 0 0 2px var(--v-accent); }
.cor26 .corr-doc .corr-editing-now { box-shadow: 0 0 0 2px var(--v-accent); }
@media (max-width: 1000px) {
  .cor26 .cor26-layout { grid-template-columns: minmax(0, 1fr); }
  .cor26 .cor26-toc { position: static; flex-direction: row; overflow-x: auto; scrollbar-width: none; padding: 0; background: none; box-shadow: none; margin: 0 -16px; padding: 0 16px; gap: 6px; }
  .cor26 .cor26-toc::-webkit-scrollbar { display: none; }
  .cor26 .cor26-toc-cap { display: none; }
  .cor26 .cor26-toc-item { flex-shrink: 0; height: 34px; padding: 0 12px; align-items: center; border-radius: 999px; background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-chip-ring); white-space: nowrap; }
  .cor26 .cor26-toc-item span { width: auto; }
}
@media (max-width: 860px) {
  .cor26 .cor26-head .fin-title { font-size: 28px; font-weight: 800; letter-spacing: -0.03em; }
  .cor26 .corr-doc { padding: 16px; border-radius: 22px; }
}
.cor26 .cor26-head > div:first-child { flex: 1 1 420px; min-width: 0; }

.cor26 .corr-doc { background: var(--v-card); }
.cor26 .corr-doc .block-head { background: var(--v-row-hover); }
.cor26 .corr-doc th { background: var(--v-row-hover); }
.cor26 .corr-doc .msg.plain { background: var(--v-row-hover); }
.cor26 .corr-doc .copy { background: var(--v-card); color: var(--v-text2); border-color: var(--v-chip-ring); font-family: var(--v-font); font-weight: 700; border-radius: 9px; }
.cor26 .corr-doc .copy:hover { background: var(--v-ink); color: var(--v-on-ink); border-color: var(--v-ink); }
.cor26 .corr-doc .copy.done { background: var(--say); color: #FFFFFF; border-color: var(--say); }
:root[data-theme="dark"] .cor26 .corr-doc .letter { background: #F4F4F5; color: #18181B; }
:root[data-theme="dark"] .cor26 .corr-doc .check { background: #0E0E10; }
.air26 .air26-compose { align-items: center; }


.cd26-place { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.cd26-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cd26-bar:empty { display: none; }
.cd26-chips { display: flex; gap: 6px; flex-wrap: wrap; flex: 1 1 auto; min-width: 0; }
.cd26-chip {
  height: 36px; padding: 0 12px 0 8px; border: 0; border-radius: 999px; display: inline-flex; align-items: center; gap: 8px;
  background: var(--v-card); color: var(--v-text2); box-shadow: 0 0 0 1px var(--v-chip-ring);
  font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; max-width: 100%;
}
.cd26-chip span:not(.cd26-unread):not(.cd26-lock) { overflow: hidden; text-overflow: ellipsis; }
.cd26-chip.active { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.cd26-unread { min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 9px; background: var(--v-accent); color: #FFFFFF; font-size: 10px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.cd26-lock { display: inline-flex; opacity: .75; }
.cd26-note > span { flex: 1 1 auto; min-width: 0; }
.cd26-open { margin-left: auto; flex-shrink: 0; height: 30px; }
.cd26-embed { height: min(680px, calc(100vh - 220px)); min-height: 420px; display: flex; border-radius: 18px; overflow: hidden; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-row); }
.cd26-view { flex: 1 1 auto; min-height: 0; min-width: 0; display: flex; border: 0; }
.cd26-view .chat-thread { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.cd26-embed .chat-back-btn { display: none !important; }


.cd26-embed #dlg-orders-btn { display: none !important; }
.cd26-note { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--v-soft); color: var(--v-text3); font-size: 12px; }
.cd26-note svg { flex: none; }
.cd26-callout { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 16px; background: var(--v-o-soft); }
.cd26-callout b { color: var(--v-o-text); font-size: 14px; }
.cd26-callout span, .cd26-empty span { font-size: 13px; color: var(--v-text3); }
.cd26-empty { display: flex; flex-direction: column; gap: 4px; padding: 24px 16px; border-radius: 16px; background: var(--v-soft); text-align: center; }
.cd26-sub { font-size: 13px; font-weight: 800; color: var(--v-text); }
.cd26-sugs { display: flex; flex-direction: column; gap: 8px; }
.cd26-sugs:empty { display: none; }
.cd26-sug { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 16px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); }
.cd26-sug-main { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0; }
.cd26-sug-main b { font-size: 14px; color: var(--v-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cd26-sug-main span { font-size: 12px; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cd26-sug .od26-btn { flex-shrink: 0; }
.cd26-search { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 14px; border-radius: 14px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-muted); }
.cd26-search input { flex: 1 1 auto; min-width: 0; height: 42px; border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; font: inherit; font-size: 14px; color: var(--v-text); outline: none; }
.cd26-none { font-size: 12px; color: var(--v-muted); padding: 2px 4px; }
.cd26-locked { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 36px 20px; border-radius: 18px; background: var(--v-soft); text-align: center; }
.cd26-locked-ico { width: 52px; height: 52px; border-radius: 16px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text2); display: flex; align-items: center; justify-content: center; }
.cd26-locked b { font-size: 16px; color: var(--v-text); }
.cd26-locked span { max-width: 460px; font-size: 13px; color: var(--v-muted); }
.cd26-last {
  width: 100%; margin-top: 10px; border: 0; text-align: left; cursor: pointer; display: flex; align-items: center; gap: 10px;
  padding: 12px; border-radius: 16px; background: var(--v-b-soft); color: var(--v-text); font: inherit;
}
.cd26-last[hidden] { display: none; }
.cd26-last-main { display: flex; flex-direction: column; gap: 3px; flex: 1 1 auto; min-width: 0; }
.cd26-last-main b { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--v-b-text); }
.cd26-last-main span { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cd26-last-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--v-accent); }
.od26-tab-chan { display: inline-flex; }
.od26-tab-chan[hidden] { display: none; }
@media (max-width: 860px) {


  .cd26-embed { height: calc(100dvh - 300px); min-height: 360px; border-radius: 16px; }

  body:has(.od26-panel[data-od26-panel="client"]:not([hidden]) .cd26-embed) .chat-widget-btn,
  body:has(.cl-pane[data-cl-pane="dialogs"]:not([hidden]) .cd26-embed) .chat-widget-btn { display: none !important; }
  .cd26-chip { height: 38px; flex: 0 0 auto; }
  .cd26-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px 2px; }
  .cd26-chips::-webkit-scrollbar { display: none; }
  .cd26-sug { flex-wrap: wrap; }
  .cd26-sug .od26-btn { width: 100%; justify-content: center; }
}










.modal.m26 .bid-hours.is-editable .bid-hour input[data-hv][type="number"] { min-height: 0; height: 28px; padding: 0 2px; border-radius: 8px; font-size: 12px; text-align: center; }
@media (max-width: 640px) {


  .modal.m26 .bid-hours.is-editable { height: auto; grid-auto-rows: 84px; row-gap: 12px; }
  .modal.m26 .bid-hours.is-editable .bid-hour input[data-hv][type="number"] { height: 36px; font-size: 16px; }

  .av26 .avito-tabs-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; box-sizing: border-box; overflow: visible; }
  .av26 .avito-tabs-row .content-tab-btn { width: 100%; justify-content: center; }

  .av26 .avito-tools { flex-wrap: wrap; overflow: visible; }
  .av26 .avito-tool { flex: 1 1 auto; justify-content: center; }

  .av26 .avito-back .link-btn, .av26 .av26-back { min-height: 36px; display: inline-flex; align-items: center; }

  .av26 .hint-dot { position: relative; }
  .av26 .hint-dot::after { content: ''; position: absolute; inset: -10px; }


  .av26 .chat-folder-chips:not(.avito-tabs-row) { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .av26 .chat-folder-chips:not(.avito-tabs-row)::-webkit-scrollbar { display: none; }
  .av26 .chat-folder-chips:not(.avito-tabs-row) .chat-folder-chip { flex-shrink: 0; min-height: 34px; }

  .av26 .avito-cab-stats, .av26 .av26-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }


  .av26 .avito-table-wrap:has(> table.av26-cards) { overflow: visible; }
  .av26 table.av26-cards, .av26 table.av26-cards tbody, .av26 table.av26-cards tr, .av26 table.av26-cards td, .av26 table.av26-cards tbody th { display: block; width: auto; }
  .av26 table.av26-cards { border: 0; background: none; min-width: 0 !important; }
  .av26 table.av26-cards thead, .av26 table.av26-cards colgroup { display: none; }
  .av26 table.av26-cards tr {
    position: relative; margin: 0 0 8px; padding: 10px 12px; border: 0; border-radius: 14px;
    background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring);
  }
  .av26 table.av26-cards td, .av26 table.av26-cards tbody th {
    display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
    padding: 4px 0; border: 0 !important; background: none !important; text-align: right; white-space: normal; min-width: 0;
    font-size: 13px; overflow-wrap: anywhere;
  }
  .av26 table.av26-cards td::before, .av26 table.av26-cards tbody th::before { content: attr(data-label); flex: 0 1 45%; text-align: left; color: var(--v-muted); font-size: 12px; font-weight: 600; }
  .av26 table.av26-cards td[data-label=""]::before { display: none; }
  .av26 table.av26-cards td[data-label=""] { justify-content: flex-start; text-align: left; }
  .av26 table.av26-cards td[data-av26-title] { display: block; padding: 0 0 6px; text-align: left; font-size: 14px; font-weight: 700; color: var(--v-text); }
  .av26 table.av26-cards td[data-av26-title]::before { display: none; }
  .av26 table.av26-cards tr:has(td[data-av26-check]) td[data-av26-title] { padding-left: 30px; }
  .av26 table.av26-cards td[data-av26-check] { position: absolute; left: 12px; top: 10px; padding: 0; }
  .av26 table.av26-cards td[data-av26-check]::before { display: none; }
  .av26 table.av26-cards td[data-av26-full] { display: block; text-align: left; }
  .av26 table.av26-cards td:empty { display: none; }
  .av26 table.av26-cards tbody th { font-weight: 600; }


  .av26 table.av26-cards td > *, .av26 table.av26-cards tbody th > * { max-width: 100%; min-width: 0; }
  .av26 table.av26-cards code, .av26 table.av26-cards pre, .av26 table.av26-cards .mono { white-space: pre-wrap !important; overflow-wrap: anywhere; word-break: break-word; }
  .av26 table.av26-cards td a { min-height: 30px; display: inline-flex; align-items: center; }


  .av26 table.av26-cards td.av26-mono { display: block; text-align: left; white-space: normal !important; word-break: break-all; }
  .av26 table.av26-cards td.av26-mono::before { display: block; margin-bottom: 2px; font-family: var(--v-font); }
  .av26 table.av26-cards td.avito-raw { max-width: none; overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-overflow: clip; }

  .av26 .chat-folder-chip { min-height: 32px; }


  .av26 .avito-listing-open, .av26 .avito-seg-btn, .av26 .link-btn { min-height: 32px; display: inline-flex; align-items: center; }

  .modal #bs-calc, .modal #bs-ramp, .modal #bs-ramp-min, .modal #bs-reset, .modal #t-var-add, .modal #ar-check { min-height: 32px; display: inline-flex; align-items: center; }
}







.h26.cn26 { gap: 20px; container-type: inline-size; container-name: cn26; }
.cn26-scroll { overflow-x: auto; scrollbar-width: none; }
.cn26-scroll::-webkit-scrollbar { display: none; }
.cn26-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-top: 8px; }
.cn26-head > div:first-child { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.cn26 .cn26-head h1 { font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); }
.cn26-head p { margin: 0; font-size: 15px; color: var(--v-muted); }
.cn26-head-acts { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.cn26-head-acts .od26-btn { height: 44px; }
.cn26-bar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.cn26 .cn26-tabs { display: inline-flex; gap: 4px; padding: 5px; border-radius: 16px; background: var(--v-bar); }
.cn26 .cn26-tabs .content-tab-btn { height: 40px; padding: 0 14px; border: 0; border-radius: 12px; background: transparent; color: var(--v-text3); display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; box-shadow: none; white-space: nowrap; cursor: pointer; }
.cn26 .cn26-tabs .content-tab-btn:hover:not(.active) { color: var(--v-text); }
.cn26 .cn26-tabs .content-tab-btn.active { background: var(--v-ink); color: var(--v-on-ink); }
.cn26 .cn26-sub { display: inline-flex; gap: 4px; padding: 4px; border-radius: 13px; background: var(--v-bar); }
.cn26 .cn26-sub .content-subtab-btn { height: 32px; padding: 0 12px; border: 0; border-radius: 10px; background: transparent; color: var(--v-muted); display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; }
.cn26 .cn26-sub .content-subtab-btn.active { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.cn26-body, .cn26-cal, .cn26-posts, .cn26-projects, .cn26-plist { display: flex; flex-direction: column; gap: 16px; min-width: 0; }


.cn26-ico { width: 36px; height: 36px; flex-shrink: 0; border: 0; border-radius: 12px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: transform .25s var(--v-spring), background-color .2s ease; }
.cn26-ico:active { transform: scale(.94); }
.cn26-ico.is-ok { background: var(--v-g-soft); color: var(--v-g-text); box-shadow: none; }
.cn26-ico.is-danger { background: var(--v-r-soft); color: var(--v-r-text); box-shadow: none; }
.cn26-chips { display: flex; gap: 6px; }
.cn26-chip { height: 34px; padding: 0 12px; flex-shrink: 0; border: 0; border-radius: 999px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text2); display: inline-flex; align-items: center; gap: 7px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.cn26-chip i, .cn26-prj i, .cn26-select i, .cn26-dgroup-head i { width: 8px; height: 8px; flex-shrink: 0; border-radius: 50%; }
.cn26-chip.is-on { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.cn26-st, .cn26-cst { height: 24px; padding: 0 10px; box-sizing: border-box; flex-shrink: 0; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; white-space: nowrap; background: var(--v-soft); color: var(--v-text3); }
.cn26-st::before, .cn26-cst::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.cn26-cst { height: 22px; font-size: 11px; }
.cn26-st.is-scheduled { background: var(--v-a-soft); color: var(--v-a-text); }
.cn26-st.is-publishing { background: var(--v-o-soft); color: var(--v-o-text); }
.cn26-st.is-published, .cn26-cst.is-ok { background: var(--v-g-soft); color: var(--v-g-text); }
.cn26-st.is-failed, .cn26-cst.is-bad { background: var(--v-r-soft); color: var(--v-r-text); }
.cn26-tag { height: 22px; padding: 0 8px; border-radius: 999px; display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; white-space: nowrap; background: var(--v-soft); color: var(--v-text3); }
.cn26-tag.is-p { background: var(--v-p-soft); color: var(--v-p-text); }
.cn26-tag.is-b { background: var(--v-b-soft); color: var(--v-b-text); }
.cn26-tag.is-g { background: var(--v-g-soft); color: var(--v-g-text); }
.cn26-prj { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--v-text2); }
.cn26-meta-dim { color: var(--v-muted); }
.cn26-meta-warn { display: inline-flex; align-items: center; gap: 5px; color: var(--v-r-text); font-weight: 700; }
.cn26-empty { padding: 24px; font-size: 14px; color: var(--v-muted); text-align: center; }
.cn26-ch-ico { position: relative; display: inline-flex; flex-shrink: 0; border-radius: 50%; }
.cn26-ch-ico img { width: 100%; height: 100%; border-radius: 50%; display: block; }
.cn26-ch-ico.is-none { align-items: center; justify-content: center; background: var(--v-soft); color: var(--v-muted); }
.cn26-ch-mark { position: absolute; right: -3px; bottom: -3px; min-width: 13px; height: 13px; box-sizing: border-box; border-radius: 50%; background: var(--v-card); color: var(--v-o-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; }
.cn26-ch-mark.is-pmp { border-radius: 4px; padding: 0 2px; background: var(--v-ink); color: var(--v-on-ink); font-size: 7px; font-weight: 800; }
.cn26-thumb { width: 56px; height: 56px; flex-shrink: 0; box-sizing: border-box; border-radius: 14px; overflow: hidden; background: var(--v-soft); display: flex; align-items: center; justify-content: center; }
.cn26-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cn26-thumb.is-empty { background: transparent; border: 1.5px dashed var(--v-bar2); color: var(--v-muted); }


.cn26-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.cn26-tile { min-width: 0; box-sizing: border-box; padding: 14px 16px; border: 0; border-radius: 20px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-ring); display: flex; align-items: center; gap: 12px; text-align: left; font-family: var(--v-font); color: var(--v-text); cursor: pointer; transition: transform .25s var(--v-ease), box-shadow .25s ease; }
.cn26-tile:hover { transform: translateY(-2px); box-shadow: var(--v-lift-shadow); }
.cn26-tile-ico { width: 40px; height: 40px; flex-shrink: 0; border-radius: 13px; display: flex; align-items: center; justify-content: center; background: var(--v-soft); color: var(--v-text2); }
.cn26-tile.is-a .cn26-tile-ico { background: var(--v-a-soft); color: var(--v-a-text); }
.cn26-tile.is-r .cn26-tile-ico { background: var(--v-r-soft); color: var(--v-r-text); }
.cn26-tile.is-g .cn26-tile-ico { background: var(--v-g-soft); color: var(--v-g-text); }
.cn26-tile-body { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.cn26-tile-body b { font-family: var(--v-display); font-size: 22px; font-weight: 800; letter-spacing: -0.02em; white-space: nowrap; }
.cn26-tile-body b small { font-family: var(--v-font); font-size: 13px; font-weight: 700; color: var(--v-text3); letter-spacing: 0; }
.cn26-tile-body > span { font-size: 12px; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cn26-tile.is-r .cn26-tile-body > span { color: var(--v-r-text); }


.cn26-cal-card { padding: 18px 18px 16px; display: flex; flex-direction: column; gap: 14px; }
.cn26-cal-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cn26 .cn26-cal-top h2 { font-family: var(--v-display); font-size: 22px; font-weight: 800; letter-spacing: -0.02em; margin-right: 6px; }
.cn26-cal-nav { display: flex; align-items: center; gap: 8px; }
.cn26-today { height: 36px; }
.cn26-legend { margin-left: auto; display: flex; flex-wrap: wrap; gap: 14px; }
.cn26-legend span { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--v-text3); }
.cn26-legend i { width: 18px; height: 12px; border-radius: 4px; box-sizing: border-box; }
.cn26-legend i.is-scheduled { background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-bar2), inset 3px 0 0 var(--v-accent); }
.cn26-legend i.is-draft { border: 1px dashed var(--v-bar2); }
.cn26-legend i.is-published { background: var(--v-soft); }
.cn26-legend i.is-failed { background: var(--v-r-soft); }
.cn26-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.cn26-dow { padding: 0 4px 6px; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--v-muted); }
.cn26-dow.is-weekend { color: var(--v-o-text); }
.cn26-cell { position: relative; min-height: 118px; box-sizing: border-box; padding: 6px; border-radius: 14px; background: var(--v-row-hover); display: flex; flex-direction: column; gap: 4px; overflow: hidden; min-width: 0; cursor: pointer; transition: box-shadow .2s ease; }
.cn26-cell:hover { box-shadow: 0 0 0 1.5px var(--v-bar2); }
.cn26-cell:focus-visible { outline: 2px solid var(--v-accent); outline-offset: 1px; }
.cn26-cell.is-empty { background: transparent; cursor: default; box-shadow: none; }
.cn26-num { align-self: flex-start; min-width: 26px; height: 26px; padding: 0 4px; box-sizing: border-box; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; color: var(--v-text); }
.cn26-cell.is-past .cn26-num { color: var(--v-muted); }
.cn26-cell.is-today .cn26-num { background: var(--v-accent); color: #FFFFFF; }
.cn26-cposts { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cn26-cpost { height: 24px; box-sizing: border-box; padding: 0 6px; border-radius: 7px; border-left: 3px solid var(--p, var(--v-bar2)); background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text); display: flex; align-items: center; gap: 4px; font-size: 11px; white-space: nowrap; overflow: hidden; min-width: 0; }
.cn26-cpost b { flex-shrink: 0; font-weight: 800; }
.cn26-cpost span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.cn26-cpost svg { flex-shrink: 0; }
.cn26-cpost.is-draft { background: transparent; box-shadow: inset 0 0 0 1px var(--v-bar2); color: var(--v-text3); }
.cn26-cpost.is-published { background: var(--v-soft); box-shadow: none; color: var(--v-muted); }
.cn26-cpost.is-failed { background: var(--v-r-soft); box-shadow: none; color: var(--v-r-text); }
.cn26-more { padding-left: 4px; font-size: 11px; font-weight: 800; color: var(--v-muted); }
.cn26-dots, .cn26-fail-dot, .cn26-agenda { display: none; }
.cn26-aday { display: flex; justify-content: space-between; padding: 12px 4px 6px; font-size: 12px; font-weight: 800; color: var(--v-text3); }
.cn26-arow { display: flex; align-items: center; gap: 12px; padding: 10px 4px; border-top: 1px solid var(--v-row); cursor: pointer; }
.cn26-arow > i { width: 4px; height: 38px; flex-shrink: 0; border-radius: 2px; }
.cn26-arow-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.cn26-arow-main b { display: flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cn26-arow-main b svg { flex-shrink: 0; color: var(--v-o-text); }
.cn26-arow-main small { font-size: 12px; color: var(--v-muted); }


.cn26-filters { display: flex; align-items: center; gap: 8px; position: relative; z-index: 4; }
.cn26-filters-row { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; }
.cn26-select { margin: 0; box-sizing: border-box; position: relative; height: 36px; padding: 0 12px; flex-shrink: 0; border-radius: 12px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text); display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.cn26-select select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 16px; }
.cn26-select.is-on { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.cn26-sep { width: 1px; height: 22px; flex-shrink: 0; background: var(--v-bar); }
.cn26-seg { display: inline-flex; gap: 4px; padding: 4px; flex-shrink: 0; border-radius: 12px; background: var(--v-bar); }
.cn26-seg button { height: 28px; padding: 0 12px; border: 0; border-radius: 9px; background: transparent; color: var(--v-muted); display: inline-flex; align-items: center; justify-content: center; gap: 5px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.cn26-seg button.is-on { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.cn26-seg-wide { display: flex; }
.cn26-seg-wide button { flex: 1 1 0; min-width: 0; height: 34px; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 480px) { .cn26-seg-wide button { padding: 0 4px; font-size: 12px; } }
.cn26-list { padding: 0; overflow: visible; }
.cn26-list > :first-child { border-top: 0; border-radius: 24px 24px 0 0; }
.cn26-list > :last-child { border-radius: 0 0 24px 24px; }
.cn26-day { display: flex; align-items: center; gap: 10px; padding: 10px 18px; border-top: 1px solid var(--v-row); background: var(--v-row-hover); font-size: 12px; font-weight: 800; color: var(--v-text3); }
.cn26-day span:last-child { margin-left: auto; color: var(--v-muted); }
.cn26-past { display: flex; align-items: center; gap: 10px; padding: 16px 18px 8px; border-top: 1px solid var(--v-row); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--v-muted); }
.cn26-past::after { content: ''; flex: 1; height: 1px; background: var(--v-row); }
.cn26-row { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-top: 1px solid var(--v-row); cursor: pointer; transition: background-color .2s ease; }
.cn26-row:hover { background: var(--v-row-hover); }
.cn26-row-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.cn26-row-text { font-size: 14px; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; }
.cn26-story-badge { height: 20px; padding: 0 7px; margin-right: 6px; border-radius: 6px; background: var(--v-o-soft); color: var(--v-o-text); display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 800; vertical-align: 2px; }
.cn26-row-meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; color: var(--v-muted); }
.cn26-dot-sep { color: var(--v-bar2); }
.cn26-row-err { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 10px; background: var(--v-r-soft); color: var(--v-r-text); font-size: 12px; font-weight: 600; min-width: 0; }
.cn26-row-err span, .cn26-row-warn span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cn26-row-err svg, .cn26-row-warn svg { flex-shrink: 0; }
.cn26-row-warn { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: var(--v-a-text); min-width: 0; }
.cn26-out { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; color: var(--v-muted); }
.cn26-out a, .cn26-out > span:not(:first-child) { height: 22px; padding: 0 8px; border-radius: 7px; display: inline-flex; align-items: center; gap: 4px; font-weight: 700; text-decoration: none; }
.cn26-out-ok { background: var(--v-g-soft); color: var(--v-g-text); }
.cn26-out-bad { background: var(--v-r-soft); color: var(--v-r-text); }
.cn26-out-wait { background: var(--v-soft); color: var(--v-text3); }
.cn26-row-side { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex-shrink: 0; }
.cn26-row-side b { font-family: var(--v-display); font-size: 15px; }
.cn26-row-acts { display: flex; gap: 6px; flex-shrink: 0; opacity: 0; transition: opacity .2s ease; }
.cn26-row:hover .cn26-row-acts, .cn26-row:focus-within .cn26-row-acts { opacity: 1; }
@media (hover: none) { .cn26-row-acts { opacity: 1; } }
.cn26-row-acts .cn26-ico { width: 34px; height: 34px; }
.cn26 .cn26-dd { position: relative; max-width: 100%; }
.cn26 .cn26-dd > summary { list-style: none; height: 26px; padding: 0 8px; box-sizing: border-box; border: 0; border-radius: 8px; background: var(--v-soft); color: var(--v-text2); display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; cursor: pointer; max-width: 100%; }
.cn26 .cn26-dd > summary::-webkit-details-marker { display: none; }
.cn26 .cn26-dd[open] > summary { background: var(--v-card); box-shadow: 0 0 0 1.5px var(--v-ink); }
.cn26-dd-icons { display: inline-flex; flex-shrink: 0; }
.cn26-dd-icons .cn26-ch-ico + .cn26-ch-ico { margin-left: -4px; }
.cn26-dd-names { min-width: 0; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cn26 .cn26-dd .quick-groups-panel { top: 32px; left: 0; z-index: 30; width: 270px; min-width: 0; box-sizing: border-box; padding: 6px; border: 0; border-radius: 16px; background: var(--v-card); box-shadow: var(--v-lift-shadow); display: flex; flex-direction: column; gap: 2px; animation: kb26menu .25s var(--v-spring) both; transform-origin: 0 0; }
.cn26-dd-cap { padding: 6px 10px 4px; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--v-muted); }
.cn26 .cn26-dd .qg-row { height: 40px; padding: 0 10px; border-radius: 10px; display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--v-text); cursor: pointer; }
.cn26 .cn26-dd .qg-row:hover { background: var(--v-soft); color: var(--v-text); }
.cn26 .cn26-dd .qg-row.checked { background: var(--v-o-soft); }
.cn26 .cn26-dd .qg-row > span:nth-child(2) { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.cn26 .cn26-dd .qg-check { visibility: visible; width: 22px; height: 22px; flex: none; border-radius: 7px; box-shadow: inset 0 0 0 1.5px var(--v-bar2); color: transparent; display: flex; align-items: center; justify-content: center; }
.cn26 .cn26-dd .qg-row.checked .qg-check { background: var(--v-accent); color: #FFFFFF; box-shadow: none; }
.cn26 .cn26-dd .qg-row:hover .qg-check { color: transparent; }
.cn26 .cn26-dd .qg-row.checked:hover .qg-check { color: #FFFFFF; }


.cn26-pcard { padding: 20px 22px; display: flex; flex-direction: column; gap: 14px; }
.cn26-prj-head { display: flex; align-items: center; gap: 14px; }
.cn26-prj-ava { width: 48px; height: 48px; flex-shrink: 0; border-radius: 16px; color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-family: var(--v-display); font-size: 16px; font-weight: 800; }
.cn26-prj-name { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.cn26 .cn26-prj-name h3 { font-family: var(--v-display); font-size: 18px; font-weight: 700; overflow-wrap: anywhere; }
.cn26-prj-name p { margin: 0; font-size: 13px; color: var(--v-muted); }
.cn26-prj-count { font-size: 12px; font-weight: 700; color: var(--v-text3); }
.cn26-prj-acts { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.cn26-prj-acts .od26-btn { height: 38px; }
.cn26-prj-acts .cn26-ico { width: 38px; height: 38px; background: var(--v-soft); box-shadow: none; }
.cn26-photos { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 12px; border-radius: 14px; background: var(--v-stat); font-size: 13px; font-weight: 600; color: var(--v-text2); }
.cn26-photos > span { flex: 1 1 200px; min-width: 0; }
.cn26-photos > svg { flex-shrink: 0; }
.cn26-photos.is-low { background: var(--v-a-soft); color: var(--v-a-text); }
.cn26-link { min-height: 28px; padding: 0; border: 0; background: none; color: var(--v-o-text); display: inline-flex; align-items: center; gap: 4px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; }
.cn26-chans { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.cn26-chan { min-width: 0; box-sizing: border-box; padding: 14px; border-radius: 18px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); display: flex; flex-direction: column; gap: 10px; }
.cn26-chan-head { display: flex; align-items: center; gap: 10px; }
.cn26-chan-name { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.cn26-chan-name b { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cn26-chan-name span { font-size: 12px; color: var(--v-muted); }
.cn26-chan-addr { font-size: 12px; font-weight: 600; color: var(--v-text3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cn26-chan-err, .cn26-chan-note { padding: 8px 10px; border-radius: 10px; font-size: 12px; font-weight: 600; line-height: 1.4; background: var(--v-r-soft); color: var(--v-r-text); overflow-wrap: anywhere; }
.cn26-chan-note { background: var(--v-a-soft); color: var(--v-a-text); }
.cn26-chan-acts { display: flex; gap: 6px; margin-top: auto; }
.cn26-chan-acts .od26-btn { height: 34px; padding: 0 12px; font-size: 13px; }
.cn26-chan-add { min-height: 52px; box-sizing: border-box; padding: 0 16px; border: 2px dashed var(--v-bar2); border-radius: 18px; background: transparent; color: var(--v-text3); display: flex; align-items: center; justify-content: center; gap: 6px; text-align: center; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; }
.cn26-chan-add:hover { border-color: var(--v-accent); color: var(--v-o-text); }
.cn26-chan-add.is-first { min-height: 150px; flex-direction: column; }
.cn26-section-title { padding-top: 6px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--v-muted); }
.cn26-service { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 16px; align-items: start; }
.cn26-service.is-single { grid-template-columns: minmax(0, 1fr); }
.cn26-svc { padding: 22px 24px; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.cn26-svc-head { display: flex; align-items: center; gap: 12px; }
.cn26-svc-head > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cn26 .cn26-svc-head h3 { font-family: var(--v-display); font-size: 17px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.cn26-svc-head p { margin: 0; font-size: 13px; line-height: 1.4; color: var(--v-muted); }
.cn26-svc-ico { width: 40px; height: 40px; flex-shrink: 0; border-radius: 13px; display: flex; align-items: center; justify-content: center; }
.cn26-svc-ico.is-b { background: var(--v-b-soft); color: var(--v-b-text); }
.cn26-svc-ico.is-p { background: var(--v-p-soft); color: var(--v-p-text); }
.cn26-svc-key { height: 36px; flex-shrink: 0; }
.cn26-svc-key.is-on { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.cn26-svc-acts { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cn26-svc-acts .od26-btn { height: 40px; }
.cn26-count { min-width: 22px; height: 22px; padding: 0 7px; box-sizing: border-box; border-radius: 999px; background: var(--v-o-soft); color: var(--v-o-text); display: inline-flex; align-items: center; justify-content: center; font-family: var(--v-font); font-size: 12px; font-weight: 800; }
.cn26-note { padding: 12px 14px; border-radius: 14px; background: var(--v-stat); font-size: 13px; line-height: 1.5; color: var(--v-text2); }
.cn26-note.is-bad { background: var(--v-r-soft); color: var(--v-r-text); }
.cn26-digest { margin-top: 8px; padding: 14px 16px; border-radius: 16px; background: var(--v-stat); font-size: 13px; line-height: 1.6; color: var(--v-text2); white-space: pre-line; }
.cn26-key { padding: 12px 14px; border-radius: 14px; background: #141414; color: #FFFFFF; display: flex; flex-direction: column; gap: 6px; font-size: 12px; }
.cn26-key > span { color: rgba(255, 255, 255, 0.72); line-height: 1.45; }
.cn26-key small { color: rgba(255, 255, 255, 0.55); font-size: 11px; }
.cn26-key code { background: none; padding: 0; color: #FFFFFF; font-size: 12px; font-weight: 700; word-break: break-all; }
.cn26-key-acts { display: flex; gap: 6px; margin-top: 4px; flex-wrap: wrap; }
.cn26-key-acts .od26-btn { height: 34px; font-size: 13px; }
.cn26-key-acts .od26-btn-soft { background: rgba(255, 255, 255, 0.12); color: #FFFFFF; }
.cn26-key-acts .od26-btn-ghost { color: #FCA5A5; }
.cn26-chk-inline { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; cursor: pointer; }
.cn26-chk-inline input, .cn26-sugg-row > input { width: 20px; height: 20px; margin: 0; accent-color: var(--v-accent); flex-shrink: 0; }
.cn26-sugg { display: flex; flex-direction: column; }
.cn26-sugg-row { display: flex; gap: 12px; padding: 14px 0; border-top: 1px solid var(--v-row); }
.cn26-sugg-row > input { margin-top: 2px; }
.cn26-sugg-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; font-size: 12px; }
.cn26-sugg-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cn26-sugg-top b { font-size: 14px; }
.cn26-sugg-body { display: flex; gap: 10px; }
.cn26-sugg-body img { width: 64px; height: 64px; flex-shrink: 0; border-radius: 12px; object-fit: cover; }
.cn26-sugg-body span { font-size: 13px; line-height: 1.5; color: var(--v-text3); }
.cn26-sugg-acts { display: flex; gap: 6px; flex-wrap: wrap; }
.cn26-sugg-acts .od26-btn { height: 34px; font-size: 13px; }
.cn26-btn-ok { background: var(--v-g-soft); color: var(--v-g-text); }


.modal.cn26-day-modal { max-width: 620px; }
.modal .cn26-msub { margin: -8px 0 14px; font-size: 13px; color: var(--v-muted); }
.cn26-dgroups { display: flex; flex-direction: column; gap: 14px; max-height: 60vh; overflow: auto; }
.cn26-dgroup { display: flex; flex-direction: column; gap: 6px; }
.cn26-dgroup-head { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; }
.cn26-dgroup-head i { width: 10px; height: 10px; }
.cn26-dgroup-head span:last-child { margin-left: auto; color: var(--v-muted); }
.cn26-dpost { display: flex; gap: 12px; padding: 10px; border-radius: 16px; background: var(--v-stat); cursor: pointer; transition: background-color .2s ease; }
.cn26-dpost:hover { background: var(--v-soft); }
.cn26-dpost .cn26-thumb { width: 48px; height: 48px; border-radius: 12px; }
.cn26-dpost-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.cn26-dpost-top { display: flex; align-items: center; gap: 8px; }
.cn26-dpost-top b { font-family: var(--v-display); font-size: 14px; }
.cn26-dpost-story { display: flex; color: var(--v-o-text); }
.cn26-dpost-text { font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.cn26-dpost-ch { font-size: 12px; color: var(--v-muted); }
.modal .btn svg { vertical-align: -3px; }
.modal.cn26-post-modal { max-width: 1000px; width: 100%; }
.cn26-pm { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: start; }
.cn26-pm-form { display: flex; flex-direction: column; min-width: 0; }
.cn26-pm-side { position: sticky; top: 0; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.cn26-pv-cap { font-size: 13px; font-weight: 800; }
.cn26-pv-note { font-size: 12px; line-height: 1.45; color: var(--v-muted); }
.cn26-pv { padding: 14px; border-radius: 18px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); display: flex; flex-direction: column; gap: 10px; }
.cn26-pv-head { display: flex; align-items: center; gap: 10px; }
.cn26-pv-head > div { display: flex; flex-direction: column; min-width: 0; }
.cn26-pv-head b { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cn26-pv-head span { font-size: 11px; color: var(--v-muted); }
.cn26-pv-text { max-height: 240px; overflow: hidden; font-size: 13px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.cn26-pv-photos { display: grid; gap: 3px; border-radius: 12px; overflow: hidden; }
.cn26-pv-photos span { position: relative; min-height: 84px; background: var(--v-soft) center / cover no-repeat; }
.cn26-pv-photos b { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); color: #FFFFFF; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.cn26-pv-photos.is-1 span { min-height: 180px; }
.cn26-pv-photos.is-2 { grid-template-columns: 1fr 1fr; }
.cn26-pv-photos.is-2 span { min-height: 120px; }
.cn26-pv-photos.is-3 { grid-template-columns: 2fr 1fr; grid-template-rows: 84px 84px; }
.cn26-pv-photos.is-3 span:first-child { grid-row: span 2; }
.cn26-pv-foot { display: flex; gap: 14px; color: var(--v-muted); }
.cn26-warn { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; padding: 10px 12px; border-radius: 12px; background: var(--v-a-soft); color: var(--v-a-text); font-size: 13px; font-weight: 600; }
.cn26-warn svg { flex-shrink: 0; }
.cn26-pm-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cn26-grow { flex: 1; }
.modal .cn26-chk { min-height: 46px; margin-bottom: 6px; padding: 0 12px; box-sizing: border-box; border-radius: 14px; background: var(--v-soft); display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; cursor: pointer; }
.modal .cn26-chk:has(input:checked) { background: var(--v-o-soft); }
.modal .cn26-chk input { width: 20px; height: 20px; margin: 0; flex-shrink: 0; accent-color: var(--v-accent); }
.cn26-chk-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cn26-colors { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cn26-color { width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; }
.cn26-color.is-on { outline: 2px solid var(--v-ink); outline-offset: 2px; }
.modal .cn26-colors input#p-color[type="color"] { width: 40px; height: 34px; min-height: 0; padding: 0 2px; border: 0; border-radius: 10px; background: var(--v-soft); cursor: pointer; }
.cn26-chan-state { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; padding: 10px 12px; border-radius: 14px; background: var(--v-soft); color: var(--v-text3); font-size: 13px; }
.cn26-chan-state > span { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; overflow-wrap: anywhere; }
.cn26-chan-state svg { flex-shrink: 0; }
.cn26-chan-state.is-ok { background: var(--v-g-soft); color: var(--v-g-text); }
.cn26-chan-state.is-bad { background: var(--v-r-soft); color: var(--v-r-text); }
.cn26-chan-state .od26-btn { height: 32px; font-size: 13px; flex-shrink: 0; }
@media (max-width: 760px) {
  .cn26-pm { grid-template-columns: minmax(0, 1fr); }
  .cn26-pm-side, .cn26-grow { display: none; }
}


@container cn26 (max-width: 760px) {
  .cn26-head { align-items: center; padding-top: 0; }
  .cn26-head p { display: none; }
  .cn26 .cn26-head h1 { font-size: 30px; font-weight: 800; letter-spacing: -0.03em; }
  .cn26-head-acts .od26-btn { width: 44px; padding: 0; }
  .cn26-head-acts .od26-btn span { display: none; }
  .cn26-bar { flex-direction: column; align-items: stretch; gap: 8px; }
  .cn26 .cn26-tabs, .cn26 .cn26-sub { display: flex; }
  .cn26 .cn26-tabs .content-tab-btn, .cn26 .cn26-sub .content-subtab-btn { flex: 1; padding: 0 8px; }
  .cn26 .cn26-tabs .content-tab-btn svg { display: none; }
  .cn26-bar-extra:empty { display: none; }
  .cn26-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .cn26-tile { padding: 12px; }
  .cn26-legend { display: none; }
  .cn26-row { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; grid-template-areas: "th main acts" "th side acts"; align-items: start; gap: 6px 12px; padding: 12px 14px; }
  .cn26-row > .cn26-thumb { grid-area: th; width: 52px; height: 52px; border-radius: 12px; }
  .cn26-row-main { grid-area: main; }
  .cn26-row-side { grid-area: side; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; }
  .cn26-row-acts { grid-area: acts; flex-direction: column; opacity: 1; }
  .cn26-dd-names { max-width: 150px; }
  .cn26-service { grid-template-columns: minmax(0, 1fr); }
  .cn26-pcard, .cn26-svc { padding: 16px; }
  .cn26-prj-head { align-items: flex-start; }
  .cn26-prj-acts .od26-btn { width: 38px; padding: 0; }
  .cn26-prj-acts .od26-btn span { display: none; }
  .cn26-chans { grid-template-columns: minmax(0, 1fr); }
  .cn26-chan-add.is-first { min-height: 64px; flex-direction: row; }
  .cn26-svc-head { flex-wrap: wrap; }
}
@container cn26 (max-width: 640px) {
  .cn26-cal-card { padding: 12px 10px; }
  .cn26-grid { gap: 4px; }
  .cn26-dow { padding: 0 0 6px; text-align: center; }
  .cn26-cell { min-height: 52px; padding: 4px; align-items: center; justify-content: center; gap: 4px; background: var(--v-card); }
  .cn26-cell.is-empty { background: transparent; }
  .cn26-num { align-self: center; width: 30px; height: 30px; border-radius: 50%; font-size: 15px; font-weight: 700; }
  .cn26-cposts { display: none; }
  .cn26-dots { display: flex; gap: 3px; height: 6px; }
  .cn26-dots i { width: 6px; height: 6px; border-radius: 50%; }
  .cn26-dots i.is-dim { opacity: .45; }
  .cn26-fail-dot { display: block; position: absolute; top: 5px; right: 6px; width: 7px; height: 7px; border-radius: 50%; background: #E5484D; }
  .cn26-agenda { display: flex; flex-direction: column; }
  .cn26 .cn26-cal-top h2 { flex: 1; font-size: 19px; white-space: nowrap; }
}







.h26.tn26 { gap: 18px; container-type: inline-size; container-name: tn26; }
.tn26-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-top: 8px; }
.tn26-head > div:first-child { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.tn26 .tn26-head h1 { font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); }
.tn26-head p { margin: 0; font-size: 15px; color: var(--v-muted); }
.tn26-head-acts { display: flex; gap: 10px; flex-shrink: 0; }
.tn26-head-acts .od26-btn { height: 44px; }
.tn26-btn-ink { background: var(--v-ink); color: var(--v-on-ink); }
.tn26-auto { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 16px; border-radius: 18px; background: var(--v-b-soft); color: var(--v-b-text); }
.tn26-auto:empty { display: none; }
.tn26-auto-ico { width: 34px; height: 34px; flex-shrink: 0; border-radius: 11px; background: var(--v-card); display: flex; align-items: center; justify-content: center; }
.tn26-auto-text { flex: 1 1 300px; font-size: 13px; line-height: 1.5; }
.tn26-pill { height: 26px; padding: 0 10px; box-sizing: border-box; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; white-space: nowrap; flex-shrink: 0; background: var(--v-soft); color: var(--v-text3); }
.tn26-pill::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.tn26-pill.is-g { background: var(--v-g-soft); color: var(--v-g-text); }
.tn26-pill.is-a { background: var(--v-a-soft); color: var(--v-a-text); }
.tn26-pill.is-o { background: var(--v-o-soft); color: var(--v-o-text); }
.tn26-tabs { align-self: flex-start; display: inline-flex; gap: 4px; padding: 5px; border-radius: 16px; background: var(--v-bar); max-width: 100%; box-sizing: border-box; }
.tn26-tabs:empty { display: none; }
.tn26-tab { height: 40px; padding: 0 14px; border: 0; border-radius: 12px; background: transparent; color: var(--v-text3); display: inline-flex; align-items: center; justify-content: center; gap: 7px; font-family: var(--v-font); font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.tn26-tab.is-on { background: var(--v-ink); color: var(--v-on-ink); }
.tn26-tab-n { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: var(--v-bar2); color: var(--v-text2); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; }
.tn26-tab-n.is-o { background: var(--v-o-soft2); color: var(--v-o-text); }
.tn26-tab.is-on .tn26-tab-n { background: rgba(255, 255, 255, 0.2); color: inherit; }
.tn26-body { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.tn26-empty { padding: 24px; font-size: 14px; color: var(--v-muted); text-align: center; line-height: 1.5; }
.tn26-error { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-radius: 20px; background: var(--v-r-soft); color: var(--v-r-text); font-size: 13px; font-weight: 600; }
.tn26-error span { flex: 1; }
.tn26-error .od26-btn { height: 36px; }
.tn26-note { font-size: 12px; color: var(--v-muted); line-height: 1.45; }
.tn26-dim { color: var(--v-muted); font-size: 13px; }
.tn26-grow { flex: 1; }
.tn26-link { min-height: 32px; padding: 0; border: 0; background: none; color: var(--v-muted); display: inline-flex; align-items: center; gap: 4px; font-family: var(--v-font); font-size: 14px; font-weight: 700; cursor: pointer; }


.tn26-tiles { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.tn26-tile { min-width: 0; box-sizing: border-box; padding: 16px 18px; border-radius: 20px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-ring); display: flex; flex-direction: column; gap: 4px; }
.tn26-tile b { font-family: var(--v-display); font-size: 30px; font-weight: 800; letter-spacing: -0.02em; color: var(--v-text); }
.tn26-tile > span { font-size: 12px; color: var(--v-muted); }
.tn26-tile.is-g b { color: var(--v-g-text); }
.tn26-tile.is-a b { color: var(--v-a-text); }
.tn26-tile.is-n b { color: var(--v-text3); }
.tn26-bar { display: block; height: 4px; margin-top: 4px; border-radius: 2px; background: var(--v-row); overflow: hidden; font-style: normal; }
.tn26-bar > i { display: block; height: 100%; border-radius: 2px; background: currentColor; transform-origin: 0 50%; }
.tn26-tile.is-g .tn26-bar { color: var(--v-g-dot); }
.tn26-tile.is-a .tn26-bar { color: #F5B83D; }
.tn26-tile.is-n .tn26-bar { color: var(--v-bar2); }
.h26.tn26.is-playing .tn26-bar > i { animation: tn26fill 1.2s var(--v-ease) .4s both; }
@keyframes tn26fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }


.tn26-layout { display: flex; gap: 16px; align-items: flex-start; }
.tn26-list-pane { width: 400px; flex-shrink: 0; box-sizing: border-box; padding: 12px; display: flex; flex-direction: column; gap: 10px; position: sticky; top: 12px; }
.tn26-filters { display: flex; gap: 6px; flex-wrap: wrap; }
.tn26-chip { height: 30px; padding: 0 11px; flex-shrink: 0; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text2); font-family: var(--v-font); font-size: 12px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.tn26-chip.is-on { background: var(--v-ink); color: var(--v-on-ink); }
.tn26-list { display: flex; flex-direction: column; gap: 4px; max-height: calc(100vh - 300px); overflow-y: auto; overscroll-behavior: contain; }
.tn26-row { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 16px; cursor: pointer; transition: background-color .2s ease; }
.tn26-row:hover { background: var(--v-row-hover); }
.tn26-row:focus-visible { outline: 2px solid var(--v-accent); outline-offset: -2px; }
.tn26-row.is-on { background: var(--v-o-soft); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.tn26-row-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
.tn26-row-top b { flex: 1; min-width: 0; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tn26-row-top b span { font-weight: 600; color: var(--v-muted); }
.tn26-row-top small { font-size: 11px; color: var(--v-muted); white-space: nowrap; }
.tn26-row-text { font-size: 13px; line-height: 1.4; color: var(--v-text2); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; }
.tn26-row-bottom { display: flex; align-items: center; gap: 6px; min-width: 0; }
.tn26-who { height: 22px; padding: 0 8px; border-radius: 7px; background: var(--v-soft); display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; color: var(--v-text3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; }
.tn26-row.is-on .tn26-who { background: var(--v-card); }
.tn26-out { height: 22px; padding: 0 8px; box-sizing: border-box; border-radius: 999px; display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; white-space: nowrap; flex-shrink: 0; background: var(--v-soft); color: var(--v-text3); }
.tn26-out::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.tn26-out.is-as_is { background: var(--v-g-soft); color: var(--v-g-text); }
.tn26-out.is-edited { background: var(--v-a-soft); color: var(--v-a-text); }
.tn26-out.is-rewritten { background: var(--v-r-soft); color: var(--v-r-text); }
.tn26-more { height: 38px; width: 100%; font-size: 13px; }
.tn26-detail { flex: 1; min-width: 0; box-sizing: border-box; padding: 22px 24px; display: flex; flex-direction: column; gap: 20px; }
.tn26-back { display: none; }
.tn26-dhead { display: flex; align-items: center; gap: 12px; }
.tn26-dhead > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.tn26 .tn26-dhead h3 { font-family: var(--v-display); font-size: 18px; font-weight: 700; }
.tn26-dhead p { margin: 0; font-size: 12px; color: var(--v-muted); }
.tn26-dhead .tn26-out { height: 26px; font-size: 12px; }
.tn26-ava { width: 44px; height: 44px; flex-shrink: 0; border-radius: 14px; background: #2F5A48; color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-weight: 800; }
.tn26-block { display: flex; flex-direction: column; gap: 10px; }
.tn26-block-h { font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--v-muted); }
.tn26-block-h span { text-transform: none; letter-spacing: 0; font-weight: 600; }
.tn26-chat { display: flex; flex-direction: column; gap: 6px; }
.tn26-q { align-self: flex-start; max-width: 86%; box-sizing: border-box; padding: 10px 12px; border-radius: 14px; background: var(--v-soft); display: flex; flex-direction: column; gap: 3px; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; white-space: pre-line; }
.tn26-q > b { font-size: 11px; color: var(--v-muted); white-space: normal; }
.tn26-q.is-mine { align-self: flex-end; background: var(--v-o-soft); }
.tn26-opt { padding: 12px 14px; border-radius: 16px; background: var(--v-stat); display: flex; flex-direction: column; gap: 6px; }
.tn26-opt.is-used { background: var(--v-g-soft); box-shadow: inset 0 0 0 1.5px var(--v-g-dot); }
.tn26-opt-top { display: flex; align-items: center; gap: 8px; }
.tn26-opt-top b { font-size: 13px; }
.tn26-used-mark { height: 20px; padding: 0 8px; border-radius: 999px; background: var(--v-card); color: var(--v-g-text); display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; }
.tn26-opt-text { font-size: 13px; line-height: 1.5; color: var(--v-text2); white-space: pre-line; overflow-wrap: anywhere; }
.tn26-warn { display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--v-a-soft); color: var(--v-a-text); font-size: 12px; font-weight: 600; }
.tn26-warn svg { flex-shrink: 0; margin-top: 1px; }
.tn26-sent { padding: 12px 14px; border-radius: 16px; background: var(--v-o-soft); font-size: 14px; line-height: 1.6; white-space: pre-line; overflow-wrap: anywhere; }
.tn26 .ait-added { padding: 1px 3px; border-radius: 5px; background: #BBF7D0; color: #14532D; }
:root[data-theme="dark"] .tn26 .ait-added { background: rgba(34, 165, 89, 0.35); color: #BBF7D0; }
.tn26-kept { display: flex; align-items: center; gap: 10px; }
.tn26-kept .tn26-bar { flex: 1; height: 6px; margin: 0; color: #F5B83D; }
.tn26-kept .tn26-bar.is-as_is { color: var(--v-g-dot); }
.tn26-kept .tn26-bar.is-rewritten { color: #E5484D; }
.tn26-kept span { font-size: 12px; font-weight: 700; color: var(--v-text3); white-space: nowrap; }
.tn26-after { padding: 10px 12px; border-radius: 14px; background: var(--v-soft); font-size: 13px; font-weight: 600; }
.tn26-after.is-paid { background: var(--v-g-soft); color: var(--v-g-text); font-weight: 700; }
.tn26-after.is-silent { color: var(--v-text3); }
.tn26-fb { padding: 12px 14px; border-radius: 16px; background: var(--v-stat); display: flex; flex-direction: column; gap: 4px; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.tn26-fb > b { font-size: 12px; }
.tn26-fb small { font-size: 12px; color: var(--v-text3); }
.tn26-form { padding: 16px; border-radius: 20px; box-shadow: inset 0 0 0 1.5px var(--v-chip-ring); display: flex; flex-direction: column; gap: 10px; }
.tn26 .tn26-form h4 { margin: 0; font-family: var(--v-display); font-size: 16px; font-weight: 700; }
.tn26-form label { font-size: 13px; font-weight: 700; margin: 4px 0 0; }
.tn26-form textarea { box-sizing: border-box; width: 100%; min-height: 76px; padding: 12px 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 14px; line-height: 1.5; resize: vertical; }
.tn26-form textarea:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); }
.tn26-form-acts { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
.tn26-form-acts .od26-btn { height: 44px; }
.tn26-verdicts { display: flex; gap: 8px; border-radius: 16px; }
.tn26-verdict { flex: 1 1 0; min-height: 48px; padding: 0 12px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text2); font-family: var(--v-font); font-size: 14px; font-weight: 800; cursor: pointer; transition: transform .2s var(--v-spring); }
.tn26-verdict:active { transform: scale(.97); }
.tn26-verdict.is-good.on { background: var(--v-g-soft); color: var(--v-g-text); box-shadow: inset 0 0 0 2px var(--v-g-dot); }
.tn26-verdict.is-bad.on { background: var(--v-r-soft); color: var(--v-r-text); box-shadow: inset 0 0 0 2px #E5484D; }
.tn26-verdicts.field-invalid { box-shadow: 0 0 0 2px #E5484D; }


.tn26-below { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 16px; align-items: start; }
.tn26-below > :only-child { grid-column: 1 / -1; }
.tn26-card { padding: 22px 24px; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.tn26-card-head { display: flex; align-items: center; gap: 12px; }
.tn26-card-head > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.tn26 .tn26-card-head h3 { font-family: var(--v-display); font-size: 17px; font-weight: 700; }
.tn26-card-head p { margin: 0; font-size: 13px; line-height: 1.4; color: var(--v-muted); }
.tn26-card-head .od26-btn { height: 38px; flex-shrink: 0; }
.tn26-card-ico { width: 40px; height: 40px; flex-shrink: 0; border-radius: 13px; display: flex; align-items: center; justify-content: center; }
.tn26-card-ico.is-a { background: var(--v-a-soft); color: var(--v-a-text); }
.tn26-card-ico.is-b { background: var(--v-b-soft); color: var(--v-b-text); }
.tn26-tone { display: flex; flex-direction: column; }
.tn26-tone-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--v-row); font-size: 14px; }
.tn26-tone-row:first-child { border-top: 0; }
.tn26-tone-row b { min-width: 44px; height: 28px; flex-shrink: 0; border-radius: 9px; background: var(--v-o-soft); color: var(--v-o-text); display: flex; align-items: center; justify-content: center; font-size: 13px; }
.tn26-examples { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.tn26-example { padding: 14px; border-radius: 16px; background: var(--v-stat); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.tn26-example > b { font-size: 13px; }


.tn26-dlg { padding: 0; overflow: hidden; }
.tn26-dlg-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 16px 20px; border-bottom: 1px solid var(--v-row); }
.tn26 .tn26-dlg-head h3 { flex: 1; font-family: var(--v-display); font-size: 17px; font-weight: 700; }
.tn26-dlg-row { display: flex; gap: 14px; align-items: flex-start; padding: 16px 20px; border-top: 1px solid var(--v-row); }
.tn26-dlg-head + .tn26-dlg-row { border-top: 0; }
.tn26-dlg-v { width: 42px; height: 42px; flex-shrink: 0; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.tn26-dlg-v.is-good { background: var(--v-g-soft); }
.tn26-dlg-v.is-bad { background: var(--v-r-soft); }
.tn26-dlg-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.tn26-dlg-top { display: flex; align-items: center; gap: 8px; }
.tn26-dlg-top b { font-size: 15px; }
.tn26-dlg-top span, .tn26-dlg-top small { font-size: 12px; color: var(--v-muted); }
.tn26-dlg-who { font-size: 12px; font-weight: 700; }
.tn26-dlg-who.is-good { color: var(--v-g-text); }
.tn26-dlg-who.is-bad { color: var(--v-r-text); }
.tn26-dlg-text { font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.tn26-dlg-should { font-size: 13px; color: var(--v-text3); overflow-wrap: anywhere; }
.tn26-dlg-row .od26-btn { height: 36px; flex-shrink: 0; font-size: 13px; }


.tn26-rules-bar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.tn26-rules-bar > span { font-size: 13px; color: var(--v-muted); }
.tn26 .cn26-seg { display: inline-flex; gap: 4px; padding: 4px; flex-shrink: 0; border-radius: 12px; background: var(--v-bar); }
.tn26 .cn26-seg button { height: 30px; padding: 0 12px; border: 0; border-radius: 9px; background: transparent; color: var(--v-muted); font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.tn26 .cn26-seg button.is-on { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.tn26-rules { display: flex; flex-direction: column; gap: 12px; }
.tn26-rule { padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.tn26-rule.is-rejected { opacity: .78; }
.tn26-rule-top { display: flex; align-items: flex-start; gap: 12px; }
.tn26-rule-top > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.tn26-rule-top b { font-size: 15px; line-height: 1.4; overflow-wrap: anywhere; }
.tn26-rule-top > div > span { font-size: 13px; color: var(--v-muted); }
.tn26-rule-ico { width: 38px; height: 38px; flex-shrink: 0; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: var(--v-soft); color: var(--v-text3); }
.tn26-rule-ico.is-o { background: var(--v-o-soft); color: var(--v-o-text); }
.tn26-rule-ico.is-g { background: var(--v-g-soft); color: var(--v-g-text); }
.tn26-rule-acts { display: flex; gap: 8px; flex-wrap: wrap; }
.tn26-rule-acts .od26-btn { height: 40px; }


.modal .tn26-msub { margin: -6px 0 14px; font-size: 13px; color: var(--v-muted); }
.modal.tn26-modal .tn26-verdicts { margin-bottom: 12px; }
.modal.tn26-modal .tn26-verdict { min-height: 52px; font-size: 15px; }


@container tn26 (max-width: 1100px) {
  .tn26-list-pane { width: 340px; }
  .tn26-below { grid-template-columns: minmax(0, 1fr); }
}
@container tn26 (max-width: 860px) {
  .tn26-head { align-items: center; padding-top: 0; }
  .tn26-head p { display: none; }
  .tn26 .tn26-head h1 { font-size: 28px; font-weight: 800; letter-spacing: -0.03em; }
  .tn26-head-acts .od26-btn { width: 44px; padding: 0; }
  .tn26-head-acts .od26-btn span { display: none; }
  .tn26-tabs { align-self: stretch; display: flex; }
  .tn26-tab { flex: 1; padding: 0 8px; font-size: 13px; }
  .tn26-tab svg { display: none; }
  .tn26-tiles { display: flex; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 2px 16px 4px; gap: 8px; }
  .tn26-tiles::-webkit-scrollbar { display: none; }
  .tn26-tile { flex: 0 0 132px; padding: 12px 14px; }
  .tn26-tile b { font-size: 24px; }
  .tn26-layout { flex-direction: column; align-items: stretch; }
  .tn26-list-pane { width: auto; position: static; }
  .tn26-filters { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .tn26-filters::-webkit-scrollbar { display: none; }
  .tn26-list { max-height: none; overflow: visible; }
  .tn26-detail { padding: 16px; }
  .tn26:not(.is-open) .tn26-detail { display: none; }
  .tn26.is-open .tn26-list-pane, .tn26.is-open .tn26-tiles, .tn26.is-open .tn26-below { display: none; }
  .tn26.is-open .tn26-back { display: block; }
  .tn26-dhead { flex-wrap: wrap; }
  .tn26-q { max-width: 100%; }
  .tn26-form-acts .od26-btn { flex: 1 1 100%; }
  .tn26-card { padding: 16px; }
  .tn26-card-head { flex-wrap: wrap; }
  .tn26-card-head > div { flex: 1 1 calc(100% - 52px); }
  .tn26-card-head .od26-btn { margin-left: 52px; }
  .tn26-dlg-row { flex-wrap: wrap; padding: 14px 16px; }
  .tn26-dlg-row .od26-btn { margin-left: 56px; }
  .tn26-rules-bar .cn26-seg { overflow-x: auto; max-width: 100%; }
  .tn26-rule { padding: 16px; }
  .tn26-rule-top { flex-wrap: wrap; }
  .tn26-rule-acts .od26-btn { flex: 1 1 100%; }
}



.page-skeleton-26 { display: flex; flex-direction: column; gap: 16px; font-family: var(--v-font); }
.page-skeleton-26 .sk-head { margin-bottom: 4px; padding-top: 8px; }
.page-skeleton-26 .sk-name { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); }
.page-skeleton-26 .sk-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.page-skeleton-26 .sk-tile { display: block; height: 84px; border-radius: 20px; }
.page-skeleton-26 .sk-card { border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); padding: 20px 22px; }
@media (max-width: 860px) {
  .page-skeleton-26 .sk-name { font-size: 28px; font-weight: 800; }
  .page-skeleton-26 .sk-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}




.h26.pd26 { gap: 16px; }
.pd26-head { padding-top: 8px; }
.pd26-head > div { display: flex; flex-direction: column; gap: 6px; }
.pd26 .pd26-head h1 { font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); display: flex; align-items: center; gap: 10px; }
.pd26-head p { margin: 0; font-size: 15px; color: var(--v-muted); max-width: 720px; line-height: 1.45; }
.pd26-count { min-width: 32px; height: 32px; padding: 0 10px; box-sizing: border-box; border-radius: 999px; background: var(--v-accent); color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; font-family: var(--v-font); font-size: 15px; font-weight: 800; letter-spacing: 0; }
.pd26-sum { align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 16px; background: var(--v-o-soft); color: var(--v-o-text); font-size: 14px; }
.pd26-sum-ico { width: 30px; height: 30px; border-radius: 10px; background: var(--v-card); display: flex; align-items: center; justify-content: center; }
.pd26-list { padding: 6px; display: flex; flex-direction: column; }
.pd26-row { display: flex; align-items: center; gap: 14px; width: 100%; box-sizing: border-box; padding: 14px 16px; border: 0; border-radius: 18px; background: transparent; color: var(--v-text); font-family: var(--v-font); text-align: left; cursor: pointer; transition: background-color .2s ease; }
.pd26-row + .pd26-row { box-shadow: inset 0 1px 0 var(--v-row); border-radius: 0 0 18px 18px; }
.pd26-row:hover { background: var(--v-row-hover); }
.pd26-row:focus-visible { outline: 2px solid var(--v-accent); outline-offset: -2px; }
.pd26-ava { position: relative; width: 44px; height: 44px; flex-shrink: 0; border-radius: 14px; overflow: hidden; background: var(--v-soft); color: var(--v-text2); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; }
.pd26-ava .ava-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pd26-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.pd26-title { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.pd26-title b { font-size: 15px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pd26-title small { flex-shrink: 0; font-size: 12px; color: var(--v-muted); font-weight: 600; }
.pd26-sub { font-size: 13px; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pd26-new { flex-shrink: 0; height: 28px; padding: 0 10px; border-radius: 999px; background: var(--v-o-soft); color: var(--v-o-text); display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; white-space: nowrap; }
.pd26-go { flex-shrink: 0; color: var(--v-muted); display: flex; }
.pd26-tags { flex-shrink: 0; display: flex; align-items: center; gap: 8px; }
.pd26-empty { padding: 40px 24px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.pd26-empty-ico { width: 56px; height: 56px; border-radius: 18px; background: var(--v-g-soft); color: var(--v-g-text); display: flex; align-items: center; justify-content: center; }
.pd26-empty b { font-family: var(--v-display); font-size: 18px; }
.pd26-empty > span:last-child { max-width: 380px; font-size: 13px; color: var(--v-muted); line-height: 1.5; }
@media (max-width: 760px) {
  .pd26 .pd26-head h1 { font-size: 26px; font-weight: 800; letter-spacing: -0.03em; }
  .pd26-head p { font-size: 13px; }
  .pd26-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: "ava main go" "ava tags go"; gap: 6px 12px; padding: 12px; }
  .pd26-ava { grid-area: ava; }
  .pd26-main { grid-area: main; }
  .pd26-go { grid-area: go; align-self: center; }
  .pd26-tags { grid-area: tags; flex-wrap: wrap; }
  .pd26-title { flex-wrap: wrap; row-gap: 0; }
  .pd26-title b, .pd26-sub { white-space: normal; }
}






.h26.nn26 { gap: 16px; }
.nn26-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-top: 4px; }
.nn26-head > div:first-child { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.nn26 .nn26-head h1 { font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); }
.nn26-head p { margin: 0; font-size: 15px; color: var(--v-muted); }
.nn26-head-acts { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.nn26-head-acts .od26-btn { height: 42px; }
.nn26-new-m { display: none; }
.nn26-model { height: 30px; padding: 0 12px; border-radius: 999px; background: var(--v-p-soft); color: var(--v-p-text); display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.nn26-warn { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 18px; background: var(--v-a-soft); color: var(--v-a-text); font-size: 13px; line-height: 1.5; }
.nn26-warn > div { flex: 1; display: flex; flex-direction: column; }
.nn26-warn svg { flex-shrink: 0; }
.nn26-warn .od26-btn { flex-shrink: 0; }
.nn26-card { display: flex; height: calc(100dvh - 230px); min-height: 520px; overflow: hidden; padding: 0; }
.nn26-side { width: 300px; flex-shrink: 0; box-sizing: border-box; padding: 14px; border-right: 1px solid var(--v-row); display: flex; flex-direction: column; gap: 10px; min-height: 0; }
.nn26-new { width: 100%; height: 44px; font-size: 14px; }
.nn26-search { height: 42px; box-sizing: border-box; padding: 0 12px; border-radius: 13px; background: var(--v-soft); color: var(--v-muted); display: flex; align-items: center; gap: 8px; }
.nn26-search input { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; color: var(--v-text); font-family: var(--v-font); font-size: 14px; outline: none; }
.nn26-chats { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }
.nn26-side-empty { padding: 20px 8px; font-size: 13px; color: var(--v-muted); text-align: center; }
.nn26-chat { position: relative; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; cursor: pointer; transition: background-color .2s ease; animation: kb26menu .35s var(--v-ease) both; }
.nn26-chat[hidden] { display: none; }
.nn26-chat:hover { background: var(--v-row-hover); }
.nn26-chat:focus-visible { outline: 2px solid var(--v-accent); outline-offset: -2px; }
.nn26-chat.is-on { background: var(--v-o-soft); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.nn26-chat-ico { width: 36px; height: 36px; flex-shrink: 0; border-radius: 11px; background: var(--v-soft); color: var(--v-text3); display: flex; align-items: center; justify-content: center; }
.nn26-chat.is-on .nn26-chat-ico { background: var(--v-accent); color: #FFFFFF; }
.nn26-chat-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.nn26 .nn26-chat-main b { font-size: 14px; font-weight: 700; color: var(--v-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn26-chat-main small { font-size: 12px; color: var(--v-muted); }
.nn26-chat-more { width: 30px; height: 30px; flex-shrink: 0; border: 0; border-radius: 9px; background: transparent; color: var(--v-muted); display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; }
.nn26-chat:hover .nn26-chat-more, .nn26-chat.is-on .nn26-chat-more, .nn26-chat:focus-within .nn26-chat-more { opacity: 1; }
@media (hover: none) { .nn26-chat-more { opacity: 1; } }
.nn26-main { flex: 1; min-width: 0; display: flex; flex-direction: column; min-height: 0; }
.nn26-top { display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-bottom: 1px solid var(--v-row); }
.nn26-top > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.nn26-top b { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nn26-top small { font-size: 12px; color: var(--v-muted); }
.nn26-back { display: none; width: 36px; height: 36px; border: 0; border-radius: 11px; background: var(--v-soft); color: var(--v-text); align-items: center; justify-content: center; cursor: pointer; }
.nn26-conv { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.nn26-msgs { flex: 1; min-height: 0; overflow-y: auto; box-sizing: border-box; padding: 20px 24px; display: flex; flex-direction: column; gap: 14px; background: var(--v-row-hover); }
.nn26-bottom { padding: 14px 24px 12px; display: flex; flex-direction: column; gap: 8px; }
.nn26-msg { display: flex; gap: 10px; align-items: flex-start; animation: kb26menu .35s var(--v-ease) both; }
.nn26-msg.is-me { justify-content: flex-end; }
.nn26-msg.is-me .nn26-bubble { max-width: 72%; padding: 12px 16px; border-radius: 20px 20px 6px 20px; background: var(--v-accent); color: #FFFFFF; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.nn26-ai-ava { width: 32px; height: 32px; flex-shrink: 0; border-radius: 10px; background: var(--v-ink); color: var(--v-on-ink); display: flex; align-items: center; justify-content: center; }
.nn26-ai-col { max-width: 80%; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.nn26-msg.is-ai .nn26-bubble { padding: 12px 16px; border-radius: 6px 20px 20px 20px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.nn26-bubble p { margin: 0 0 8px; }
.nn26-bubble p:last-child { margin-bottom: 0; }
.nn26-bubble ul, .nn26-bubble ol { margin: 4px 0 8px; padding-left: 20px; }
.nn26-bubble li { margin: 2px 0; }
.nn26-bubble code { padding: 1px 5px; border-radius: 5px; background: var(--v-soft); font-size: 13px; }
.nn26-msg.is-error .nn26-bubble { background: var(--v-r-soft); color: var(--v-r-text); box-shadow: none; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.nn26-msg.is-error .od26-btn { height: 34px; font-size: 13px; }
.nn26-tools { display: flex; align-items: center; gap: 6px; }
.nn26-tools .od26-btn { height: 30px; font-size: 12px; }
.nn26-tools small { font-size: 11px; color: var(--v-muted); }
.nn26-typing { display: flex; gap: 4px; }
.nn26-typing i { width: 7px; height: 7px; border-radius: 50%; background: var(--v-bar2); animation: nn26dot 1.2s ease-in-out infinite; }
.nn26-typing i:nth-child(2) { animation-delay: .15s; }
.nn26-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes nn26dot { 0%, 100% { opacity: .35; transform: none; } 50% { opacity: 1; transform: translateY(-3px); } }
.nn26-input { box-sizing: border-box; padding: 8px 8px 8px 16px; border-radius: 24px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring), 0 10px 30px rgba(0, 0, 0, 0.05); display: flex; align-items: flex-end; gap: 6px; }
.nn26-input textarea { flex: 1; min-width: 0; min-height: 40px; max-height: 160px; box-sizing: border-box; padding: 9px 0; border: 0; resize: none; background: transparent; color: var(--v-text); font-family: var(--v-font); font-size: 15px; line-height: 1.45; outline: none; }
.nn26-attach, .nn26-send { width: 40px; height: 40px; flex-shrink: 0; border: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.nn26-attach { background: transparent; color: var(--v-bar2); cursor: default; }
.nn26-send { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); transition: transform .2s var(--v-spring); }
.nn26-send:active { transform: scale(.92); }
.nn26-send.busy { background: #FDBA74; box-shadow: none; }
.nn26-send.busy svg { display: none; }
.nn26-send.busy::after { content: ''; width: 16px; height: 16px; box-sizing: border-box; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.5); border-top-color: #FFFFFF; animation: aiSpin .8s linear infinite; }
.nn26-usage { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; font-size: 12px; color: var(--v-muted); }
.nn26-usage b { color: var(--v-text); }
.nn26-usage > i { width: 1px; height: 12px; background: var(--v-bar); }
.nn26-usage-q { width: 18px; height: 18px; border-radius: 50%; background: var(--v-soft); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; color: var(--v-text3); cursor: help; }
.nn26-keys { font-size: 11px; color: var(--v-muted); text-align: center; }
.nn26-empty { flex: 1; min-height: 0; overflow-y: auto; box-sizing: border-box; padding: 40px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; background: radial-gradient(60% 50% at 50% 38%, var(--v-o-soft) 0%, transparent 70%); }
.nn26-empty-ico { width: 64px; height: 64px; flex-shrink: 0; border-radius: 22px; background: var(--v-ink); color: var(--v-on-ink); display: flex; align-items: center; justify-content: center; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18); }
.nn26 .nn26-empty h2 { font-family: var(--v-display); font-size: 28px; font-weight: 800; text-align: center; }
.nn26-empty-input { width: min(620px, 100%); display: flex; flex-direction: column; gap: 8px; }
.nn26-quick { width: min(620px, 100%); display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.nn26-quick-item { box-sizing: border-box; padding: 14px; border: 0; border-radius: 18px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text); display: grid; grid-template-columns: 34px 1fr; grid-template-rows: auto auto; column-gap: 12px; row-gap: 2px; text-align: left; font-family: var(--v-font); cursor: pointer; transition: transform .25s var(--v-ease), box-shadow .25s ease; }
.nn26-quick-item:hover { transform: translateY(-2px); box-shadow: var(--v-lift-shadow); }
.nn26-quick-item > span { grid-row: span 2; width: 34px; height: 34px; border-radius: 11px; display: flex; align-items: center; justify-content: center; }
.nn26-quick-item.is-0 > span { background: var(--v-o-soft); color: var(--v-o-text); }
.nn26-quick-item.is-1 > span { background: var(--v-b-soft); color: var(--v-b-text); }
.nn26-quick-item.is-2 > span { background: var(--v-g-soft); color: var(--v-g-text); }
.nn26-quick-item.is-3 > span { background: var(--v-p-soft); color: var(--v-p-text); }
.nn26-quick-item b { font-size: 14px; }
.nn26-quick-item small { font-size: 12px; color: var(--v-muted); line-height: 1.35; }
@media (max-width: 860px) {
  .nn26 .nn26-head h1 { font-size: 28px; font-weight: 800; letter-spacing: -0.03em; }
  .nn26-head { align-items: center; }
  .nn26-head p, .nn26-head-acts .od26-btn span { display: none; }
  .nn26-head-acts .od26-btn { width: 42px; padding: 0; }
  .nn26-new-m { display: inline-flex; }
  .nn26-model { display: none; }
  .nn26-warn { flex-wrap: wrap; }
  .nn26-warn > div { flex: 1 1 calc(100% - 30px); }
  .nn26-warn .od26-btn { width: 100%; }
  .nn26-card { flex-direction: column; height: auto; min-height: 0; overflow: visible; }
  .nn26-side { width: auto; border-right: 0; }
  .nn26-new { display: none; }
  .nn26-chats { overflow: visible; }
  .nn26:not(.is-open) .nn26-main { display: none; }
  .nn26.is-open .nn26-side { display: none; }
  .nn26.is-open .nn26-main { height: calc(100dvh - 230px); min-height: 440px; }
  .nn26-back { display: inline-flex; }
  .nn26-top { padding: 10px 12px; }
  .nn26-top .od26-btn span { display: none; }
  .nn26-msgs { padding: 14px 12px; }
  .nn26-bottom { padding: 10px 12px; }
  .nn26-keys { display: none; }
  .nn26-msg.is-me .nn26-bubble, .nn26-ai-col { max-width: 88%; }
  .nn26-quick { grid-template-columns: 1fr; }
  .nn26-empty { padding: 24px 12px; justify-content: flex-start; }
  .nn26 .nn26-empty h2 { font-size: 22px; }
}




.sc26 { display: flex; flex-direction: column; gap: 18px; }
.sc26-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-top: 4px; }
.sc26-head > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.sc26 .sc26-head h1 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); }
.sc26-head p { margin: 0; font-size: 15px; color: var(--v-muted); }
.sc26-new { flex-shrink: 0; }
.sc26-tools { display: flex; align-items: center; gap: 12px; }
.sc26-seg button small { font-size: 12px; font-weight: 700; opacity: .55; }
.sc26-author { height: 42px; max-width: 220px; }
.sc26-author > span { overflow: hidden; text-overflow: ellipsis; }
.sc26-search { flex: 1; min-width: 0; }
.sc26-search input::-webkit-search-cancel-button { cursor: pointer; }



.sc26-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: start; }
.sc26-grid.is-empty { display: block; }
.sc26-block { position: relative; box-sizing: border-box; padding: 16px; border-radius: 22px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.sc26-grid.is-first .sc26-block { animation: sc26in .45s var(--v-ease) both; }
@keyframes sc26in { from { opacity: 0; transform: translateY(10px); } }
@media (prefers-reduced-motion: reduce) { .sc26-grid.is-first .sc26-block { animation: none; } }
.sc26-block-head { display: flex; align-items: center; gap: 8px; min-width: 0; }
.sc26-block-head h3 { flex: 1; min-width: 0; margin: 0; font-family: var(--v-font); font-size: 15px; font-weight: 800; line-height: 1.3; color: var(--v-text); overflow-wrap: anywhere; }
.sc26-badge { height: 22px; padding: 0 8px; flex-shrink: 0; border-radius: 999px; background: var(--v-b-soft); color: var(--v-b-text); display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 800; }
.sc26-more { width: 32px; height: 32px; flex-shrink: 0; border: 0; border-radius: 10px; background: transparent; color: var(--v-muted); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color .2s ease; }
.sc26-more:hover, .sc26-more[aria-expanded="true"] { background: var(--v-soft); color: var(--v-text); }
.sc26-body { position: relative; overflow: hidden; width: 100%; box-sizing: border-box; padding: 12px 14px; border: 0; border-radius: 16px; background: var(--v-soft2, var(--v-soft)); color: var(--v-text); font-family: var(--v-font); text-align: left; display: flex; flex-direction: column; gap: 8px; cursor: pointer; transition: background-color .2s ease, transform .15s ease; }
.sc26-body:hover { background: var(--v-o-soft); }
.sc26-body:active { transform: scale(.99); }
.sc26-body:focus-visible { outline: 2px solid var(--v-accent); outline-offset: 2px; }
.sc26-text { font-size: 14px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; user-select: text; }
.sc26-hint { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--v-muted); }
.sc26-copied { position: absolute; inset: 0; border-radius: 16px; background: var(--v-g-soft); color: var(--v-g-text); display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 800; opacity: 0; transform: scale(.96); pointer-events: none; transition: opacity .2s ease, transform .25s var(--v-spring); }
.sc26-body.copied .sc26-copied { opacity: .96; transform: none; }
.sc26-foot { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; color: var(--v-muted); }
.sc26-who { display: inline-flex; align-items: center; gap: 6px; color: var(--v-text2); font-weight: 600; }
.sc26-ava { position: relative; width: 20px; height: 20px; flex-shrink: 0; border-radius: 50%; overflow: hidden; background: var(--v-ink); color: var(--v-on-ink); display: inline-flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 800; }
.sc26-ava .ava-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sc26-empty { max-width: 460px; margin: 12px auto; padding: 32px 24px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.sc26-empty b { font-size: 17px; color: var(--v-text); }
.sc26-empty > span:not(.sc26-empty-ico) { font-size: 13px; line-height: 1.5; color: var(--v-muted); }
.sc26-empty .od26-btn { margin-top: 6px; }
.sc26-empty-ico { width: 56px; height: 56px; border-radius: 18px; background: var(--v-o-soft); color: var(--v-o-text); display: flex; align-items: center; justify-content: center; }
.sc26-empty-ico.is-muted { background: var(--v-soft); color: var(--v-muted); }

.sc26-modal .sc26-modal-sub { margin: -6px 0 4px; display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--v-muted); }
.sc26-modal textarea { min-height: 200px; resize: vertical; font-family: inherit; line-height: 1.55; }
.sc26-count { margin-top: 6px; font-size: 12px; color: var(--v-muted); }
.sc26-share { margin-top: 14px; padding: 12px 14px; border-radius: 16px; background: var(--v-soft); display: flex; align-items: center; gap: 12px; cursor: pointer; }
.sc26-share > span:first-child { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.sc26-share b { font-size: 14px; color: var(--v-text); }
.sc26-share small { font-size: 12px; color: var(--v-muted); line-height: 1.4; }
.sc26-share .fin-switch { width: 48px; height: 28px; flex-shrink: 0; }
.sc26-share .fin-switch input:checked + span { background: var(--v-accent); }
.sc26-share .fin-switch input:checked + span::after { transform: translateX(20px); }
.sc26-modal .sc26-actions .btn.sc26-del { margin-right: auto; color: #DC2626; display: inline-flex; align-items: center; gap: 6px; }
.sc26-read { max-height: 50vh; overflow: auto; padding: 14px; border-radius: 16px; background: var(--v-soft); font-size: 15px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; user-select: text; }
@media (max-width: 760px) {
  .sc26 { gap: 14px; }
  .sc26 .sc26-head h1 { font-size: 30px; letter-spacing: -0.03em; }
  .sc26-head { align-items: center; }
  .sc26-head p { display: none; }
  .sc26-new { width: 44px; height: 44px; padding: 0; justify-content: center; border-radius: 14px; }
  .sc26-new span { display: none; }
  .sc26-tools { flex-wrap: wrap; gap: 10px; }
  .sc26-seg { flex: 1 1 100%; display: flex; }
  .sc26-seg button { flex: 1; }
  .sc26-author { flex: 1 1 100%; max-width: none; }
  .sc26-search { flex: 1 1 100%; }
  .sc26-search input { font-size: 16px; }
  .sc26-grid { grid-template-columns: 1fr; gap: 12px; }
  .sc26-more { width: 40px; height: 40px; }
}




.chat-widget.cw26 {
  width: 400px; height: min(660px, calc(100vh - 140px)); height: min(660px, calc(100dvh - 140px));
  border: 0; border-radius: 28px; background: var(--v-card); color: var(--v-text); font-family: var(--v-font);
  box-shadow: 0 0 0 1px var(--v-chip-ring), 0 30px 80px rgba(0, 0, 0, 0.18);
}
.cw26 .chat-widget-head { padding: 16px 16px 12px; gap: 8px; border: 0; }
.cw26 .chat-widget-title { font-family: var(--v-display); font-weight: 700; font-size: 20px; letter-spacing: -0.01em; color: var(--v-text); }
.cw26 .chat-widget-head-btn, .cw26 .cw26-hbtn {
  width: 36px; height: 36px; flex-shrink: 0; padding: 0; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text);
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color .2s ease, transform .2s var(--v-spring);
}
.cw26 .chat-widget-head-btn:hover, .cw26 .cw26-hbtn:hover { background: var(--v-hover); color: var(--v-text); }
.cw26 .chat-widget-head-btn:active, .cw26 .cw26-hbtn:active { transform: scale(.94); }

.cw26 .chat-widget-tabs { margin: 0 16px 10px; padding: 4px; border: 0; border-radius: 13px; background: var(--v-soft); gap: 4px; }
:root:not([data-theme="dark"]) .cw26 .chat-widget-tabs { background: #EDEDEF; }
.cw26 .chat-widget-tab { height: 32px; padding: 0 10px; border-radius: 10px; font-family: var(--v-font); font-size: 13px; font-weight: 700; color: var(--v-muted); }
.cw26 .chat-widget-tab:hover { background: transparent; color: var(--v-text); }
.cw26 .chat-widget-tab.active, .cw26 .chat-widget-tab.active:hover { color: var(--v-text); }
.cw26 .chat-widget-tab-pill { left: 4px; top: 4px; bottom: 4px; width: calc((100% - 8px - 4px) / 2); border-radius: 10px; background: var(--v-card); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.cw26 .chat-widget-tab-count { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: var(--v-accent); color: #FFFFFF; font-size: 11px; font-weight: 800; }

.cw26 .chat-widget-list { background: var(--v-card); border: 0; }
.cw26 .chat-items { padding: 0 8px 12px; }
.cw26.ios-chat-layout .chat-item, .cw26 .ios-chat-layout .chat-item { padding: 10px 12px; background: var(--v-card); }
.cw26 .ios-chat-layout .chat-item:hover { background: var(--v-soft2); }
.cw26 .chat-item-sub { font-size: 12px; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cw26 .chat-item-quiet { opacity: .92; }
.cw26 .chat-item-preview.cw26-first { color: var(--v-accent); font-weight: 700; }
.cw26 .chat-widget-group-head { padding: 12px 12px 4px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--v-text3, #A1A1AA); border: 0; background: none; }
.cw26-hint { margin: 0 4px 8px; padding: 10px 12px; border-radius: 14px; background: var(--v-soft2, var(--v-soft)); display: flex; align-items: center; gap: 8px; font-size: 12px; line-height: 1.4; color: var(--v-muted); }
.cw26-hint svg { flex-shrink: 0; }

.cw26-skel { display: flex; flex-direction: column; }
.cw26-skel-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; }
.cw26-skel-row > span { width: 44px; height: 44px; flex-shrink: 0; border-radius: 50%; background: var(--v-soft); animation: cw26shim 1.2s ease-in-out infinite; }
.cw26-skel-row > div { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.cw26-skel-row i { display: block; height: 12px; border-radius: 6px; background: var(--v-soft); animation: cw26shim 1.2s ease-in-out infinite; }
.cw26-skel-row i + i { width: 78%; height: 10px; opacity: .7; }
@keyframes cw26shim { 50% { opacity: .55; } }
@media (prefers-reduced-motion: reduce) { .cw26-skel-row > span, .cw26-skel-row i { animation: none; } }
.cw26-empty { min-height: 300px; padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; }
.cw26-empty b { font-size: 15px; color: var(--v-text); }
.cw26-empty > span:not(.cw26-empty-ico) { font-size: 13px; line-height: 1.45; color: var(--v-muted); max-width: 280px; }
.cw26-empty .od26-btn { margin-top: 4px; }
.cw26-empty-ico { width: 52px; height: 52px; border-radius: 16px; background: var(--v-o-soft); color: var(--v-o-text); display: flex; align-items: center; justify-content: center; }
.cw26-empty-ico.is-warn { background: #FDECEC; color: #B42318; }
:root[data-theme="dark"] .cw26-empty-ico.is-warn { background: rgba(239, 68, 68, 0.16); color: #FCA5A5; }

.cw26.thread-open .chat-widget-head, .cw26.thread-open .chat-widget-tabs { display: none; }
.cw26 .chat-thread { background: var(--chat-canvas, #F3F3F5); }
.cw26 .chat-thread-head { min-height: 64px; padding: 0 12px; gap: 8px; }
.cw26 .chat-thread-title { gap: 10px; }
.cw26 .chat-thread-name { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cw26 .chat-thread-sub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cw26 .chat-head-actions { gap: 6px; flex-shrink: 0; }
.cw26 .chat-thread-head .chat-composer-btn { width: 36px; height: 36px; }
.cw26 #chat-search-btn, .cw26 #chat-media-btn { display: none !important; }
.cw26 .avatar-lg-wrap, .cw26 .avatar-lg { flex-shrink: 0; }
.cw26 .ios-chat .chat-composer { padding: 10px 12px 12px; }


.cw26 .ios-chat { --composer-h: 44px; --composer-r: 22px; }
.cw26 .ios-chat .chat-composer textarea { padding: 12px 44px 12px 16px; border: 0; background: var(--v-soft); font-family: var(--v-font); font-size: 15px; line-height: 20px; }
.cw26 .ios-chat .chat-composer textarea:focus { border: 0; box-shadow: 0 0 0 2px var(--v-accent); }
.cw26 .ios-chat .chat-composer-btn { border: 0; background: var(--v-soft); color: var(--v-text); border-radius: 50%; }
.cw26 .ios-chat .chat-send-btn { border-radius: 50%; }



.cw26 .ios-chat .chat-composer-normal { align-items: flex-end; gap: 8px; }
.cw26 .ios-chat .chat-attach-wrap, .cw26 .ios-chat .chat-action-wrap { display: flex; flex-shrink: 0; }
.cw26 .ios-chat #chat-attach-btn, .cw26 .ios-chat #chat-action-btn {
  width: var(--composer-h, 44px); height: var(--composer-h, 44px); min-width: 0; padding: 0; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
}
.cw26 .ios-chat .chat-textarea-wrap { display: flex; min-height: var(--composer-h, 44px); }
.cw26 .ios-chat .chat-textarea-wrap textarea { display: block; width: 100%; min-height: var(--composer-h, 44px); height: var(--composer-h, 44px); margin: 0; box-sizing: border-box; border-radius: var(--composer-r, 22px); }
.cw26 .ios-chat .chat-textarea-wrap .chat-emoji-inline-btn { top: auto; right: 8px; bottom: calc((var(--composer-h, 44px) - 30px) / 2); width: 30px; height: 30px; transform: none; }
.cw26 .ios-chat .chat-emoji-inline-btn { color: var(--v-muted); }

.cw26 .chat-task-card, .cw26 .chat-assign-card, .cw26 .ios-chat .chat-order-card { min-width: 0; max-width: 100%; box-sizing: border-box; }
.cw26 .chat-task-card-main { flex-wrap: wrap; gap: 4px 10px; }
.cw26 .chat-item-quiet .chat-item-preview { font-style: normal; }
.cw26 .chat-pinned-bar { padding-left: 14px; padding-right: 14px; }
@media (max-width: 640px) {
  .chat-widget.cw26 { width: auto; height: auto; border-radius: 0; box-shadow: none; }
  .cw26 .chat-widget-head { padding: calc(14px + env(safe-area-inset-top, 0px)) 16px 12px; }
  .cw26 .chat-widget-title { font-size: 24px; }
  .cw26 .chat-thread-head { padding-top: env(safe-area-inset-top, 0px); }
  .cw26 .ios-chat .chat-composer { padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); }
  .cw26 .chat-widget-head-btn, .cw26 .cw26-hbtn { width: 40px; height: 40px; }
}



.chat-widget-btn .chat-widget-badge { z-index: 2; }
.chat-widget-btn.active::before, .chat-widget-btn.active::after { display: none; }




.av26 .bid-cabs { display: flex; flex-direction: column; gap: 12px; }
.av26 .bid-cab { display: flex; flex-direction: column; gap: 8px; }
.av26 .bid-cabs.is-many .bid-cab { padding: 14px; border-radius: 20px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); }
.av26 .bid-cab-head { display: flex; align-items: center; gap: 10px; }
.av26 .bid-cab-head > div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.av26 .bid-cab-head b { font-size: 15px; color: var(--v-text); }
.av26 .bid-cab-head small { font-size: 12px; color: var(--v-muted); }
.av26 .bid-cab-ava { width: 30px; height: 30px; flex-shrink: 0; border-radius: 10px; background: var(--v-ink); color: var(--v-on-ink); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; }
.av26 .bid-part { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: var(--v-row-hover, var(--v-soft2)); }
.av26 .bid-part.is-live { box-shadow: inset 0 0 0 1.5px #F4B4B4; }
:root[data-theme="dark"] .av26 .bid-part.is-live { box-shadow: inset 0 0 0 1.5px rgba(239, 68, 68, 0.45); }
.av26 .bid-part-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.av26 .bid-part-title { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.av26 .bid-part-title b { font-size: 14px; font-weight: 800; color: var(--v-text); overflow-wrap: anywhere; }
.av26 .bid-part-meta { font-size: 13px; color: var(--v-text2); line-height: 1.45; }
.av26 .bid-part-sub { font-size: 12px; color: var(--v-muted); }
.av26 .bid-part-also { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; color: var(--v-b-text); }
.av26 .bid-part-also svg { flex-shrink: 0; }
.av26 .bid-part > .btn { flex-shrink: 0; }
.av26 .bid-mode.is-off { background: var(--v-soft); color: var(--v-muted); }
.bid-also-box { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: 16px; background: var(--v-soft); }
.bid-also-box .checkbox-row span { display: flex; flex-direction: column; gap: 2px; }
.bid-also-box small { font-size: 12px; color: var(--v-muted); font-weight: 500; }
@media (max-width: 760px) {
  .av26 .bid-part { flex-wrap: wrap; }
  .av26 .bid-part > .btn { width: 100%; justify-content: center; }
}

.tb-accs { display: flex; gap: 4px; padding: 4px; margin: 4px 0 8px; border-radius: 14px; background: var(--v-soft); overflow-x: auto; scrollbar-width: none; }
:root:not([data-theme="dark"]) .tb-accs { background: #EDEDEF; }
.tb-accs::-webkit-scrollbar { display: none; }
.tb-acc { flex: 1 0 auto; min-height: 40px; padding: 0 12px; border: 0; border-radius: 11px; background: transparent; color: var(--v-muted); display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.tb-acc.active { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.tb-acc .bid-mode { height: 20px; padding: 0 8px; border-radius: 999px; background: var(--v-b-soft); color: var(--v-b-text); display: inline-flex; align-items: center; font-size: 11px; font-weight: 800; font-style: normal; }
.tb-acc .bid-mode.is-live { background: var(--v-r-soft); color: var(--v-r-text); }
.tb-acc .bid-mode.is-off { background: var(--v-soft); color: var(--v-muted); }
#tb-copy-accs { margin-top: 10px; display: inline-flex; align-items: center; gap: 6px; }








@media (min-width: 1041px) and (max-width: 1279px) {
  body:not(.chat-pinned-mobile) .c26 .chat-list { width: 300px; }
}

.ios-chat .chat-composer textarea:placeholder-shown { white-space: nowrap; overflow: hidden; }
.ios-chat .chat-composer textarea::placeholder { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 861px) and (max-width: 1040px) {
  body.chat-pinned-mobile .c26 .ios-chat { --composer-h: 46px; --composer-r: 23px; }
  body.chat-pinned-mobile .c26 .ios-chat .chat-composer {
    padding: 12px 20px 16px; background: var(--chat-canvas-bar, var(--v-card)); border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  :root[data-theme="dark"] body.chat-pinned-mobile .c26 .ios-chat .chat-composer { border-top-color: rgba(255, 255, 255, 0.06); }
  body.chat-pinned-mobile .c26 .ios-chat .chat-composer-normal {
    align-items: flex-end; gap: 10px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
  }
  body.chat-pinned-mobile .c26 .ios-chat .chat-textarea-wrap { display: flex; min-height: var(--composer-h); }
  body.chat-pinned-mobile .c26 .ios-chat .chat-composer textarea {
    display: block; width: 100%; box-sizing: border-box; margin: 0;
    min-height: var(--composer-h); padding: 13px 46px 13px 18px; border: 0; border-radius: var(--composer-r);
    background: var(--v-soft); font-family: var(--v-font); font-size: 15px; line-height: 20px; box-shadow: none;
  }
  body.chat-pinned-mobile .c26 .ios-chat .chat-composer textarea:focus { box-shadow: 0 0 0 2px var(--v-accent); }
  body.chat-pinned-mobile .c26 .ios-chat .chat-emoji-inline-btn { top: auto; right: 8px; bottom: calc((var(--composer-h) - 30px) / 2); width: 30px; height: 30px; color: var(--v-muted); }
  body.chat-pinned-mobile .c26 .ios-chat #chat-attach-btn, body.chat-pinned-mobile .c26 .ios-chat #chat-action-btn {
    width: var(--composer-h); height: var(--composer-h); padding: 0; border: 0; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  }
  body.chat-pinned-mobile .c26 .ios-chat #chat-attach-btn { background: var(--v-soft); color: var(--v-text); }
}









.p26-list, .od26-panel[data-od26-panel="payouts"] .od26-card { container: p26rows / inline-size; }
@media (min-width: 861px) {
  @container p26rows (max-width: 820px) {
    .p26-row:not(.p26-ready) {
      display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; column-gap: 14px; row-gap: 12px;
    }
    .p26-row:not(.p26-ready) > .p26-check { grid-column: 1; grid-row: 1 / span 2; align-self: start; margin-top: 8px; }
    .p26-row:not(.p26-ready) > .o26-av { grid-column: 2; grid-row: 1 / span 2; align-self: start; }
    .p26-row:not(.p26-ready) > .p26-main { grid-column: 3; grid-row: 1; }
    .p26-row:not(.p26-ready) > .p26-sum { grid-column: 3; grid-row: 2; justify-self: start; }
    .p26-row:not(.p26-ready) > .p26-actions { grid-column: 3; grid-row: 2; justify-self: end; }

    .p26-row:not(.p26-ready):not(:has(> .p26-check)) { grid-template-columns: auto minmax(0, 1fr); }
    .p26-row:not(.p26-ready):not(:has(> .p26-check)) > .o26-av { grid-column: 1; }
    .p26-row:not(.p26-ready):not(:has(> .p26-check)) > :is(.p26-main, .p26-sum, .p26-actions) { grid-column: 2; }
    .p26-row:not(.p26-ready):not(:has(> .o26-av)) { grid-template-columns: minmax(0, 1fr); }
    .p26-row:not(.p26-ready):not(:has(> .o26-av)) > :is(.p26-main, .p26-sum, .p26-actions) { grid-column: 1; }
  }
}


#call-root.call-card.call-collapsed {
  top: auto; right: auto; left: 16px; bottom: calc(96px + env(safe-area-inset-bottom, 0px)); width: auto;
  border-radius: 999px; background: #16A34A; box-shadow: 0 12px 30px rgba(22, 163, 74, 0.4); animation: call-mini-in .35s var(--v-spring) backwards;
}
#call-root.call-card.call-collapsed::after {
  content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.45);
  animation: call-mini-ring 2.4s ease-out infinite; pointer-events: none;
}
#call-root.call-connecting.call-collapsed, #call-root.call-reconnecting.call-collapsed, #call-root.call-calling.call-collapsed { background: #141414; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3); }
#call-root.call-connecting.call-collapsed::after, #call-root.call-reconnecting.call-collapsed::after, #call-root.call-calling.call-collapsed::after { animation: none; }
.call-mini { display: flex; align-items: center; gap: 8px; height: 48px; padding: 0 16px 0 6px; cursor: pointer; color: #FFFFFF; -webkit-tap-highlight-color: transparent; }
.call-mini:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; border-radius: 999px; }
.call-mini-ico { width: 36px; height: 36px; flex-shrink: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; }
.call-mini-ico svg { width: 18px; height: 18px; }
#call-root.call-collapsed .call-card-status { margin: 0; color: #FFFFFF; font-size: 15px; font-weight: 800; }
.call-mini-muted { display: flex; opacity: .85; }
.call-mini-muted svg { width: 16px; height: 16px; }
#call-root .call-btn-collapse { background: rgba(255, 255, 255, 0.14); color: #FFFFFF; }
@keyframes call-mini-in { from { opacity: 0; transform: scale(.6); } }
@keyframes call-mini-ring { 0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.45); } 70%, 100% { box-shadow: 0 0 0 12px rgba(22, 163, 74, 0); } }
@media (prefers-reduced-motion: reduce) { #call-root.call-card.call-collapsed, #call-root.call-card.call-collapsed::after { animation: none; } }



.f26 .fin-kpi-main { container: finhero / inline-size; }
@container finhero (max-width: 340px) {
  .f26 .fin-kpi-main .h26-art { width: 92px; height: 92px; right: -8px; top: -8px; }
  .f26 .fin-kpi-main .fin-kpi-value { font-size: 30px; }
}

.bid-card-night { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--v-muted); }
.bid-card-night svg { flex-shrink: 0; }
.bid-card-night.is-warn { color: var(--v-o-text); font-weight: 700; }







.bid-day {
  position: fixed; z-index: 4400; width: auto; min-width: 300px; max-width: calc(100vw - 16px); box-sizing: border-box;
  padding: 14px 14px 12px; border: 0; border-radius: 20px; background: var(--v-card); color: var(--v-text);
  box-shadow: 0 0 0 1px var(--v-chip-ring), 0 24px 60px rgba(0, 0, 0, 0.18); font-family: var(--v-font); font-size: 13px;
  animation: kb26menu .3s var(--v-spring) both; transform-origin: 0 0; pointer-events: none;
}
.bid-day-head { display: flex; align-items: baseline; gap: 8px; margin: 0 4px 10px; font-size: 13px; color: var(--v-muted); }
.bid-day-head b { font-family: var(--v-display); font-size: 15px; font-weight: 700; color: var(--v-text); }
.bid-day-rows { display: grid; grid-template-columns: auto auto auto; column-gap: 0; row-gap: 2px; }
.bid-day-row { display: contents; }
.bid-day-row > * { padding: 6px 8px; white-space: nowrap; display: flex; align-items: center; }
.bid-day-row > b { justify-content: flex-end; }
.bid-day-time { color: var(--v-muted); font-variant-numeric: tabular-nums; }
.bid-day-row b { text-align: right; font-variant-numeric: tabular-nums; font-weight: 800; color: var(--v-text); }
.bid-day-why { height: 22px; padding: 0 9px; border-radius: 999px; display: inline-flex; align-items: center; font-size: 11.5px; font-weight: 700; }
.bid-day-why.is-up { background: var(--v-o-soft); color: var(--v-o-text); }
.bid-day-why.is-down { background: var(--v-b-soft); color: var(--v-b-text); }
.bid-day-why.is-flat { background: var(--v-soft); color: var(--v-text2); }
.bid-day-why.is-off { background: var(--v-soft); color: var(--v-muted); }

.bid-day-row.is-now > * { background: var(--v-o-soft2, var(--v-o-soft)); }
.bid-day-row.is-now > .bid-day-time { border-radius: 12px 0 0 12px; color: var(--v-o-text); font-weight: 700; }
.bid-day-row.is-now > .bid-day-tag { border-radius: 0 12px 12px 0; }
.bid-day-row.is-now .bid-day-why { background: var(--v-card); }
.bid-day-foot { display: flex; align-items: center; gap: 6px; margin: 10px 4px 0; font-size: 12px; color: var(--v-muted); }
.bid-day-foot i { width: 8px; height: 8px; border-radius: 50%; background: var(--v-accent); }
.bid-day-empty { margin: 0 4px; color: var(--v-muted); }
@media (prefers-reduced-motion: reduce) { .bid-day { animation: none; } }


.seo26 .seo26-setup { padding: 22px 24px; display: flex; flex-direction: column; gap: 12px; }
.seo26 .seo26-setup h3 { font-family: var(--v-display); font-size: 20px; }
.seo26-steps { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 18px; font-size: 14px; line-height: 1.55; }
.seo26-steps ul { margin: 6px 0 0; padding-left: 18px; }
.seo26-steps code, .seo26-copy code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; }
.seo26-steps a { color: var(--v-accent); }
.seo26-copy { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 8px 0; padding: 10px 12px; border-radius: 14px; background: var(--v-soft); }
.seo26-copy code { flex: 1 1 260px; word-break: break-all; }
.seo26-copy .od26-btn { height: 34px; }
.seo26-form { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
.seo26-form label, .seo26-field { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--v-muted); flex: 1 1 220px; }
.seo26-form .od26-btn { height: 40px; }
.seo26-connect { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 8px; }
.seo26-connect .od26-btn { height: 42px; }
.seo26-connect .seo26-code { flex: 0 1 200px; height: 42px; box-sizing: border-box; }
.seo26-alt { margin-top: 12px; font-size: 13px; color: var(--v-text3); }
.seo26-alt summary { cursor: pointer; color: var(--v-muted); }
.seo26-alt .od26-btn { height: 38px; }
.seo26-setup-foot { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 8px; border-top: 1px solid var(--v-line); }
.seo26-danger { color: var(--red-ink); }
.seo26-check { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.seo26-sites { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; }
.seo26-site { border: 0; padding: 18px 20px; text-align: left; color: inherit; cursor: pointer; display: flex; flex-direction: column; gap: 10px; transition: box-shadow .2s ease, transform .25s var(--v-spring); }
.seo26-site:hover { box-shadow: 0 0 0 2px var(--v-accent), var(--v-card-shadow); transform: translateY(-2px); }
.seo26-site.is-off { opacity: 0.6; }
.seo26-site-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 16px; min-width: 0; }
.seo26-site-head b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seo26-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
.seo26-kpis > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.seo26-kpis span:first-child { font-size: 12px; color: var(--v-muted); }
.seo26-kpis b { font-family: var(--v-display); font-size: 24px; font-weight: 800; letter-spacing: -0.02em; }
.seo26-site-foot { font-size: 12.5px; color: var(--v-text3); line-height: 1.5; }
.seo26-d { font-size: 12px; font-weight: 700; color: var(--v-muted); white-space: nowrap; }
.seo26-d.is-up { color: var(--v-g-text); }
.seo26-d.is-down { color: var(--red-ink); }
.seo26-d.is-new { color: var(--v-b-text); }
.seo26-hostbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.seo26 .seo26-hostbar h2 { font-family: var(--v-display); font-size: 24px; font-weight: 800; letter-spacing: -0.02em; overflow-wrap: anywhere; }
.seo26 .tn26-tile span .seo26-d { margin-left: 4px; }
.seo26-tab { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.seo26-filters { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.seo26-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.seo26-chip { height: 34px; padding: 0 14px; border: 0; border-radius: 17px; background: var(--v-soft); color: var(--v-text); font-size: 13px; font-weight: 600; cursor: pointer; }
.seo26-chip.is-on { background: var(--v-ink); color: var(--v-on-ink); }
.seo26-search { flex: 0 1 280px; height: 36px; }
.seo26-table td.seo26-q { white-space: normal; min-width: 220px; max-width: 420px; }
.seo26-table td.seo26-page { max-width: 280px; overflow: hidden; text-overflow: ellipsis; }
.seo26-table tr.seo26-row { cursor: pointer; }
.seo26-table tr.seo26-hist > td { background: var(--v-soft); white-space: normal; }


.seo26-hist-box { position: sticky; left: 16px; width: min(680px, calc(100cqw - 64px)); }
.seo26-chart { display: block; width: 100%; height: auto; }
.seo26-chart-grid { stroke: var(--v-line); stroke-width: 1; }
.seo26-chart-line { fill: none; stroke: var(--v-accent); stroke-width: 2; vector-effect: non-scaling-stroke; }
.seo26-chart-dot { fill: var(--v-accent); }
.seo26-chart-legend { display: flex; justify-content: space-between; gap: 10px; font-size: 11.5px; color: var(--v-muted); }
@container tn26 (max-width: 860px) {
  .seo26-sites { grid-template-columns: minmax(0, 1fr); }
  .seo26-search { flex: 1 1 100%; }
}


.dlg-site-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 12px 16px; }
.dlg-site-actions-hint { font-size: 13px; color: var(--v-muted); line-height: 1.45; }
.dlg-site-actions-hint b { color: var(--v-text); font-weight: 700; }
.dlg-site-actions-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.dlg-site-actions-btns .od26-btn { height: 38px; padding: 0 14px; font-size: 13px; text-decoration: none; }
.dl26 .dlg-mac-view .dlg-site-actions { margin: 4px 12px 12px; border-radius: 16px; background: var(--v-soft); }




.seo26-host-set { gap: 16px; }
.seo26-host-set h3 { margin: 0; font-family: var(--v-display); font-size: 18px; color: var(--v-text); }
.seo26-toggle { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 16px; background: var(--v-soft); cursor: pointer; }
.seo26-toggle > span:first-child { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.seo26-toggle b { font-size: 14px; color: var(--v-text); }
.seo26-toggle small { font-size: 12px; line-height: 1.4; color: var(--v-muted); }
.seo26-toggle .fin-switch { width: 48px; height: 28px; flex-shrink: 0; }
.seo26-toggle .fin-switch input { width: 100%; height: 100%; margin: 0; }
.seo26-toggle .fin-switch input:checked + span { background: var(--v-accent); }
.seo26-toggle .fin-switch input:checked + span::after { transform: translateX(20px); }
.seo26-select-field { display: flex; flex-direction: column; gap: 8px; }
.seo26-select-field > label { font-size: 13px; font-weight: 700; color: var(--v-text); }
.seo26-select { position: relative; }
.seo26-select select {
  width: 100%; height: 48px; box-sizing: border-box; margin: 0; padding: 0 44px 0 16px; border: 0; border-radius: 14px;
  background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 15px; line-height: 48px;
  appearance: none; -webkit-appearance: none; text-overflow: ellipsis; cursor: pointer;
}
.seo26-select select:focus { outline: 0; box-shadow: 0 0 0 2px var(--v-accent); }
.seo26-select > svg { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: var(--v-muted); pointer-events: none; }
.seo26-set-foot { display: flex; }
@media (max-width: 760px) {
  .seo26-select select { font-size: 16px; }
  .seo26-set-foot .od26-btn { width: 100%; justify-content: center; height: 48px; }
}





.chat-link { color: var(--v-b-text, #1E4FB8); }
.chat-bubble-row.mine .chat-link { color: inherit; }

.c26 .chat-bubble-row.mine .chat-link { color: #A8C2FF; }




.f26 .pm26 .plan-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.f26 #plan-month-btn { height: 38px; padding: 0 14px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 14px; font-weight: 700; flex-shrink: 0; }
.f26 #plan-month-btn:hover { background: var(--v-hover); }
.pm26-team { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; padding: 16px; border-radius: 18px; background: var(--v-soft2, var(--v-soft)); }
.pm26-team .plan-sum { font-size: 30px; }
.pm26-rows { display: flex; flex-direction: column; margin-top: 10px; }
.pm26-row { display: flex; align-items: center; gap: 12px; padding: 12px 8px; border-top: 1px solid var(--v-row); border-radius: 0; }
.pm26-row:first-child { border-top: 0; }
.pm26-row.is-edit { cursor: pointer; border-radius: 14px; }
.pm26-row.is-edit:hover { background: var(--v-row-hover, var(--v-soft2)); }
.pm26-row.is-me { background: var(--v-o-soft); border-radius: 14px; }
.pm26-row .fin-avatar { flex-shrink: 0; }
.pm26-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.pm26-name { display: flex; align-items: center; gap: 8px; min-width: 0; }
.pm26-name b { font-size: 14px; color: var(--v-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm26-own { flex-shrink: 0; height: 20px; padding: 0 8px; border-radius: 999px; background: var(--v-b-soft); color: var(--v-b-text); display: inline-flex; align-items: center; font-size: 11px; font-weight: 800; }
.pm26-main small { font-size: 12px; color: var(--v-muted); }
.pm26-main .plan-bar { max-width: 420px; }
.pm26-left { flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
.pm26-left b { font-size: 14px; color: var(--v-o-text); white-space: nowrap; }
.pm26-left b.is-done { color: var(--v-g-text); }
.pm26-left small { font-size: 12px; color: var(--v-muted); white-space: nowrap; }
.pm26-empty { margin-top: 12px; padding: 14px 16px; border-radius: 16px; background: var(--v-soft); font-size: 13px; line-height: 1.45; color: var(--v-muted); }
@media (max-width: 760px) {
  .f26 .pm26 .plan-top { flex-wrap: wrap; }
  .pm26-team .plan-sum { font-size: 26px; }
  .pm26-row { flex-wrap: wrap; }
  .pm26-left { width: 100%; flex-direction: row; justify-content: space-between; align-items: baseline; padding-left: 52px; }
}
.f26 .pm26-team .plan-bar { background: var(--v-card); }






.cu26-card {
  width: min(360px, 68vw); box-sizing: border-box; margin-top: 2px; padding: 14px; border-radius: 18px;
  background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring);
  display: flex; flex-direction: column; gap: 10px; font-family: var(--v-font); text-align: left;
}
.cu26-kick { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--v-muted); }
.cu26-card.done .cu26-kick { color: var(--v-g-text); }
.cu26-head { display: flex; align-items: center; gap: 10px; }
.cu26-ico { width: 34px; height: 34px; flex-shrink: 0; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; }
.cu26-ico.sm { width: 28px; height: 28px; border-radius: 9px; }
.cu26-ico.b { background: var(--v-b-soft); color: var(--v-b-text); }
.cu26-ico.o { background: var(--v-o-soft); color: var(--v-o-text); }
.cu26-title { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cu26-title b { font-size: 15px; line-height: 1.3; }
.cu26-title small { font-size: 12px; font-weight: 600; color: var(--v-muted); }
.cu26-pill { flex-shrink: 0; height: 22px; padding: 0 9px; border-radius: 999px; display: inline-flex; align-items: center; font-size: 11px; font-weight: 800; white-space: nowrap; }
.cu26-pill.o { background: var(--v-o-soft); color: var(--v-o-text); }
.cu26-pill.g { background: var(--v-g-soft); color: var(--v-g-text); }
.cu26-pill.r { background: var(--v-r-soft); color: var(--v-r-text); }
.cu26-form { display: flex; flex-direction: column; gap: 10px; }
.cu26-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 8px; }
.cu26-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; margin: 0; }
.cu26-field > span { font-size: 11.5px; font-weight: 700; color: var(--v-text2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cu26-field input, .cu26-field select {
  width: 100%; box-sizing: border-box; height: 40px; padding: 0 12px; border: 0; border-radius: 12px; margin: 0;
  background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 15px; font-weight: 700;
  box-shadow: inset 0 0 0 1px transparent; transition: box-shadow .15s ease;
}
.cu26-field input::placeholder { color: var(--v-text3); font-weight: 600; font-size: 13px; }
.cu26-field input:focus, .cu26-field select:focus { outline: none; box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.cu26-actions { display: flex; gap: 8px; }
.cu26-btn {
  height: 40px; padding: 0 14px; border: 0; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  font-family: var(--v-font); font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; transition: transform .12s ease, opacity .15s ease;
}
.cu26-btn:active { transform: scale(.97); }
.cu26-btn:disabled { opacity: .6; cursor: progress; }
.cu26-btn.soft { background: var(--v-soft); color: var(--v-text); }
.cu26-btn.main { flex: 1; background: var(--v-accent); color: #FFFFFF; }
.cu26-btn.wide { flex: 1; }
.cu26-link { align-self: flex-start; padding: 0; border: 0; background: none; font-family: var(--v-font); font-size: 12px; font-weight: 700; color: var(--v-muted); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.cu26-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 8px; }
.cu26-tile { padding: 10px 12px; border-radius: 14px; background: var(--v-soft); display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.cu26-tile span { font-size: 11px; font-weight: 700; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cu26-tile b { font-family: var(--v-display); font-size: 17px; font-weight: 800; }
.cu26-tile i { font-style: normal; font-size: 11px; font-weight: 800; color: var(--v-g-text); }

.chat-head-actions .cu26-chip { position: relative; }
.cu26-dot { position: absolute; top: 6px; right: 6px; width: 8px; height: 8px; border-radius: 50%; background: var(--v-accent); box-shadow: 0 0 0 2px var(--v-card); pointer-events: none; }
.cu26-dot[hidden] { display: none; }

.modal.cu26-modal { width: min(520px, calc(100vw - 32px)) !important; display: flex; flex-direction: column; gap: 12px; font-family: var(--v-font); }
.modal.cu26-modal > h3 { margin: 0; font-family: var(--v-display); font-size: 20px; }
.modal.cu26-modal .c26-modal-sub { margin-top: -6px; font-size: 13px; color: var(--v-muted); }
.cu26-seg { display: flex; gap: 4px; padding: 4px; border-radius: 13px; background: var(--v-soft); }
.cu26-seg button { flex: 1; height: 32px; border: 0; border-radius: 10px; background: none; font-family: var(--v-font); font-size: 13px; font-weight: 700; color: var(--v-muted); cursor: pointer; }
.cu26-seg button.on { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }
.cu26-list { display: flex; flex-direction: column; gap: 10px; max-height: min(56vh, 520px); overflow-y: auto; }
.cu26-month { padding: 12px; border-radius: 18px; background: var(--v-soft2, var(--v-soft)); display: flex; flex-direction: column; gap: 10px; }
.cu26-month[hidden], .cu26-row[hidden] { display: none; }
.cu26-month-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cu26-month-head b { font-size: 15px; }
.cu26-row { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.cu26-row[data-cu-goto] { cursor: pointer; }
.cu26-row-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cu26-row-text b { font-weight: 700; line-height: 1.35; }
.cu26-row-text small { font-size: 12px; color: var(--v-muted); }
.cu26-row .cu26-btn { height: 32px; padding: 0 10px; font-size: 12.5px; }
.cu26-note { font-size: 12px; color: var(--v-muted); line-height: 1.45; }
.cu26-empty { padding: 22px 16px; border-radius: 18px; background: var(--v-soft); display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; color: var(--v-muted); font-size: 13px; }
.cu26-empty svg { color: var(--v-o-text); }
.cu26-empty b { color: var(--v-text); font-size: 15px; }
.cu26-lock { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 14px; background: var(--v-b-soft); color: var(--v-b-text); font-size: 12.5px; font-weight: 700; }
.cu26-lock svg { flex-shrink: 0; }
.cu26-rule { padding: 14px; border-radius: 18px; background: var(--v-soft2, var(--v-soft)); display: flex; flex-direction: column; gap: 12px; }
.cu26-rule-head { display: flex; align-items: center; gap: 10px; }
.cu26-rule-head b { flex: 1; font-size: 15px; }
.cu26-rule.off .cu26-rule-body { display: none; }
.cu26-rule-body { display: flex; flex-direction: column; gap: 10px; }
.cu26-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cu26-rule .cu26-field input, .cu26-rule .cu26-field select { background: var(--v-card); }
.cu26-check { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; font-size: 13px !important; font-weight: 600 !important; color: var(--v-text2) !important; cursor: pointer; }
.cu26-check input { width: 16px; height: 16px; margin: 0; accent-color: var(--v-accent); }
.cu26-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.cu26-tag { height: 32px; padding: 0 6px 0 12px; border-radius: 999px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 700; }
.cu26-tag button { width: 22px; height: 22px; border: 0; border-radius: 50%; background: none; color: var(--v-muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.cu26-tag button:hover { background: var(--v-soft); color: var(--v-text); }
.cu26-tag-input { width: 120px; height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-chip-ring); font-family: var(--v-font); font-size: 13px; font-weight: 600; color: var(--v-text); }
.cu26-tag-input:focus { outline: none; box-shadow: inset 0 0 0 1.5px var(--v-accent); }
@media (max-width: 560px) {
  .cu26-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .cu26-row { flex-wrap: wrap; }
  .cu26-row .cu26-btn { margin-left: 38px; }
}


.chat-bubble:has(.cu26-card) { background: transparent !important; box-shadow: none !important; padding: 0 !important; border: 0 !important; }
.chat-bubble:has(.cu26-card) .chat-bubble-time { color: var(--v-muted) !important; padding: 4px 6px 0; }
.chat-bubble:has(.cu26-card) .chat-read-ticks { color: var(--v-muted); }
.cu26-modal .cu26-field input, .cu26-modal .cu26-field select, .cu26-card .cu26-field input { height: 42px !important; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.cu26-tags .cu26-tag-input { width: 130px !important; flex: 0 0 auto; height: 32px !important; margin: 0; }
.cu26-tile span { white-space: normal; line-height: 1.25; font-size: 10.5px; hyphens: auto; -webkit-hyphens: auto; }


.seo26-site-wrap { position: relative; display: flex; min-width: 0; }
.seo26-site-wrap > .seo26-site { flex: 1; min-width: 0; }
.seo26-site-wrap .seo26-site-head { padding-right: 40px; justify-content: flex-start; }
.seo26-site-wrap .seo26-site-head b { margin-right: auto; }
.seo26-del {
  position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 10px;
  background: transparent; color: var(--v-text3); display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.seo26-del:hover, .seo26-del:focus-visible { background: var(--v-r-soft); color: var(--v-r-text); outline: none; }
.seo26-site-wrap { transition: transform .25s var(--v-spring); }
.seo26-site-wrap:hover { transform: translateY(-2px); }
.seo26-site-wrap .seo26-site:hover { transform: none; }
.seo26-hidden { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; font-size: 13px; color: var(--v-muted); }
.seo26-hidden > svg { flex-shrink: 0; }
.seo26-hidden-item {
  height: 30px; padding: 0 10px 0 12px; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text);
  display: inline-flex; align-items: center; gap: 6px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer;
}
.seo26-hidden-item:hover { background: var(--v-hover); }
.seo26-hidden-item svg { color: var(--v-muted); }







#call-root.call-card.call-video { width: min(440px, calc(100vw - 32px)); padding: 0; overflow: hidden; background: #0B0B0D; }
#call-root.call-card .call-btn-cam { background: rgba(255, 255, 255, 0.16); color: #FFFFFF; }
#call-root.call-card .call-btn-cam.on { background: #FFFFFF; color: #141414; }
#call-root.call-card .call-btn-flip { background: rgba(255, 255, 255, 0.16); color: #FFFFFF; }
#call-root.call-card .call-btn-cam:disabled, #call-root.call-card .call-btn-flip:disabled { opacity: .5; }
.call-video-stage { position: relative; width: 100%; aspect-ratio: 4 / 3; background: #0B0B0D; border-radius: inherit; overflow: hidden; }
.call-video-peer { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.call-video-el { width: 100%; height: 100%; object-fit: cover; display: block; background: #0B0B0D; }
.call-video-el.is-front { transform: scaleX(-1); }
.call-video-nocam { display: flex; flex-direction: column; align-items: center; gap: 12px; color: rgba(255, 255, 255, 0.62); font-size: 13px; font-weight: 600; text-align: center; padding: 0 24px; }
.call-video-nocam .call-card-avatar { width: 84px; height: 84px; font-size: 30px; }
.call-video-self {
  position: absolute; right: 12px; bottom: 82px; z-index: 2; width: 28%; aspect-ratio: 4 / 3; border-radius: 14px; overflow: hidden;
  background: #1C1C20; box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.22), 0 8px 24px rgba(0, 0, 0, 0.4);
}
.call-video-self.is-off { display: none; }
.call-video-top {
  position: absolute; top: 0; left: 0; right: 0; z-index: 3; display: flex; align-items: flex-start; gap: 10px; padding: 14px 14px 26px 16px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); color: #FFFFFF;
}
.call-video-top .call-card-text { flex: 1; min-width: 0; }
.call-video-top .call-card-name { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
#call-root .call-video-top .call-card-status { color: rgba(255, 255, 255, 0.75); }
#call-root.call-active .call-video-top .call-card-status { color: #4ADE80; }
.call-vbtn {
  width: 36px; height: 36px; flex-shrink: 0; border: 0; border-radius: 12px; padding: 0; cursor: pointer;
  background: rgba(255, 255, 255, 0.16); color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.call-vbtn:hover { background: rgba(255, 255, 255, 0.26); }
.call-video-bar {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; display: flex; justify-content: center; gap: 12px; padding: 30px 14px 14px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.call-video-bar .call-btn { width: 50px; height: 50px; }

#call-root.call-card.call-video.call-video-big { left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%); width: min(1100px, calc(100vw - 48px)) !important; cursor: default; }
#call-root.call-video-big .call-video-stage { aspect-ratio: auto; height: min(calc((100vw - 48px) * 0.5625), calc(100vh - 48px), 620px); }
#call-root.call-video-big .call-video-self { width: 22%; max-width: 240px; }
#call-root.call-card.call-video.call-video-big { animation: none; }

@media (max-width: 640px) {
  #call-root.call-card.call-video:not(.call-collapsed) {
    top: calc(env(safe-area-inset-top, 0px) + 10px) !important; bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
    left: 10px !important; right: 10px !important; width: auto !important; cursor: default; border-radius: 28px;
  }
  #call-root.call-video .call-video-stage { aspect-ratio: auto; height: 100%; }
  #call-root.call-video .call-video-self { width: 30%; aspect-ratio: 3 / 4; bottom: calc(96px + env(safe-area-inset-bottom, 0px) * 0); }
  .call-video-bar { padding-bottom: 22px; }
}
#call-root.call-video-big .call-video-peer .call-video-el { object-fit: contain; }

.bid-orphan-pick { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; user-select: none; }
.bid-orphan-pick input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.bid-orphan-box { width: 18px; height: 18px; flex-shrink: 0; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; background: var(--v-accent); color: #FFFFFF; transition: background-color .15s ease, box-shadow .15s ease; }
.bid-orphan-pick input:not(:checked) + .bid-orphan-box { background: transparent; color: transparent; box-shadow: inset 0 0 0 1.5px #C4C4CC; }
.bid-orphan-pick input:focus-visible + .bid-orphan-box { box-shadow: 0 0 0 3px rgba(242, 92, 5, 0.25); }
.av26 .bid-orphans-list li:has(input:not(:checked)) { opacity: .6; }
.av26 .bid-orphans-list li:has(input:checked) { box-shadow: inset 0 0 0 1.5px var(--v-accent); }
#bid-orphans-take:disabled { opacity: .45; cursor: default; }

.bid-card.bid-more { display: none !important; }
.av26 .bid-card { content-visibility: auto; contain-intrinsic-size: auto 300px; }
.bid-more-bar { display: flex; justify-content: center; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.bid-more-bar .btn svg { transition: transform .2s ease; }


.ms-create-order { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--v-soft); cursor: pointer; }
.ms-create-order[hidden] { display: none; }
.ms-create-order input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.ms-create-order-box { width: 20px; height: 20px; flex-shrink: 0; margin-top: 1px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; background: var(--v-accent); color: #FFFFFF; transition: background-color .15s ease, box-shadow .15s ease; }
.ms-create-order input:not(:checked) + .ms-create-order-box { background: transparent; color: transparent; box-shadow: inset 0 0 0 1.5px #C4C4CC; }
.ms-create-order input:focus-visible + .ms-create-order-box { box-shadow: 0 0 0 3px rgba(242, 92, 5, 0.25); }
.ms-create-order-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ms-create-order-text b { font-size: 14px; font-weight: 700; color: var(--v-text); }
.ms-create-order-text small { font-size: 12px; line-height: 1.4; color: var(--v-muted); }
.ms-receipt-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-height: 36px; }
.ms-receipt-file { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; font-size: 13px; font-weight: 600; }
.ms-receipt-file span, .ms-receipt-file .link-btn { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 240px; }
.ms-receipt-hint { font-size: 12px; color: var(--v-muted); }
.ms-receipt-tag {
  height: 22px; padding: 0 8px; border: 0; border-radius: 999px; background: var(--v-b-soft); color: var(--v-b-text);
  display: inline-flex; align-items: center; gap: 4px; font-family: inherit; font-size: 11px; font-weight: 800; cursor: pointer;
}
.ms-receipt-tag:hover { filter: brightness(0.97); }
.ms-create-order.is-locked { cursor: default; }
.ms-create-order.is-locked .ms-create-order-box { opacity: .55; }

.fin-nav { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-top: 8px; }
.fin-nav-btn { width: 34px; height: 34px; padding: 0; border: 0; border-radius: 11px; background: var(--v-soft); color: var(--v-text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.fin-nav-btn:hover:not(:disabled) { background: var(--v-hover); }
.fin-nav-btn:disabled { opacity: .35; cursor: default; }
.fin-nav-label { min-width: 132px; text-align: center; font-family: var(--v-font); font-size: 14px; font-weight: 800; color: var(--v-text); }
.fin-nav-now { height: 34px; padding: 0 12px; border: 0; border-radius: 11px; background: var(--v-o-soft); color: var(--v-o-text); font-family: var(--v-font); font-size: 12.5px; font-weight: 800; cursor: pointer; }
@media (max-width: 860px) { .fin-nav { justify-content: space-between; } .fin-nav-label { flex: 1; } }

.o26-due-client { display: block; margin-top: 3px; font-size: 12px; font-weight: 700; color: var(--v-b-text); }






.av26 .avito-card.bid-profile.is-auto { background: linear-gradient(180deg, var(--v-o-soft) 0%, var(--v-row-hover) 75%); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-accent) 22%, transparent); }
.av26 .bid-mode.is-auto { background: color-mix(in srgb, var(--v-accent) 16%, var(--v-card)); color: var(--v-o-text); gap: 4px; text-transform: uppercase; letter-spacing: .04em; }
.av26 .bid-mode.is-auto .zap-ico { width: 11px; height: 11px; }
.av26 .bid-profile.is-auto .avito-card-meta b { color: var(--v-text); font-weight: 700; }
.av26 .bid-hour-ghost { position: absolute; left: 1px; right: 1px; margin-bottom: -1px; border-top: 2px dashed color-mix(in srgb, var(--v-muted) 70%, transparent); pointer-events: none; }
.av26 .bid-ghost-legend { display: flex; gap: 14px; flex-wrap: wrap; font-size: 11.5px; color: var(--v-muted); }
.av26 .bid-ghost-legend b { display: inline-block; width: 10px; height: 10px; border-radius: 3px; background: var(--v-accent); vertical-align: -1px; margin-right: 5px; }
.av26 .bid-ghost-legend i { display: inline-block; width: 14px; border-top: 2px dashed color-mix(in srgb, var(--v-muted) 70%, transparent); vertical-align: middle; margin-right: 5px; }
.bid-auto-tag { display: inline-flex; align-items: center; gap: 4px; color: var(--v-o-text); font-weight: 700; }
.bid-auto-tag .zap-ico { width: 12px; height: 12px; }


.av26 .avito-auto-flag { margin-top: 12px; padding: 12px 14px; border-radius: 16px; background: var(--v-o-soft); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-accent) 22%, transparent); display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 13px; line-height: 1.5; color: var(--v-text2); }
.av26 .avito-auto-flag > span:nth-child(2) { flex: 1 1 260px; }
.av26 .avito-auto-flag b { color: var(--v-text); }
.av26 .avito-auto-flag.is-off { background: var(--v-row-hover); box-shadow: none; }
.av26 .avito-auto-ic { width: 30px; height: 30px; flex: none; border-radius: 10px; display: grid; place-items: center; background: color-mix(in srgb, var(--v-accent) 16%, var(--v-card)); color: var(--v-o-text); }
.av26 .avito-auto-ic .zap-ico { width: 14px; height: 14px; }
.av26 .avito-auto-flag .btn .zap-ico { width: 13px; height: 13px; margin-right: 4px; }


.sched-pick { display: flex; flex-direction: column; gap: 8px; }
.sched-opt { display: flex; gap: 12px; width: 100%; text-align: left; padding: 12px 14px; border: 0; border-radius: 16px; background: var(--v-card); box-shadow: inset 0 0 0 1.5px var(--v-chip-ring); color: var(--v-text); font: inherit; cursor: pointer; transition: box-shadow .15s ease, background .15s ease; }
.sched-opt:hover { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--v-muted) 45%, transparent); }
.sched-opt.is-on { box-shadow: inset 0 0 0 2px var(--v-accent); background: color-mix(in srgb, var(--v-o-soft) 60%, var(--v-card)); }
.sched-rad { width: 18px; height: 18px; flex: none; margin-top: 2px; border-radius: 50%; box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--v-muted) 55%, transparent); transition: box-shadow .15s ease; }
.sched-opt.is-on .sched-rad { box-shadow: inset 0 0 0 5px var(--v-accent); }
.sched-opt-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.sched-opt-t { font-size: 14px; font-weight: 800; display: inline-flex; align-items: center; gap: 6px; }
.sched-opt-t .zap-ico { width: 13px; height: 13px; color: var(--v-o-text); }
.sched-opt-d { font-size: 12px; line-height: 1.45; color: var(--v-muted); }
.sched-mini { display: flex; align-items: flex-end; gap: 2px; height: 30px; margin-top: 6px; }
.sched-mini i { flex: 1; border-radius: 3px 3px 1px 1px; background: #F6B99A; }
.sched-mini i.is-peak { background: var(--v-accent); }
.sched-mini i.is-off { background: var(--v-bar2, var(--v-bar)); }
.sched-opt-check { align-self: flex-start; margin-top: 6px; font-size: 11.5px; font-weight: 700; padding: 3px 9px; border-radius: 999px; }
.sched-opt-check:empty { display: none; }
.sched-opt-check.is-ok { background: var(--v-g-soft); color: var(--v-g-text); }
.sched-opt-check.is-warn { background: var(--v-a-soft); color: var(--v-a-text); font-weight: 600; line-height: 1.4; }



.bid-test-list { display: flex; flex-direction: column; gap: 8px; }
.bid-test-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 20px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); }
.bid-test-main { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.bid-test-city { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 15px; font-weight: 800; color: var(--v-strong); }
.bid-test-sub { font-size: 12px; line-height: 1.45; color: var(--v-muted); overflow-wrap: anywhere; }
.bid-test-err { font-size: 12px; line-height: 1.45; color: var(--v-r-text); overflow-wrap: anywhere; }
.bid-test-chip { height: 22px; padding: 0 9px; border-radius: 999px; display: inline-flex; align-items: center; font-size: 11px; font-weight: 800; white-space: nowrap; background: var(--v-soft); color: var(--v-text3); }
.bid-test-chip.is-ok { background: var(--v-g-soft); color: var(--v-g-text); }
.bid-test-chip.is-warn { background: var(--v-a-soft); color: var(--v-a-text); }
.bid-test-chip.is-err { background: var(--v-r-soft); color: var(--v-r-text); }
.bid-test-nums { display: grid; grid-template-columns: repeat(6, minmax(76px, auto)); gap: 8px 14px; }
.bid-test-nums > div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.bid-test-nums b { font: 800 15px var(--v-display); color: var(--v-strong); white-space: nowrap; }
.bid-test-nums span { font-size: 11px; color: var(--v-muted); white-space: nowrap; }
.bid-test-acts { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.av26 .bid-test-acts .btn.bid-test-stop { color: var(--v-r-text); }
.bid-test-form { align-items: flex-end; margin-bottom: 10px; }


.bt-filters { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.bt-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.bt-chip { height: 34px; padding: 0 13px; border: 0; border-radius: 999px; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); font: 700 13px var(--v-font); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; transition: background-color .15s ease, color .15s ease; }
.bt-chip b { font-weight: 700; color: var(--v-muted); }
.bt-chip:hover { background: var(--v-hover); }
.bt-chip.is-on { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.bt-chip.is-on b { color: inherit; opacity: .7; }
.bt-pick { height: 34px; padding: 0 13px; border: 0; border-radius: 11px; background: var(--v-soft); color: var(--v-text); font: 700 13px var(--v-font); cursor: pointer; white-space: nowrap; transition: background-color .15s ease; }
.bt-pick:hover { background: var(--v-hover); }
.bt-hit { font-weight: 700; color: var(--v-g-text); }


@media (max-width: 767px) { .bt-filters { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 10px -4px 0; padding: 0 4px 2px; } .bt-filters::-webkit-scrollbar { display: none; } .bt-chips { flex-wrap: nowrap; flex-shrink: 0; } .bt-chip, .bt-pick { height: 40px; flex-shrink: 0; } }
@media (prefers-reduced-motion: reduce) { .bt-chip, .bt-pick { transition: none; } }
#bt-list .bid-started-row { align-items: center; }
#bt-list .bid-started-row input[type="checkbox"] { margin-top: 0; }
#bt-list .bid-started-main { flex: 1 1 auto; }

#bt-list input.bt-own { flex: none; width: 84px; height: 38px; margin: 0; padding: 0 10px; border: 0; border-radius: 11px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); font: 700 14px var(--v-font); color: var(--v-strong); text-align: right; outline: none; }
#bt-list input.bt-own::placeholder { color: var(--v-muted); font-weight: 500; }
#bt-list input.bt-own:focus { box-shadow: 0 0 0 2px var(--v-accent); }
@media (max-width: 1100px) {
  .bid-test-row { grid-template-columns: minmax(0, 1fr) auto; }
  .bid-test-nums { grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .bid-test-row { grid-template-columns: minmax(0, 1fr); padding: 14px; }
  .bid-test-nums { grid-row: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 10px; }
  .bid-test-acts { justify-content: flex-start; }
}


.bid-started-list { display: flex; flex-direction: column; gap: 6px; max-height: 46vh; overflow-y: auto; margin-top: 8px; }
.bid-started-row { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 14px; background: var(--v-row-hover, var(--panel-2)); cursor: pointer; }
.bid-started-row input { width: 18px; height: 18px; margin-top: 2px; flex: none; accent-color: var(--v-accent, var(--accent)); }
.bid-started-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 13px; }
.bid-started-main span { font-size: 12px; color: var(--v-muted, var(--text-dim)); }





.od26-card-head h3 .od26-muted { margin-left: 4px; font-family: var(--v-font); font-size: 14px; }
.od26-btn-sm { height: 34px; padding: 0 12px; font-size: 13px; gap: 6px; }
.od26-btn-wide { width: 100%; }
.od26-tasks { display: flex; flex-direction: column; gap: 6px; }
.od26-task { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 14px; background: var(--v-soft2, var(--v-soft)); cursor: pointer; }
.od26-task input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.od26-task-box { width: 20px; height: 20px; flex-shrink: 0; margin-top: 1px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; color: transparent; box-shadow: inset 0 0 0 1.5px #C4C4CC; transition: background-color .15s ease, box-shadow .15s ease; }
.od26-task input:checked + .od26-task-box { background: var(--v-g-dot, #16A34A); color: #FFFFFF; box-shadow: none; }
.od26-task input:focus-visible + .od26-task-box { box-shadow: 0 0 0 3px rgba(242, 92, 5, 0.25); }
.od26-task-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.od26-task-text { padding: 0; border: 0; background: none; text-align: left; cursor: pointer; font-family: var(--v-font); font-size: 13.5px; font-weight: 700; line-height: 1.35; color: var(--v-text); overflow-wrap: anywhere; }
.od26-task-text:hover { text-decoration: underline; text-underline-offset: 3px; }
.od26-task-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12px; font-weight: 600; color: var(--v-muted); }
.od26-task-meta > span { display: inline-flex; align-items: center; gap: 4px; }
.od26-task-meta .is-late { color: var(--v-r-text); }
.od26-task.done .od26-task-text { color: var(--v-muted); text-decoration: line-through; }
.od26-pay-sum { display: flex; flex-direction: column; gap: 4px; }
.od26-pay-sum > b { font-family: var(--v-display); font-size: 28px; font-weight: 800; line-height: 1.1; color: var(--v-text); }
.od26-pay-sum > span { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; color: var(--v-muted); }
.od26-pay-sum .od26-pay-left { color: var(--v-o-text); }
.od26-pay-sum .od26-pay-full { color: var(--v-g-text); }
.od26-pay-bar { height: 6px; margin-top: 6px; border-radius: 3px; background: var(--v-bar); overflow: hidden; }
.od26-pay-bar i { display: block; height: 100%; border-radius: 3px; background: var(--v-accent); transform-origin: 0 50%; }
.od26-pay-list { display: flex; flex-direction: column; gap: 6px; }
.od26-pay-row { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; background: var(--v-soft2, var(--v-soft)); }
.od26-pay-row-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.od26-pay-row-top { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.od26-pay-row-sub { font-size: 12px; font-weight: 600; color: var(--v-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.od26-pay-amount { flex-shrink: 0; font-family: var(--v-display); font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; }

.od26-pay-row.is-open { cursor: pointer; transition: background-color .15s ease, box-shadow .15s ease; }
.od26-pay-row.is-open:hover { background: var(--v-hover); }
.od26-pay-row.is-open:focus-visible { outline: 2px solid var(--v-accent); outline-offset: 2px; }
.od26-pay-go { flex-shrink: 0; width: 28px; height: 28px; border-radius: 9px; background: var(--v-card); color: var(--v-muted); display: inline-flex; align-items: center; justify-content: center; }
.od26-pay-row.is-open:hover .od26-pay-go { color: var(--v-text); }
@media (prefers-reduced-motion: reduce) { .od26-pay-row.is-open { transition: none; } }
.od26 label.od26-task { margin: 0; font-weight: inherit; }




.tl26 { display: flex; flex-direction: column; gap: 16px; }
.tl26-head { padding-top: 8px; display: flex; flex-direction: column; gap: 6px; }
.tl26 .tl26-head h1 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); }
.tl26-head p { margin: 0; font-size: 15px; color: var(--v-muted); }
.tl26-tabs { display: inline-flex; align-self: flex-start; gap: 4px; padding: 4px; border-radius: 15px; background: var(--v-soft); max-width: 100%; overflow-x: auto; scrollbar-width: none; }
:root:not([data-theme="dark"]) .tl26-tabs { background: #EDEDEF; }
.tl26-tab { height: 38px; padding: 0 16px; border: 0; border-radius: 11px; background: none; color: var(--v-muted); font-family: var(--v-font); font-size: 14px; font-weight: 700; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; white-space: nowrap; }
.tl26-tab.is-on { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.tl26 #tl26-body > .section { margin: 0; padding: 22px; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.tl26 #tl26-body > .section > h2 { display: none; }
.tl26-btn { height: 42px; padding: 0 16px; border: 0; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; transition: transform .2s var(--v-spring), background-color .15s ease; }
.tl26-btn:active { transform: scale(.97); }
.tl26-btn:disabled, .tl26-btn[aria-busy="true"] { opacity: .6; cursor: progress; }
.tl26-btn.pri { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); }
.tl26-btn.soft { background: var(--v-soft); color: var(--v-text); }
.tl26-btn.soft:hover { background: var(--v-hover); }
.tl26-btn.ghost { background: transparent; color: var(--v-text3); }
.tl26-btn.ghost:hover { background: var(--v-soft); color: var(--v-text); }
.tl26-btn.sm { height: 34px; padding: 0 12px; font-size: 13px; }
.tl26-pill { height: 26px; padding: 0 10px; border-radius: 999px; display: inline-flex; align-items: center; font-size: 12px; font-weight: 800; white-space: nowrap; }
.tl26-pill.o { background: var(--v-o-soft); color: var(--v-o-text); }
.tl26-pill.g { background: var(--v-g-soft); color: var(--v-g-text); }
.tl26-pill.b { background: var(--v-b-soft); color: var(--v-b-text); }
.tl26-note { font-size: 12.5px; color: var(--v-muted); line-height: 1.45; }
.tl26-wait { display: flex; align-items: center; gap: 12px; padding: 22px; font-size: 14px; font-weight: 600; color: var(--v-text2); }
.tl26-spin { width: 20px; height: 20px; border-radius: 50%; border: 2.5px solid var(--v-soft); border-top-color: var(--v-accent); animation: tl26spin .8s linear infinite; flex-shrink: 0; }
@keyframes tl26spin { to { transform: rotate(360deg); } }
.tl26-start { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px; }
.tl26-drop { border-radius: 24px; border: 2px dashed var(--v-dash, #D4D4D8); background: var(--v-card); padding: 40px 24px; min-height: 280px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.tl26-drop.is-over, .tl26-drop:hover { border-color: var(--v-accent); }
.tl26-drop-ico { width: 56px; height: 56px; border-radius: 18px; background: var(--v-b-soft); color: var(--v-b-text); display: flex; align-items: center; justify-content: center; }
.tl26-drop b { font-size: 17px; }
.tl26-drop > span:not(.tl26-drop-ico):not(.tl26-btn) { max-width: 420px; font-size: 13px; color: var(--v-muted); line-height: 1.45; }
.tl26-recent { border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); padding: 18px; display: flex; flex-direction: column; gap: 10px; }
.tl26-recent h3 { margin: 0; font-size: 15px; }
#tl26-recent-list { display: flex; flex-direction: column; gap: 8px; }
.tl26-ritem { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; background: var(--v-soft2, var(--v-soft)); }
.tl26-ritem > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.tl26-ritem b { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tl26-ritem small { font-size: 12px; color: var(--v-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tl26-doc { width: 36px; height: 36px; flex-shrink: 0; border-radius: 10px; background: #2F6FB0; color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 800; }
.tl26-doc.is-pdf { background: #E24B4A; }
.tl26-ed { padding: 22px; display: flex; flex-direction: column; gap: 18px; }
.tl26-ed-head { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.tl26-ed-head h2 { margin: 0; font-family: var(--v-display); font-size: 20px; font-weight: 700; overflow-wrap: anywhere; }
.tl26-ed-head #tl26-other { margin-left: auto; }
.tl26-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 20px; align-items: start; }
.tl26-pages { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 12px; padding: 14px; border-radius: 20px; background: var(--v-soft2, var(--v-soft)); max-height: 78vh; overflow-y: auto; }
.tl26-pg { position: relative; padding: 0; border: 0; border-radius: 6px; background: #FFFFFF; aspect-ratio: 1 / 1.414; overflow: hidden; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); transition: transform .15s ease, box-shadow .15s ease; }
.tl26-pg:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16); }
.tl26-pg:focus-visible { outline: 2px solid var(--v-accent); outline-offset: 2px; }
.tl26-pg img { width: 100%; height: 100%; object-fit: cover; display: block; -webkit-user-drag: none; user-select: none; pointer-events: none; }

.tl26-pages { user-select: none; -webkit-user-select: none; }
.tl26-pages.is-dragging, .tl26-pages.is-dragging .tl26-pg { cursor: crosshair; }
.tl26-pages.is-dragging .tl26-pg { transition: none; }
.tl26-pages.is-dragging .tl26-pg:hover { transform: none; }
.tl26-pg.is-blur img { filter: blur(3px); opacity: .75; }
.tl26-pg.is-half::after { content: ''; position: absolute; left: 0; right: 0; top: 34%; bottom: 0; background: rgba(255, 255, 255, 0.55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.tl26-pg.is-open { box-shadow: 0 0 0 2px #16A34A, 0 1px 3px rgba(0, 0, 0, 0.14); }
.tl26-pg-mark { position: absolute; top: 6px; right: 6px; z-index: 2; width: 22px; height: 22px; border-radius: 7px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; background: #71717A; }
.tl26-pg.is-open .tl26-pg-mark { background: #16A34A; }
.tl26-pg.is-half .tl26-pg-mark { background: #A1A1AA; }
.tl26-pg-num { position: absolute; left: 6px; bottom: 5px; z-index: 2; padding: 0 5px; border-radius: 6px; background: rgba(20, 20, 20, 0.6); color: #FFFFFF; font-size: 10.5px; font-weight: 800; line-height: 17px; }
.tl26-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; font-size: 12px; font-weight: 700; color: var(--v-muted); }
.tl26-legend > span { display: inline-flex; align-items: center; gap: 6px; }
.tl26-legend i { width: 12px; height: 12px; border-radius: 4px; display: inline-block; }
.tl26-legend i.o { background: #16A34A; } .tl26-legend i.h { background: linear-gradient(#FFFFFF 34%, #A1A1AA 34%); box-shadow: inset 0 0 0 1px #D4D4D8; } .tl26-legend i.b { background: #71717A; }
.tl26-legend .tl26-note { font-weight: 600; }
.tl26-side { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 16px; }
.tl26-panel { padding: 16px; border-radius: 20px; background: var(--v-soft2, var(--v-soft)); display: flex; flex-direction: column; gap: 8px; }
.tl26-panel h3 { margin: 0 0 2px; font-size: 15px; }
.tl26-opt { width: 100%; display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 0; border-radius: 14px; background: var(--v-card); color: var(--v-text); text-align: left; font-family: var(--v-font); cursor: pointer; box-shadow: inset 0 0 0 1.5px transparent; transition: box-shadow .15s ease; }
.tl26-opt.is-on { box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.tl26-rad { width: 18px; height: 18px; flex-shrink: 0; margin-top: 1px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px #C4C4CC; transition: box-shadow .15s ease; }
.tl26-opt.is-on .tl26-rad { box-shadow: inset 0 0 0 5px var(--v-accent); }
.tl26-opt-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.tl26-opt-t b { font-size: 13.5px; } .tl26-opt-t small { font-size: 12px; line-height: 1.4; color: var(--v-muted); }
.tl26-seg { display: inline-flex; gap: 4px; margin-top: 6px; }
.tl26-seg span { height: 28px; padding: 0 10px; border-radius: 9px; background: var(--v-soft); display: inline-flex; align-items: center; font-size: 12px; font-weight: 800; cursor: pointer; }
.tl26-seg span.is-on { background: var(--v-ink); color: var(--v-on-ink); }
.tl26-count { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; }
.tl26-count b { font-family: var(--v-display); font-size: 28px; font-weight: 800; }
.tl26-count span { font-size: 13px; font-weight: 600; color: var(--v-muted); }
.tl26-bar { height: 6px; border-radius: 3px; background: var(--v-bar); overflow: hidden; }
.tl26-bar i { display: block; height: 100%; border-radius: 3px; background: var(--v-accent); transform-origin: 0 50%; transition: transform .3s var(--v-ease, ease); }
.tl26-row { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; margin: 0 !important; font-size: 13px !important; font-weight: 600 !important; color: var(--v-text) !important; cursor: pointer; }
.tl26-input { height: 40px; padding: 0 12px; border: 0; border-radius: 12px; background: var(--v-card); color: var(--v-text); font-family: var(--v-font); font-size: 13.5px; font-weight: 700; box-shadow: inset 0 0 0 1px var(--v-chip-ring); }
.tl26-input:disabled { opacity: .5; }
.tl26-input:focus { outline: none; box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.tl26-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.tl26-actions .tl26-btn.pri { grid-column: 1 / -1; }
.tl26-dlg-list { display: flex; flex-direction: column; gap: 6px; }
.tl26-dlg { display: flex !important; align-items: center; gap: 10px; padding: 10px 12px; margin: 0 !important; border-radius: 12px; background: var(--v-soft); cursor: pointer; font-weight: 700 !important; }
.tl26-dlg span { display: flex; flex-direction: column; } .tl26-dlg small { font-size: 12px; font-weight: 600; color: var(--v-muted); }
.file-row-demo { width: auto !important; padding: 0 9px !important; gap: 4px; display: inline-flex !important; align-items: center; font-family: var(--v-font); font-size: 12px; font-weight: 800; color: var(--v-o-text) !important; background: var(--v-o-soft) !important; border-radius: 9px !important; }
@media (max-width: 960px) {
  .tl26-start, .tl26-grid { grid-template-columns: minmax(0, 1fr); }
  .tl26-side { position: static; }
  .tl26-pages { max-height: none; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); }
  .tl26 .tl26-head h1 { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) { .tl26-spin { animation-duration: 2s; } .tl26-bar i { transition: none; } }
.tl26 .tl26-drop b { color: var(--v-text); }
.od26-files-col .od26-demo-btn { color: var(--v-o-text); background: var(--v-o-soft); border-color: transparent; }

.ms-fiscal-hint { margin-top: 5px; font-size: 12px; font-weight: 600; color: var(--v-muted); }
.ms-fiscal-hint.is-ok { color: var(--v-g-text); }
.ms-fiscal-hint.is-bad { color: var(--v-r-text); }
.ms-fiscal-tag {
  height: 22px; max-width: 220px; padding: 0 8px; border: 0; border-radius: 999px; background: var(--v-soft); color: var(--v-text2);
  display: inline-flex; align-items: center; gap: 4px; font-family: inherit; font-size: 11px; font-weight: 700; cursor: copy;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ms-fiscal-tag svg { flex-shrink: 0; }
.ms-fiscal-tag:hover { background: var(--v-hover); }




.pwa-update {
  position: fixed; left: 50%; bottom: 24px; z-index: 1200;
  transform: translateX(-50%); width: min(520px, calc(100vw - 32px)); box-sizing: border-box;
  display: flex; align-items: center; gap: 12px; padding: 12px 12px 12px 14px;
  background: var(--v-ink); color: var(--v-on-ink); border-radius: 18px;
  box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .45);
  animation: pwa-up .45s var(--v-spring, cubic-bezier(.2, .9, .3, 1.2)) both;
}
.pwa-update.is-leaving { animation: pwa-down .25s ease both; }
@keyframes pwa-up { from { opacity: 0; transform: translate(-50%, 24px) scale(.96); } }
@keyframes pwa-down { to { opacity: 0; transform: translate(-50%, 16px); } }
.pwa-update-ico {
  width: 34px; height: 34px; flex-shrink: 0; border-radius: 11px; background: var(--v-accent); color: #fff;
  display: flex; align-items: center; justify-content: center;
}
.pwa-update-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pwa-update-text b { font-size: 14px; font-weight: 800; }
.pwa-update-text small { font-size: 12px; opacity: .7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pwa-update-btns { display: flex; gap: 6px; flex-shrink: 0; }
.pwa-update-btns button {
  border: 0; border-radius: 11px; padding: 9px 13px; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer;
  transition: transform .2s ease, background-color .2s ease;
}
.pwa-update-btns button:active { transform: scale(.95); }
.pwa-later { background: rgba(255, 255, 255, .1); color: inherit; }
.pwa-later:hover { background: rgba(255, 255, 255, .18); }
.pwa-go { background: var(--v-accent); color: #fff; }
[data-theme="dark"] .pwa-update { background: var(--v-card); color: var(--v-text); border: 1px solid var(--v-line); }
[data-theme="dark"] .pwa-later { background: var(--v-soft); }
@media (max-width: 767px) {
  .pwa-update { bottom: calc(86px + env(safe-area-inset-bottom, 0px)); flex-wrap: wrap; }
  .pwa-update-text { flex-basis: calc(100% - 46px); }
  .pwa-update-btns { width: 100%; }
  .pwa-update-btns button { flex: 1 1 0; padding: 10px; }
}



#pwa-install { display: none; }
@media (max-width: 767px) {
  #pwa-install:not([hidden]) {
    position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px;
    margin: -6px 0 16px; padding: 12px;
    background: var(--v-card); border: 1px solid var(--v-line); border-radius: 16px;
  }
}
.pwa-install-close {
  position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 0; border-radius: 50%;
  background: transparent; color: var(--v-muted); display: flex; align-items: center; justify-content: center; cursor: pointer;
}
.pwa-install-close:hover { background: var(--v-hover); }
.pwa-install-mark { width: 34px; height: 34px; border-radius: 11px; font-size: 17px; }
.pwa-install-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pwa-install-text b { font-size: 13px; font-weight: 800; color: var(--v-text); }
.pwa-install-text small { font-size: 11px; line-height: 1.3; color: var(--v-muted); }
.pwa-install-text { padding-right: 18px; }
.pwa-install-btn {
  flex: 1 1 100%; border: 0; border-radius: 11px; padding: 10px 12px; cursor: pointer;
  background: var(--v-ink); color: var(--v-on-ink); font: inherit; font-size: 12px; font-weight: 800;
  transition: transform .2s ease;
}
.pwa-install-btn:active { transform: scale(.95); }


#pf-sec-app a.btn { text-decoration: none; }

.pwa-steps { display: flex; flex-direction: column; gap: 8px; margin: 14px 0 4px; }
.pwa-step {
  display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px;
  background: var(--v-soft); font-size: 14px; font-weight: 600; color: var(--v-text);
}
.pwa-step > span:nth-child(2) { flex: 1 1 auto; }
.pwa-step-n {
  width: 26px; height: 26px; flex-shrink: 0; border-radius: 50%; background: var(--v-ink); color: var(--v-on-ink);
  display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800;
}
.pwa-step-ico { color: #0A84FF; display: flex; }


body:has(.dl26) .dlg-contact-card .dlg-contact-footer-row { margin: 12px 0 0; }
body:has(.dl26) .dlg-contact-card .dlg-contact-footer-row .dlg-contact-footer-btn { margin-top: 0; width: auto; }
body:has(.dl26) .dlg-contact-card .dlg-contact-footer-btn.is-danger { color: var(--v-r-text); }



.vk-link { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin: 4px 0 14px; }
.vk-link .btn { display: inline-flex; align-items: center; gap: 8px; }
.vk-link-hint { font-size: 12.5px; margin: 0; }
.vk-link-step { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: var(--v-text); }
.vk-link-n {
  width: 24px; height: 24px; flex-shrink: 0; border-radius: 50%; background: var(--v-ink); color: var(--v-on-ink);
  display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800;
}
.vk-link-open { margin-left: 34px; text-decoration: none; }
.vk-link-code {
  margin-left: 34px; display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; cursor: copy;
  border: 1px dashed var(--v-bar2); border-radius: 12px; background: var(--v-soft); color: var(--v-strong);
  font-family: var(--v-display); font-size: 22px; font-weight: 800; letter-spacing: .18em;
}
.vk-link-code svg { color: var(--v-muted); }
.vk-link-code:hover { background: var(--v-hover); }
.vk-link-wait { display: block; font-size: 12.5px; margin: 2px 0 0 34px; line-height: 1.5; }
.vk-link-dot {
  display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(--v-accent);
  vertical-align: 1px; animation: vk-link-pulse 1.2s ease-in-out infinite;
}
@keyframes vk-link-pulse { 50% { opacity: .25; } }
.vk-link-done { font-size: 13px; }
.vk-link-alt { font-size: 12.5px; color: var(--v-muted); margin: 4px 0 6px; }
@media (max-width: 767px) {
  .vk-link-open, .vk-link-code, .vk-link-wait { margin-left: 0; }
}




.dz26 .dz26-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 20px; align-items: start; }
.dz26-stock { height: 44px; padding: 0 14px; border-radius: 13px; display: inline-flex; align-items: center; gap: 8px; background: var(--v-g-soft); color: var(--v-g-text); font-size: 13px; font-weight: 700; white-space: nowrap; }
.dz26-stock.is-low { background: var(--v-a-soft); color: var(--v-a-text); }
.dz26-stock.is-empty { background: var(--v-r-soft); color: var(--v-r-text); }
.dz26 .cn26-chip b { font-weight: 800; opacity: .55; }
.dz26 .cn26-chip.is-on b { opacity: .7; }


.dz26 .cn26-list .dz26-row { display: flex; }
.dz26-row.is-sel { background: var(--v-row-hover); box-shadow: inset 3px 0 0 var(--v-accent); }
.dz26-thumb { width: 88px; height: 50px; flex-shrink: 0; border-radius: 10px; object-fit: cover; background: var(--v-soft); }
.dz26-thumb-empty { display: inline-flex; align-items: center; justify-content: center; color: var(--v-muted); }
.dz26-has-note { color: var(--v-r-text); font-weight: 700; }




.dz26 #dz-list, .dz26 #dz-pane { transition: opacity .18s ease; }
.dz26 #dz-list.is-loading, .dz26 #dz-pane.is-loading { opacity: .55; }
@media (prefers-reduced-motion: reduce) { .dz26 #dz-list, .dz26 #dz-pane { transition: none; } }


.dz26-pane { padding: 20px 20px 0; display: flex; flex-direction: column; gap: 14px; position: sticky; top: 16px; min-height: 200px; max-height: calc(100dvh - 104px); overflow-y: auto; box-sizing: border-box; }


.dz26-pane > * { flex-shrink: 0; }
.dz26-cover { width: 100%; aspect-ratio: 16 / 9; border-radius: 16px; object-fit: cover; display: block; background: var(--v-soft); }
.dz26-cover-wrap { position: relative; }
.dz26-cover-acts { position: absolute; right: 10px; bottom: 10px; display: flex; gap: 6px; }
.dz26-cover-acts .od26-btn { height: 34px; font-size: 13px; background: var(--v-glass-tab); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); backdrop-filter: blur(8px); }
.dz26-cover-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--v-muted); font-size: 13px; font-weight: 600; }
.dz26-title { font-family: var(--v-display); font-weight: 700; font-size: 22px; line-height: 1.25; letter-spacing: -0.01em; color: var(--v-h1); margin: 0; }
.dz26-meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; color: var(--v-muted); }
.dz26 .cn26-st.is-review { background: var(--v-a-soft); color: var(--v-a-text); }
.dz26 .cn26-st.is-revision { background: var(--v-r-soft); color: var(--v-r-text); }
.dz26 .cn26-st.is-approved { background: var(--v-g-soft); color: var(--v-g-text); }
.dz26 .cn26-st.is-scheduled { background: var(--v-b-soft); color: var(--v-b-text); }
.dz26-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.dz26-fact { padding: 10px 12px; border-radius: 14px; background: var(--v-soft); display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.dz26-fact > span { font-size: 11px; font-weight: 700; color: var(--v-muted); }
.dz26-fact b { font-size: 13px; font-weight: 700; color: var(--v-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dz26-date { width: 100%; min-width: 0; box-sizing: border-box; padding: 0; border: 0; background: transparent; color: var(--v-text); font-family: var(--v-font); font-size: 13px; font-weight: 700; outline: none; cursor: pointer; }
.dz26-key { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--v-text3); min-width: 0; }
.dz26-key span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dz26-text { padding: 14px 16px; border-radius: 16px; box-shadow: 0 0 0 1px var(--v-line); max-height: 220px; overflow: hidden; position: relative; }
.dz26-text::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 64px; background: linear-gradient(transparent, var(--v-card)); }
.dz26-read-btn { align-self: flex-start; }
.dz26-warn { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--v-a-soft); color: var(--v-a-text); font-size: 13px; font-weight: 600; line-height: 1.45; }
.dz26-warn span { flex: 1 1 220px; }
.dz26-warn svg { flex-shrink: 0; }
.dz26-note { display: flex; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--v-r-soft); color: var(--v-r-text); font-size: 13px; font-weight: 600; line-height: 1.45; }
.dz26-note svg { flex-shrink: 0; margin-top: 1px; }
.dz26-cm, .dz26-field input, .dz26-field textarea { width: 100%; box-sizing: border-box; padding: 12px 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 14px; line-height: 1.5; outline: none; resize: vertical; }
.dz26-cm:focus, .dz26-field input:focus, .dz26-field textarea:focus { box-shadow: 0 0 0 2px var(--v-accent); background: var(--v-card); }
.dz26-err { min-height: 16px; font-size: 12px; font-weight: 600; color: var(--v-r-text); margin-top: -8px; }
.dz26-acts { display: flex; gap: 8px; flex-wrap: wrap; }
.dz26-pane .dz26-acts { position: sticky; bottom: 0; z-index: 2; margin: 0 -20px; padding: 12px 20px 20px; background: var(--v-card); box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.12); }
.dz26-acts .od26-btn-primary { flex: 1 1 auto; }
.dz26-empty { padding: 40px 20px; text-align: center; color: var(--v-muted); font-size: 14px; }

.dz-read { font-size: 15px; line-height: 1.65; color: var(--v-text2); }
.dz-read h2, .dz-read h3, .dz-read h4 { margin: 18px 0 6px; font-family: var(--v-display); font-weight: 700; font-size: 17px; line-height: 1.3; color: var(--v-text); }
.dz-read p { margin: 0 0 10px; }
.dz-read ul, .dz-read ol { margin: 0 0 10px; padding-left: 22px; }
.dz-read li { margin: 0 0 4px; }
.dz-read blockquote { margin: 0 0 10px; padding: 8px 14px; border-left: 3px solid var(--v-accent); border-radius: 0; color: var(--v-text); font-style: italic; }
.dz-read a { color: var(--v-b-text); }
.dz-read .dz-img { margin: 14px 0; padding: 14px 16px; border-radius: 14px; background: var(--v-o-soft); color: var(--v-o-text); }
.dz-read .dz-img figcaption { font-weight: 800; margin-bottom: 6px; }
.dz-read .dz-img ul { margin: 0; }

.dz26-channels { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.dz26-channels[hidden] { display: none; }
.dz26-ch { height: 40px; padding: 0 16px; border: 0; border-radius: 13px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text2); display: inline-flex; align-items: center; gap: 8px; font-family: var(--v-font); font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.dz26-ch b { font-weight: 800; opacity: .55; }
.dz26-ch.is-on { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.dz26-ch.is-on b { opacity: .7; }

.dz26-kit { padding: 14px 16px; border-radius: 16px; background: var(--v-soft); display: flex; flex-direction: column; gap: 10px; }
.dz26-kit-head { font-size: 13px; font-weight: 800; color: var(--v-text); }
.dz26-kit-row { display: flex; gap: 6px; flex-wrap: wrap; }
.dz26-kit .od26-btn { height: 36px; font-size: 13px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); text-decoration: none; }
.dz26-meta a { color: var(--v-b-text); font-weight: 700; }

.dz-read .dz-pic { margin: 14px 0; }
.dz-read .dz-pic img { display: block; width: 100%; height: auto; border-radius: 14px; box-shadow: 0 0 0 1px var(--v-line); }
.dz26-check { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--v-soft); font-size: 14px; font-weight: 700; color: var(--v-text); cursor: pointer; }
.dz26-check input { width: 18px; height: 18px; accent-color: var(--v-accent); }
.dz26-modal-narrow { width: min(460px, calc(100vw - 32px)); }

.dz26-hint.is-plain { color: var(--v-text3); font-weight: 500; line-height: 1.45; }

.dz26-modal { width: min(760px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); overflow-y: auto; }
.dz26-mhead { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.dz26-mhead h3 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 20px; line-height: 1.3; }
.dz26-mclose { width: 36px; height: 36px; flex-shrink: 0; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); cursor: pointer; font-size: 15px; }
.dz26-modal .dz26-cover { margin-bottom: 16px; }
.dz26-form { display: flex; flex-direction: column; gap: 14px; }
.dz26-field { display: flex; flex-direction: column; gap: 6px; font-size: 12px; font-weight: 700; color: var(--v-muted); }
.dz26-field textarea { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
.dz26-hint { margin: 0; font-size: 13px; color: var(--v-a-text); font-weight: 600; }
@container cn26 (max-width: 900px) {
  .dz26 .dz26-grid { grid-template-columns: 1fr; }
  .dz26-pane { position: static; max-height: none; overflow: visible; padding-bottom: 20px; }
  .dz26-pane .dz26-acts { position: static; margin: 0; padding: 0; box-shadow: none; background: none; }
}

.vk-required-out {
  display: block; margin: 18px auto 0; padding: 6px 10px; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: 13px; font-weight: 600; color: var(--v-muted);
}
.vk-required-out:hover { color: var(--v-text); }
.vk-required-card .vk-link-step { align-self: stretch; text-align: left; }







@media (min-width: 768px) {
  body:has(.dl26.dl26-tab-list):not(.chat-pinned-mobile):not(.dl26-popup) main#main,
  body:has(.c26 .chat-layout.c26-card):not(.chat-pinned-mobile) main#main { padding: 0 24px 16px; }
  .dl26.dl26-tab-list .dl26-card { height: calc(100vh - var(--hdr-h) - 16px); height: calc(100dvh - var(--hdr-h) - 16px); }
  body:not(.chat-pinned-mobile) .c26 .chat-layout.c26-card { height: calc(100vh - var(--hdr-h) - 16px); height: calc(100dvh - var(--hdr-h) - 16px); }
  body:not(.chat-pinned-mobile) .dl26.dl26-tab-list .dlg-mac-view .chat-list { flex: 0 1 400px; min-width: 300px; }
  .dl26 .dlg-mac-view #dlg-msg-input { max-height: 38vh; }
}
.dl26 .dlg-mac-view .chat-textarea-wrap { position: relative; }
.dl26 .dlg-mac-view .chat-textarea-wrap > .dlg-length {
  position: absolute; right: 10px; bottom: calc(100% + 6px); z-index: 2;
  margin: 0; padding: 2px 8px; border-radius: 8px; background: var(--v-card);
  font-size: 11px; font-weight: 700; line-height: 1.4; pointer-events: none;
}
.dl26 .dlg-thread-tag-slot { display: inline-flex; align-items: center; flex-shrink: 0; margin-right: auto; }
.dl26 .dlg-thread-tag-slot:empty { display: none; }
.dl26 .dlg-thread-tag-slot .dlg-thread-tag-add { margin: 0 8px; }




:root { --v-badge-red: #EF4444; }
#tasks-badge.is-overdue {
  min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; box-sizing: border-box;
  background: var(--v-badge-red); color: #FFFFFF; font-size: 11px; font-weight: 800; line-height: 20px; text-align: center;
}
#messages-badge { background: var(--v-badge-red); color: #FFFFFF; }
#dialogs-new-badge { background: var(--v-badge-red); color: #FFFFFF; }
.c26 .ios-chat-layout .chat-item-unread-count { background: var(--v-badge-red); }
@media (max-width: 767px) { .tabbar .tab-badge { background: var(--v-badge-red); } }




.o26:not(.o26-role-expert) .o26-thead, .o26:not(.o26-role-expert) .o26-row {
  grid-template-columns: minmax(0, 1fr) 140px 160px 190px 120px 160px 40px; gap: 18px;
}
@media (max-width: 1440px) and (min-width: 861px) {
  .o26:not(.o26-role-expert) .o26-thead, .o26:not(.o26-role-expert) .o26-row {
    grid-template-columns: minmax(0, 1fr) 118px 132px 160px 100px 136px 34px; gap: 12px;
  }
}
.o26-client { min-width: 0; display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--v-text2); }
.o26-client svg { flex-shrink: 0; color: var(--v-muted); }
.o26-client span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.o26-client-none { color: var(--v-lock, var(--v-muted)); }
@media (max-width: 860px) {
  .o26-foot .o26-client { flex: 0 1 auto; max-width: 40%; font-size: 12px; color: var(--v-muted); }
}



#o26-filters { position: relative; z-index: 6; }
.o26-dd-search {
  position: sticky; top: 0; z-index: 1; width: 100%; box-sizing: border-box; height: 38px; margin: 0 0 4px; padding: 0 12px;
  border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text); font: 500 13px var(--v-font);
}
.o26-dd-search:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); background: var(--v-card); }
.o26-dd-menu button[hidden] { display: none; }

#o26-filters .o26-dd:last-of-type .o26-dd-menu { left: auto; right: 0; }


.rq26-modal { max-width: 640px; }
.rq26-loading { display: flex; align-items: center; gap: 12px; padding: 18px 0 8px; font-size: 14px; color: var(--v-muted); }
.rq26-error { color: var(--v-r-text); }
.rq26-src { display: flex; gap: 8px; align-items: flex-start; margin: 4px 0 14px; padding: 10px 12px; border-radius: 12px; background: var(--v-soft); font-size: 12.5px; line-height: 1.45; color: var(--v-text2); }
.rq26-src svg { flex-shrink: 0; margin-top: 2px; color: var(--v-accent); }
.rq26-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px; }
.rq26-field { display: flex; flex-direction: column; gap: 5px; margin: 0; font-size: 12px; font-weight: 700; color: var(--v-muted); }
.rq26-field input, .rq26-field textarea { margin: 0; font-size: 14px; font-weight: 500; color: var(--v-text); }
.rq26-wide { margin-top: 12px; }
.rq26-field textarea { min-height: 150px; resize: vertical; line-height: 1.45; }
.rq26-mode { display: flex; flex-wrap: wrap; gap: 16px; margin: 10px 0 0; font-size: 13px; color: var(--v-text2); }
.rq26-mode label { display: inline-flex; align-items: center; gap: 6px; margin: 0; cursor: pointer; }
.rq26-ask { margin-top: 14px; padding: 12px 14px; border-radius: 14px; background: var(--v-o-soft); }
.rq26-ask-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; }
.rq26-ask ul { margin: 8px 0 6px; padding-left: 18px; font-size: 13px; line-height: 1.5; color: var(--v-text); }
.rq26-ask small { font-size: 11.5px; color: var(--v-muted); }
@media (max-width: 600px) { .rq26-grid { grid-template-columns: 1fr; } }


body:has(.f26) .ms-own-picker { display: flex; padding: 4px; border: 0; border-radius: 13px; background: var(--v-soft); }
:root:not([data-theme="dark"]) body:has(.f26) .ms-own-picker { background: #EDEDEF; }
body:has(.f26) .ms-own-picker button {
  flex: 1 1 0; height: 34px; border: 0; border-radius: 10px; background: none; color: var(--v-text2);
  font: 700 13px var(--v-font); display: inline-flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer;
}
body:has(.f26) .ms-own-picker button.active { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
body:has(.f26) .ms-own-picker button[data-own="1"].active { background: var(--v-ink); color: var(--v-on-ink); }
.ms-own-hint { margin-top: 6px; font-size: 12px; line-height: 1.4; color: var(--v-muted); }
.ms-own-hint[hidden], .ms-own-cost[hidden] { display: none; }
.ms-req { margin-left: 6px; font-size: 11px; font-weight: 700; color: var(--v-o-text); }
.ms-own {
  display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: 8px;
  background: var(--v-ink); color: var(--v-on-ink); font-size: 11px; font-weight: 700; white-space: nowrap;
}


.cu26-ico.g { background: var(--v-g-soft); color: var(--v-g-text); }
.rent26 {
  margin: 8px 12px 0; padding: 10px 12px; border-radius: 16px; background: var(--v-card);
  box-shadow: 0 0 0 1px var(--v-line); font-size: 13px; color: var(--v-text); position: relative; z-index: 2;
}
.rent26[hidden] { display: none; }
.rent26-top { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.rent26-ico { width: 26px; height: 26px; border-radius: 8px; background: var(--v-g-soft); color: var(--v-g-text); display: flex; align-items: center; justify-content: center; }
.rent26-top b { font-weight: 800; }
.rent26-debt { padding: 2px 9px; border-radius: 8px; background: #EF4444; color: #FFFFFF; font-weight: 800; }
.rent26-ok { padding: 2px 9px; border-radius: 8px; background: var(--v-g-soft); color: var(--v-g-text); font-weight: 700; }
.rent26-sub { margin-left: auto; font-size: 12px; color: var(--v-muted); }
.rent26-rows { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.rent26-row {
  display: grid; grid-template-columns: 92px minmax(0, 1.4fr) minmax(0, 1fr); gap: 10px; align-items: center;
  padding: 7px 10px; border-radius: 12px; background: var(--v-soft); border-left: 3px solid transparent;
}
.rent26-row.is-paid { background: var(--v-g-soft); border-left-color: #16A34A; }
.rent26-row.is-overdue { background: var(--v-r-soft); border-left-color: #EF4444; }
.rent26-month { display: flex; flex-direction: column; line-height: 1.2; }
.rent26-month small { font-size: 11px; color: var(--v-muted); }
.rent26-cell { display: flex; align-items: center; gap: 6px; min-width: 0; }
.rent26-cell small { width: 74px; flex-shrink: 0; font-size: 11px; font-weight: 700; color: var(--v-muted); }
.rent26-cell input {
  width: 100%; min-width: 0; height: 30px; margin: 0; padding: 0 8px; box-sizing: border-box; border: 0; border-radius: 9px;
  background: var(--v-card); color: var(--v-text); font: 600 13px var(--v-font);
}
.rent26-cell input:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); }
.rent26-fix { flex-shrink: 0; font-weight: 700; white-space: nowrap; }
.rent26-more { margin-top: 6px; padding: 4px 6px; border: 0; background: none; color: var(--v-muted); font: 700 12px var(--v-font); cursor: pointer; }
@media (max-width: 767px) {
  .rent26 { margin: 6px 10px 0; }
  .rent26-row { grid-template-columns: 1fr; gap: 6px; }
  .rent26-month { flex-direction: row; gap: 8px; align-items: baseline; }
  .rent26-sub { margin-left: 0; flex-basis: 100%; }
}

.rent26-rows { max-height: 42vh; overflow-y: auto; }





.oc26-card { margin-top: 18px; background: var(--v-card); border-radius: 24px; box-shadow: var(--v-card-shadow); padding: 8px; }
.oc26-list .chat-item { border-radius: 16px; padding: 12px 14px; cursor: pointer; }
.oc26-list .chat-item:hover { background: var(--v-hover); }
.oc26-group { display: flex; align-items: center; gap: 8px; padding: 14px 14px 6px; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--v-muted); }
.oc26-group span { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--v-soft); color: var(--v-text2); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; letter-spacing: 0; }
.oc26-loading, .oc26-empty { padding: 28px 18px; color: var(--v-muted); font-size: 14px; display: flex; flex-direction: column; gap: 4px; }
.oc26-empty b { color: var(--v-text); font-size: 15px; }

.oc26-bar { margin-top: 18px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.oc26-bar .od26-tabs { align-self: auto; }
.oc26-bar .oc26-search { width: 320px; max-width: 100%; }

.oc26-search input#oc26-q { background: transparent !important; padding: 0 !important; height: 100%; border-radius: 0; }
.oc26-sent-text { margin-top: 3px; font-size: 14px; line-height: 1.4; color: var(--v-text); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.oc26-sent-text b { color: var(--v-muted); font-weight: 600; }
.oc26-read { margin-top: 4px; font-size: 12px; font-weight: 700; color: var(--v-muted); text-align: right; letter-spacing: -.12em; }
.oc26-read.is-read { color: var(--v-accent); }
.oc26-sent:focus-visible { outline: 2px solid var(--v-accent); outline-offset: -2px; }
.oc26-more { display: block; margin: 8px auto 6px; height: 40px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text2); font: 700 13px var(--v-font); cursor: pointer; }
.oc26-more:hover { filter: brightness(.97); }
@media (max-width: 640px) { .oc26-bar .oc26-search { width: 100%; } }

.oc26-jump { margin: 4px 12px 8px; height: 40px; padding: 0 12px; border: 0; border-radius: 13px; background: var(--v-o-soft); color: var(--v-o-text); font: 700 13px var(--v-font); display: flex; align-items: center; gap: 8px; cursor: pointer; text-align: left; }
.oc26-jump span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oc26-jump:hover { filter: brightness(.97); }
.oc26-jump[hidden] { display: none; }
.oc26-jump b { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: var(--red, #e5484d); color: #fff; font-size: 11px; display: inline-flex; align-items: center; justify-content: center; }




.dlg-lk-cards { display: flex; flex-direction: column; gap: 6px; padding: 8px 16px 0; background: var(--v-card); }
.dlg-lk-cards[hidden] { display: none; }
.dlg-lk-card { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 10px 12px; border-radius: 14px; background: var(--v-o-soft); }
.dlg-lk-card.is-done { background: var(--v-g-soft); }
.dlg-lk-ico { width: 30px; height: 30px; flex-shrink: 0; border-radius: 10px; background: var(--v-card); color: var(--v-o-text); display: flex; align-items: center; justify-content: center; }
.dlg-lk-card.is-done .dlg-lk-ico { color: var(--v-g-text); }
.dlg-lk-main { flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 1px; font-size: 13px; }
.dlg-lk-main span { font-size: 12px; color: var(--v-text3); overflow-wrap: anywhere; }
.dlg-lk-price { width: 110px; height: 36px; margin: 0; padding: 0 10px; border: 0; border-radius: 10px; background: var(--v-card); font: 600 13px var(--v-font); color: var(--v-text); }
.lk26-title { display: flex; align-items: center; gap: 8px; }
.lk26-pill { height: 22px; padding: 0 9px; border-radius: 999px; background: var(--v-g-soft); color: var(--v-g-text); font: 700 11px var(--v-font); display: inline-flex; align-items: center; white-space: nowrap; }
.lk26-pill.is-off { background: var(--v-r-soft); color: var(--v-r-text); }
.lk26-line { font-size: 13px; color: var(--v-text2); line-height: 1.45; overflow-wrap: anywhere; }
.lk26-dim { font-size: 12px; color: var(--v-muted); }
.lk26-stats { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px; margin: 10px 0; }
.lk26-stats > div { padding: 10px 8px; border-radius: 14px; background: var(--v-soft); text-align: center; }
.lk26-stats b { display: block; font-family: var(--v-display); font-size: 18px; color: var(--v-text); }
.lk26-stats span { font-size: 11px; color: var(--v-muted); }
.lk26-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.lk26-link { display: flex; gap: 8px; margin: 10px 0; }
.lk26-link input { flex: 1 1 auto; min-width: 0; margin: 0; font-size: 13px; }
.lk26-order { display: flex; flex-direction: column; gap: 8px; }
.lk26-order[hidden] { display: none; }
.lk26-label { display: block; margin: 6px 0 0; font-size: 12px; font-weight: 700; color: var(--v-muted); }
.od26 label.lk26-label, .od26 label.lk26-check { margin: 6px 0 0; }
.lk26-row { display: flex; gap: 8px; }
.lk26-row input { flex: 1 1 auto; min-width: 0; margin: 0; }
.lk26-files { display: flex; flex-direction: column; gap: 4px; }


.lk26-file { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 8px 10px; border-radius: 12px; background: var(--v-soft); font-size: 13px; }
.lk26-file-name { flex: 1 1 100%; min-width: 0; max-width: 100%; display: flex; align-items: center; gap: 6px; font-weight: 600; }
.lk26-file-name svg { flex-shrink: 0; }
.lk26-file-name > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk26-file .lk26-dim { flex: 1 1 auto; min-width: 0; padding-left: 20px; }
.lk26-file .od26-btn { flex: 0 0 auto; }
.lk26-send { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; padding-top: 10px; border-top: 1px solid var(--v-row); }
.lk26-send select { margin: 0; }
.lk26-check { display: flex; align-items: flex-start; gap: 8px; font-size: 12.5px; color: var(--v-text2); cursor: pointer; }
.lk26-check input { width: auto; margin: 2px 0 0; }



#adm-lk, #adm-lk .lka-card { min-width: 0; max-width: 100%; box-sizing: border-box; }
#adm-lk input, #adm-lk select, .lk26-modal .lka-grid input, .lk26-modal .lka-grid select { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.lka-pills { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; }
.lka-pills .adm26-spill { height: auto; min-height: 24px; padding: 3px 10px; white-space: normal; }
.lka-desc { margin: 8px 0 14px; font-size: 13px; line-height: 1.45; color: var(--v-muted); overflow-wrap: anywhere; }
.lka-desc code { padding: 1px 6px; border-radius: 6px; background: var(--v-soft); font-size: 12px; overflow-wrap: anywhere; }
.lka-desc a { overflow-wrap: anywhere; }
.lka-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.lka-stats > div { padding: 16px; border-radius: 20px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.lka-stats b { display: block; font-family: var(--v-display); font-size: 22px; color: var(--v-text); }
.lka-stats span { font-size: 12px; color: var(--v-muted); }
.lka-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr)); gap: 12px; }
.lka-grid > * { min-width: 0; }
.lka-field { display: flex; flex-direction: column; gap: 5px; margin: 0; font-size: 12px; font-weight: 700; color: var(--v-muted); }
.lka-field input, .lka-field select { margin: 0; font-weight: 500; }
.lka-set { font-style: normal; font-weight: 700; color: var(--v-g-text); }
.lka-save { display: flex; justify-content: flex-end; margin: 4px 0 16px; }
.lka-table { display: flex; flex-direction: column; gap: 6px; }
.lka-row { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.2fr) 38px; gap: 8px; align-items: center; }
.lka-row input { margin: 0; }
.lka-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.lka-svc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 12px; border-radius: 14px; background: var(--v-soft); }
.lka-svc.is-off { opacity: .55; }
.lka-svc > div { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.lka-svc span { font-size: 12px; color: var(--v-muted); }
.lka-svc i { font-style: normal; font-family: var(--v-display); font-weight: 700; white-space: nowrap; }
.adm26 .adm-card-head p code { padding: 1px 6px; border-radius: 6px; background: var(--v-soft); font-size: 12px; overflow-wrap: anywhere; }



@media (max-width: 767px) {
  .lka-stats { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
  .lka-stats > div { padding: 12px 14px; border-radius: 16px; }
  .lka-stats b { font-size: 19px; overflow-wrap: anywhere; }
  .lka-grid { grid-template-columns: minmax(0, 1fr); }
  .lka-row { grid-template-columns: minmax(0, 1fr) 38px; padding: 8px; border-radius: 14px; background: var(--v-soft); }
  .lka-row > input[data-p="title"] { grid-column: 1 / -1; }
  .lka-svc > div { flex: 1 1 100%; }
  .lka-svc i { flex: 1 1 auto; }
  .lka-save .btn, .lka-actions .btn { flex: 1 1 auto; justify-content: center; }
  .lka-save { justify-content: stretch; }
}

.lk26-file .link-btn.lk26-file-name { border: 0; background: none; padding: 0; text-align: left; color: var(--v-text); cursor: pointer; font: 600 13px var(--v-font); }
.lk26-file .link-btn.lk26-file-name:hover { color: var(--v-o-text); }
.lka-grid { align-items: end; }










@media (max-width: 767px) {
  html.kb-stuck .tabbar, html.kb-stuck .chat-widget-btn, html.kb-stuck .od26-primary,
  html.kb-stuck .p26-req-page .p26-req-foot, html.kb-stuck .o26-dd-menu, html.kb-stuck .o26-tray,
  html.kb-stuck .p26-bulk, html.kb-stuck .pwa-update { translate: 0 var(--kb-stuck, 0px); }
  html.kb-stuck .tabbar { height: 94px; padding-bottom: 32px; }
  html.kb-stuck .chat-widget-btn, html.kb-stuck .od26-primary { translate: 0 calc(var(--kb-stuck, 0px) - 20px); }
}




@media (max-width: 767px) {
  .od26 .order-client-actions { width: auto; margin-left: auto; flex-wrap: nowrap; }
  .od26 .order-client-actions .od26-btn-ghost { width: auto; padding: 0 10px; }
}






main.sheet-view .sh26 { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 16px; }
.sh26-head { flex: 0 0 auto; padding-top: 8px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.sh26-head > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.sh26 .sh26-head h1 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 34px; letter-spacing: -0.02em; color: var(--v-h1); }
.sh26-head p { margin: 0; font-size: 15px; color: var(--v-muted); }
.sh26-open, .sh26-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; font: 700 14px var(--v-font); cursor: pointer; transition: transform .2s var(--v-ease), box-shadow .2s var(--v-ease); }
.sh26-open { flex: 0 0 auto; height: 44px; padding: 0 18px; border-radius: 14px; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring), var(--v-card-shadow); }
.sh26-open:hover { transform: translateY(-1px); color: var(--v-o-text); }
.sh26 .sh26-frame { flex: 1 1 auto; min-height: 0; height: auto; border: 0; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); }
.sh26 .sheet-fallback { color: var(--v-muted); font-size: 14px; line-height: 1.5; }
.sh26 .sheet-fallback b { color: var(--v-text); font-family: var(--v-display); font-size: 17px; }
.sh26-ico { width: 52px; height: 52px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; background: var(--v-o-soft, var(--v-soft)); color: var(--v-accent); }
.sh26-card { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 28px 22px; border-radius: 24px; background: var(--v-card); box-shadow: var(--v-card-shadow); text-align: center; }
.sh26-card h3 { margin: 4px 0 0; font-family: var(--v-display); font-size: 19px; color: var(--v-text); }
.sh26-card p { margin: 0; max-width: 420px; font-size: 14px; line-height: 1.5; color: var(--v-muted); }
.sh26-btn { align-self: stretch; height: 52px; margin-top: 8px; border-radius: 16px; background: var(--v-accent); color: #fff; font-size: 15px; box-shadow: 0 10px 24px -12px var(--v-accent); }
@media (max-width: 767px) {
  .sh26 .sh26-head h1 { font-size: 26px; font-weight: 800; }
  .sh26-head p { font-size: 13px; }
}






.h26.h26-stub { display: flex; flex-direction: column; align-items: center; padding: 8vh 0 24px; }
.h26-stub-card { width: 100%; max-width: 440px; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 32px 28px; border-radius: 28px; background: var(--v-card); box-shadow: var(--v-card-shadow); text-align: center; }
.h26-stub-ico { width: 56px; height: 56px; border-radius: 18px; display: inline-flex; align-items: center; justify-content: center; background: var(--v-soft); color: var(--v-text3); }
.h26-stub-ico.is-warn { background: var(--v-o-soft); color: var(--v-accent); }
.h26-stub .h26-stub-card h1 { margin: 6px 0 0; font-family: var(--v-display); font-weight: 700; font-size: 22px; letter-spacing: -0.02em; color: var(--v-h1); }
.h26-stub-card p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--v-muted); overflow-wrap: anywhere; }
.h26-stub-btn { margin-top: 10px; height: 46px; padding: 0 20px; border: 0; border-radius: 14px; display: inline-flex; align-items: center; gap: 8px; background: var(--v-text); color: var(--v-bg); font: 700 14px var(--v-font); cursor: pointer; transition: transform .2s var(--v-ease); }
.h26-stub-btn:hover { transform: translateY(-1px); }
@media (max-width: 767px) { .h26.h26-stub { padding-top: 24px; } .h26-stub-btn { align-self: stretch; justify-content: center; height: 52px; } }






.dl26 .dlg-account-note { padding: 10px 12px; background: var(--v-soft); color: var(--v-text3); overflow-wrap: anywhere; }
.dl26 .dlg-account-note.dlg-account-note-error { background: var(--v-r-soft); color: var(--v-r-text); }
.dl26 .dlg-account-card-head { gap: 8px; }
.dl26 .dlg-account-card-head .dlg-account-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dl26 .dlg-accounts-grid > .empty-state { grid-column: 1 / -1; padding: 28px 16px; border-radius: 22px; background: var(--v-soft); color: var(--v-muted); font-size: 14px; }












@media (max-width: 860px) {





  body:not(.chat-pinned-mobile):not(:has(.dl26.dl26-tab-list)):not(:has(.c26 .chat-layout.c26-card)) main#main {
    padding-bottom: calc(164px + env(safe-area-inset-bottom, 0px));
  }
}


@media (max-width: 860px) {



  .o26-foot { flex-wrap: wrap; row-gap: 8px; }
  .o26-foot .o26-person { order: 1; flex: 1 1 0; min-width: 0; }
  .o26-foot .o26-price { order: 2; flex: 0 0 auto; white-space: nowrap; }
  .o26-foot .o26-clone { order: 3; flex: 0 0 auto; }
  .o26-foot .o26-client { order: 4; flex: 1 1 100%; max-width: none; }
  .o26-foot .o26-client:has(.o26-client-none) { display: none; }
}


@media (max-width: 860px) {


  .od26 #order-chat-text-input::placeholder, .c26 #chat-text-input::placeholder,
  .dl26 #dlg-msg-input::placeholder { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }




  body:not(.chat-pinned-mobile) .dl26.cd26-embed .dlg-mac-view .chat-thread { min-width: 0; }


  .dl26.cd26-embed .dlg-mac-view .dlg-thread-head { flex-wrap: wrap; padding: 10px 12px; gap: 8px; }
  .dl26.cd26-embed .dlg-mac-view .dlg-thread-head .dlg-thread-title { flex: 1 1 0; min-width: 0; padding-left: 0; gap: 10px; }
  .dl26.cd26-embed .dlg-mac-view .dlg-thread-head .dlg-thread-tag-slot { order: 9; flex: 1 1 100%; margin: 0; }
  .dl26.cd26-embed .dlg-mac-view .dlg-thread-head .dlg-thread-tag-slot .dlg-thread-tag-add { margin: 0; }
  .dl26.cd26-embed .dlg-mac-view .dlg-thread-head { flex-shrink: 0; }



  .dl26.cd26-embed { height: auto; min-height: max(360px, calc(100dvh - 300px)); }
  .dl26.cd26-embed .dlg-mac-view .dlg-thread-messages { padding: 12px; flex: 1 0 220px; min-height: 220px; }



  .dl26 .dlg-lk-cards { max-height: 32dvh; overflow-y: auto; overscroll-behavior: contain; padding-bottom: 6px; }
  .dl26 .dlg-lk-card .dlg-lk-main { flex: 1 1 calc(100% - 44px); }



  .dl26.cd26-embed .chat-bubble-row:not(.mine) .chat-bubble-actions { left: auto; right: 6px; top: -14px; margin: 0; }
  .dl26.cd26-embed .chat-bubble-row.mine .chat-bubble-actions { right: auto; left: 6px; top: -14px; margin: 0; }
}


@media (max-width: 767px) {



  .cor26 .corr-doc table { min-width: 0; width: 100%; table-layout: fixed; }
  .cor26 .corr-doc th, .cor26 .corr-doc td { padding: 8px 8px; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; word-break: normal; hyphens: auto; }
}


@media (max-width: 860px) {



  .av26 .avito-cabs-head { flex-wrap: nowrap; }
  .av26 .avito-cabs-head .avito-hint { flex: 0 0 auto; min-width: 0; max-width: none; }
  .av26 .avito-cabs-actions { flex-wrap: wrap; justify-content: stretch; }
  .av26 .avito-cabs-actions > * { flex: 1 1 auto; justify-content: center; }
}


@media (max-width: 767px) {

  .seo26-steps code, .seo26-steps a { overflow-wrap: anywhere; }
  .seo26-steps { padding-left: 16px; }
}


@media (max-width: 767px) {


  .tl26-tabs { display: flex; align-self: stretch; }
  .tl26-tab { flex: 1 1 0; min-width: 0; justify-content: center; padding: 0 8px; font-size: 13px; gap: 6px; }
  .tl26-tab svg { flex-shrink: 0; }
}


@media (max-width: 767px) {


  .cn26-svc-head > div { flex: 1 1 200px; }
  .cn26-svc-head > .od26-btn { margin-left: 52px; }

  .ep26 .pf26-card-head { flex-wrap: wrap; row-gap: 10px; }
  .ep26 .pf26-card-head > div { flex: 1 1 160px; }
}




.h26-lead-name { display: block; text-overflow: ellipsis; }
.h26-lead-name > em, .h26-lead-name > .h26-streak { margin-left: 6px; }
.h26-lead-name > .h26-streak { display: inline-flex; vertical-align: -2px; }






@media (min-width: 1101px) and (max-width: 1400px) {
  .o26 .o26-thead > span:first-child { display: none; }
  .o26:not(.o26-role-expert) .o26-thead, .o26:not(.o26-role-expert) .o26-row {
    grid-template-columns: 132px 150px minmax(0, 1.2fr) 124px minmax(0, 1fr) 34px; gap: 10px 14px;
  }
  .o26.o26-role-expert .o26-thead, .o26.o26-role-expert .o26-row {
    grid-template-columns: 140px 160px minmax(0, 1fr) 140px; gap: 10px 14px;
  }
  .o26 .o26-row > .o26-main { grid-column: 1 / -1; }
}


@media (min-width: 861px) and (max-width: 1100px) {
  .o26 .o26-thead { display: none; }
  .o26 .o26-row, .o26.o26-role-expert .o26-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
  .o26 .o26-row > .o26-main { flex: 1 1 100%; }
  .o26 .o26-row > .o26-status, .o26 .o26-row > .o26-due { flex: 0 0 auto; }
  .o26 .o26-row .o26-person { flex: 0 1 auto; max-width: 220px; }
  .o26 .o26-row .o26-price { flex: 0 0 auto; white-space: nowrap; }
  .o26 .o26-row .o26-client { flex: 0 1 auto; max-width: 200px; }
  .o26 .o26-row .o26-clone { margin-left: auto; }
}





@media (min-width: 1181px) and (max-width: 1400px) {
  .tk26 .tasks-head-row { margin: 0 0 16px; }
}





@container fin (min-width: 701px) and (max-width: 900px) {
  .clx26 .cl-tr > .cl-mgr, .clx26 .cl-th > :nth-child(2) { display: none; }
  .clx26 .cl-tr { grid-template-columns: minmax(0, 2fr) 48px 96px 88px minmax(0, 1.5fr) 36px; gap: 12px; }
}






@media (max-width: 767px) {
  .h26 .btn, .modal.m26 .btn, .h26 .od26-btn, .modal.m26 .od26-btn, .od26 .od26-btn,
  .h26 .segmented button, .modal.m26 .segmented button, .h26 .chip, .modal.m26 .chip,
  .o26-seg button, .o26-chip, .h26 .chat-folder-chip, .cn26-chip, .tn26-chip, .cn26-seg button,
  .cal-show-chip, .clx26 .cl-seg button, .tk26 .tasks-filter button, .content-subtab-btn,
  .tl26-tab, .tl26-btn, .pf26 .pf26-nav button, .look-segment, .chat-type-filter-btn,
  .cal26-quick-dates button, .cal26-seg button, .ms-method-picker button, .adm26 .adm-pill,
  .p26-excel, .p26-chip-btn, .h26-light-btn, .adm26-back, .od26-upload, .cal-task-order-open,
  .cor26 .cor26-toc-item, .cor26 .corr-doc .copy, .cd26-chip, .dl26 .dlg-suggest-prompt-btn,
  .dl26 .dlg-assist-mini-btn, .dl26 .dlg-thread-tag-add,
  .adm26 .role-select, .adm26 summary, .o26-card-respond,
  .av26 .chat-folder-chips .chat-folder-chip, .content-subtabs .content-subtab-btn, .subject-chips .subject-chip,
  .cn26 .cn26-cal-nav .od26-btn, .cor26 .corr-doc-actions .btn, .av26 .avito-tool, .h26-soft-btn,
  .p26-quick button, .f26 #plan-fill-btn, .dl26 .dlg-mac-view .dlg-thread-tag-add, .tk26 .task-row-text,
  .c26 #chat-text-input, .dl26 #dlg-msg-input { min-height: 40px; }
  .seo26-alt > summary { padding: 10px 0; }


  #cal-today, #cd-preview, #cd-send, #dlg-thread-tag-add, #ai-sidebar-toggle, #h26-ready-toggle,
  .av26 .chat-folder-chips:not(.avito-tabs-row) .chat-folder-chip, .pwa-update-btns button { min-height: 40px; }

  .cor26 .corr-doc .copy, .cal-task-order-open, .dl26 .dlg-thread-tag-add { display: inline-flex; align-items: center; }

  .od26-copy, .fin-nav-btn, .cl-status-toggle, .nn26-chat-more, .order-card-clone, .o26-card-tool,
  .od26 .file-row-actions button, .cal26-icon-btn, .task-row-del, .wn26 .cl-actions .icon-btn,
  .kb-view-toggle button, .cn26-ico, .avatar-preset-btn, .richtext-toolbar button,
  .dl26 .chat-composer-btn, .c26 .chat-composer-btn, .c26 .chat-send-btn, .c26 #chat-back-btn,
  .dlg-item-menu-btn, .fin-form-close, .cat26-acts .btn, .adm26-more, .lka-row .btn,
  .od26-card-tools .od26-btn, .lk26-file .od26-btn, .cal-task-order-x, .ms-receipt-tag,
  .ms-fiscal-tag, .o26-clone { position: relative; }
  .chat-emoji-inline-btn::before { content: ''; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; transform: translate(-50%, -50%); }
  .od26-copy::before, .fin-nav-btn::before, .cl-status-toggle::before, .nn26-chat-more::before,
  .order-card-clone::before, .o26-card-tool::before, .od26 .file-row-actions button::before,
  .cal26-icon-btn::before, .task-row-del::before, .wn26 .cl-actions .icon-btn::before,
  .kb-view-toggle button::before, .cn26-ico::before, .avatar-preset-btn::before,
  .richtext-toolbar button::before, .dl26 .chat-composer-btn::before, .c26 .chat-composer-btn::before,
  .c26 .chat-send-btn::before, .c26 #chat-back-btn::before, .dlg-item-menu-btn::before,
  .fin-form-close::before, .cat26-acts .btn::before, .adm26-more::before, .lka-row .btn::before,
  .od26-card-tools .od26-btn::before, .lk26-file .od26-btn::before, .cal-task-order-x::before,
  .ms-receipt-tag::before, .ms-fiscal-tag::before, .o26-clone::before {
    content: ''; position: absolute; top: 50%; left: 50%; width: max(100%, 40px); height: max(100%, 40px);
    transform: translate(-50%, -50%);
  }
}




:root[data-theme="dark"] .dlg-thread-source[style*="#141414"] { color: var(--v-text) !important; background: var(--v-soft) !important; }


.lka-desc a { color: var(--v-o-text); text-decoration: underline; text-underline-offset: 2px; }


@media (min-width: 1440px) {



  .f26 .fin-note, .adm26 .adm-hint, .lka-desc, .h26 .token-hint, .wn26 .cl-item .cl-body,
  .seo26-steps > li, .plan-auto-sub, .tl26 .token-hint { max-width: 920px; }
  .cor26 .corr-doc { max-width: 1040px; }


  .pf26 .section input[type="text"], .pf26 .section input[type="url"], .pf26 .section input[type="email"],
  .pf26 .section input:not([type]) { max-width: 640px; }
  .ep26 .wl-norm-edit input { max-width: 320px; }
}
@media (min-width: 1600px) {


  .oc26:has(> .section) > .topbar, .oc26 > .section { margin-left: auto; margin-right: auto; }
}


@media (max-width: 480px) {


  .adm26 .adm-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adm26 .adm-stat { flex-direction: row; align-items: center; gap: 10px; }


  .clx26 .fin-kpi:not(.fin-kpi-main) .fin-kpi-label { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.25; }
}


@media (max-width: 767px) {



  body:has(#modal-root > .modal-backdrop) .pwa-update { bottom: auto; top: calc(10px + env(safe-area-inset-top, 0px)); }
}






@media (max-width: 767px) {
  .cd26-note { flex-wrap: wrap; row-gap: 8px; }
  .cd26-note > span { flex: 1 1 calc(100% - 30px); min-width: 0; }
}






.o26-clone[data-tooltip]::after, .o26-card-tool[data-tooltip]::after { left: auto; right: 0; transform: translate(0, 4px); }
.o26-clone[data-tooltip]:hover::after, .o26-clone[data-tooltip]:focus-visible::after,
.o26-card-tool[data-tooltip]:hover::after, .o26-card-tool[data-tooltip]:focus-visible::after { transform: translate(0, 0); }

















@media (max-width: 860px), (pointer: coarse) {
  select:not([multiple]):not([size]) {
    -webkit-appearance: none; appearance: none;
    padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 38px !important;
    line-height: normal; text-overflow: ellipsis;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 16px 16px !important;
  }


  :where(select:not([multiple]):not([size])) { min-height: 44px; }
  input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    -webkit-appearance: none; appearance: none;
    min-width: 0; max-width: 100%; text-align: left; line-height: normal;
  }
  :where(input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]) { min-height: 44px; }
  input::-webkit-date-and-time-value { text-align: left; margin: 0; }


  input[type="date"]::-webkit-datetime-edit, input[type="time"]::-webkit-datetime-edit { padding: 0; }
}







.fu26-pill { height: 24px; padding: 0 10px; border-radius: 999px; font: 700 12px var(--v-font); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.fu26-pill-o { background: var(--v-o-soft); color: var(--v-o-text); }
.fu26-pill-r { background: var(--v-r-soft); color: var(--v-r-text); }
.fu26-pill-g { background: var(--v-g-soft); color: var(--v-g-text); }
.fu26-pill-n { background: var(--v-soft); color: var(--v-text3); }
.fu26-dots { display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0; }
.fu26-dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--v-chip-ring); }
.fu26-dots i.is-done { background: var(--v-g-text); }
.fu26-dots i.is-now { background: var(--v-accent); }


.dl26 .dlg-view-tab .dlg-view-count-waits { background: var(--v-soft); color: var(--v-muted); }
.dl26 .dlg-view-tab .dlg-view-count-waits.is-due { background: var(--v-accent); color: #FFFFFF; }
.fu26-row { display: flex; align-items: center; gap: 6px; margin-top: 6px; min-width: 0; }
.fu26-pill svg { flex-shrink: 0; }
.fu26-row .fu26-pill { min-width: 0; height: 22px; padding: 0 8px; gap: 5px; overflow: hidden; text-overflow: ellipsis; }
.fu26-row .fu26-dots { gap: 4px; }
.fu26-row .fu26-dots i { width: 7px; height: 7px; }
.fu26-row-sum { margin-left: auto; font-family: var(--v-display); font-weight: 700; font-size: 13px; color: var(--v-text); white-space: nowrap; }
.fu26-poster-slot { padding: 0 2px; }
.fu26-poster { width: 100%; box-sizing: border-box; padding: 16px 18px; border: 0; border-radius: 20px; background: var(--v-poster, #141414); color: #FFFFFF; display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; text-align: left; font-family: var(--v-font); transition: transform .35s var(--v-ease), box-shadow .35s var(--v-ease); animation: fu26-pop .6s var(--v-ease) both; }
.fu26-poster:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2); }
.fu26-poster-main { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.fu26-poster-main b { font-family: var(--v-display); font-weight: 800; font-size: 26px; letter-spacing: -0.02em; white-space: nowrap; }
.fu26-poster-main span { font-size: 12.5px; color: #A1A1AA; white-space: nowrap; }
.fu26-poster-side { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex-shrink: 0; }
.fu26-poster-today { height: 24px; padding: 0 10px; border-radius: 999px; background: var(--v-accent); color: #FFFFFF; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; white-space: nowrap; }
.fu26-poster-calm { font-size: 12px; color: #A1A1AA; white-space: nowrap; }
.fu26-poster-late { font-size: 12px; font-weight: 600; color: #FCA5A5; white-space: nowrap; }
:root[data-theme="dark"] .fu26-poster { background: #1F1F23; box-shadow: 0 0 0 1px var(--v-line); }
@keyframes fu26-pop { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes fu26-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }


.fu26-thread-pill { height: 22px; font-size: 11.5px; flex-shrink: 0; }


.dlg-thread-sub:has(.fu26-thread-pill:not([hidden])) .dlg-thread-account { display: none; }
.fu26-marker-undo { border: 0; background: none; padding: 0 0 0 4px; margin: 0; color: var(--v-accent, #3b6df0); font: inherit; text-decoration: underline; cursor: pointer; }
.fu26-marker { align-self: center; margin: 4px auto; height: 28px; padding: 0 12px; border-radius: 999px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-line); color: var(--v-text3); font: 600 12px var(--v-font); display: flex; width: fit-content; align-items: center; gap: 7px; }


.fu26-slot { padding: 12px 22px 0; display: flex; flex-direction: column; gap: 12px; border-top: 1px solid var(--v-line); }
.fu26-hint { display: flex; gap: 14px; padding: 14px 16px; border-radius: 18px; background: var(--v-o-soft); box-shadow: 0 0 0 1px var(--v-o-soft2); animation: fu26-rise .5s var(--v-ease) both; }
.fu26-hint-ico { width: 38px; height: 38px; border-radius: 12px; background: var(--v-accent); color: #FFFFFF; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fu26-hint-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 9px; }
.fu26-hint-text { display: flex; flex-direction: column; gap: 2px; }
.fu26-hint-text b { font-size: 14px; font-weight: 700; color: var(--v-o-text); }
.fu26-hint-text span { font-size: 13px; line-height: 1.45; color: var(--v-text3); }
.fu26-hint-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.fu26-hint-x { width: 32px; height: 32px; border: 0; border-radius: 10px; background: transparent; color: var(--v-o-text); display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }
.fu26-hint-x:hover { background: var(--v-o-soft2); }
.fu26-btn { height: 36px; padding: 0 14px; border: 0; border-radius: 12px; font: 700 13px var(--v-font); display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; white-space: nowrap; transition: transform .25s var(--v-spring, ease), box-shadow .25s ease, background-color .2s ease; }
.fu26-btn:hover:not(:disabled) { transform: translateY(-1px); }
.fu26-btn:active:not(:disabled) { transform: scale(.96); }
.fu26-btn:disabled { opacity: .5; cursor: default; }
.fu26-btn-ink { background: var(--v-ink); color: var(--v-on-ink); }
.fu26-btn-line { background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); }
.fu26-btn-line.is-on { box-shadow: 0 0 0 1.5px var(--v-accent); color: var(--v-o-text); }
.fu26-btn-soft { background: var(--v-soft); color: var(--v-text); }
.fu26-btn-primary { height: 48px; background: var(--v-accent); color: #FFFFFF; box-shadow: 0 8px 20px rgba(242, 92, 5, 0.28); font-size: 14px; }
.fu26-btn-green { height: 40px; background: var(--v-g-soft); color: var(--v-g-text); }
.fu26-btn-red { height: 40px; background: transparent; color: var(--v-r-text); box-shadow: 0 0 0 1px var(--v-chip-ring); }
.fu26-grow { flex: 1 1 0; min-width: 0; }
.fu26-chain { display: flex; flex-direction: column; gap: 8px; padding-bottom: 4px; }
.fu26-chain-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fu26-chain-title { font-size: 12.5px; font-weight: 700; color: var(--v-text3); white-space: nowrap; }
.fu26-chain-tools { display: flex; align-items: center; gap: 8px; min-width: 0; }
.fu26-chain-note { font-size: 12px; color: var(--v-muted); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fu26-mini { height: 30px; padding: 0 10px; border: 0; border-radius: 10px; background: var(--v-soft); color: var(--v-text); font: 700 12.5px var(--v-font); display: inline-flex; align-items: center; gap: 6px; cursor: pointer; flex-shrink: 0; }
.fu26-mini:hover { background: var(--v-hover); }
.fu26-steps { display: flex; gap: 8px; }
.fu26-step { flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 0; border-radius: 14px; background: var(--v-soft); cursor: pointer; text-align: left; font-family: var(--v-font); color: var(--v-text); animation: fu26-pop .5s var(--v-ease) both; }
.fu26-step:nth-child(2) { animation-delay: .06s; } .fu26-step:nth-child(3) { animation-delay: .12s; } .fu26-step:nth-child(4) { animation-delay: .18s; }
.fu26-step:hover:not(:disabled) { background: var(--v-hover); }
.fu26-step:disabled { cursor: default; opacity: .75; }
.fu26-step-n { width: 24px; height: 24px; border-radius: 50%; background: var(--v-card); color: var(--v-muted); font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fu26-step-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.fu26-step-text b { font-size: 12.5px; font-weight: 700; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.fu26-step-text span { font-size: 11.5px; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fu26-step.is-now { background: var(--v-o-soft); box-shadow: 0 0 0 1.5px var(--v-accent); }
.fu26-step.is-now .fu26-step-n { background: var(--v-accent); color: #FFFFFF; }
.fu26-step.is-now .fu26-step-text b { color: var(--v-o-text); }
.fu26-step.is-late .fu26-step-text span { color: var(--v-r-text); font-weight: 700; }
.fu26-step.is-done .fu26-step-n { background: var(--v-g-soft); color: var(--v-g-text); }


.fu26-chain-head, .fu26-steps { display: none; }
.fu26-chain.is-open .fu26-chain-head, .fu26-chain.is-open .fu26-steps { display: flex; }
.fu26-chain-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; height: 40px; box-sizing: border-box; padding: 0 14px; border: 0; border-radius: 14px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text); font-family: var(--v-font); cursor: pointer; text-align: left; transition: background-color .2s ease; }
.fu26-chain-row:hover { background: var(--v-hover); }
.fu26-chain-row > span:first-child { display: flex; align-items: center; gap: 12px; min-width: 0; }
.fu26-chain-row b { font-size: 13px; font-weight: 700; white-space: nowrap; flex-shrink: 0; }
.fu26-chain-row > span:first-child > i { font-style: normal; font-size: 12.5px; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.fu26-chain-all { font-size: 12.5px; font-weight: 600; color: var(--v-muted); display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; }
.fu26-chain-all svg { transition: transform .25s var(--v-ease); }
.fu26-chain-all-close { display: none; }
.fu26-chain.is-open .fu26-chain-all-open { display: none; }
.fu26-chain.is-open .fu26-chain-all-close { display: inline; }
.fu26-chain.is-open .fu26-chain-all svg { transform: rotate(-90deg); }
.fu26-chain.is-open .fu26-chain-row { order: -1; }
.fu26-mark-btn svg { flex-shrink: 0; }


.modal.fu26-modal { max-width: 560px; display: flex; flex-direction: column; gap: 14px; }
.modal.fu26-modal.fu26-modal-s { max-width: 440px; }
.modal.fu26-modal > h3 { margin: 0; font-family: var(--v-display); font-weight: 700; font-size: 20px; color: var(--v-text); }
.modal.fu26-modal label { margin: 0; }
.fu26-w-sub { margin: -6px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--v-muted); }
.fu26-w-head { display: flex; align-items: center; gap: 14px; padding-right: 36px; }
.fu26-w-head .dlg-avatar { width: 48px; height: 48px; flex-shrink: 0; position: relative; }
.fu26-w-head .dlg-avatar-inner { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; font-weight: 700; }
.fu26-w-head .dlg-avatar-inner img { width: 100%; height: 100%; object-fit: cover; }
.fu26-w-head .dlg-avatar-badge { position: absolute; right: -2px; bottom: -2px; width: 18px; height: 18px; border-radius: 50%; box-sizing: border-box; border: 2px solid var(--v-card); background-color: var(--v-card); object-fit: cover; display: block; }
.fu26-w-who { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.fu26-w-who b { font-family: var(--v-display); font-weight: 700; font-size: 18px; color: var(--v-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fu26-w-who span { display: flex; align-items: center; gap: 8px; }
.fu26-facts { display: flex; flex-direction: column; gap: 8px; }
.fu26-facts span { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: var(--v-text3); line-height: 1.4; }
.fu26-facts i { width: 28px; height: 28px; border-radius: 9px; background: var(--v-soft); color: var(--v-text3); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fu26-draft { display: flex; flex-direction: column; gap: 8px; }
.fu26-draft-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.fu26-draft-head b { font-size: 12.5px; font-weight: 700; color: var(--v-text3); }
.fu26-draft-head span { font-size: 12px; font-weight: 700; color: var(--v-muted); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.fu26-draft-head span.is-ai { color: var(--v-o-text); }
.modal.fu26-modal #fu-draft-text { width: 100%; box-sizing: border-box; min-height: 132px; padding: 16px; border: 0; border-radius: 18px; background: var(--v-soft); color: var(--v-text); font: 500 14.5px/1.55 var(--v-font); resize: vertical; }
.modal.fu26-modal #fu-draft-text.is-loading { color: var(--v-muted); animation: fu26-wait 1.2s ease-in-out infinite; }
@keyframes fu26-wait { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }
.fu26-draft-vars { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.fu26-draft-vars > span { font-size: 12.5px; color: var(--v-muted); }
.fu26-draft-vars .fu26-btn { height: 32px; padding: 0 12px; }
.fu26-w-actions { display: flex; gap: 10px; }
.fu26-w-actions.fu26-col { flex-direction: column; }
.fu26-w-actions .fu26-btn-soft { height: 48px; }
.fu26-w-actions.fu26-col .fu26-btn { height: 44px; }
.fu26-w-note { font-size: 12px; color: var(--v-muted); text-align: center; }
.fu26-reasons { display: flex; flex-wrap: wrap; gap: 8px; }
.fu26-reason { position: relative; cursor: pointer; }
.fu26-reason input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.fu26-reason span { height: 40px; padding: 0 14px; border-radius: 12px; background: var(--v-soft); color: var(--v-text); font: 700 13px var(--v-font); display: inline-flex; align-items: center; }
.fu26-reason input:checked + span { background: var(--v-o-soft); color: var(--v-o-text); box-shadow: 0 0 0 1.5px var(--v-accent); }
.fu26-reason input:focus-visible + span { outline: 2px solid var(--v-accent); outline-offset: 2px; }
.fu26-amount-row { display: flex; gap: 10px; }
.fu26-amount-row input { flex: 1 1 auto; min-width: 0; }
.fu26-amount-row .fu26-btn { height: 48px; }
.fu26-tl { display: flex; flex-direction: column; }
.fu26-tl-step { position: relative; display: flex; gap: 14px; padding-bottom: 14px; }
.fu26-tl-step:not(:last-child)::before { content: ''; position: absolute; left: 17px; top: 40px; bottom: 0; width: 2px; background: var(--v-line); }
.fu26-tl-n { width: 36px; height: 36px; border-radius: 50%; background: var(--v-soft); color: var(--v-muted); font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.fu26-tl-step.is-done .fu26-tl-n { background: var(--v-g-soft); color: var(--v-g-text); }
.fu26-tl-step.is-now .fu26-tl-n { background: var(--v-accent); color: #FFFFFF; }
.fu26-tl-body { flex: 1 1 auto; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 8px; align-items: center; }
.fu26-tl-step.is-done .fu26-tl-body { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding-top: 6px; }
.fu26-tl-body b { font-size: 14.5px; font-weight: 700; color: var(--v-text); }
.fu26-tl-body span { font-size: 12.5px; color: var(--v-muted); }
.modal.fu26-modal .fu26-tl-body input { min-height: 44px; min-width: 0; width: 100%; }
.fu26-stops { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border-radius: 16px; background: var(--v-soft); }
.fu26-stops b { font-size: 12.5px; font-weight: 700; color: var(--v-text3); }
.fu26-stops span { display: flex; flex-wrap: wrap; gap: 8px; }
.fu26-set-toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; }
.fu26-set-toggle span, .fu26-set-radio span { display: flex; flex-direction: column; gap: 2px; }
.fu26-set-toggle b { font-size: 14.5px; font-weight: 700; color: var(--v-text); }
.fu26-set-toggle i, .fu26-set-radio i { font-style: normal; font-size: 12.5px; font-weight: 500; line-height: 1.4; color: var(--v-muted); }
.modal.fu26-modal .fu26-set-toggle input { appearance: none; -webkit-appearance: none; box-sizing: border-box; width: 44px; min-width: 44px; height: 26px; min-height: 0; padding: 0; border: 0; box-shadow: none; border-radius: 13px; background: var(--v-chip-ring); position: relative; cursor: pointer; flex-shrink: 0; margin: 0; transition: background-color .2s ease; }
.modal.fu26-modal .fu26-set-toggle input::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); transition: transform .25s var(--v-ease); }
.modal.fu26-modal .fu26-set-toggle input:checked { background: var(--v-accent); }
.modal.fu26-modal .fu26-set-toggle input:checked::after { transform: translateX(18px); }
.fu26-set-block { display: flex; flex-direction: column; gap: 8px; }
.fu26-set-block > .fu26-btn { align-self: flex-start; height: 40px; }
.fu26-set-title { font-size: 12.5px; font-weight: 700; color: var(--v-text3); }
#fu-set-rows { display: flex; flex-direction: column; gap: 8px; }
.fu26-set-row { display: grid; grid-template-columns: 96px minmax(0, 1fr) 40px; gap: 10px; align-items: center; }
.fu26-set-day { display: flex; align-items: center; gap: 8px; height: 48px; box-sizing: border-box; padding: 0 12px; border-radius: 14px; background: var(--v-soft); font-size: 13px; font-weight: 500; color: var(--v-muted); }


.modal.m26.fu26-modal .fu26-set-row .fu26-set-day input[data-fu-day][inputmode] { min-height: 0; height: 30px; padding: 0; background: transparent; font-weight: 700; width: 100%; min-width: 0; border-radius: 0; box-shadow: none; }
.fu26-set-del { width: 40px; height: 40px; border: 0; border-radius: 12px; background: transparent; color: var(--v-muted); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.fu26-set-del:hover { background: var(--v-soft); color: var(--v-r-text); }
.fu26-set-radio { display: flex; gap: 12px; padding: 12px 14px; border-radius: 14px; background: var(--v-soft); cursor: pointer; }
.fu26-set-radio b { font-size: 13.5px; font-weight: 700; color: var(--v-text); }
.modal.fu26-modal .fu26-set-radio input { appearance: none; -webkit-appearance: none; box-sizing: border-box; width: 20px; min-width: 20px; height: 20px; min-height: 0; padding: 0; box-shadow: none; margin: 1px 0 0; border-radius: 50%; border: 2px solid var(--v-muted); background: var(--v-card); flex-shrink: 0; cursor: pointer; }
.modal.fu26-modal .fu26-set-radio input:checked { border: 6px solid var(--v-accent); }
.fu26-set-radio:has(input:checked) { background: var(--v-o-soft); box-shadow: 0 0 0 1.5px var(--v-accent); }


.dl26.dl26-fu-open #chat-list-pane { display: none; }
.dl26.dl26-fu-open #chat-thread-pane { display: block; overflow-y: auto; background: var(--v-bg); }
.fu26-board { box-sizing: border-box; padding: 24px 28px 32px; display: flex; flex-direction: column; gap: 18px; min-height: 100%; }
.fu26-board-load { padding: 40px 0; text-align: center; color: var(--v-muted); font-size: 14px; }
.fu26-board-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.fu26-board-head > div:first-child { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.fu26-board-head h2 { margin: 6px 0 0; font-family: var(--v-display); font-weight: 700; font-size: 30px; letter-spacing: -0.02em; color: var(--v-h1); }
.fu26-board-head p { margin: 0; font-size: 14px; color: var(--v-muted); }
.fu26-board-tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fu26-board-tools select { width: auto; max-width: 240px; flex: 0 1 auto; height: 42px; padding: 0 36px 0 14px; border: 0; border-radius: 13px; background-color: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); font: 700 13.5px var(--v-font); }
.fu26-board-tools .fu26-btn { height: 42px; flex-shrink: 0; white-space: nowrap; }
.fu26-kpis { display: flex; gap: 14px; }
.fu26-kpi-poster { width: 330px; flex-shrink: 0; box-sizing: border-box; padding: 20px 22px; border-radius: 24px; background: #141414; color: #FFFFFF; display: flex; flex-direction: column; justify-content: space-between; gap: 14px; }
:root[data-theme="dark"] .fu26-kpi-poster { background: #1F1F23; box-shadow: 0 0 0 1px var(--v-line); }
.fu26-kpi-top { display: flex; align-items: center; justify-content: space-between; font-size: 13px; font-weight: 600; color: #A1A1AA; }
.fu26-kpi-top i { width: 36px; height: 36px; border-radius: 12px; background: var(--v-accent); color: #FFFFFF; display: flex; align-items: center; justify-content: center; }
.fu26-kpi-main { display: flex; flex-direction: column; gap: 4px; }
.fu26-kpi-main b { font-family: var(--v-display); font-weight: 800; font-size: 34px; letter-spacing: -0.02em; }
.fu26-kpi-main span { font-size: 12.5px; color: #A1A1AA; }
.fu26-tile { flex: 1 1 0; min-width: 0; box-sizing: border-box; padding: 18px; border-radius: 22px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 6px; }
.fu26-tile span { font-size: 12.5px; font-weight: 600; color: var(--v-muted); }
.fu26-tile b { font-family: var(--v-display); font-weight: 800; font-size: 28px; letter-spacing: -0.02em; color: var(--v-text); }
.fu26-tile b.is-o { color: var(--v-o-text); } .fu26-tile b.is-r { color: var(--v-r-text); } .fu26-tile b.is-g { color: var(--v-g-text); }
.fu26-tile i { font-style: normal; font-size: 12px; color: var(--v-muted); }
.fu26-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.fu26-chip { height: 38px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); font: 700 13px var(--v-font); display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.fu26-chip span { font-size: 12px; opacity: .7; }
.fu26-chip.is-on { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.fu26-table { border-radius: 26px; background: var(--v-card); box-shadow: var(--v-card-shadow); overflow: hidden; }
.fu26-tr { display: grid; grid-template-columns: minmax(0, 1.5fr) 110px 130px 110px 190px 96px; gap: 14px; align-items: center; padding: 12px 20px; border-top: 1px solid var(--v-line); cursor: pointer; transition: background-color .2s ease; }
.fu26-tr:has(.fu26-td-mgr), .fu26-th:has(span:nth-child(7)) { grid-template-columns: minmax(0, 1.5fr) 110px 130px 110px 190px minmax(0, 1fr) 96px; }
.fu26-tr:hover:not(.fu26-th) { background: var(--v-soft); }
.fu26-th { border-top: 0; padding: 14px 20px; font-size: 12px; font-weight: 700; color: var(--v-muted); cursor: default; }
.fu26-td-who { display: flex; align-items: center; gap: 12px; min-width: 0; }
.fu26-td-who > span:last-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fu26-td-who b { font-size: 14px; font-weight: 700; color: var(--v-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fu26-td-who i { font-style: normal; font-size: 12px; color: var(--v-muted); }
.fu26-td-sum { font-family: var(--v-display); font-weight: 700; font-size: 14.5px; white-space: nowrap; color: var(--v-text); }
.fu26-td-when, .fu26-td-mgr { font-size: 13px; color: var(--v-text3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fu26-td-steps { display: flex; align-items: center; gap: 8px; }
.fu26-td-steps i:not([class]), .fu26-td-steps > i { font-style: normal; font-size: 12px; color: var(--v-muted); }
.fu26-td-go { display: flex; justify-content: flex-end; }
.fu26-td-go .fu26-btn { height: 34px; padding: 0 12px; }
.fu26-empty { padding: 36px 20px; border-top: 1px solid var(--v-line); text-align: center; font-size: 14px; line-height: 1.5; color: var(--v-muted); }


@container (max-width: 760px) { .fu26-chain-note { display: none; } }
@media (max-width: 1280px) { .fu26-chain-note { display: none; } .fu26-kpis { flex-wrap: wrap; } .fu26-kpi-poster { width: 100%; } .fu26-tile { flex: 1 1 40%; } }
@media (max-width: 1040px) {


  .fu26-slot { padding: 10px 12px 0; gap: 10px; }
  .fu26-hint { padding: 14px; gap: 10px; flex-wrap: wrap; position: relative; }
  .fu26-hint-ico { width: 34px; height: 34px; border-radius: 11px; }
  .fu26-hint-body { display: contents; }
  .fu26-hint-text { flex: 1 1 0; min-width: 0; padding-right: 34px; }
  .fu26-hint-btns { flex: 1 1 100%; margin: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .fu26-hint-btns .fu26-btn { height: 44px; padding: 0 8px; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .fu26-hint-btns .fu26-btn:first-child { grid-column: 1 / -1; }
  .fu26-hint-x { position: absolute; top: 8px; right: 8px; width: 40px; height: 40px; }
  .fu26-chain.is-open .fu26-chain-head, .fu26-chain.is-open .fu26-steps { display: none; }
  .fu26-chain-row { height: 48px; border-radius: 16px; gap: 10px; }
  .fu26-chain-row > span:first-child { gap: 10px; }
  .fu26-chain-row b { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; flex-shrink: 1; }
  .fu26-chain-row > span:first-child > i { display: none; }
  .fu26-chain-all { font-size: 13px; }
  .fu26-chain.is-open .fu26-chain-all-open { display: inline; }
  .fu26-chain.is-open .fu26-chain-all-close { display: none; }
  .fu26-chain.is-open .fu26-chain-all svg { transform: none; }
  .fu26-marker { height: 26px; font-size: 11.5px; padding: 0 10px; }
  .fu26-board { padding: 16px 12px 24px; gap: 14px; }
  .fu26-board-head h2 { font-size: 26px; font-weight: 800; }
  .fu26-kpi-main b { font-size: 28px; }
  .fu26-tile { flex: 1 1 40%; padding: 14px; border-radius: 18px; }
  .fu26-tile b { font-size: 22px; }
  .fu26-chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -12px; padding: 0 12px 2px; scrollbar-width: none; }
  .fu26-chip { height: 40px; flex-shrink: 0; }
  .fu26-table { background: transparent; box-shadow: none; border-radius: 0; display: flex; flex-direction: column; gap: 10px; overflow: visible; }
  .fu26-th { display: none; }
  .fu26-tr, .fu26-tr:has(.fu26-td-mgr) { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 14px; border: 0; border-radius: 20px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); }
  .fu26-td-who { grid-column: 1; }
  .fu26-td-sum { grid-column: 2; grid-row: 1; text-align: right; }
  .fu26-td-when { grid-column: 1; }
  .fu26-td-when::before { content: attr(data-label) ': '; color: var(--v-muted); }
  .fu26-td-steps { grid-column: 2; justify-content: flex-end; }
  .fu26-td-mgr { grid-column: 1 / -1; }
  .fu26-td-mgr::before { content: attr(data-label) ': '; color: var(--v-muted); }
  .fu26-td-go { display: none; }
  .fu26-tl-body { grid-template-columns: minmax(0, 1fr); }
  .fu26-w-actions .fu26-btn { padding: 0 10px; }
  .fu26-set-row { grid-template-columns: 84px minmax(0, 1fr) 40px; gap: 8px; }
}
@media (max-width: 767px) {


  .dlg-thread-sub:has(.fu26-thread-pill:not([hidden])) .dlg-thread-source { display: none; }
  .fu26-thread-pill { min-width: 0; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; }
  .fu26-thread-pill-word { display: none; }
  .fu26-w-actions + .fu26-w-actions { flex-wrap: wrap; }
  .fu26-w-actions + .fu26-w-actions .fu26-btn { flex: 1 1 100%; }
  .fu26-poster-slot { padding: 0 8px; }
  .fu26-btn { height: 44px; }
  .fu26-draft-vars .fu26-btn { height: 40px; flex: 1 1 0; padding: 0 6px; }
  .fu26-draft-vars > span { flex: 1 1 100%; }
  .modal.fu26-modal #fu-draft-text { font-size: 16px; }
  .fu26-mini { height: 40px; }
  .fu26-reason span { height: 44px; }
}



.dl26-wide-back { display: none; }
.dl26 .dlg-mac-view .dl26-wide-btn svg { display: block; }
.dl26-float .dl26-wide-btn, body.dl26-popup .dl26-wide-btn, body.chat-pinned-mobile .dl26-wide-btn { display: none !important; }
@media (max-width: 1040px) { .dl26-wide-btn { display: none !important; } }
body.dl26-wide .sidebar, body.dl26-wide .app-header, body.dl26-wide .dl26 .dl26-rail,
body.dl26-wide .dl26 #chat-list-pane, body.dl26-wide .dl26 #dl26-resizer { display: none !important; }
body.dl26-wide .dl26.dl26-tab-list .dl26-card { position: fixed; inset: 0; height: auto; min-height: 0; border-radius: 0; box-shadow: none; z-index: 40; animation: none; }
body.dl26-wide .dl26 .dlg-mac-view .dl26-wide-back { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; height: 40px; padding: 0 14px 0 10px; border: 0; border-radius: 13px; background: var(--v-soft); color: var(--v-text); font: 700 13.5px var(--v-font); cursor: pointer; transition: background-color .2s ease; }
body.dl26-wide .dl26 .dlg-mac-view .dl26-wide-back:hover { background: var(--v-hover); }
.dl26-wide-count { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: var(--v-badge-red, #EF4444); color: #FFFFFF; font-size: 11.5px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.dl26-wide-count[hidden] { display: none; }


body.dl26-wide .dl26 .dlg-mac-view .chat-bubble-col { max-width: min(62%, 760px); }


@container (max-width: 800px) {
  .dl26 .dlg-mac-view .dlg-thread-head { gap: 8px; padding-left: 14px; padding-right: 14px; }
  .dl26 .dlg-thread-tag-slot .dlg-thread-tag-add > span { display: none; }
  .dl26 .dlg-thread-tag-slot .dlg-thread-tag-add { margin: 0 2px; }
  .dl26 .dlg-thread-sub:has(.fu26-thread-pill:not([hidden])) .dlg-thread-source > span { display: none; }
}






body.chat-pinned-mobile .c26 .chat-back-btn { width: 40px; min-width: 40px; height: 40px; min-height: 40px; padding: 0; border-radius: 12px; flex-shrink: 0; }





.dl26 .dlg-mac-view .dlg-item-done-btn {
  position: relative; flex-shrink: 0; align-self: center; width: 34px; height: 34px; margin-left: 8px; padding: 0; border: 0; border-radius: 11px;
  background: var(--v-card); color: var(--v-g-text); box-shadow: 0 0 0 1px var(--v-chip-ring);
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
  transition: background-color .15s ease, color .15s ease, transform .15s ease;
}
.dl26 .dlg-mac-view .dlg-item-done-btn:hover { background: var(--v-g-text); color: #FFFFFF; }
.dl26 .dlg-mac-view .dlg-item-done-btn:active { transform: scale(.92); }
.dl26 .dlg-mac-view .dlg-item-done-btn::before { content: ''; position: absolute; inset: -5px; }
.dl26 .dlg-mac-view .dlg-list-item:has(.dlg-item-done-btn) .dlg-item-info { min-width: 0; }
@media (hover: hover) { .dl26 .dlg-mac-view .dlg-list-item:has(.dlg-item-done-btn) .dlg-item-menu-btn { right: 54px; } }



.dl26 .dlg-mac-view .dlg-item-info { container-type: inline-size; }
@container (max-width: 250px) {
  .dl26 .dlg-mac-view .dlg-list-item:has(.dlg-item-done-btn) .dlg-item-await-more { display: none; }
  .dl26 .dlg-mac-view .dlg-list-item:has(.dlg-item-done-btn) .fu26-row .fu26-dots { display: none; }
}
@media (prefers-reduced-motion: reduce) { .dl26 .dlg-mac-view .dlg-item-done-btn { transition: none; } }




.pv26 { margin-top: 6px; }
.pv26-off { opacity: .4; pointer-events: none; }
.pv26-empty { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 16px; border-radius: 16px; background: var(--v-soft); font-size: 13px; line-height: 1.5; color: var(--v-muted); }
.pv26-empty > span { flex: 1 1 260px; min-width: 0; }
.pv26-empty b { color: var(--v-text); font-weight: 700; }
.pv26-empty > svg { flex-shrink: 0; color: var(--v-muted); }
.pv26-tile { display: flex; gap: 14px; padding: 12px; border-radius: 18px; background: var(--v-soft); }
.pv26-player { width: 200px; max-height: 260px; flex-shrink: 0; border-radius: 12px; background: #000000; object-fit: contain; }
.pv26-missing { width: 200px; min-height: 112px; flex-shrink: 0; box-sizing: border-box; padding: 12px; border-radius: 12px; background: var(--v-r-soft); color: var(--v-r-text); font-size: 12.5px; font-weight: 600; line-height: 1.4; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; }
.pv26-info { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.pv26-info > b { font-size: 14px; font-weight: 700; color: var(--v-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv26-info > span { font-size: 12.5px; color: var(--v-muted); }
.pv26-info > em { font-style: normal; font-size: 12.5px; line-height: 1.45; color: var(--v-text3); }
.pv26-info > em.pv26-warn { color: var(--v-o-text); }
.pv26-as { align-self: flex-start; margin: 2px 0; }
.pv26-as button:disabled { opacity: .45; cursor: not-allowed; }
.pv26-acts { display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; padding-top: 4px; }
.pv26-progress { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border-radius: 16px; background: var(--v-soft); }
.pv26-progress b { font-size: 13.5px; font-weight: 700; color: var(--v-text); }
.pv26-progress span { height: 8px; border-radius: 4px; background: var(--v-chip-ring); overflow: hidden; }
.pv26-progress i { display: block; height: 100%; border-radius: 4px; background: var(--v-accent); transition: width .2s linear; }
.pv26-progress em { font-style: normal; font-size: 12px; color: var(--v-muted); }
.cn26-pv-video { position: relative; height: 180px; border-radius: 12px; background: #141414; color: #FFFFFF; display: flex; align-items: center; justify-content: center; }
.cn26-pv-video.is-tall { height: 260px; width: 62%; }
.cn26-pv-video span { width: 52px; height: 52px; border-radius: 50%; background: rgba(255, 255, 255, 0.16); display: flex; align-items: center; justify-content: center; }
.cn26-pv-video b { position: absolute; left: 10px; bottom: 10px; height: 22px; padding: 0 8px; border-radius: 7px; background: rgba(0, 0, 0, 0.55); font-size: 11.5px; font-weight: 700; display: inline-flex; align-items: center; }
@media (max-width: 767px) {
  .pv26-tile { flex-direction: column; }
  .pv26-player, .pv26-missing { width: 100%; max-height: 300px; }
  .pv26-acts .btn { flex: 1 1 0; }
}
@media (prefers-reduced-motion: reduce) { .pv26-progress i { transition: none; } }





.dl26 .dlg-mac-view .dlg-assist-actions { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
.dl26 .dlg-mac-view .dlg-assist-actions::-webkit-scrollbar { display: none; }
.dl26 .dlg-mac-view .dlg-assist-actions > * { flex-shrink: 0; white-space: nowrap; }

.dl26 .dlg-mac-view .dlg-assist-actions > .dlg-assist-close { position: sticky; right: 0; z-index: 1; margin-left: auto; align-self: stretch; width: 40px; height: auto; min-height: 34px; border-radius: 0; background: var(--v-card); color: var(--v-muted); font-size: 14px; box-shadow: 20px 0 0 3px var(--v-card), -12px 0 10px 3px var(--v-card); }
.dl26 .dlg-mac-view .dlg-assist-actions > .dlg-assist-close:hover { color: var(--v-text); }



body.chat-pinned-mobile .dl26 .dlg-mac-view #chat-list-pane { flex: 1 1 auto !important; }
body.chat-pinned-mobile .dl26 .fu26-poster-slot { padding: 0 10px; }
@media (prefers-reduced-motion: reduce) { .fu26-poster, .fu26-hint, .fu26-step, .modal.fu26-modal #fu-draft-text.is-loading { animation: none; } }





.md26-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 12px 0 10px; }
.md26-bar[hidden], .md26-go[hidden], .md26-pick[hidden] { display: none; }
.md26-chips { display: flex; gap: 6px; min-width: 0; }
.md26-chip { height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-chip-ring); font: 700 12.5px var(--v-font); cursor: pointer; white-space: nowrap; transition: background-color .15s ease, color .15s ease; }
.md26-chip:hover { background: var(--v-hover); }
.md26-chip.is-on { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.md26-pick, .md26-link { border: 0; padding: 0; background: none; color: var(--v-accent); font: 700 12.5px var(--v-font); cursor: pointer; white-space: nowrap; }
.md26-pick:hover, .md26-link:hover { text-decoration: underline; }
.md26-photo { position: relative; border-radius: 12px; }
.md26-photo .media-photo-thumb { display: block; transition: transform .16s ease, opacity .16s ease; }
.md26-photo.is-on .media-photo-thumb { transform: scale(.9); opacity: .82; }
.md26-photo.is-on { background: var(--v-soft); }
.md26-check { width: 24px; height: 24px; flex-shrink: 0; padding: 0; border: 2px solid var(--v-chip-ring); border-radius: 50%; background: var(--v-card); color: transparent; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.md26-check[aria-pressed="true"] { background: var(--v-accent); border-color: var(--v-accent); color: #fff; }
.md26-photo .md26-check { position: absolute; top: 6px; right: 6px; border-color: rgba(255, 255, 255, .95); background: rgba(0, 0, 0, .28); box-shadow: 0 1px 4px rgba(0, 0, 0, .28); }
.md26-photo .md26-check[aria-pressed="true"] { background: var(--v-accent); border-color: #fff; }

.md26-check::after { content: ""; position: absolute; inset: -9px; }
.md26-row .md26-check { position: relative; }



.md26-bar ~ #media-panel-body .media-photo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 6px; max-height: none; overflow: visible; }
.md26-bar ~ #media-panel-body .media-photo-thumb { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 12px; cursor: pointer; }
.md26-bar ~ #media-panel-body .media-file-row { display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 9px 6px; border-bottom: 1px solid var(--v-row); border-radius: 0; font: 500 13px var(--v-font); text-align: left; }
.md26-bar ~ #media-panel-body .media-file-row:last-child { border-bottom: 0; }
.md26-bar ~ #media-panel-body .media-file-row > a:not(.md26-one), .md26-bar ~ #media-panel-body .media-file-row > span:first-child { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; color: var(--v-text); font-weight: 700; text-decoration: none; overflow: hidden; }
.md26-bar ~ #media-panel-body .media-file-row.is-on { background: var(--v-soft); border-radius: 12px; border-bottom-color: transparent; }
.md26-bar ~ #media-panel-body .media-file-size, .md26-bar ~ #media-panel-body .media-file-date { flex-shrink: 0; font-size: 12px; font-weight: 500; color: var(--v-muted); white-space: nowrap; opacity: 1; }
.md26-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.md26-bar ~ #media-panel-body .media-file-row a.md26-one { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 10px; background: var(--v-soft); color: var(--v-text2); display: inline-flex; align-items: center; justify-content: center; gap: 0; }
.md26-bar ~ #media-panel-body .media-file-row.is-on a.md26-one { background: var(--v-card); }
.md26-bar ~ #media-panel-body .media-file-row a.md26-one:hover { background: var(--v-hover); color: var(--v-text); }
.md26-note { margin-top: 12px; font: 500 12.5px/1.45 var(--v-font); color: var(--v-muted); }
.md26-go { display: inline-flex; align-items: center; gap: 8px; }
.md26-bar ~ #media-panel-body { max-height: min(52vh, 460px); overflow-y: auto; overscroll-behavior: contain; }
@media (max-width: 767px) {
  .md26-bar { margin: 12px 0 8px; }
  .md26-chip { height: 36px; }
  .md26-check { width: 28px; height: 28px; }
  .md26-bar ~ #media-panel-body .media-file-date { display: none; }
  .md26-bar ~ #media-panel-body .media-file-row a.md26-one { width: 40px; height: 40px; }
  .md26-bar { flex-wrap: wrap; }
  .md26-bar ~ #media-panel-body { max-height: 46vh; }
}
@media (prefers-reduced-motion: reduce) { .md26-chip, .md26-check, .md26-photo .media-photo-thumb { transition: none; } }




.dl26 .dlg-mac-view .dlg-length.near { color: var(--v-o-text); }
.dl26 .dlg-mac-view .dlg-length.split { color: var(--v-b-text); }
.dl26 .dlg-mac-view .dlg-length.over { color: var(--v-r-text, #C0392B); }




.dl26 .dlg-mac-view .chat-bubble-row.mine .chat-bubble-sender { margin: 0 0 3px; font-size: 11.5px; font-weight: 700; line-height: 1.3; color: inherit; opacity: .62; letter-spacing: .01em; }
.dl26 .dlg-mac-view .chat-bubble-row.mine.same-author .chat-bubble-sender { display: none; }
.dl26 .dlg-mac-view .chat-bubble-row.mine .chat-bubble.image-only .chat-bubble-sender,
.dl26 .dlg-mac-view .chat-bubble-row.mine .chat-bubble.sticker-only .chat-bubble-sender { padding: 6px 10px 0; }




.dl26 .dlg-mac-view .dlg-assist-mini-btn[hidden], .dl26 .dlg-mac-view .dlg-assist-sep[hidden] { display: none; }
.dl26 .dlg-mac-view .dlg-assist-sep { width: 1px; height: 20px; flex-shrink: 0; background: var(--v-line); margin: 0 2px; }
.dl26 .dlg-mac-view .dlg-assist-mini-btn.is-on { background: var(--v-o-soft); box-shadow: 0 0 0 1.5px var(--v-accent); color: var(--v-o-text); }
.dl26 .dlg-mac-view #dlg-assist-spell-btn, .dl26 .dlg-mac-view #dlg-assist-improve-btn { color: var(--v-text2); }
.dl26 .dlg-mac-view #dlg-assist-spell-btn.is-on, .dl26 .dlg-mac-view #dlg-assist-improve-btn.is-on, .dl26 .dlg-mac-view #dlg-assist-file-btn.is-on { color: var(--v-o-text); }
.dl26 .dlg-mac-view .dlg-assist-mini-btn:disabled, .dl26 .dlg-mac-view .dlg-suggest-prompt-btn:disabled { opacity: .5; cursor: default; }

.dl26 .dlg-mac-view .dlg-upload, .dl26 .dlg-mac-view .dlg-spell, .dl26 .dlg-mac-view .dlg-improve { margin: 10px 20px 0; padding: 14px 16px; border-radius: 18px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); display: flex; flex-direction: column; gap: 12px; }
.dl26 .dlg-mac-view .dlg-upload .dlg-assist-file-head, .dl26 .dlg-mac-view .dlg-spell .dlg-assist-file-head, .dl26 .dlg-mac-view .dlg-improve .dlg-assist-file-head { margin: 0; font-size: 14px; font-weight: 700; color: var(--v-text); display: flex; align-items: center; gap: 8px; }
.dl26 .dlg-mac-view .dlg-spell .dlg-assist-file-head svg { color: var(--v-g-text); }
.dl26 .dlg-mac-view .dlg-upload-zone { position: relative; display: flex; align-items: flex-start; gap: 14px; padding: 16px 18px; border-radius: 14px; border: 1.5px dashed var(--v-accent); background: var(--v-o-soft); cursor: pointer; transition: background-color .15s ease; }
.dl26 .dlg-mac-view .dlg-upload-zone.is-over { background: var(--v-o-soft2); }
.dl26 .dlg-mac-view .dlg-upload-zone.is-busy { cursor: progress; }
.dl26 .dlg-mac-view .dlg-upload-ico { width: 46px; height: 46px; flex-shrink: 0; border-radius: 14px; background: var(--v-card); color: var(--v-accent); display: flex; align-items: center; justify-content: center; }
.dl26 .dlg-mac-view .dlg-upload-text { min-width: 0; display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; line-height: 1.45; color: var(--v-text2); }
.dl26 .dlg-mac-view .dlg-upload-text b { font-size: 14px; color: var(--v-text); }
.dl26 .dlg-mac-view .dlg-upload-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.dl26 .dlg-mac-view .dlg-upload-pick, .dl26 .dlg-mac-view .dlg-upload-link { height: 38px; padding: 0 16px; border-radius: 13px; font: 700 13.5px var(--v-font); display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.dl26 .dlg-mac-view .dlg-upload-pick { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 8px 20px rgba(242, 92, 5, 0.28); }
.dl26 .dlg-mac-view .dlg-upload-link { background: var(--v-card); color: var(--v-text2); box-shadow: 0 0 0 1px var(--v-line); }
.dl26 .dlg-mac-view .dlg-upload-note { font-size: 12px; line-height: 1.45; color: var(--v-muted); }
.dl26 .dlg-mac-view .dlg-assist-doc-upload .dlg-assist-doc-name { display: inline-flex; align-items: center; gap: 6px; color: var(--v-o-text); font-weight: 700; }
.dl26 .dlg-mac-view .dlg-upload-again { margin-left: auto; height: 30px; }

.dl26 .dlg-mac-view .dlg-spell-list { display: flex; flex-wrap: wrap; gap: 8px; }
.dl26 .dlg-mac-view .dlg-spell-fix { height: 34px; padding: 0 12px; border: 0; border-radius: 11px; background: var(--v-soft); color: var(--v-text); font: 600 13px var(--v-font); display: inline-flex; align-items: center; gap: 7px; cursor: pointer; transition: opacity .15s ease, background-color .15s ease; }
.dl26 .dlg-mac-view .dlg-spell-fix s { color: var(--v-r-text, #B91C1C); }
.dl26 .dlg-mac-view .dlg-spell-fix b { color: var(--v-g-text); }
.dl26 .dlg-mac-view .dlg-spell-fix:not(.is-on) { opacity: .45; }
.dl26 .dlg-mac-view .dlg-spell-fix:not(.is-on) b { text-decoration: line-through; color: var(--v-muted); }
.dl26 .dlg-mac-view .dlg-spell-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.dl26 .dlg-mac-view .dlg-spell-actions .dlg-suggest-prompt-btn { background: var(--v-accent); color: #FFFFFF; box-shadow: 0 8px 20px rgba(242, 92, 5, 0.25); }
.dl26 .dlg-mac-view .dlg-spell-actions .dlg-suggest-prompt-btn:hover { background: var(--v-accent); filter: brightness(1.05); }
.dl26 .dlg-mac-view .dlg-improve-cols { display: flex; gap: 12px; }
.dl26 .dlg-mac-view .dlg-improve-col { flex: 1 1 0; min-width: 0; padding: 12px 14px; border-radius: 14px; background: var(--v-soft); display: flex; flex-direction: column; gap: 6px; }
.dl26 .dlg-mac-view .dlg-improve-col > span { font-size: 11.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--v-muted); }
.dl26 .dlg-mac-view .dlg-improve-col > div { font-size: 13.5px; line-height: 1.5; color: var(--v-text); white-space: pre-wrap; max-height: 220px; overflow-y: auto; }
.dl26 .dlg-mac-view .dlg-improve-col.is-new { background: var(--v-o-soft); box-shadow: 0 0 0 1.5px var(--v-accent); }
.dl26 .dlg-mac-view .dlg-improve-col.is-new > span { color: var(--v-o-text); }
@media (max-width: 767px) {
  .dl26 .dlg-mac-view .dlg-upload, .dl26 .dlg-mac-view .dlg-spell, .dl26 .dlg-mac-view .dlg-improve { margin: 8px 12px 0; padding: 12px; }
  .dl26 .dlg-mac-view .dlg-upload-zone { flex-direction: column; padding: 14px; }
  .dl26 .dlg-mac-view .dlg-upload-actions > * { flex: 1 1 auto; justify-content: center; }
  .dl26 .dlg-mac-view .dlg-improve-cols { flex-direction: column; }
  .dl26 .dlg-mac-view .dlg-improve-col > div { max-height: 140px; }
}
@media (prefers-reduced-motion: reduce) { .dl26 .dlg-mac-view .dlg-upload-zone, .dl26 .dlg-mac-view .dlg-spell-fix { transition: none; } }




#chat-thread-pane:has(> .ao26) { position: relative; }
.ao26-btn { width: auto !important; padding: 0 12px !important; gap: 7px; border-radius: 13px !important; background: var(--v-soft) !important; color: var(--v-text) !important; font: 700 13px var(--v-font); display: inline-flex !important; align-items: center; }
.ao26-btn.is-on { background: var(--v-ink) !important; color: var(--v-on-ink) !important; }
.ao26-btn-count { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 999px; background: var(--v-accent); color: #FFFFFF; font-size: 11.5px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.ao26-btn-count[hidden] { display: none; }
.ao26 { position: absolute; right: 0; bottom: 0; z-index: 6; width: 340px; max-width: 100%; box-sizing: border-box; padding: 14px; background: var(--v-card); border-left: 1px solid var(--v-line); box-shadow: -18px 0 40px rgba(0, 0, 0, 0.08); display: flex; flex-direction: column; gap: 12px; animation: ao26In .22s var(--v-ease, ease) both; }
@keyframes ao26In { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: none; } }
.ao26-head { display: flex; align-items: center; justify-content: space-between; }
.ao26-head b { font-family: var(--v-display); font-size: 16px; font-weight: 700; color: var(--v-text); }
.ao26-x { width: 32px; height: 32px; border: 0; border-radius: 10px; background: transparent; color: var(--v-muted); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.ao26-x:hover { background: var(--v-soft); color: var(--v-text); }
.ao26-body, .ao26-sheet { min-height: 0; flex-grow: 1; display: flex; flex-direction: column; gap: 12px; }
.ao26-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.ao26-stats span { padding: 8px 10px; border-radius: 12px; background: var(--v-soft); display: flex; flex-direction: column; font-size: 11px; color: var(--v-muted); }
.ao26-stats b { font-family: var(--v-display); font-size: 18px; font-weight: 800; color: var(--v-text); }
.ao26-seg { display: flex; gap: 4px; padding: 4px; border-radius: 13px; background: var(--v-soft); }
.ao26-seg button { flex: 1 1 0; height: 32px; border: 0; border-radius: 10px; background: transparent; color: var(--v-muted); font: 700 13px var(--v-font); cursor: pointer; }
.ao26-seg button.is-on { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.ao26-list { min-height: 0; flex-grow: 1; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; gap: 8px; }
.ao26-card { flex-shrink: 0; width: 100%; box-sizing: border-box; padding: 11px 12px; border: 0; border-radius: 16px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-line); text-align: left; font-family: var(--v-font); color: var(--v-text); display: flex; flex-direction: column; gap: 7px; cursor: pointer; animation: ao26Card .3s var(--v-ease, ease) both; transition: background-color .15s ease; }
@keyframes ao26Card { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.ao26-card:hover { background: var(--v-soft); }
.ao26-card:focus-visible { outline: 2px solid var(--v-accent); outline-offset: 2px; }
.ao26-card-top, .ao26-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ao26-num { font-size: 12px; font-weight: 800; color: var(--v-muted); }
.ao26-title { font-size: 13.5px; font-weight: 700; line-height: 1.35; }
.ao26-card-bottom > span { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--v-text2); }
.ao26-card-bottom > b { font-size: 12px; font-weight: 700; white-space: nowrap; }
.ao26-mgr { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; color: var(--v-muted); }
.ao26-st { flex-shrink: 0; height: 22px; padding: 0 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; display: inline-flex; align-items: center; }
.ao26-st.st-b { background: var(--v-b-soft); color: var(--v-b-text); }
.ao26-st.st-o { background: var(--v-o-soft); color: var(--v-o-text); }
.ao26-st.st-p { background: var(--v-p-soft); color: var(--v-p-text); }
.ao26-st.st-a { background: var(--v-a-soft); color: var(--v-a-text); }
.ao26-st.st-g { background: var(--v-g-soft); color: var(--v-g-text); }
.ao26-st.st-n { background: var(--v-soft); color: var(--v-muted); }
.ao26-empty { padding: 18px 4px; font-size: 13px; color: var(--v-muted); text-align: center; }
.ao26-new { flex-shrink: 0; height: 42px; border: 0; border-radius: 13px; background: var(--v-ink); color: var(--v-on-ink); font: 700 13.5px var(--v-font); display: flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer; }
.ao26-sheet .ao26-list { max-height: 52vh; }
@media (max-width: 767px) {
  .ao26-btn .ao26-btn-label { display: none; }
  .ao26-btn { padding: 0 9px !important; }
  .ao26-new { height: 48px; }
}
@media (prefers-reduced-motion: reduce) { .ao26, .ao26-card { animation: none; } }
.dl26 .dlg-mac-view .dlg-assist-file-head .dlg-assist-cached { margin-left: 6px; padding: 2px 8px; border-radius: 999px; background: var(--v-soft); font-size: 11px; font-weight: 700; color: var(--v-muted); }
.dl26 .dlg-mac-view .dlg-assist-file-head:has(.dlg-upload-again) { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }



.dlg-price-rub { font-family: var(--v-display); font-weight: 800; font-size: 14px; line-height: 1; }
.dl26 .dlg-mac-view #dlg-assist-price-btn { color: var(--v-g-text); }
.modal.pr26-modal { width: min(980px, calc(100vw - 32px)); max-width: none; }
.pr26 { display: flex; flex-direction: column; gap: 14px; }
.pr26-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px; padding-right: 36px; }
.pr26-head h3 { margin: 0; display: flex; align-items: center; gap: 10px; font-family: var(--v-display); font-size: 19px; }
.pr26-grid { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 20px; }
.pr26-settings .pr26-grid { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); }
.pr26-form, .pr26-preview { min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.pr26-row { display: flex; gap: 10px; }
.pr26-field { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 6px; margin: 0; }
.pr26-field > span, .pr26-label { font-size: 12px; font-weight: 700; color: var(--v-muted); }
.pr26-label-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pr26-label-row em { font-style: normal; color: var(--v-o-text); }
.pr26-label-row em[hidden], .pr26-link[hidden] { display: none; }
.modal.m26 .pr26-field input, .pr26-field input { height: 44px; box-sizing: border-box; padding: 0 14px; border: 0; border-radius: 13px; background: var(--v-soft); box-shadow: inset 0 0 0 1px var(--v-line); font: 700 15px var(--v-font); color: var(--v-text); width: 100%; }
.pr26-field input:focus { outline: none; box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.pr26-opts { display: flex; flex-direction: column; gap: 6px; }
.pr26-opt { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 13px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-line); cursor: pointer; margin: 0; transition: background-color .15s ease, box-shadow .15s ease; }
.pr26-opt.is-on { background: var(--v-o-soft); box-shadow: 0 0 0 1px var(--v-accent); }
.pr26-opt > span:last-child { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.pr26-opt b { font-size: 13px; color: var(--v-text); }
.pr26-opt small { font-size: 11.5px; color: var(--v-muted); }
.pr26-opt input, .pr26-tg input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.pr26-box { width: 20px; height: 20px; flex-shrink: 0; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--v-line); color: transparent; display: inline-flex; align-items: center; justify-content: center; transition: background-color .15s ease; }
.pr26-opt input:checked + .pr26-box, .pr26-tg input:checked + .pr26-box { background: var(--v-accent); box-shadow: none; color: #FFFFFF; }
.pr26-opt input:focus-visible + .pr26-box, .pr26-tg input:focus-visible + .pr26-box { outline: 2px solid var(--v-accent); outline-offset: 2px; }
.pr26-tg { position: relative; display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--v-text); cursor: pointer; margin: 0; }
.modal.m26 .pr26 textarea, .pr26 textarea { flex-grow: 1; min-height: 260px; box-sizing: border-box; padding: 12px 14px; border: 0; border-radius: 14px; background: var(--v-soft); box-shadow: inset 0 0 0 1px var(--v-line); font: 500 13.5px/1.5 var(--v-font); color: var(--v-text); resize: vertical; width: 100%; }
.pr26 textarea:focus { outline: none; box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.pr26-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.pr26-actions .btn { height: 42px; display: inline-flex; align-items: center; gap: 8px; }
.pr26-note, .pr26-hint { font-size: 12px; line-height: 1.45; color: var(--v-muted); display: flex; align-items: flex-start; gap: 6px; }
.pr26-link { border: 0; padding: 0; background: none; color: var(--v-o-text); font: 700 12.5px var(--v-font); cursor: pointer; white-space: nowrap; }
.pr26-link:hover { text-decoration: underline; }
.pr26-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.pr26-chip { height: 28px; padding: 0 10px; border: 0; border-radius: 9px; background: var(--v-b-soft); color: var(--v-b-text); font: 700 12.5px var(--v-font); cursor: pointer; }
.pr26-sopts { display: flex; flex-direction: column; gap: 8px; max-height: 420px; overflow-y: auto; }
.pr26-sopt { display: grid; grid-template-columns: 24px minmax(0, 1fr) 96px 104px 30px; gap: 6px; align-items: center; padding: 10px; border-radius: 13px; background: var(--v-soft); }
.modal.m26 .pr26-sopt input[type="text"], .pr26-sopt input[type="text"] { height: 34px; box-sizing: border-box; padding: 0 10px; border: 0; border-radius: 9px; background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-line); font: 600 12.5px var(--v-font); color: var(--v-text); width: 100%; min-width: 0; }
.pr26-sopt .pr26-sline { grid-column: 2 / 6; }
.pr26-del { width: 30px; height: 30px; border: 0; border-radius: 9px; background: transparent; color: var(--v-muted); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.pr26-del:hover { background: var(--v-card); color: var(--v-r-text); }

.fu26-td-sum .fu26-price-src { display: flex; align-items: center; gap: 4px; margin-top: 2px; font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--v-muted); }
.fu26-td-sum .fu26-price-src.is-exact { color: var(--v-g-text); }
.fu26-td-sum { display: flex; flex-direction: column; }
@media (max-width: 767px) {
  .pr26-grid, .pr26-settings .pr26-grid { grid-template-columns: minmax(0, 1fr); }
  .pr26 textarea { min-height: 200px; }
  .pr26-head h3 { font-size: 17px; }
  .pr26-label-row { flex-wrap: wrap; }
  .pr26-actions .btn { flex: 1 1 auto; height: 48px; justify-content: center; }
  .pr26-sopt { grid-template-columns: 24px minmax(0, 1fr) 84px 30px; }
  .pr26-sopt [data-f="short"] { display: none; }
  .pr26-sopt .pr26-sline { grid-column: 2 / 5; }
}
@media (prefers-reduced-motion: reduce) { .pr26-opt, .pr26-box { transition: none; } }
.pr26-seg { display: inline-flex; gap: 4px; padding: 4px; border-radius: 12px; background: var(--v-soft); }
.pr26-seg button { height: 30px; padding: 0 12px; border: 0; border-radius: 9px; background: transparent; color: var(--v-muted); font: 700 12.5px var(--v-font); cursor: pointer; }
.pr26-seg button.is-on { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.pr26-scope-note { padding: 10px 12px; border-radius: 12px; background: var(--v-o-soft); color: var(--v-text2); font-size: 12.5px; line-height: 1.45; }
.pr26-label-row .pr26-link { display: inline-flex; align-items: center; gap: 4px; }

.pr26-scaps { display: grid; grid-template-columns: 24px minmax(0, 1fr) 96px 104px 30px; gap: 6px; padding: 0 10px; font-size: 11px; font-weight: 700; color: var(--v-muted); }
.pr26-sline { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.pr26-sline > span { font-size: 11px; font-weight: 700; color: var(--v-muted); }
.modal .pr26-sopt input[type="text"] { background: var(--v-card) !important; box-shadow: inset 0 0 0 1px var(--v-chip-ring) !important; }
.modal .pr26-sopt input[type="text"]:focus { box-shadow: inset 0 0 0 1.5px var(--v-accent) !important; outline: none; }
@media (max-width: 767px) { .pr26-scaps { grid-template-columns: 24px minmax(0, 1fr) 84px 30px; } .pr26-scaps span:nth-child(4) { display: none; } }

.fu26-thread-pill { max-width: 240px; min-width: 0; overflow: hidden; white-space: nowrap; }


.modal.scn26-modal { width: min(1180px, calc(100vw - 32px)); max-width: none; }
.scn26 { display: flex; flex-direction: column; gap: 16px; }
.scn26-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.scn26-head > span:first-child { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.scn26-head h3 { margin: 0; }
.scn26-head i { font-style: normal; font-size: 13.5px; color: var(--v-muted); line-height: 1.4; }
.scn26-head .fu26-btn { height: 38px; flex-shrink: 0; }
.scn26-grid { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 18px; align-items: start; }
.scn26-list { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.scn26-rows { display: flex; flex-direction: column; gap: 10px; }
.scn26-sit { box-sizing: border-box; width: 100%; border: 0; text-align: left; font: inherit; color: var(--v-text); display: grid; grid-template-columns: 30px minmax(0, 1fr) auto 30px; gap: 14px; align-items: center; padding: 14px 16px; border-radius: 18px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-line); cursor: pointer; transition: box-shadow .2s ease; }
button.scn26-sit:hover { box-shadow: 0 0 0 1px var(--v-chip-ring); }
.scn26-sit.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 12px; padding: 16px 18px; border-radius: 20px; box-shadow: 0 0 0 1.5px var(--v-accent), 0 10px 30px rgba(242, 92, 5, 0.10); cursor: default; animation: h26pop .3s var(--v-ease) both; }
.scn26-n { width: 30px; height: 30px; border-radius: 50%; background: var(--v-soft); color: var(--v-text3); font-size: 13px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.scn26-n.is-on { background: var(--v-accent); color: #FFFFFF; }
.scn26-sit-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.scn26-sit-text b { font-size: 14.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.scn26-sit-text i { font-style: normal; font-size: 12.5px; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.scn26-when-pill { height: 24px; padding: 0 10px; border-radius: 999px; background: var(--v-soft); color: var(--v-text3); font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.scn26-pen { color: var(--v-muted); display: flex; justify-content: center; }
.scn26-sit-top { border: 0; background: transparent; padding: 0; font: inherit; color: var(--v-text); display: flex; align-items: center; gap: 12px; cursor: pointer; text-align: left; }
.scn26-sit-top b { font-size: 14px; font-weight: 700; }
.scn26-sit-top svg { color: var(--v-muted); }
.scn26-grow { flex-grow: 1; }
.scn26-ai-mark { height: 22px; padding: 0 9px; border-radius: 999px; background: var(--v-b-soft, #EEF3FE); color: var(--v-b-text, #1E4FB8); font-size: 11.5px; font-weight: 700; display: inline-flex; align-items: center; gap: 5px; }
.scn26-two { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 12px; }
.scn26-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.scn26-field > span:first-child { font-size: 12px; font-weight: 700; color: var(--v-muted); display: flex; justify-content: space-between; gap: 10px; }
.scn26-field > span:first-child i { font-style: normal; font-weight: 600; text-align: right; }
.modal.scn26-modal .scn26-field input[data-scn="goal"] { height: 44px; font-weight: 700; }
.modal.scn26-modal .scn26-field textarea { min-height: 64px; resize: vertical; line-height: 1.5; font-size: 13.5px; }
.scn26-when { height: 44px; box-sizing: border-box; padding: 0 14px; border-radius: 13px; background: var(--v-soft); box-shadow: inset 0 0 0 1px var(--v-line); font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.modal.scn26-modal .scn26-when input { width: 38px; min-width: 38px; height: 30px; min-height: 0; padding: 0; border-radius: 9px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-line); text-align: center; font-weight: 800; }
.scn26-sit-btns { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.scn26-sit-btns .fu26-btn { height: 36px; }
.scn26-add-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.scn26-add-row .fu26-btn { height: 38px; }
.scn26-add-row > span { font-size: 12.5px; color: var(--v-muted); }
.scn26-extra { display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: 18px; background: var(--v-soft2, var(--v-soft)); }
.scn26-ai { position: sticky; top: 0; box-sizing: border-box; padding: 18px; border-radius: 24px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-line), 0 8px 24px rgba(0, 0, 0, 0.04); display: flex; flex-direction: column; gap: 12px; }
.scn26-ai-title { font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.scn26-ai-sub, .scn26-ai-note { font-size: 12.5px; color: var(--v-muted); line-height: 1.45; }
.scn26-ai-note { display: flex; gap: 6px; font-size: 12px; }
.scn26-ai-note svg { flex-shrink: 0; margin-top: 1px; }
.modal.scn26-modal .scn26-ai textarea { min-height: 72px; resize: vertical; line-height: 1.5; font-size: 13.5px; }
.scn26-ai .fu26-btn { height: 36px; }
.scn26-ai-err { font-size: 12.5px; font-weight: 600; color: var(--v-r-text); }
.scn26-ai-offer { box-sizing: border-box; padding: 14px; border-radius: 16px; background: var(--v-b-soft, #EEF3FE); display: flex; flex-direction: column; gap: 9px; font-size: 13px; line-height: 1.45; animation: h26pop .3s var(--v-ease) both; }
.scn26-ai-offer > span { display: flex; flex-direction: column; gap: 2px; }
.scn26-ai-offer i { font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--v-muted); }
.scn26-ai-offer b { font-size: 14px; }
.scn26-ai-cap { font-size: 11.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--v-b-text, #1E4FB8); }
.scn26-ai-offer .scn26-ai-btns { flex-direction: row; flex-wrap: wrap; gap: 8px; padding-top: 2px; }
.scn26-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.scn26-foot > span:first-child { font-size: 12.5px; color: var(--v-muted); display: flex; align-items: center; gap: 6px; line-height: 1.4; }
.scn26-foot > span:first-child svg { flex-shrink: 0; }
.scn26-foot-btns { display: flex; gap: 10px; flex-shrink: 0; }
.scn26-foot-btns .btn { display: inline-flex; align-items: center; gap: 8px; }

.fu26-sit { box-sizing: border-box; padding: 14px 16px; border-radius: 16px; background: var(--v-o-soft); display: flex; flex-direction: column; gap: 5px; }
.fu26-sit b { font-family: var(--v-display); font-size: 16px; font-weight: 700; color: var(--v-o-text); line-height: 1.3; }
.fu26-sit span { font-size: 13px; line-height: 1.45; color: var(--v-text3); }
@media (max-width: 900px) {
  .scn26-grid { grid-template-columns: minmax(0, 1fr); }
  .scn26-ai { position: static; }
  .scn26-head { flex-direction: column; align-items: stretch; }
  .scn26-two { grid-template-columns: minmax(0, 1fr); }
  .scn26-sit { grid-template-columns: 30px minmax(0, 1fr) 24px; }
  .scn26-when-pill { display: none; }
  .modal.scn26-modal .scn26-field textarea, .modal.scn26-modal .scn26-ai textarea { min-height: 112px; }
  .scn26-foot { flex-direction: column; align-items: stretch; }
  .scn26-foot-btns .btn { flex: 1 1 0; justify-content: center; }
}


.dlg-assist-files { display: flex; align-items: flex-start; gap: 6px; margin: 2px 0 8px; font-size: 12.5px; line-height: 1.4; color: var(--v-muted); }
.dlg-assist-files svg { flex-shrink: 0; margin-top: 2px; }
.dlg-assist-files b { font-weight: 700; color: var(--v-text3); }


.chat-handover { display: flex; justify-content: center; margin: 12px 0; }
.chat-handover span { max-width: 92%; box-sizing: border-box; padding: 6px 14px; border-radius: 999px; background: var(--v-o-soft, #FFF3EC); color: var(--v-o-text, #B03A06); font-size: 12.5px; font-weight: 700; line-height: 1.35; display: inline-flex; align-items: center; gap: 7px; text-align: center; }
.chat-handover svg { flex-shrink: 0; }


.fu26-tr { grid-template-columns: minmax(0, 1.5fr) 110px 130px 110px 190px 158px; }
.fu26-tr:has(.fu26-td-mgr), .fu26-th:has(span:nth-child(7)) { grid-template-columns: minmax(0, 1.5fr) 110px 130px 110px 190px minmax(0, 1fr) 158px; }
.fu26-td-go { gap: 6px; align-items: center; }
.fu26-td-go .fu26-btn { gap: 6px; }
.fu26-row-more { width: 34px; height: 34px; padding: 0; justify-content: center; }
.chat-ctx-menu-caption { padding: 8px 12px 2px; font-size: 11.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--v-muted, #6B7280); }
.chat-ctx-menu-sep { height: 1px; margin: 6px 8px; background: var(--v-line, #ECECEE); }
.chat-ctx-menu-item.fu26-ctx-sold { color: var(--v-g-text, #15803D); }
@media (max-width: 1040px) {
  .fu26-tr, .fu26-tr:has(.fu26-td-mgr) { grid-template-columns: minmax(0, 1fr) auto; }
  .fu26-td-go { display: flex; grid-column: 1 / -1; justify-content: flex-start; }
}


.fu26-pick { width: 22px; height: 22px; flex-shrink: 0; align-self: center; padding: 0; border: 0; border-radius: 50%; background: var(--v-card, #FFFFFF); box-shadow: inset 0 0 0 1.8px var(--v-chip-ring, #D4D4D8); color: transparent; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color .15s ease, box-shadow .15s ease, color .15s ease, transform .15s ease; }
.fu26-pick:hover { box-shadow: inset 0 0 0 1.8px var(--v-accent, #F25C05); }
.fu26-pick.is-on { background: var(--v-accent, #F25C05); box-shadow: none; color: #FFFFFF; transform: scale(1.04); }
.dlg-list-item .fu26-pick { margin-right: -2px; }
.dlg-list-item.is-picked, .fu26-tr.is-picked { background: var(--v-o-soft, #FFF3EC); }
.fu26-td-who .fu26-pick { margin-right: 4px; }
.fu26-pickbar { position: sticky; bottom: 8px; z-index: 6; margin: 8px; box-sizing: border-box; padding: 8px 8px 8px 14px; border-radius: 16px; background: var(--v-ink, #141414); color: var(--v-on-ink, #FFFFFF); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22); display: flex; flex-wrap: wrap; align-items: center; gap: 8px; animation: h26pop .25s var(--v-ease) both; }
.fu26-pickbar[hidden] { display: none; }
.fu26-pickbar-n { font-size: 13px; font-weight: 800; white-space: nowrap; }
.fu26-pickbar-link { border: 0; background: transparent; padding: 0; color: inherit; opacity: .72; font: 600 12.5px var(--v-font); text-decoration: underline; cursor: pointer; }
.fu26-pickbar-grow { flex-grow: 1; }
.fu26-pickbar .fu26-btn { height: 34px; padding: 0 12px; gap: 6px; }
.fu26-pickbar .fu26-btn-line { background: rgba(255, 255, 255, 0.1); color: inherit; box-shadow: none; }
.fu26-pickbar-x { width: 34px; height: 34px; border: 0; border-radius: 10px; background: transparent; color: inherit; opacity: .7; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.fu26-pickbar-x:hover { opacity: 1; background: rgba(255, 255, 255, 0.1); }
.fu26-pickbar-board { bottom: 16px; margin: 12px 0 0; padding: 10px 10px 10px 18px; }
.fu26-pickbar-acts { display: flex; gap: 8px; flex: 1 1 100%; }
.fu26-pickbar-acts .fu26-btn { flex: 1 1 0; justify-content: center; }

@media (min-width: 1041px) {
  .fu26-tr { grid-template-columns: minmax(0, 2fr) 110px 120px 100px 180px 158px; }
  .fu26-tr:has(.fu26-td-mgr), .fu26-th:has(span:nth-child(7)) { grid-template-columns: minmax(0, 2.4fr) 110px 120px 100px 180px minmax(0, 1fr) 158px; }
}

.fu26-pickbar-board .fu26-pickbar-acts { flex: 0 0 auto; order: 4; }
.fu26-pickbar-board .fu26-pickbar-acts .fu26-btn { flex: 0 0 auto; }
.fu26-pickbar-board .fu26-pickbar-x { order: 5; }


.dlg-brief .dlg-assist-file-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.dlg-brief-safe { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: 999px; background: var(--v-g-soft, #E7F6EC); color: var(--v-g-text, #15803D); font-size: 11.5px; font-weight: 700; }
.dlg-brief-text { width: 100%; box-sizing: border-box; min-height: 180px; resize: vertical; padding: 12px 14px; border: 0; border-radius: 14px; background: var(--v-card, #FFFFFF); box-shadow: inset 0 0 0 1px var(--v-line, #ECECEE); color: var(--v-text, #1E1E1E); font: 500 13.5px/1.55 var(--v-font); }
.dlg-brief-text:focus { outline: none; box-shadow: inset 0 0 0 1.5px var(--v-accent, #F25C05); }
.dlg-brief-ask { margin-top: 8px; padding: 10px 12px; border-radius: 12px; background: var(--v-a-soft, #FEF3C7); color: var(--v-a-text, #92400E); font-size: 12.5px; line-height: 1.45; }
.dlg-brief-ask b { font-weight: 800; }
.dlg-brief-ask ul { margin: 4px 0 0; padding-left: 18px; }

.dl26 .dlg-mac-view .dlg-assist-actions.has-more { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 48px), transparent); }
.dlg-brief-actions { margin: 0 0 8px; }


.dlg-assist-ask-row { align-items: flex-end; }
.dlg-assist-ask-row textarea { flex: 1; min-width: 0; min-height: 44px; max-height: 140px; resize: vertical; box-sizing: border-box; padding: 10px 14px; border: 0; border-radius: 14px; background: var(--v-card, #FFFFFF); box-shadow: inset 0 0 0 1px var(--v-line, #ECECEE); color: var(--v-text, #1E1E1E); font: 500 13.5px/1.45 var(--v-font); }
.dlg-assist-ask-row textarea:focus { outline: none; box-shadow: inset 0 0 0 1.5px var(--v-accent, #F25C05); }
.dlg-ask-docs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; }
.dlg-ask-docs-label { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; color: var(--v-muted, #6B7280); }
.dlg-ask-doc { max-width: 220px; height: 28px; padding: 0 10px; border: 0; border-radius: 999px; background: var(--v-card, #FFFFFF); box-shadow: 0 0 0 1px var(--v-line, #ECECEE); color: var(--v-text2, #3F3F46); font: 600 12px var(--v-font); display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
.dlg-ask-doc span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dlg-ask-doc:hover { box-shadow: 0 0 0 1px var(--v-accent, #F25C05); }
.dlg-ask-doc.is-on { background: var(--v-o-soft, #FFF3EC); color: var(--v-o-text, #B03A06); box-shadow: 0 0 0 1.5px var(--v-accent, #F25C05); }
.dlg-ask-upload { color: var(--v-muted, #6B7280); }
.dlg-ask-upload.is-busy { cursor: default; }
.dlg-ask-doc-x { width: 26px; height: 26px; border: 0; border-radius: 50%; background: transparent; color: var(--v-muted, #6B7280); cursor: pointer; }

.dlg-ask-all { color: var(--v-o-text, #B03A06); }
.dlg-ask-count { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--v-muted, #6B7280); white-space: nowrap; }
.dlg-ask-count b { color: var(--v-o-text, #B03A06); font-weight: 800; }
.dlg-assist-file-head .dlg-ask-count { margin-left: 10px; }
.dlg-pick-all { align-self: flex-start; margin: 2px 0 6px; }
.dlg-pick-go { margin-top: 8px; }
.dlg-pick-box { width: 18px; height: 18px; flex-shrink: 0; border-radius: 6px; box-shadow: inset 0 0 0 1.5px var(--v-line, #D4D4D8); display: inline-flex; align-items: center; justify-content: center; margin-right: 8px; vertical-align: -4px; color: #fff; }
.dlg-assist-doc.is-on .dlg-pick-box { background: var(--v-accent, #F25C05); box-shadow: none; }
.dlg-assist-doc.is-on { background: var(--v-o-soft, #FFF3EC); }
@media (max-width: 640px) {
  .dlg-ask-docs { gap: 8px; }
  .dlg-ask-doc { height: 40px; max-width: 100%; padding: 0 14px; font-size: 13px; }
  .dlg-ask-doc-x { width: 40px; height: 40px; }
  .dlg-ask-count { margin-left: 0; width: 100%; order: 9; }
  .dlg-assist-doc { min-height: 44px; }
}




.modal.dk26-modal { width: min(580px, calc(100vw - 32px)); max-width: 580px; box-sizing: border-box; padding: 24px; border: 0; border-radius: 28px; background: var(--v-card, #FFFFFF); color: var(--v-text, #1E1E1E); font-family: var(--v-font, Manrope, system-ui, sans-serif); box-shadow: 0 0 0 1px var(--v-chip-ring, #ECECEE), 0 30px 80px rgba(0, 0, 0, 0.18); }
.modal.dk26-modal.modal-sheet { width: 100%; max-width: none; border-radius: 28px 28px 0 0; }
.dk26 { display: flex; flex-direction: column; gap: 14px; }
.dk26-head { display: flex; align-items: center; gap: 12px; }
.dk26-ico { width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; background: var(--v-a-soft, #FEF3C7); color: var(--v-a-text, #92400E); display: inline-flex; align-items: center; justify-content: center; }
.dk26-head-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.dk26-head-text b { font-family: var(--v-display, Montserrat, sans-serif); font-size: 20px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; }
.dk26-head-text small { font-size: 13px; color: var(--v-muted, #6B7280); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dk26-x { width: 40px; height: 40px; flex-shrink: 0; border: 0; border-radius: 12px; background: var(--v-soft, #F4F4F5); color: var(--v-muted, #6B7280); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: transform .2s var(--v-spring, ease), color .2s ease; }
.dk26-x:hover { color: var(--v-text, #1E1E1E); }
.dk26-x:active { transform: scale(.92); }
.dk26-lead { margin: 0; font-size: 14px; line-height: 1.55; color: var(--v-text3, #52525B); }
.dk26-list { display: flex; flex-direction: column; gap: 8px; max-height: min(46vh, 360px); overflow-y: auto; }
.dk26-item { padding: 12px 14px; border-radius: 16px; background: var(--v-soft, #F4F4F5); display: flex; flex-direction: column; gap: 8px; animation: dk26-rise .5s var(--v-ease, ease) both; }
.dk26-item:nth-child(2) { animation-delay: .06s; }
.dk26-item:nth-child(3) { animation-delay: .12s; }
.dk26-item:nth-child(n+4) { animation-delay: .18s; }
.dk26-item-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 600; color: var(--v-muted, #6B7280); }
.dk26-kind { height: 26px; padding: 0 10px; box-sizing: border-box; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.dk26-kind.dk26-o { background: var(--v-o-soft, #FFF3EC); color: var(--v-o-text, #B03A06); }
.dk26-kind.dk26-p { background: var(--v-p-soft, #F2EEFF); color: var(--v-p-text, #5B3CC4); }
.dk26-kind.dk26-b { background: var(--v-b-soft, #EEF3FE); color: var(--v-b-text, #1E4FB8); }
.dk26-snippet, .dk26-file { font-size: 14px; line-height: 1.5; color: var(--v-text3, #52525B); overflow-wrap: anywhere; }
.dk26 mark, .dk26-file mark { padding: 1px 4px; border-radius: 6px; background: var(--v-o-soft2, #FFE9DC); color: var(--v-o-text, #B03A06); font-weight: 700; animation: dk26-mark 2.4s ease-in-out .6s 2; }
.dk26-file { display: flex; align-items: flex-start; gap: 10px; font-weight: 600; color: var(--v-text, #1E1E1E); }
.dk26-file svg { flex-shrink: 0; margin-top: 2px; }

.dk26-file mark { padding: 0 1px; border-radius: 4px; }
.dk26-file-new { color: var(--v-g-text, #15803D); font-weight: 700; }
.dk26-note { margin: 0; display: flex; align-items: flex-start; gap: 8px; font-size: 12.5px; line-height: 1.5; color: var(--v-muted, #6B7280); }
.dk26-note svg { flex-shrink: 0; margin-top: 2px; }
.modal.dk26-modal .modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin: 4px 0 0; }
.modal.dk26-modal .btn { height: 44px; padding: 0 18px; border: 0; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--v-font, Manrope, sans-serif); font-size: 14px; font-weight: 700; background: var(--v-accent, #F25C05); color: #FFFFFF; box-shadow: 0 6px 16px rgba(242, 92, 5, 0.3); cursor: pointer; transition: transform .2s var(--v-spring, ease), filter .2s ease; }
.modal.dk26-modal .btn:hover { filter: brightness(1.05); }
.modal.dk26-modal .btn:active { transform: scale(.96); }
.modal.dk26-modal .btn.secondary { background: var(--v-soft, #F4F4F5); color: var(--v-text, #1E1E1E); box-shadow: none; }
.modal.dk26-modal.modal-sheet .modal-actions { flex-direction: column-reverse; }
.modal.dk26-modal.modal-sheet .modal-actions .btn { width: 100%; }
@keyframes dk26-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes dk26-mark { 0%, 100% { box-shadow: 0 0 0 0 rgba(242, 92, 5, 0); } 50% { box-shadow: 0 0 0 4px rgba(242, 92, 5, 0.18); } }
@media (prefers-reduced-motion: reduce) { .dk26-item, .dk26 mark, .dk26-file mark { animation: none; } }


.adm26 .dk26-adm-note { background: var(--v-a-soft); color: var(--v-a-text); }
.adm26 .dk26-adm-note b { color: inherit; }
.adm26 .dk26-card { display: flex; flex-direction: column; gap: 6px; }
.adm26 .dk26-row { align-items: center; gap: 14px; }
.adm26 .dk26-row-main { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.adm26 .dk26-row-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; min-width: 0; }
.adm26 .dk26-row-top > b { font-family: var(--v-display); font-size: 15px; }
.adm26 .dk26-row-title { font-size: 14.5px; font-weight: 700; color: var(--v-text); overflow-wrap: anywhere; }
.adm26 .dk26-row-finds { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.adm26 .dk26-find { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--v-text3); overflow-wrap: anywhere; }
.adm26 .dk26-row .adm-row-actions { flex-shrink: 0; }
.adm26 details.dk26-closed > summary { display: flex; align-items: center; gap: 12px; list-style: none; cursor: pointer; }
.adm26 details.dk26-closed > summary::-webkit-details-marker { display: none; }
.adm26 details.dk26-closed > summary > svg:last-child { margin-left: auto; transition: transform .25s var(--v-ease); color: var(--v-muted); }
.adm26 details.dk26-closed[open] > summary > svg:last-child { transform: rotate(180deg); }
.adm26 .dk26-closed-text { display: flex; flex-direction: column; gap: 2px; }
.adm26 .dk26-closed-text b { font-family: var(--v-display); font-size: 16px; }
.adm26 .dk26-closed-text small { font-size: 13px; color: var(--v-muted); }
.adm26 details.dk26-closed[open] > summary { margin-bottom: 10px; }
@media (max-width: 860px) {
  .adm26 .dk26-row { flex-direction: column; align-items: stretch; }
  .adm26 .dk26-row .adm-row-actions { display: flex; gap: 8px; flex-wrap: wrap; }
  .adm26 .dk26-row .adm-row-actions .btn { flex: 1 1 auto; }
}


.fu26-row .fu26-pill { flex-shrink: 0; }
.fu26-row .fu26-row-sum { flex-shrink: 0; }
.fu26-row .fu26-dots { min-width: 0; overflow: hidden; }


.fu26-sits { display: flex; flex-direction: column; gap: 8px; padding: 10px 0 2px; }
.fu26-sits-head { display: flex; align-items: center; gap: 10px; min-width: 0; }
.fu26-sits-head > b { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 800; color: var(--v-text2); white-space: nowrap; }
.fu26-sits-state { flex: 1 1 auto; min-width: 0; font-size: 12.5px; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fu26-sits-row { display: flex; flex-wrap: wrap; gap: 8px; }
.fu26-sit-chip { height: 34px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-line); color: var(--v-text2); font: 700 13px var(--v-font); display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; cursor: pointer; transition: box-shadow .15s ease, background-color .15s ease; }
.fu26-sit-chip:hover { box-shadow: 0 0 0 1.5px var(--v-accent); }
.fu26-sit-chip.is-on { background: var(--v-o-soft); color: var(--v-o-text); box-shadow: 0 0 0 1.5px var(--v-accent); }
.fu26-sit-chip i { font-style: normal; height: 18px; padding: 0 7px; border-radius: 999px; background: var(--v-accent); color: #FFFFFF; font-size: 10.5px; font-weight: 800; display: inline-flex; align-items: center; }
.fu26-w-sum { font-style: normal; font-size: 12.5px; font-weight: 700; color: var(--v-muted); margin-left: 6px; }
.fu26-hintbox { display: flex; gap: 8px; align-items: stretch; margin-top: 4px; }
.modal.fu26-modal .fu26-hintbox input { flex: 1 1 auto; min-width: 0; height: 42px; border-radius: 13px; box-shadow: inset 0 0 0 1px var(--v-line); background: var(--v-card); padding: 0 14px; font-size: 13.5px; }
.modal.fu26-modal .fu26-hintbox input:focus { box-shadow: inset 0 0 0 1.5px var(--v-accent); outline: none; }
.fu26-hintbox .fu26-btn { height: 42px; flex-shrink: 0; }
.fu26-hintbox-note { display: block; font-size: 12px; color: var(--v-muted); margin-top: 4px; }
.fu26-remember { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--v-text2); cursor: pointer; }
.modal.fu26-modal .fu26-remember input { width: 18px; height: 18px; min-height: 0; margin: 0; accent-color: var(--v-accent); flex-shrink: 0; }
.scn26-side { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 0; }
.scn26-side .scn26-ai { position: static; }
.scn26-card { box-sizing: border-box; padding: 18px; border-radius: 24px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-line), 0 8px 24px rgba(0, 0, 0, 0.04); display: flex; flex-direction: column; gap: 10px; }
.scn26-remind { font-size: 13.5px; line-height: 1.6; color: var(--v-text); }
.modal.scn26-modal .scn26-remind input { width: 40px; min-width: 40px; height: 30px; min-height: 0; padding: 0; border-radius: 9px; background: var(--v-soft); box-shadow: inset 0 0 0 1px var(--v-line); text-align: center; font-weight: 800; display: inline-block; }
.scn26-auto { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--v-b-text); }
.scn26-sit-text em { font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--v-b-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.scn26-n svg { color: inherit; }
.scn26-n { color: var(--v-o-text); background: var(--v-o-soft); border-radius: 12px; width: 34px; height: 34px; }
.scn26-n.is-on { background: var(--v-accent); color: #FFFFFF; }
.scn26-examples { display: flex; flex-direction: column; gap: 6px; }
.scn26-example { display: grid; grid-template-columns: minmax(0, 1fr) auto 26px; gap: 10px; align-items: start; padding: 10px 12px; border-radius: 13px; background: var(--v-soft); font-size: 13px; line-height: 1.45; }
.scn26-example i { font-style: normal; height: 20px; padding: 0 8px; border-radius: 999px; background: var(--v-b-soft); color: var(--v-b-text); font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; }
.scn26-example i.is-mine { background: var(--v-o-soft); color: var(--v-o-text); }
.scn26-example button { width: 26px; height: 26px; border: 0; border-radius: 8px; background: transparent; color: var(--v-muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.scn26-example button:hover { background: var(--v-card); color: var(--v-r-text); }
.scn26-examples-empty { font-size: 12.5px; color: var(--v-muted); padding: 6px 0; }
.modal.scn26-modal #scn-ex-new { min-height: 56px; margin-top: 6px; resize: vertical; font-size: 13.5px; line-height: 1.45; }
.scn26-hint-small { font-size: 12px; color: var(--v-muted); }
@media (max-width: 900px) { .scn26-side { position: static; } }


.dlg-assist-note { margin-top: 10px; }
.dlg-assist-card .dlg-assist-note { margin-top: 6px; }
.dlg-assist-note-label { display: block; margin: 0 0 6px; font: 700 12px var(--v-font); color: var(--v-muted); }
.dlg-assist-note-row { display: flex; align-items: flex-end; gap: 8px; }
.dlg-assist-note-input { flex: 1; min-width: 0; min-height: 40px; max-height: 140px; resize: none; box-sizing: border-box; padding: 10px 14px; border: 0; border-radius: 14px; background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-chip-ring); color: var(--v-text); font: 500 13.5px/1.45 var(--v-font); }
.dlg-assist-note-input::placeholder { color: var(--v-muted); }
.dlg-assist-note-input:focus { outline: none; box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.dlg-assist-note-send { flex: 0 0 auto; }
.dl26 .dlg-mac-view .dlg-assist-note-send { color: var(--v-o-text); }
.dlg-assist-note-send:disabled { opacity: .5; cursor: default; }
.dlg-assist-note-ok { display: flex; align-items: center; gap: 5px; margin-top: 6px; font: 700 12px var(--v-font); color: var(--v-g-text); }
.dlg-assist-note-ok[hidden] { display: none; }
.tn26-dlg-v.is-note { background: var(--v-stat); }
.tn26-dlg-who.is-note { color: var(--v-muted); }
@media (max-width: 900px) { .dlg-assist-note-input { font-size: 16px; } }









#gc-root.gc { position: fixed; inset: 0; z-index: 4500; pointer-events: none; font-family: var(--v-font); color: #FFFFFF; }
#gc-root:empty { display: none; }
.gc-window {
  pointer-events: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: min(1180px, calc(100vw - 48px)); height: min(752px, calc(100vh - 48px)); height: min(752px, calc(100dvh - 48px));
  display: flex; flex-direction: column; overflow: hidden; background: #141414; border-radius: 28px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 30px 80px rgba(0, 0, 0, 0.55);
  container: gcw / size; animation: gc-in .35s var(--v-spring, cubic-bezier(.22, 1, .36, 1)) backwards;
}
@keyframes gc-in { from { opacity: 0; transform: translate(-50%, -48%) scale(.97); } }
.gc-minimized .gc-window { display: none; }

.gc-top { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; padding: 14px 16px 8px 22px; padding-top: max(14px, env(safe-area-inset-top)); }
.gc-title { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.gc-name { font-family: 'Montserrat', var(--v-font); font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gc-sub { font-size: 12px; color: #A1A1AA; }
.gc-timer { flex-shrink: 0; height: 26px; padding: 0 12px; border-radius: 13px; background: rgba(74, 222, 128, 0.16); color: #4ADE80; font-size: 13px; font-weight: 800; display: inline-flex; align-items: center; gap: 7px; }
.gc-timer i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; animation: gc-blink 1.6s ease-in-out infinite; }
.gc-timer em { font-style: normal; font-variant-numeric: tabular-nums; }
@keyframes gc-blink { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.gc-spacer { flex: 1 1 auto; }
.gc-ibtn { flex-shrink: 0; width: 44px; height: 44px; border: 0; border-radius: 14px; background: rgba(255, 255, 255, 0.12); color: #FFFFFF; display: flex; align-items: center; justify-content: center; cursor: pointer; touch-action: manipulation; transition: background-color .2s ease, transform .25s var(--v-spring, ease); }
.gc-ibtn:hover { background: rgba(255, 255, 255, 0.2); }
.gc-ibtn:active { transform: scale(.94); }
.gc-ibtn:focus-visible, .gc-btn:focus-visible, .gc-pill:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }

.gc-share-note { flex: 0 0 auto; margin: 0 16px 6px; min-height: 40px; box-sizing: border-box; padding: 4px 6px 4px 16px; border-radius: 14px; background: rgba(242, 92, 5, 0.18); color: #FFB48A; font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 10px; }
.gc-share-note[hidden] { display: none; }
.gc-share-note span { flex: 1 1 auto; min-width: 0; }
.gc-share-note button { flex-shrink: 0; height: 32px; padding: 0 14px; border: 0; border-radius: 10px; background: #F25C05; color: #141414; font: 800 12px var(--v-font); cursor: pointer; }


.gc-stage { flex: 1 1 auto; min-height: 0; box-sizing: border-box; padding: 4px 16px 12px; display: grid; gap: 12px; grid-auto-rows: minmax(0, 1fr); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gc-stage[data-n="1"] { grid-template-columns: minmax(0, 1fr); }
.gc-stage[data-n="2"], .gc-stage[data-n="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gc-stage[data-n="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gc-stage[data-n="5"], .gc-stage[data-n="6"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gc-stage[data-n="7"], .gc-stage[data-n="8"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.gc-tile { position: relative; min-width: 0; min-height: 0; border-radius: 20px; overflow: hidden; background: #232328; display: flex; align-items: center; justify-content: center; outline: 0 solid #F25C05; outline-offset: -3px; transition: outline-width .15s ease; }
.gc-tile.gc-speaking { outline-width: 3px; }
.gc-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: none; background: #0B0B0D; }
.gc-has-video .gc-video { display: block; }
.gc-mirror .gc-video { transform: scaleX(-1); }
.gc-tile-screen .gc-video { object-fit: contain; background: #000000; }
.gc-ava { width: min(96px, 38%); aspect-ratio: 1; border-radius: 50%; background: #3F3F46; color: #FFFFFF; font-size: clamp(18px, 4.2vmin, 34px); font-weight: 700; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.gc-ava img { width: 100%; height: 100%; object-fit: cover; }
.gc-has-video .gc-ava, .gc-tile-screen .gc-ava { display: none; }
.gc-label { position: absolute; left: 10px; bottom: 10px; max-width: calc(100% - 20px); box-sizing: border-box; height: 28px; padding: 0 12px; border-radius: 14px; background: rgba(0, 0, 0, 0.62); color: #FFFFFF; font-size: 12px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.gc-label-name { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gc-mutebadge { flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; background: #DC2626; display: flex; align-items: center; justify-content: center; }
.gc-mutebadge[hidden] { display: none; }
.gc-mutebadge svg { width: 12px; height: 12px; }
.gc-conn { position: absolute; top: 10px; right: 10px; padding: 4px 10px; border-radius: 12px; background: rgba(0, 0, 0, 0.62); font-size: 11px; font-weight: 700; }
.gc-conn[hidden] { display: none; }


.gc-stage.gc-share { display: flex; gap: 12px; }
.gc-stage.gc-share > .gc-tile-screen { flex: 1 1 auto; min-width: 0; }
.gc-strip { flex: 0 0 240px; min-height: 0; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; }
.gc-strip .gc-tile { flex: 0 0 auto; width: 100%; aspect-ratio: 16 / 10; }

.gc-bar { flex: 0 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; padding: 10px 16px 16px; padding-bottom: max(16px, env(safe-area-inset-bottom)); }
.gc-btn { position: relative; flex-shrink: 0; width: 52px; height: 52px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.14); color: #FFFFFF; display: flex; align-items: center; justify-content: center; cursor: pointer; touch-action: manipulation; transition: transform .25s var(--v-spring, ease), background-color .2s ease; }
.gc-btn[hidden] { display: none; }
.gc-btn:hover { background: rgba(255, 255, 255, 0.24); }
.gc-btn:active { transform: scale(.93); }
.gc-btn:disabled { opacity: .5; cursor: default; }
.gc-b-mic.on, .gc-b-cam.on, .gc-b-people.on { background: #FFFFFF; color: #141414; }
.gc-b-mic.off { background: #DC2626; color: #FFFFFF; }
.gc-b-screen.on { background: #F25C05; color: #141414; }
.gc-b-leave { width: auto; padding: 0 24px; border-radius: 26px; background: #DC2626; font: 800 15px var(--v-font); gap: 10px; }
.gc-b-leave:hover { background: #EF4444; }
.gc-count { position: absolute; top: -2px; right: -2px; min-width: 20px; height: 20px; box-sizing: border-box; padding: 0 5px; border-radius: 10px; background: #FFFFFF; color: #141414; font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.gc-b-people.on .gc-count { background: #141414; color: #FFFFFF; }

.gc-people { position: absolute; right: 16px; bottom: 86px; width: min(300px, calc(100% - 32px)); max-height: calc(100% - 150px); overflow-y: auto; box-sizing: border-box; padding: 14px 16px; border-radius: 18px; background: #232328; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 20px 50px rgba(0, 0, 0, 0.5); }
.gc-people[hidden] { display: none; }
.gc-people b { font-size: 13px; }
.gc-people ul { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; }
.gc-people li { display: flex; align-items: center; gap: 10px; padding: 8px 0; font-size: 14px; border-top: 1px solid rgba(255, 255, 255, 0.07); }
.gc-people li:first-child { border-top: 0; }
.gc-p-name { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gc-p-flags { display: flex; gap: 6px; color: #A1A1AA; }
.gc-p-flags i { display: flex; }
.gc-p-flags i.bad { color: #F87171; }
.gc-p-flags svg { width: 16px; height: 16px; }


.gc-pill { display: none; pointer-events: auto; position: fixed; left: 16px; bottom: 16px; bottom: max(16px, env(safe-area-inset-bottom)); height: 48px; padding: 0 18px 0 6px; border: 0; border-radius: 24px; background: #15803D; color: #FFFFFF; box-shadow: 0 12px 30px rgba(21, 128, 61, 0.4); align-items: center; gap: 8px; cursor: pointer; font-family: var(--v-font); font-size: 15px; -webkit-tap-highlight-color: transparent; }
.gc-minimized .gc-pill { display: flex; animation: gc-pill-in .35s var(--v-spring, ease) backwards; }
.gc-pill-ico { width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; }
.gc-pill-ico svg { width: 18px; height: 18px; }
@keyframes gc-pill-in { from { opacity: 0; transform: scale(.6); } }

@media (max-width: 640px) { .gc-pill { bottom: calc(96px + env(safe-area-inset-bottom, 0px)); } }



@media (max-width: 1024px) {
  .gc-window { width: calc(100vw - 32px); height: calc(100vh - 32px); height: calc(100dvh - 32px); }
}

@media (max-width: 640px), (max-height: 520px) {
  .gc-window { inset: 0; left: 0; top: 0; transform: none; width: 100%; height: 100%; border-radius: 0; box-shadow: none; animation: gc-in-full .3s ease backwards; }
  .gc-ibtn-full { display: none; }
}
.gc-window.gc-full { inset: 0; left: 0; top: 0; transform: none; width: 100%; height: 100%; border-radius: 0; box-shadow: none; animation: none; }
@keyframes gc-in-full { from { opacity: 0; } }


@container gcw (max-width: 760px) {
  .gc-stage { gap: 8px; padding: 4px 10px 8px; }
  .gc-stage[data-n="2"], .gc-stage[data-n="3"] { grid-template-columns: minmax(0, 1fr); }
  .gc-stage[data-n="5"], .gc-stage[data-n="6"], .gc-stage[data-n="7"], .gc-stage[data-n="8"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gc-tile { border-radius: 16px; }
  .gc-stage.gc-share { flex-direction: column; gap: 8px; }
  .gc-strip { flex: 0 0 96px; flex-direction: row; overflow-x: auto; overflow-y: hidden; }
  .gc-strip .gc-tile { width: auto; height: 100%; aspect-ratio: 4 / 3; }
  .gc-top { padding-left: 14px; padding-right: 10px; }
}
@container gcw (max-width: 520px) {
  .gc-bar { gap: 10px; padding-left: 10px; padding-right: 10px; }
  .gc-btn { width: 48px; height: 48px; }
  .gc-b-leave { width: 48px; padding: 0; border-radius: 50%; }
  .gc-leave-text { display: none; }
  .gc-label { height: 24px; padding: 0 9px; font-size: 11px; left: 6px; bottom: 6px; max-width: calc(100% - 12px); }
  .gc-people { right: 10px; bottom: 76px; }
}

@container gcw (max-height: 520px) {
  .gc-top { padding-top: 6px; padding-bottom: 2px; }
  .gc-bar { padding-top: 4px; padding-bottom: 8px; }
  .gc-btn, .gc-ibtn { width: 44px; height: 44px; }
  .gc-b-leave { width: 44px; padding: 0; border-radius: 50%; }
  .gc-leave-text { display: none; }
  .gc-stage { padding-bottom: 4px; }
  .gc-stage[data-n="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gc-stage[data-n="4"], .gc-stage[data-n="5"], .gc-stage[data-n="6"], .gc-stage[data-n="7"], .gc-stage[data-n="8"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .gc-stage[data-n="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gc-stage.gc-share { flex-direction: row; }
  .gc-strip { flex: 0 0 150px; flex-direction: column; overflow-x: hidden; overflow-y: auto; }
  .gc-strip .gc-tile { width: 100%; height: auto; aspect-ratio: 16 / 10; }
  .gc-people { bottom: 60px; max-height: calc(100% - 90px); }
}


.gc-banner { display: flex; align-items: center; gap: 12px; box-sizing: border-box; padding: 10px 20px; background: var(--v-g-soft); color: var(--v-g-text); border-bottom: 1px solid var(--v-line); font-family: var(--v-font); animation: gc-banner-in .4s var(--v-spring, ease) backwards; }
.gc-banner[hidden] { display: none; }
@keyframes gc-banner-in { from { opacity: 0; transform: translateY(-10px); } }
.gc-banner-dot { flex-shrink: 0; width: 9px; height: 9px; border-radius: 50%; background: currentColor; animation: gc-blink 1.6s ease-in-out infinite; }
.gc-banner-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.gc-banner-text b { font-size: 14px; }
.gc-banner-text small { font-size: 12px; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gc-banner-btn { flex-shrink: 0; min-height: 40px; padding: 0 16px; border: 0; border-radius: 13px; background: #15803D; color: #FFFFFF; font: 800 14px var(--v-font); display: flex; align-items: center; gap: 8px; cursor: pointer; white-space: nowrap; touch-action: manipulation; }
.gc-banner-btn svg { width: 17px; height: 17px; }
.gc-banner-btn:disabled { opacity: .55; cursor: default; }
:root[data-theme="dark"] .gc-banner-btn { background: #16A34A; color: #04210F; }
@media (max-width: 640px) {
  .gc-banner { padding: 8px 12px; gap: 10px; }
  .gc-banner-btn { min-height: 44px; padding: 0 14px; }
}
#chat-room-btn { position: relative; }
.gc-live-dot { display: none; position: absolute; top: 5px; right: 5px; width: 9px; height: 9px; border-radius: 50%; background: #22A559; box-shadow: 0 0 0 2px var(--v-card, #FFFFFF); }
#chat-room-btn.is-live .gc-live-dot { display: block; animation: gc-blink 1.6s ease-in-out infinite; }


.chat-bubble-row.gc-mark-row { justify-content: center; }
.chat-bubble-row.gc-mark-row .chat-bubble-col { align-items: center; max-width: 100%; }
.chat-bubble.gc-mark { display: inline-flex; max-width: 100%; box-sizing: border-box; padding: 8px 16px 8px 10px; border-radius: 999px; background: var(--v-card); color: var(--v-text); box-shadow: 0 0 0 1px var(--v-line); }
.gc-mark-body { display: flex; align-items: center; gap: 10px; min-width: 0; }
.gc-mark-ico { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--v-g-soft); color: var(--v-g-text); display: flex; align-items: center; justify-content: center; }
.gc-mark-ico svg { width: 15px; height: 15px; }
.gc-mark-txt { min-width: 0; display: flex; flex-direction: column; }
.gc-mark-txt b { font-size: 13px; }
.gc-mark-txt small { font-size: 12px; color: var(--v-muted); overflow-wrap: anywhere; }
.chat-bubble.gc-mark .chat-bubble-meta, .chat-bubble.gc-mark .chat-bubble-time { display: none; }

@media (prefers-reduced-motion: reduce) {
  .gc-window, .gc-banner, .gc-minimized .gc-pill { animation: none; }
  .gc-timer i, .gc-banner-dot, #chat-room-btn.is-live .gc-live-dot { animation: none; }
}



.avatar-lg.fav-avatar { background: linear-gradient(135deg, #FF8A3D, #F25C05); color: #FFFFFF; display: flex; align-items: center; justify-content: center; }
.chat-item.fav-row .chat-item-name { gap: 6px; }
.chat-item.fav-row .chat-item-preview { color: var(--v-muted); }
.fav-menu-item .chat-ctx-menu-icon { color: #F25C05; }
.fav-menu-item { font-weight: 800; }

.fav-empty { margin: auto; max-width: 340px; padding: 24px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.fav-empty b { font-size: 20px; color: var(--v-text); }
.fav-empty p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--v-muted); }
.fav-empty-ico { width: 84px; height: 84px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #FFFFFF; background: linear-gradient(135deg, #FF8A3D, #F25C05); box-shadow: 0 12px 32px rgba(242, 92, 5, 0.3); }
.fav-empty-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.fav-empty-tags span { height: 32px; padding: 0 13px; border-radius: 16px; display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; color: var(--v-text); background: var(--v-soft, #F4F4F5); }


.an26-backdrop { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(20, 20, 20, 0.5); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); animation: an26-fade .25s var(--v-ease) both; }
.an26 { width: 100%; max-width: 480px; max-height: calc(100dvh - 32px); display: flex; flex-direction: column; gap: 14px; padding: 22px; border-radius: 22px; background: var(--v-card); color: var(--v-text); box-shadow: var(--v-lift-shadow); font-family: var(--v-font); animation: an26-pop .38s var(--v-spring) both; }
.an26-head { display: flex; align-items: center; gap: 10px; }
.an26-head h3 { margin: 0; font-family: var(--v-display); font-size: 18px; color: var(--v-strong); }
.an26-ico { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: var(--v-o-soft); color: var(--v-accent); flex: none; }
.an26-text { overflow-y: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 15px; line-height: 1.5; color: var(--v-text2); }
.an26-text a { color: var(--v-accent); text-decoration: underline; }
.an26-check { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--v-soft); font-weight: 600; cursor: pointer; }
.an26-check input { width: 20px; height: 20px; accent-color: var(--v-accent); flex: none; }
.an26 .btn { height: 48px; width: 100%; border-radius: 14px; }
.an26 .btn:disabled { opacity: .45; cursor: not-allowed; }
body.an26-open { overflow: hidden; }
@keyframes an26-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes an26-pop { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }
@media (max-width: 860px) {
  .an26-backdrop { align-items: flex-end; padding: 0; }
  .an26 { max-width: none; border-radius: 22px 22px 0 0; padding: 20px 16px calc(16px + env(safe-area-inset-bottom, 0px)); max-height: 90dvh; }
}
@media (prefers-reduced-motion: reduce) { .an26-backdrop, .an26 { animation: none; } }
.an26-check span { color: var(--v-strong); }





body.chat-pinned-mobile.dlg-typing .dlg-thread-tags,
body.chat-pinned-mobile.dlg-typing .fu26-slot,
body.chat-pinned-mobile.dlg-typing .dlg-lk-cards,
body.chat-pinned-mobile.dlg-typing .dlg-length:not(.near):not(.over):not(.split) { display: none; }
body.chat-pinned-mobile.dlg-typing .dlg-ctx-bar { max-height: 60px; overflow: hidden; }
body.chat-pinned-mobile.dlg-typing #dlg-templates-btn,
body.chat-pinned-mobile.dlg-typing #dlg-attach-btn,
body.chat-pinned-mobile.dlg-typing #dlg-attach-off,
body.chat-pinned-mobile.dlg-typing #dlg-mic-btn { display: none; }
body.chat-pinned-mobile.dlg-typing #dlg-msg-input { max-height: min(96px, 26vh) !important; }
body.chat-pinned-mobile.dlg-typing .dlg-thread-messages { min-height: 96px; }


.av26-man { display: flex; flex-direction: column; gap: 16px; font-family: var(--v-font); color: var(--v-text); }
.av26-man-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.av26-man-head h2 { margin: 0; font-family: var(--v-display); font-size: 26px; letter-spacing: -0.02em; color: var(--v-h1); }
.av26-man-head p { margin: 4px 0 0; font-size: 14px; color: var(--v-text3); }
.av26-man-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.av26-man-tabs { display: inline-flex; gap: 4px; padding: 5px; border-radius: 16px; background: var(--v-row); }
.av26-man-tab { height: 40px; padding: 0 14px; border: 0; border-radius: 12px; background: transparent; color: var(--v-text3); font: 700 14px var(--v-font); cursor: pointer; }
.av26-man-tab.is-on { background: var(--v-ink); color: var(--v-on-ink); }
.av26-man-in { height: 44px; box-sizing: border-box; padding: 0 14px; border: 0; border-radius: 13px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text); font: 600 14px var(--v-font); min-width: 150px; }
.av26-man-chk { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px; border-radius: 13px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); font: 600 14px var(--v-font); color: var(--v-text2); }
.av26-man-cols { display: flex; gap: 20px; align-items: flex-start; flex-wrap: wrap; }
.av26-man-list { flex: 1 1 520px; min-width: 0; background: var(--v-card); border-radius: 22px; box-shadow: var(--v-card-shadow); overflow: hidden; }
.av26-man-lh { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 20px; border-bottom: 1px solid var(--v-line); font-size: 14px; }
.av26-man-lh span { font-size: 13px; font-weight: 600; color: var(--v-muted); }
.av26-man-row { display: flex; align-items: center; gap: 14px; width: 100%; box-sizing: border-box; padding: 12px 20px; border: 0; border-bottom: 1px solid var(--v-soft); background: var(--v-card); color: inherit; text-align: left; font-family: var(--v-font); cursor: pointer; transition: background-color .2s ease; }
.av26-man-row:hover { background: var(--v-hover); }
.av26-man-row.is-on { background: var(--v-o-soft); }
.av26-man-row.is-locked { opacity: .78; cursor: not-allowed; }
.av26-man-box { flex-shrink: 0; width: 22px; height: 22px; box-sizing: border-box; border-radius: 7px; display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 2px var(--v-bar2); color: #fff; }
.av26-man-row.is-on .av26-man-box { background: var(--v-accent); box-shadow: none; }
.av26-man-main { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.av26-man-main b { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.av26-man-main span { font-size: 12px; color: var(--v-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.av26-man-row .av26-pill { flex-shrink: 0; }
.av26-pill.is-warn { background: var(--v-a-soft); color: var(--v-a-text); }
.av26-pill.is-gray { background: var(--v-soft); color: var(--v-text3); }
.av26-man-side { flex: 0 0 440px; max-width: 100%; display: flex; flex-direction: column; gap: 14px; }
#av-man-panel { display: flex; flex-direction: column; gap: 14px; }
.av26-man-block { padding: 20px; border-radius: 22px; background: var(--v-card); box-shadow: var(--v-card-shadow); display: flex; flex-direction: column; gap: 14px; }
.av26-man-bh { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.av26-man-bh h3 { margin: 0; font-family: var(--v-display); font-size: 18px; color: var(--v-h1); }
.av26-man-bh span { font-size: 13px; font-weight: 600; color: var(--v-muted); }
.av26-man-f { display: flex; flex-direction: column; gap: 8px; }
.av26-man-f label { font-size: 12px; font-weight: 800; letter-spacing: .06em; color: var(--v-muted); }
.av26-man-f small { color: var(--v-muted); font-size: 12px; }
.av26-man-f input, .av26-man-f textarea { box-sizing: border-box; width: 100%; padding: 12px 14px; border: 0; border-radius: 13px; background: var(--v-soft); color: var(--v-text); font: 600 15px var(--v-font); resize: vertical; }
.av26-man-f textarea { font-weight: 500; font-size: 14px; line-height: 1.45; }
.av26-man-packs { display: flex; gap: 8px; flex-wrap: wrap; }
.av26-man-pack { height: 40px; padding: 0 14px; border: 0; border-radius: 12px; background: var(--v-soft); color: var(--v-text2); font: 700 13px var(--v-font); cursor: pointer; }
.av26-man-pack.is-on { background: var(--v-ink); color: var(--v-on-ink); }
.av26-man-cmp { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 14px; background: var(--v-soft); }
.av26-man-cmp small { font-size: 11px; font-weight: 800; letter-spacing: .06em; color: var(--v-muted); }
.av26-man-cmp b { font-size: 14px; }
.av26-man-cmp span { font-size: 13px; color: var(--v-text3); }
.av26-man-cmp .av26-man-desc { white-space: pre-line; }
.av26-man-cmp.is-new { background: var(--v-o-soft); box-shadow: 0 0 0 1px var(--v-o-soft2); }
.av26-man-cmp.is-new small { color: var(--v-o-text); }
.av26-man-safe { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--v-g-soft); color: var(--v-g-text); font-size: 13px; font-weight: 600; line-height: 1.4; }
.av26-man-safe svg { flex-shrink: 0; }
.av26-man-safe.is-bad { background: var(--v-r-soft); color: var(--v-r-text); }
.av26-man-warn { padding: 14px 16px; border-radius: 16px; background: var(--v-r-soft); color: var(--v-r-text); font-size: 14px; line-height: 1.45; }
.av26-man-hint { padding: 16px 20px; font-size: 14px; color: var(--v-muted); }
.av26-man-go { height: 54px; border: 0; border-radius: 16px; background: var(--v-accent); color: #fff; font: 800 16px var(--v-font); cursor: pointer; transition: transform .25s var(--v-spring); }
.av26-man-go:hover:not(:disabled) { transform: translateY(-1px); }
.av26-man-go:active:not(:disabled) { transform: scale(.97); }
.av26-man-go:disabled { background: var(--v-bar); color: var(--v-text3); cursor: not-allowed; }
.av26-man-foot { text-align: center; font-size: 12px; color: var(--v-muted); }
.av26-man-hist { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; color: var(--v-text2); }
.av26-man-hist em { color: var(--v-muted); font-style: normal; }
@media (max-width: 900px) {
  .av26-man-side { flex: 1 1 100%; }
  .av26-man-row { padding: 12px 14px; gap: 10px; }
  .av26-man-row .av26-pill { display: none; }
  .av26-man-main b, .av26-man-main span { white-space: normal; }
  .av26-man-go { position: sticky; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
}
.av26-man-chk { white-space: nowrap; }
.av26-man-chk input { width: auto; margin: 0; }
.av26-man-in { width: auto; flex: 0 1 220px; }








.dlg-thread-body { flex: 1 1 auto; min-height: 0; display: flex; }
.dlg-thread-main { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column; }
.fu26-slot[hidden] { display: none !important; }
.fu26-panel { display: flex; flex-direction: column; }
.fu26-panel-head { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--v-line); }
.fu26-panel-head > b { flex: 1 1 auto; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; color: var(--v-text); }
.fu26-panel-head .fu26-mini { width: 34px; height: 34px; padding: 0; justify-content: center; }
.fu26-signal { margin: 12px 14px 6px; padding: 10px 12px; border-radius: 14px; background: var(--v-soft); color: var(--v-text2); font: 600 13px/1.4 var(--v-font); display: flex; gap: 9px; align-items: flex-start; }
.fu26-signal.is-now { background: var(--v-o-soft); color: var(--v-o-text); font-weight: 700; }
.fu26-dot { flex: none; width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: var(--v-muted); }
.fu26-signal.is-now .fu26-dot { background: var(--v-accent); animation: fu26-pulse 2s infinite; }
@keyframes fu26-pulse { 0% { box-shadow: 0 0 0 0 rgba(242, 92, 5, .5); } 70% { box-shadow: 0 0 0 8px rgba(242, 92, 5, 0); } 100% { box-shadow: 0 0 0 0 rgba(242, 92, 5, 0); } }
.fu26-rows { padding: 6px 10px 14px; display: flex; flex-direction: column; gap: 4px; }
.fu26-row { width: 100%; min-height: 44px; padding: 7px 10px; border: 0; border-radius: 14px; background: transparent; color: var(--v-text); font: 700 14px var(--v-font); text-align: left; display: flex; align-items: center; gap: 10px; cursor: pointer; transition: background-color .15s ease, box-shadow .15s ease; }
.fu26-row:hover { background: var(--v-hover); }
.fu26-row.is-on { background: var(--v-o-soft); color: var(--v-o-text); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.fu26-row-ico { flex: none; width: 30px; height: 30px; border-radius: 10px; background: var(--v-soft); display: flex; align-items: center; justify-content: center; }
.fu26-row.is-on .fu26-row-ico { background: var(--v-accent); color: #FFFFFF; }
.fu26-row-t { min-width: 0; flex: 1 1 auto; }
.fu26-row i { font-style: normal; flex: none; height: 18px; padding: 0 7px; border-radius: 999px; background: var(--v-accent); color: #FFFFFF; font-size: 10.5px; font-weight: 800; display: inline-flex; align-items: center; }
.fu26-row-chev { margin-left: auto; display: flex; transition: transform .2s ease; }
.fu26-row.is-open .fu26-row-chev { transform: rotate(180deg); }
.fu26-obj-list { padding: 4px 0 2px 20px; display: flex; flex-direction: column; gap: 4px; animation: fu26-drop .25s cubic-bezier(.22, 1, .36, 1); }
@keyframes fu26-drop { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.fu26-obj-list[hidden], .fu26-rail { display: none; }


.dlg-fu-side .fu26-slot { flex: 0 0 300px; width: 300px; padding: 0; gap: 0; border-top: 0; border-left: 1px solid var(--v-line); background: var(--v-card); overflow-y: auto; animation: fu26-col .45s cubic-bezier(.22, 1, .36, 1); }
@keyframes fu26-col { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: none; } }
.dlg-fu-side .fu26-fold svg { transform: rotate(-90deg); }
.dlg-fu-side .fu26-slot[data-fu-collapsed="1"] { flex-basis: 64px; width: 64px; overflow: hidden; }
.dlg-fu-side .fu26-slot[data-fu-collapsed="1"] .fu26-panel { display: none; }
.dlg-fu-side .fu26-slot[data-fu-collapsed="1"] .fu26-rail { display: flex; }
.fu26-rail { width: 100%; padding: 12px 0; border: 0; background: transparent; color: var(--v-o-text); cursor: pointer; flex-direction: column; align-items: center; gap: 14px; font-family: var(--v-font); }
.fu26-rail-ico { position: relative; width: 44px; height: 44px; border-radius: 14px; background: var(--v-soft); color: var(--v-text2); display: flex; align-items: center; justify-content: center; }
.fu26-slot.has-now .fu26-rail-ico { background: var(--v-o-soft); color: var(--v-o-text); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.fu26-rail-ico em { position: absolute; top: -5px; right: -5px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--v-accent); color: #FFFFFF; font: 800 11px var(--v-font); font-style: normal; display: flex; align-items: center; justify-content: center; border: 2px solid var(--v-card); }
.fu26-rail-txt { writing-mode: vertical-rl; transform: rotate(180deg); font: 800 12px var(--v-font); letter-spacing: .06em; text-transform: uppercase; color: var(--v-text3); }
.fu26-slot.has-now .fu26-rail-txt { color: var(--v-o-text); }
.chat-thread.dlg-fu-side .dlg-assist-mini-btn.fu26-open-btn { display: none !important; }


.chat-thread:not(.dlg-fu-side) .fu26-slot:not(.is-open) { display: none; }
.chat-thread:not(.dlg-fu-side) .fu26-slot.is-open { padding: 0; gap: 0; border-top: 1px solid var(--v-line); background: var(--v-card); border-radius: 20px 20px 0 0; box-shadow: 0 -8px 28px rgba(16, 17, 20, .10); max-height: min(48vh, 400px); overflow-y: auto; animation: fu26-sheet .35s cubic-bezier(.22, 1, .36, 1); }
@keyframes fu26-sheet { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
.chat-thread:not(.dlg-fu-side) .fu26-panel-head { position: sticky; top: 0; background: var(--v-card); z-index: 1; }


.fu26-thread-pill[role="button"] { cursor: pointer; }
.fu26-thread-pill.has-now { box-shadow: inset 0 0 0 1.2px var(--v-accent); }
.fu26-open-btn { gap: 7px; }
.fu26-open-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--v-muted); flex: none; }
.fu26-open-btn.has-now { background: var(--v-o-soft); color: var(--v-o-text); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.fu26-open-btn.has-now .fu26-open-dot { background: var(--v-accent); animation: fu26-pulse 2s infinite; }
@media (max-width: 1040px) { .fu26-row { min-height: 48px; } .fu26-panel-head .fu26-mini { width: 40px; height: 40px; } }
@media (prefers-reduced-motion: reduce) { .dlg-fu-side .fu26-slot, .chat-thread:not(.dlg-fu-side) .fu26-slot.is-open, .fu26-obj-list, .fu26-signal.is-now .fu26-dot, .fu26-open-btn.has-now .fu26-open-dot { animation: none; } }



body.chat-pinned-mobile .dlg-assist-actions [data-needs-text] { order: -1; }
body.chat-pinned-mobile .dlg-assist-actions .dlg-assist-sep { display: none; }
body.chat-pinned-mobile.dlg-typing .dlg-assist-mini-btn.fu26-open-btn { display: none !important; }

.av26-man-desc { font-size: 13px; line-height: 1.5; color: var(--v-text2); }
.av26-man-desc p { margin: 0 0 8px; }
.av26-man-desc ul, .av26-man-desc ol { margin: 0 0 8px; padding-left: 20px; }
.av26-man-desc strong { color: var(--v-text); }






.is-editing-msg #chat-action-btn.is-save {
  width: auto !important; min-width: var(--composer-h, 44px); padding: 0 16px !important; gap: 6px; border-radius: 999px !important;
  font: 700 14px/1 var(--v-font, inherit); flex-direction: row;
}
.is-editing-msg #chat-action-btn.is-save #chat-action-btn-icon { display: inline-flex; flex-direction: row; align-items: center; gap: 6px; }
@media (max-width: 420px) {
  .is-editing-msg #chat-action-btn.is-save { padding: 0 !important; width: var(--composer-h, 44px) !important; }
}
.c26 .chat-edit-preview .chat-reply-preview-body { border-left-color: var(--v-accent); }
.c26 .chat-edit-preview .chat-reply-preview-author svg { flex-shrink: 0; }
.c26 .chat-bubble-row.is-editing .chat-bubble { box-shadow: 0 0 0 2px var(--v-accent); }

.rt-area { resize: vertical; }


.rt-btn.is-on, .modal.m26 .rt-btn.is-on { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.rt-btn.is-on:hover:not(:disabled), .modal.m26 .rt-btn.is-on:hover:not(:disabled) { background: var(--v-ink); }
.av26-man .rt { border: 0; border-radius: 14px; background: var(--v-soft); }
.av26-man .rt-toolbar { display: flex; gap: 6px; flex-wrap: wrap; padding: 8px; border: 0; border-bottom: 1px solid var(--v-line); background: none; }
.av26-man .rt-btn { height: 40px; min-width: 40px; padding: 0 12px; border: 0; border-radius: 11px; background: var(--v-card); box-shadow: inset 0 0 0 1px var(--v-chip-ring); color: var(--v-text); font: 700 14px var(--v-font); cursor: pointer; }
.av26-man .rt-btn:hover:not(:disabled) { background: var(--v-hover); }
.av26-man .rt-btn.rt-right { background: none; box-shadow: none; color: var(--v-o-text); margin-left: auto; }
.av26-man .rt-area { padding: 12px 14px; background: none; color: var(--v-text); font: 500 14px/1.55 var(--v-font); min-height: 150px; }
.av26-man .rt-code { width: 100%; box-sizing: border-box; padding: 12px 14px; border: 0; background: none; color: var(--v-text); font: 500 13px/1.5 ui-monospace, Menlo, monospace; resize: vertical; }


.tn26-subtabs { align-self: flex-start; display: inline-flex; gap: 4px; padding: 4px; border-radius: 14px; background: var(--v-bar); }
.tn26-subtabs button { height: 36px; padding: 0 14px; border: 0; border-radius: 10px; background: transparent; color: var(--v-text3); display: inline-flex; align-items: center; gap: 7px; font-family: var(--v-font); font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.tn26-subtabs button.is-on { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.tn26-out.is-dropped, .tn26-out.is-pending { background: var(--v-soft); color: var(--v-text3); }
.tn26-sits { padding: 20px 22px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.tn26-sits-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 6px; }
.tn26 .tn26-sits-head h3 { font-family: var(--v-display); font-size: 17px; font-weight: 700; }
.tn26-sits-head p { margin: 4px 0 0; font-size: 13px; color: var(--v-muted); }
.tn26-legend { display: flex; gap: 14px; font-size: 12px; color: var(--v-muted); flex-wrap: wrap; }
.tn26-legend span { display: inline-flex; align-items: center; gap: 6px; }
.tn26-legend i, .tn26-stack i { font-style: normal; }
.tn26-legend i { width: 10px; height: 10px; border-radius: 3px; }
.tn26-legend .is-ok, .tn26-stack .is-ok { background: var(--v-g-dot); }
.tn26-legend .is-ed, .tn26-stack .is-ed { background: #F5B83D; }
.tn26-legend .is-dr, .tn26-stack .is-dr { background: var(--v-bar2); }
.tn26-sit { display: grid; grid-template-columns: 230px minmax(0, 1fr) 130px; gap: 16px; align-items: center; width: 100%; padding: 9px 10px; border: 0; border-radius: 14px; background: transparent; color: var(--v-text); text-align: left; font-family: var(--v-font); cursor: pointer; }
.tn26-sit:hover { background: var(--v-row-hover); }
.tn26-sit.is-on { background: var(--v-o-soft); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.tn26-sit:focus-visible { outline: 2px solid var(--v-accent); outline-offset: -2px; }
.tn26-sit-name { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tn26-sit-name b { font-size: 14px; }
.tn26-sit-name small { font-size: 12px; color: var(--v-muted); }
.tn26-stack { display: flex; height: 10px; gap: 2px; border-radius: 5px; overflow: hidden; background: var(--v-row); }
.tn26-stack i { display: block; height: 100%; min-width: 0; }
.tn26-sit-w { font-size: 12.5px; font-weight: 700; text-align: right; color: var(--v-muted); font-variant-numeric: tabular-nums; }
.tn26-sit.is-worst .tn26-sit-w { color: var(--v-r-text); }
.tn26-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.tn26-chips .tn26-who { max-width: none; height: 26px; }
.tn26-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.tn26-opt.tc-ai { background: var(--v-soft); }
.tc-removed { background: var(--v-r-soft); color: var(--v-r-text); text-decoration: line-through; border-radius: 4px; padding: 0 2px; }
.tn26-fb .tc-fb-del { min-height: 0; margin-left: 6px; vertical-align: middle; }
.tn26-newrule { padding: 18px 20px; display: flex; flex-direction: column; gap: 10px; }
.tn26-newrule-row { display: flex; gap: 10px; align-items: stretch; flex-wrap: wrap; }
.tn26-newrule-row textarea { flex: 2 1 320px; min-height: 48px; box-sizing: border-box; padding: 12px 14px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 14px; line-height: 1.5; resize: vertical; }
.tn26-newrule-row textarea:focus, .tn26-newrule-row select:focus { outline: none; box-shadow: 0 0 0 2px var(--v-accent); }
.tn26-newrule-row select { flex: 1 1 200px; min-height: 48px; box-sizing: border-box; padding: 0 12px; border: 0; border-radius: 14px; background: var(--v-soft); color: var(--v-text); font-family: var(--v-font); font-size: 14px; }
.tn26-newrule-row .od26-btn { height: 48px; }
.tn26-rules-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 4px; }
.tn26 .tn26-rules-h h3 { font-family: var(--v-display); font-size: 17px; font-weight: 700; display: inline-flex; align-items: center; gap: 8px; }
.tn26-rules-h > span { font-size: 12.5px; color: var(--v-muted); }
.tn26-rule2 { display: flex; align-items: flex-start; gap: 14px; padding: 16px 18px; }
.tn26-rule2.is-off { opacity: .6; }
.tn26-rule2-main { flex: 1; min-width: 0; }
.tn26-rule2-main p { margin: 0; font-size: 14.5px; line-height: 1.5; font-weight: 600; overflow-wrap: anywhere; }
.tn26-rule2-meta { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 8px; font-size: 12px; color: var(--v-muted); }
.tc-switch { width: 44px; height: 26px; flex-shrink: 0; margin-top: 2px; padding: 0; border: 0; border-radius: 13px; background: var(--v-bar2); position: relative; cursor: pointer; transition: background-color .2s ease; }
.tc-switch i { position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform .25s var(--v-spring); }
.tc-switch.is-on { background: var(--v-accent); }
.tc-switch.is-on i { transform: translateX(18px); }
.tc-switch:focus-visible { outline: 2px solid var(--v-accent); outline-offset: 2px; }
.tn26-iconbtn { width: 36px; height: 36px; flex-shrink: 0; border: 0; border-radius: 11px; background: var(--v-soft); color: var(--v-text3); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.tn26-iconbtn:hover { background: var(--v-row-hover); color: var(--v-text); }
:root[data-theme="dark"] .tc-removed { background: rgba(229, 72, 77, .22); }
@container tn26 (max-width: 860px) {
  .tn26.is-open .tn26-sits, .tn26.is-open .tn26-subtabs { display: none; }
  .tn26-sit { grid-template-columns: minmax(0, 1fr) 90px; }
  .tn26-sit .tn26-stack { grid-column: 1 / -1; grid-row: 2; }
  .tn26-pair { grid-template-columns: minmax(0, 1fr); }
  .tn26-rule2 { flex-wrap: wrap; }
}


.tabs-scroll { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
.tabs-scroll::-webkit-scrollbar { display: none; }
.tabs-scroll.tabs-fade-l { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 30px); mask-image: linear-gradient(90deg, transparent 0, #000 30px); }
.tabs-scroll.tabs-fade-r { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%); mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%); }
.tabs-scroll.tabs-fade-l.tabs-fade-r { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 30px, #000 calc(100% - 30px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 30px, #000 calc(100% - 30px), transparent 100%); }
.tabs-scroll.tabs-dragging { cursor: grabbing; user-select: none; -webkit-user-select: none; }
.tabs-scroll.tabs-dragging * { cursor: grabbing; }
.tabs-scroll-arrow {
  position: absolute; z-index: 3; width: 22px; box-sizing: border-box; margin: 0; border: 0; box-shadow: none;
  display: none; align-items: center; font: 700 20px/1 var(--v-font); color: var(--v-text); cursor: pointer;
}
.tabs-scroll-l { justify-content: flex-start; padding-left: 5px; background: linear-gradient(90deg, var(--v-card) 45%, transparent); }
.tabs-scroll-r { justify-content: flex-end; padding-right: 5px; background: linear-gradient(270deg, var(--v-card) 45%, transparent); }
.tabs-scroll-arrow:hover { color: var(--v-accent); }
@media (hover: hover) and (pointer: fine) { .tabs-scroll-arrow.on { display: flex; } }













@media (min-width: 861px) and (max-width: 1279px) {
  :root {






    --cd-u: clamp(0.76px, calc(0.76px + (100vw - 1100px) * 0.001333), 1px);
    --cd-us: clamp(0.66px, calc(0.66px + (100vw - 1100px) * 0.001889), 1px);
    --cd-ut: clamp(0.93px, calc(0.93px + (100vw - 1100px) * 0.000389), 1px);
    --cd-side: clamp(208px, calc(208px + (100vw - 1100px) * 0.3111), 264px);
    --cd-pad: clamp(24px, calc(24px + (100vw - 1100px) * 0.1778), 56px);
    --cd-btn: clamp(36px, calc(36px + (100vw - 1100px) * 0.0444), 44px);
    --cd-tab: clamp(36px, calc(36px + (100vw - 1100px) * 0.0222), 40px);
  }
}

@media (min-width: 861px) and (max-width: 1279px) {

  .sidebar { width: var(--cd-side); padding: calc(20 * var(--cd-us)) calc(14 * var(--cd-us)); }
  .sidebar .brand { margin-bottom: calc(20 * var(--cd-us)); }
  .nav-item { height: max(34px, calc(40 * var(--cd-u))); padding: 0 10px; gap: 10px; font-size: calc(14 * var(--cd-ut)); }
  .nav-substatus-list > .nav-substatus { height: 28px; padding-left: 38px; }
  .project-filter { margin-top: calc(20 * var(--cd-us)); }
  .sidebar-user { padding: 8px; gap: 10px; }
  body:not(.pp-off) { --hdr-h: max(56px, calc(72 * var(--cd-us))); }
  body:not(.pp-off) .app-header { height: var(--hdr-h); }
  .app-header { padding: 0 var(--cd-pad); }
  main#main { padding: 0 var(--cd-pad) var(--cd-pad); }



  main#main .h26 { gap: calc(64 * var(--cd-us)); }
  main#main .h26.o26 { gap: calc(24 * var(--cd-us)); }
  main#main :is(.h26.p26, .h26.c26, .h26.dl26) { gap: calc(22 * var(--cd-us)); }
  main#main .h26.cn26 { gap: calc(20 * var(--cd-us)); }
  main#main .h26.tn26 { gap: calc(18 * var(--cd-us)); }
  main#main :is(.h26.od26, .h26.pd26, .h26.nn26) { gap: max(12px, calc(16 * var(--cd-us))); }
  main#main .h26-sec { gap: calc(20 * var(--cd-us)); }

  main#main .h26 h1:not(.h26-title), main#main .h26 .topbar h2, main#main .h26 > div > h2:first-child { font-size: calc(34 * var(--cd-u)); }
  main#main .h26.tn26 h1:not(.h26-title) { font-size: calc(28 * var(--cd-u)); }
  main#main .h26.cn26 h1:not(.h26-title) { font-size: calc(30 * var(--cd-u)); }
  main#main .od26 h2.od26-title { font-size: calc(32 * var(--cd-u)); }
  main#main .clx26 .cl-hero-name { font-size: calc(24 * var(--cd-u)); }

  main#main .h26 :is(.fin-sub, .page-sub, .cal26-sub, h1 + p, .o26-text p, .topbar .sub) { font-size: calc(15 * var(--cd-ut)); }

  main#main .h26-head h2 { font-size: calc(24 * var(--cd-u)); }
  main#main .h26-head p { font-size: calc(15 * var(--cd-ut)); }
  main#main .h26-card-head h3 { font-size: calc(20 * var(--cd-u)); }


  main#main .h26-hero { padding-top: calc(40 * var(--cd-us)); gap: calc(22 * var(--cd-us)); }
  main#main .h26 .h26-title { font-size: calc(46 * var(--cd-u)); }
  main#main .h26-hello { font-size: calc(15 * var(--cd-ut)); }
  main#main .h26-chip { height: max(36px, calc(40 * var(--cd-u))); padding: 0 calc(16 * var(--cd-us)); font-size: calc(14 * var(--cd-ut)); }
  main#main .h26-ask { height: max(46px, calc(60 * var(--cd-u))); padding-left: calc(22 * var(--cd-us)); border-radius: calc(24 * var(--cd-us)); }
  main#main .h26-ask input { font-size: calc(15 * var(--cd-ut)); }
  main#main .h26-send { width: max(36px, calc(42 * var(--cd-u))); height: max(36px, calc(42 * var(--cd-u))); }
  main#main .h26-deadline-btn { height: var(--cd-btn); }
  main#main :is(.h26-posters, .h26-tiles, .h26-grid) { gap: var(--cd-gap, calc(16 * var(--cd-us))); }
  main#main .h26-poster { height: calc(248 * var(--cd-us)); padding: calc(24 * var(--cd-us)); }
  main#main .h26-art { width: calc(180 * var(--cd-us)); height: calc(180 * var(--cd-us)); }
  main#main :is(.h26-poster-count, .h26-poster-top > b) { font-size: calc(56 * var(--cd-u)); }
  main#main .h26-poster-count.is-money { font-size: calc(44 * var(--cd-u)); }
  main#main .h26-poster-label { font-size: calc(20 * var(--cd-u)); }
  main#main .h26-tile { height: calc(132 * var(--cd-u)); padding: calc(20 * var(--cd-us)); }
  main#main .h26-tiles-6 .h26-tile { height: calc(120 * var(--cd-u)); padding: calc(18 * var(--cd-us)); }
  main#main .h26-tile-bottom b { font-size: calc(36 * var(--cd-u)); }
  main#main .h26-tiles-6 .h26-tile-bottom b { font-size: calc(32 * var(--cd-u)); }
  main#main .h26-tile-top { font-size: calc(14 * var(--cd-ut)); }
  main#main .h26-ico { width: calc(34 * var(--cd-u)); height: calc(34 * var(--cd-u)); }
  main#main .h26-card { padding: calc(24 * var(--cd-us)); }
  main#main .h26-card.h26-empty { padding: calc(24 * var(--cd-us)); }

  main#main .mh-medals { gap: calc(14 * var(--cd-us)); }
  main#main .mh-medal { padding: calc(18 * var(--cd-us)) 8px calc(16 * var(--cd-us)); }
  main#main .mh-medal-ring { width: calc(92 * var(--cd-u)); height: calc(92 * var(--cd-u)); }
  main#main .mh-medal b { margin-top: calc(12 * var(--cd-us)); font-size: calc(14 * var(--cd-ut)); }
  main#main .mh-search { padding: calc(16 * var(--cd-us)) calc(18 * var(--cd-us)) calc(14 * var(--cd-us)); }


  main#main :is(.od26-card, .br26-card, .tk26-poster, .wn26-poster, .fin-chart-card, .avito-cab, .pf26-hero, .kb26-card, .h26 > .section, .h26 .section.h26-rv, .adm-card, .seo26-setup, .dz26-pane, .cn26-card, .tn26-card, .p26-card, .cal26-card, .clx26 .cl-card) {
    padding: calc(22 * var(--cd-us));
  }
  main#main .f26 .fin-kpi, main#main .clx26 .fin-kpi { padding: calc(18 * var(--cd-us)); }
  main#main .f26 .fin-kpi-value { font-size: calc(26 * var(--cd-u)); }
  main#main .clx26 .fin-kpi-value { font-size: calc(28 * var(--cd-u)); }
  main#main :is(.tk26-poster-num, .wn26-poster-num) { font-size: calc(44 * var(--cd-u)); }




  main#main .dl26.dl26-tab-list .dlg-mac-view .chat-list { flex: 0 1 calc(400 * var(--cd-us)); min-width: 300px; }
  body:not(.chat-pinned-mobile) main#main .c26 .chat-list { width: calc(300 * var(--cd-us)); min-width: 240px; }
  main#main .dl26 .dlg-mac-view .chat-list-head h3 { font-size: calc(25 * var(--cd-u)); }
  main#main .ao26 { width: max(280px, calc(340 * var(--cd-us))); }


  main#main :is(.btn, .od26-btn, .br26-btn, .o26-new, .fin-add, .cal26-today, .cal26-add, .cal26-day-add, .av26-primary, .tn26-btn-ink, .br26-back, .br26-selbtn) {
    height: var(--cd-btn); min-height: 0; padding-top: 0; padding-bottom: 0;
  }
  main#main :is(.btn, .od26-btn, .br26-btn) { font-size: calc(14 * var(--cd-ut)); }
  main#main .cal26-icon-btn { width: var(--cd-btn); height: var(--cd-btn); }
  main#main :is(.od26-tabs button, .tn26-tab, .content-tab-btn, .cal-show-chip, .tk26-overdue-chip, .o26-seg button, .segmented button) { height: var(--cd-tab); }
}



@media (min-width: 1041px) and (max-width: 1259px) {
  body.hdr-in-side .sidebar .brand .brand-name { display: none; }
  body.hdr-in-side .sidebar .brand .brand-search { margin-left: auto; }
}









@media (min-width: 861px) and (max-width: 1040px) {


  body.chat-pinned-mobile:not(.chat-thread-open) .dl26 .dlg-mac-view .chat-list-head {
    box-sizing: border-box; min-height: 64px; padding: 10px 14px 8px; align-items: center;
  }
  body.chat-pinned-mobile:not(.chat-thread-open) .dl26 .dlg-mac-view .chat-list-head h3 { visibility: visible; font-size: 22px; }

  body.chat-pinned-mobile:not(.chat-thread-open) .dl26.dl26-rail-collapsed .dlg-mac-view .chat-list-head { padding-left: 74px; }
}




.dlg-mac-view .chat-items:has(.fu26-pick) .dlg-list-item:not(:has(> .fu26-pick))::before {
  content: ''; flex: 0 0 22px; margin-right: -2px;
}

.dlg-mac-view .dlg-list-item .dlg-avatar { overflow: visible; }
.dlg-mac-view .dlg-list-item .dlg-avatar-badge { z-index: 1; }


.dlg-item-await { gap: 0.3em; }






.mobile-menu-btn { transition: left .2s ease; }
body:has(#sidebar.open) .mobile-menu-btn { left: min(272px, calc(82vw + 12px)); }
body:has(#sidebar.open) .mobile-menu-btn svg { display: none; }
body:has(#sidebar.open) .mobile-menu-btn::before, body:has(#sidebar.open) .mobile-menu-btn::after {
  content: ''; position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; margin: -1px 0 0 -9px;
  border-radius: 1px; background: currentColor; transform: rotate(45deg);
}
body:has(#sidebar.open) .mobile-menu-btn::after { transform: rotate(-45deg); }

body.chat-pinned-mobile .sidebar.open .brand { padding-left: 8px; }
.mobile-menu-btn:focus:not(:focus-visible) { outline: none; }
.mobile-menu-btn:focus-visible { outline: 2px solid var(--v-accent); outline-offset: 3px; }


.modal.sc-modal { width: min(660px, calc(100vw - 24px)); max-height: calc(100vh - 32px); overflow: auto; }
.sc-wiz { display: flex; flex-direction: column; gap: 14px; font-family: var(--v-font); color: var(--v-text); }
.sc-head h3 { margin: 0; font: 800 20px var(--v-display); }
.sc-steps { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 12.5px; font-weight: 700; color: var(--v-muted); }
.sc-steps span { display: inline-flex; align-items: center; gap: 8px; }
.sc-steps i { width: 22px; height: 22px; border-radius: 50%; background: var(--v-soft); display: inline-flex; align-items: center; justify-content: center; font-style: normal; font-weight: 800; font-size: 12px; }
.sc-steps .on { color: var(--v-text); }
.sc-steps .on i { background: var(--v-accent); color: #fff; }
.sc-steps .done i { background: var(--v-g-soft); color: var(--v-g-text); }
.sc-steps hr { width: 22px; margin: 0; flex: none; border: 0; border-top: 1.5px solid var(--v-line); }
.sc-doms { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.sc-doms:empty { display: none; }
.sc-dom { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 15px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); font-size: 13px; font-weight: 700; }
.sc-dom small { color: var(--v-muted); font-weight: 600; font-size: 12px; }
.sc-dom.is-bad { box-shadow: 0 0 0 1.5px var(--v-a-text); color: var(--v-a-text); }
.sc-rad { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 14px; background: var(--v-soft); margin-top: 8px; cursor: pointer; }
.sc-rad.on { background: var(--v-o-soft); box-shadow: inset 0 0 0 2px var(--v-accent); }
.sc-rad.on b { color: var(--v-o-text); }
.sc-rad span { display: flex; flex-direction: column; gap: 2px; font-size: 14px; }
.sc-rad small, .sc-opt small { color: var(--v-muted); font-size: 12.5px; font-weight: 500; }
.sc-rad input { margin-top: 3px; accent-color: var(--v-accent); }
.sc-mgrs { display: flex; flex-direction: column; gap: 6px; margin: 8px 0 0 6px; }
.sc-mgr { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 12px; background: var(--v-soft); font-size: 14px; font-weight: 700; cursor: pointer; }
.sc-mgr input { accent-color: var(--v-accent); width: 18px; height: 18px; }
.sc-err { min-height: 0; color: var(--v-a-text); font-size: 13.5px; font-weight: 600; }
.sc-err:empty { display: none; }
.sc-site { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; font-size: 13.5px; }
.sc-site span { color: var(--v-muted); overflow-wrap: anywhere; }
.sc-link { border: 0; background: none; padding: 0; color: var(--v-o-text); font: 700 13px var(--v-font); cursor: pointer; text-decoration: underline; }
.sc-code { margin: 0 0 8px; padding: 14px 16px; border-radius: 14px; background: #17171C; color: #8FD3A6; font: 500 13px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; word-break: break-all; user-select: all; }
.sc-tabs { display: flex; gap: 4px; padding: 4px; border-radius: 14px; background: var(--v-soft); }
.sc-tabs button { flex: 1; height: 36px; border: 0; border-radius: 10px; background: none; color: var(--v-muted); font: 700 13px var(--v-font); cursor: pointer; }
.sc-tabs button.on { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 4px rgba(0, 0, 0, .12); }
.sc-how { margin: 10px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; line-height: 1.5; }
.sc-opts { display: flex; flex-direction: column; gap: 12px; padding: 12px 14px; border-radius: 14px; background: var(--v-soft); }
.sc-opt { display: flex; gap: 12px; align-items: flex-start; font-size: 13.5px; }
.sc-opt > span { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.sc-opt .input { flex: 0 1 190px; min-width: 0; }
.sc-opt input[type=checkbox] { margin-top: 3px; accent-color: var(--v-accent); width: 18px; height: 18px; }
.sc-check { display: flex; flex-direction: column; gap: 12px; padding: 14px; border-radius: 14px; background: var(--v-soft); }
.sc-check-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.sc-pill { display: inline-flex; align-items: center; height: 30px; padding: 0 14px; border-radius: 15px; background: var(--v-line); color: var(--v-muted); font-size: 13.5px; font-weight: 800; }
.sc-pill.is-ok { background: var(--v-g-soft); color: var(--v-g-text); }
.sc-line { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.4; font-weight: 600; }
.sc-line i { width: 22px; height: 22px; border-radius: 50%; flex: none; display: inline-flex; align-items: center; justify-content: center; font-style: normal; font-size: 12px; font-weight: 800; background: var(--v-line); color: var(--v-muted); }
.sc-line.is-ok i { background: var(--v-g-soft); color: var(--v-g-text); }
.sc-line.is-bad i { background: var(--v-a-soft); color: var(--v-a-text); }
@media (max-width: 860px) { .sc-opt { flex-direction: column; } .sc-opt .input { flex: none; width: 100%; } .sc-code { font-size: 12px; } }

.sc-report { background: var(--v-card); border-radius: 22px; box-shadow: 0 0 0 1px var(--v-chip-ring); padding: 18px; display: flex; flex-direction: column; gap: 12px; margin-bottom: 14px; }
.sc-report-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.sc-report-head h4 { margin: 0; font: 800 17px var(--v-display); }
.sc-seg { display: inline-flex; gap: 4px; padding: 4px; border-radius: 13px; background: var(--v-soft); }
.sc-seg button { height: 32px; padding: 0 14px; border: 0; border-radius: 10px; background: none; color: var(--v-muted); font: 700 13px var(--v-font); cursor: pointer; }
.sc-seg button.on { background: var(--v-card); color: var(--v-text); box-shadow: 0 1px 4px rgba(0, 0, 0, .12); }
.sc-row { display: flex; align-items: center; gap: 14px; }
.sc-row-name { display: flex; flex-direction: column; width: 200px; min-width: 0; flex: none; }
.sc-row-name b { font-size: 14px; }
.sc-row-name small { color: var(--v-muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-bar { flex: 1; height: 10px; border-radius: 5px; background: var(--v-soft); overflow: hidden; min-width: 40px; }
.sc-bar u { display: block; height: 100%; background: var(--v-accent); border-radius: 5px; }
.sc-num { font: 800 17px var(--v-display); width: 38px; text-align: right; flex: none; }
.sc-last { color: var(--v-muted); font-size: 12.5px; width: 110px; text-align: right; flex: none; }
.sc-total { display: flex; justify-content: space-between; align-items: center; padding-top: 10px; border-top: 1px solid var(--v-line); font-size: 13px; color: var(--v-muted); }
.sc-total b { font: 800 18px var(--v-display); color: var(--v-text); }
@media (max-width: 860px) {
  .sc-row { flex-wrap: wrap; gap: 6px 10px; }
  .sc-row-name { width: auto; flex: 1 1 60%; }
  .sc-bar { order: 5; flex-basis: 100%; }
  .sc-last { width: auto; flex: 1 1 100%; text-align: left; order: 6; }
}

.dlg-site-row { display: flex; gap: 6px; flex-wrap: wrap; padding: 6px 0 2px; }
.dlg-site-row[hidden] { display: none; }
.dlg-site-chip { height: 30px; padding: 0 12px; border: 0; border-radius: 15px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-chip-ring); color: var(--v-text); font: 700 12.5px var(--v-font); cursor: pointer; white-space: nowrap; }
.dlg-site-chip.on { background: var(--v-ink); color: var(--v-on-ink); box-shadow: none; }
.dlg-site-add { color: var(--v-o-text); background: var(--v-o-soft); box-shadow: none; }
.sc-wiz .modal-hint { font-size: 12.5px; line-height: 1.45; margin: 6px 0 0; }


.lp-modal { width: min(560px, 100%); }
.lp-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 4px; }
.lp-head h3 { margin: 0; font-family: var(--v-display); font-size: 20px; font-weight: 700; color: var(--v-text); }
.lp-head .icon-btn { width: 32px; height: 32px; border: 0; border-radius: 10px; background: var(--v-soft); color: var(--v-text3); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.lp-sub { font-size: 13px; line-height: 1.45; color: var(--v-muted); margin-bottom: 12px; }
.lp-filters { display: flex; gap: 8px; margin-bottom: 10px; }
.lp-search { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 0 12px; border-radius: 14px; background: var(--v-soft); color: var(--v-muted); }
.lp-search input { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; min-height: 44px !important; }
.lp-search:focus-within { box-shadow: 0 0 0 2px var(--v-accent); }
.lp-filters select { flex: 0 0 auto; max-width: 45%; }
.lp-list { display: flex; flex-direction: column; gap: 6px; max-height: min(52vh, 420px); overflow-y: auto; margin: 0 -4px; padding: 0 4px; }
.lp-group { margin: 6px 2px 2px; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--v-muted); }
.lp-row { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 14px; background: var(--v-soft2, var(--v-soft)); cursor: pointer; transition: background-color .15s ease, box-shadow .15s ease; }
.lp-row:hover { background: var(--v-hover); }
.lp-row.is-on { background: var(--v-o-soft); box-shadow: inset 0 0 0 1.5px var(--v-accent); }
.lp-row input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.lp-box { width: 20px; height: 20px; flex-shrink: 0; margin-top: 1px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; color: transparent; box-shadow: inset 0 0 0 1.5px #C4C4CC; transition: background-color .15s ease, box-shadow .15s ease; }
.lp-row input:checked + .lp-box { background: var(--v-accent); color: #FFFFFF; box-shadow: none; }
.lp-row input:focus-visible + .lp-box { box-shadow: 0 0 0 3px rgba(242, 92, 5, 0.25); }
.lp-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.lp-top { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; }
.lp-amount { font-family: var(--v-display); font-size: 17px; font-weight: 800; color: var(--v-text); }
.lp-date { font-size: 12.5px; font-weight: 600; color: var(--v-muted); }
.lp-fit { display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px; border-radius: 999px; background: var(--v-g-soft); color: var(--v-g-text); font-size: 11.5px; font-weight: 800; }
.lp-client { font-size: 13px; font-weight: 600; color: var(--v-text2); overflow-wrap: anywhere; }
.lp-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.lp-order { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; padding: 11px 12px; border: 0; border-radius: 14px; background: var(--v-soft2, var(--v-soft)); text-align: left; cursor: pointer; font-family: var(--v-font); color: var(--v-text); transition: background-color .15s ease; }
.lp-order:hover { background: var(--v-hover); }
.lp-order b { font-weight: 800; }
.lp-order-title { flex: 1; min-width: 120px; font-size: 13.5px; font-weight: 600; overflow-wrap: anywhere; }
.lp-order-who { font-size: 12.5px; font-weight: 600; color: var(--v-muted); }
.ms-link-order { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; color: var(--v-o-text); }
.od26-pay-more { flex-shrink: 0; width: 30px; height: 30px; border: 0; border-radius: 9px; background: transparent; color: var(--v-muted); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.od26-pay-more:hover { background: var(--v-soft); color: var(--v-text); }
.od26-pay-card .od26-btn-wide + .od26-btn-wide { margin-top: -4px; }
.od26-pay-menu { position: fixed; z-index: 1200; min-width: 200px; padding: 6px; border-radius: 14px; background: var(--v-card); box-shadow: 0 0 0 1px var(--v-ring), 0 12px 32px rgba(0, 0, 0, 0.16); }
.od26-pay-menu-item { width: 100%; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--v-r-text, #B91C1C); font: 700 13.5px var(--v-font); cursor: pointer; text-align: left; }
.od26-pay-menu-item:hover { background: var(--v-soft); }
@media (max-width: 860px) {
  .lp-filters { flex-direction: column; }
  .lp-filters select { max-width: none; }
  .lp-list { max-height: 48vh; }
}
@media (prefers-reduced-motion: reduce) { .lp-row, .lp-box, .lp-order { transition: none; } }
.od26-pay-card .od26-pay-row-sub { white-space: normal; overflow: visible; }
.od26-pay-card .od26-pay-more { width: 26px; margin-left: -4px; }