/* Shared component appearance and layout. Theme values, defaults and derived
   expressions are owned by app/lib/themes.php and emitted by theme_runtime.php. */

.layout-skip-link{
  position:fixed;
  top:8px;
  left:8px;
  z-index:3000;
  padding:9px 13px;
  border:2px solid var(--c-accent);
  border-radius:var(--radius);
  color:var(--c-on-accent);
  background:var(--c-accent);
  font-weight:700;
  box-shadow:0 4px 18px rgba(0,0,0,.35);
  transform:translateY(calc(-100% - 16px));
  transition:transform .12s ease;}
.layout-skip-link:focus{
  outline:3px solid var(--c-on-accent);
  outline-offset:2px;
  transform:translateY(0);}
.layout-skip-target{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);}
.layout-skip-target:focus{outline:none}

.leader-mode-banner{
  position:sticky;
  top:0;
  z-index:1200;
  min-height:42px;
  padding:7px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  color:var(--c-text);
  background:var(--leader-mode-bg);
  border-bottom:1px solid var(--leader-mode-border);
  box-shadow:0 2px 12px rgba(0,0,0,.28);}
.leader-mode-banner form{margin:0}
.leader-mode-banner .btn{min-height:30px;padding:4px 14px}

@media(max-width:680px){
  .leader-mode-banner{
    justify-content:space-between;
    padding-inline:10px;
    font-size:var(--ui-body-size);}}

/* ===== БАЗА документа нового каркаса ===== */
body{margin:0;padding:0;font-family:var(--ui-interface-font-family,var(--app-font-family));background:var(--ui-bg-page);color:var(--ui-interface-color);font-size:var(--ui-interface-size);font-weight:var(--ui-interface-weight);}
.ui-heading{font-family:var(--ui-heading-font-family);color:var(--ui-heading-color);font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);text-transform:var(--ui-heading-transform);letter-spacing:var(--ui-heading-letter-spacing);}
.ui-title{font-family:var(--ui-title-font-family);color:var(--ui-title-color);font-size:var(--ui-title-size);font-weight:var(--ui-title-weight);text-transform:var(--ui-title-transform);letter-spacing:var(--ui-title-letter-spacing);}
.ui-title a,.ui-title a:link,.ui-title a:visited{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;}
.ui-body{font-family:var(--ui-body-font-family);color:var(--ui-body-color);font-size:var(--ui-body-size);font-weight:var(--ui-body-weight);text-transform:var(--ui-body-transform);letter-spacing:var(--ui-body-letter-spacing);}
.ui-interface{font-family:var(--ui-interface-font-family);color:var(--ui-interface-color);font-size:var(--ui-interface-size);font-weight:var(--ui-interface-weight);text-transform:var(--ui-interface-transform);letter-spacing:var(--ui-interface-letter-spacing);}
.ui-navigation{font-family:var(--ui-navigation-font-family);color:var(--ui-navigation-color);font-size:var(--ui-navigation-size);font-weight:var(--ui-navigation-weight);text-transform:var(--ui-navigation-transform);letter-spacing:var(--ui-navigation-letter-spacing);}
.ui-label{font-family:var(--ui-label-font-family);color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);text-transform:var(--ui-label-transform);letter-spacing:var(--ui-label-letter-spacing);}
.ui-control{font-family:var(--ui-control-font-family);color:var(--ui-control-color);font-size:var(--ui-control-size);font-weight:var(--ui-control-weight);text-transform:var(--ui-control-transform);letter-spacing:var(--ui-control-letter-spacing);}
.ui-action{font-family:var(--ui-action-font-family);color:var(--ui-action-color);font-size:var(--ui-action-size);font-weight:var(--ui-action-weight);text-transform:var(--ui-action-transform);letter-spacing:var(--ui-action-letter-spacing);}
.ui-link{font-family:var(--ui-link-font-family);color:var(--ui-link-color);font-size:var(--ui-link-size);font-weight:var(--ui-link-weight);text-transform:var(--ui-link-transform);letter-spacing:var(--ui-link-letter-spacing);}
.ui-meta{font-family:var(--ui-meta-font-family);color:var(--ui-meta-color);font-size:var(--ui-meta-size);font-weight:var(--ui-meta-weight);text-transform:var(--ui-meta-transform);letter-spacing:var(--ui-meta-letter-spacing);}
.ui-help{font-family:var(--ui-help-font-family);color:var(--ui-help-color);font-size:var(--ui-help-size);font-weight:var(--ui-help-weight);text-transform:var(--ui-help-transform);letter-spacing:var(--ui-help-letter-spacing);}
/* Единая тихая прокрутка; выбранный уголок «Г» получает акцент при наведении. */
html{overflow-x:visible;margin-right:0;}
html,body *{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--c-text-muted) 44%,transparent) transparent;}
html::-webkit-scrollbar,body *::-webkit-scrollbar{width:7px;height:7px;}
html::-webkit-scrollbar-track,body *::-webkit-scrollbar-track{background:transparent;}
html::-webkit-scrollbar-thumb,body *::-webkit-scrollbar-thumb{border-radius:8px;background:color-mix(in srgb,var(--c-text-muted) 44%,transparent);}
html::-webkit-scrollbar-thumb:hover,body *::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--c-text-muted) 78%,transparent);}
.ui-resize-y{resize:vertical;}
.ui-resize-y::-webkit-resizer{background:linear-gradient(135deg,transparent 0 57%,color-mix(in srgb,var(--c-text-muted) 48%,transparent) 58% 63%,transparent 64% 70%,color-mix(in srgb,var(--c-text-muted) 48%,transparent) 71% 76%,transparent 77%);}
.ui-resize-y:hover::-webkit-resizer{background:linear-gradient(135deg,transparent 0 57%,var(--c-accent) 58% 63%,transparent 64% 70%,var(--c-accent) 71% 76%,transparent 77%);}
*{box-sizing:border-box;}
a,a:link,a:visited{color:var(--ui-link-color);font-family:var(--ui-link-font-family);font-size:var(--ui-link-size);font-weight:var(--ui-link-weight);text-transform:var(--ui-link-transform);letter-spacing:var(--ui-link-letter-spacing);text-decoration:none;}
a:hover{color:var(--c-accent);}

/* СЕТКА: 4 колонки. Верхняя панель занимает только рабочую область справа от sidebar. */
.app{--layout-topbar-min-height:54px;--layout-topbar-height:var(--layout-topbar-min-height);--layout-leader-offset:0px;--layout-sticky-top:var(--layout-leader-offset);--layout-content-row:1;display:grid;grid-template-columns:230px 280px minmax(0,1fr) 280px;min-height:100vh;gap:var(--gap);padding-right:var(--gap);}
.app.app-leader-mode{--layout-leader-offset:42px;}
.app.app-has-topbar{--layout-sticky-top:calc(var(--layout-leader-offset) + var(--layout-topbar-height));--layout-content-row:2;grid-template-rows:max-content minmax(0,1fr);row-gap:0;}

/* СЕТКА: простой каркас (боковая + центр) */
.app-simple{grid-template-columns:230px 1fr;}
.app-simple .col{max-width:980px;margin:0 auto;width:100%;}
.app.app-simple.app-has-topbar>.col{grid-column:2;grid-row:var(--layout-content-row);}

/* === ОБЩАЯ ВЕРХНЯЯ ПАНЕЛЬ === */
.layout-topbar{grid-column:2/-1;grid-row:1;position:sticky;top:var(--layout-leader-offset);z-index:90;min-width:0;min-height:var(--layout-topbar-min-height);display:grid;grid-template-columns:auto minmax(0,max-content) minmax(320px,1fr);align-items:center;gap:4px;margin-inline:calc(-1 * var(--gap));padding:6px;border-bottom:1px solid var(--ui-border-color);background:var(--ui-bg-card);}
.layout-topbar.has-page-title{grid-template-columns:auto minmax(0,1fr) minmax(320px,1fr);min-height:max(var(--layout-topbar-min-height),calc(var(--ui-pageheading-size,var(--ui-heading-size)) * 1.25 + 13px));}
.layout-create{position:relative;min-width:0;width:192px;}
.layout-topbar .layout-create-toggle{width:100%;min-height:var(--ui-action-height);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 11px;border:var(--ui-button-border-width) solid var(--ui-button-border);border-radius:var(--radius);background:var(--ui-button-active-bg);color:var(--ui-button-active-color);font:inherit;font-size:var(--ui-action-size);font-weight:var(--ui-action-weight);line-height:1.2;cursor:pointer;}
.layout-create-toggle:hover,.layout-create-toggle:focus-visible{filter:brightness(1.06);outline:none;box-shadow:0 0 0 3px var(--c-accent-soft);}
.layout-create-toggle .ui-icon{width:18px;height:18px;}
.layout-create-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:160;width:278px;padding:7px;border:1px solid var(--ui-border-color);border-radius:var(--radius);background:var(--ui-bg-popover);box-shadow:0 12px 30px var(--c-tip-shadow);}
.layout-create-menu[hidden]{display:none;}
.layout-create-menu a{min-height:54px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;padding:8px 9px;border-radius:var(--radius);color:var(--ui-title-color);text-decoration:none;}
.layout-create-menu a:hover,.layout-create-menu a:focus-visible{background:var(--ui-bg-surface);color:var(--ui-title-color);outline:none;box-shadow:inset 0 0 0 1px var(--ui-field-border-color);}
.layout-create-menu .ui-icon{width:20px;height:20px;color:var(--ui-action-color);}
.layout-create-menu span{min-width:0;display:grid;gap:2px;}
.layout-create-menu b{font-size:var(--ui-label-size);font-weight:var(--ui-action-weight);}
.layout-create-menu small{color:var(--ui-meta-color);font-size:var(--ui-help-size);font-weight:var(--ui-help-weight);}
.layout-topbar-page{min-width:0;display:flex;align-items:center;gap:10px;overflow:hidden;}
.layout-topbar.has-page-title .layout-topbar-page{overflow:visible;}
.layout-topbar-title-host{position:absolute;min-width:0;max-width:100%;width:max-content;overflow:hidden;transform:translateX(-50%);}
.layout-topbar-title{margin:0;overflow:hidden;color:var(--ui-pageheading-color,var(--ui-heading-color));font-family:var(--ui-pageheading-font-family,var(--ui-heading-font-family));font-size:var(--ui-pageheading-size,var(--ui-heading-size));font-weight:var(--ui-pageheading-weight,var(--ui-heading-weight));letter-spacing:var(--ui-pageheading-letter-spacing,var(--ui-heading-letter-spacing));line-height:1.25;text-align:center;text-overflow:ellipsis;text-transform:var(--ui-pageheading-transform,var(--ui-heading-transform));white-space:nowrap;}
/* Counters moved with a page heading read as part of that heading; sidebar and
   tab badges keep their own smaller treatment. */
.layout-topbar-title>.nav-badge,.layout-topbar-title>.notification-count{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;border-radius:0;padding:0;vertical-align:baseline}
.layout-topbar.has-stacked-page-title{grid-template-columns:auto minmax(0,1fr);}
.layout-topbar.has-stacked-page-title .layout-create{grid-column:1;grid-row:1;}
.layout-topbar.has-stacked-page-title .layout-topbar-end{grid-column:2;grid-row:1;}
.layout-topbar.has-stacked-page-title .layout-topbar-page{grid-column:1/-1;grid-row:2;justify-content:center;}
.layout-topbar.has-stacked-page-title .layout-topbar-title-host{position:static;max-width:100%;transform:none;}
.layout-topbar-tab-groups{min-width:0;max-width:100%;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:thin;}
.layout-topbar-tabs{min-width:192px;width:var(--layout-topbar-control-width,max-content);flex:0 0 auto;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin;}
.layout-topbar-tabs a{flex:1 0 auto;white-space:nowrap;}
.layout-topbar-end{min-width:0;display:grid;grid-template-columns:minmax(0,380px) max-content;justify-content:end;align-items:center;gap:8px;}
.layout-topbar-search{min-width:0;}
/* One themed search control keeps the action right; only the loupe sits inside the field on the left. */
.ui-search-control[data-ui-search-control]{position:relative;min-width:0;min-height:var(--ui-control-height);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:column;grid-auto-columns:auto;align-items:center;gap:0;padding:0;overflow:hidden;box-sizing:border-box;border:1px solid var(--ui-field-border-color);border-radius:var(--radius);background:var(--ui-bg-field);}
.ui-search-control[data-ui-search-control]:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft);}
.ui-search-control[data-ui-search-control] .ui-search-field{min-width:0;width:100%;min-height:calc(var(--ui-control-height) - 2px);margin:0;padding:4px 10px 4px 34px;border:0;border-radius:0;outline:0;background:transparent;color:var(--ui-control-color);font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);font-weight:var(--ui-control-weight);line-height:1.2;box-shadow:none;}
.ui-search-control[data-ui-search-control] .ui-search-field::placeholder{color:var(--ui-help-color);font-family:var(--ui-help-font-family);font-size:var(--ui-help-size);}
.ui-search-control[data-ui-search-control] .ui-search-enter{align-self:stretch;min-width:76px;min-height:calc(var(--ui-control-height) - 2px);display:inline-flex;align-items:center;justify-content:center;margin:0;padding:4px 11px;border:0;border-left:var(--ui-button-border-width) solid var(--ui-button-border);border-radius:0;background:var(--ui-button-active-bg);color:var(--ui-button-active-color);font-family:var(--ui-action-font-family);font-size:var(--ui-action-size);font-weight:var(--ui-action-weight);line-height:1.2;white-space:nowrap;cursor:pointer;}
.ui-search-control[data-ui-search-control] .ui-search-enter:hover,.ui-search-control[data-ui-search-control] .ui-search-enter:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ui-button-active-color) 35%,transparent);}
.ui-search-control[data-ui-search-control] .ui-search-enter .ui-icon{position:absolute;z-index:1;left:10px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--ui-help-color);pointer-events:none;}
.ui-search-control[data-ui-search-control].ui-search-popover{overflow:visible;}
.ui-search-control[data-ui-search-control].ui-search-multi{grid-template-columns:repeat(var(--ui-search-columns,2),minmax(0,1fr)) auto;grid-auto-flow:row;gap:8px;overflow:visible;border:0;background:transparent;}
.ui-search-control[data-ui-search-control].ui-search-multi:focus-within{border-color:transparent;box-shadow:none;}
.ui-search-control[data-ui-search-control].ui-search-multi>label,.ui-search-control[data-ui-search-control].ui-search-multi>.field{min-width:0;display:grid;gap:5px;margin:0;}
.ui-search-input{position:relative;display:block;min-width:0;}
.ui-search-input>.ui-icon{position:absolute;left:10px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--c-accent);pointer-events:none;}
.ui-search-control[data-ui-search-control].ui-search-multi .ui-search-field{min-height:var(--ui-control-height);border:1px solid var(--ui-field-border-color);border-radius:var(--radius);background:var(--ui-bg-field);}
.ui-search-control[data-ui-search-control].ui-search-multi .ui-search-field:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft);}
.ui-search-control[data-ui-search-control].ui-search-multi .ui-search-enter{align-self:end;min-height:var(--ui-control-height);border:var(--ui-button-border-width) solid var(--ui-button-border);border-radius:var(--radius);}
.ui-search-control[data-ui-search-control].ui-search-stacked{grid-template-columns:1fr;}
.ui-search-control[data-ui-search-control].ui-search-stacked .ui-search-enter{width:100%;}
.layout-topbar-search-more,.layout-topbar-search-more:link,.layout-topbar-search-more:visited{min-height:var(--ui-action-height);display:inline-flex;align-items:center;justify-content:center;padding:0 8px;color:var(--ui-action-color);font-family:var(--ui-action-font-family);font-size:var(--ui-action-size);font-weight:var(--ui-action-weight);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
.layout-topbar-search-more:hover,.layout-topbar-search-more:focus-visible{border-radius:var(--radius);background:var(--c-accent-soft);color:var(--ui-action-color);outline:none;box-shadow:0 0 0 3px var(--c-accent-soft);}

/* === КОЛОНКА 1: боковая === */
.sidebar{position:sticky;top:0;align-self:start;height:100vh;background:var(--ui-bg-sidebar);border-right:1px solid var(--ui-border-color);padding:16px 14px;overflow-y:auto;overscroll-behavior:contain;}
.app.app-has-topbar>.sidebar{grid-column:1;grid-row:1 / span 2;top:var(--layout-leader-offset);height:calc(100vh - var(--layout-leader-offset));}
.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
.brand-link{display:block;flex:1;min-width:0;text-decoration:none;}
.brand{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:4px;}
.brand b{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;font-family:var(--company-brand-font,inherit);font-weight:var(--company-brand-weight,700);font-size:max(12px,var(--company-brand-fit,var(--company-brand-size,17px)));color:var(--c-brand-title);line-height:1.15;letter-spacing:1px;}
.brand b>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.brand[data-brand-lines="1"] b{text-align:center;}
.brand[data-brand-lines="3"] b{font-size:max(12px,var(--company-brand-fit,calc(var(--company-brand-size,17px) * .8)));}
.company-brand-preview{width:168px;max-width:100%;min-height:44px;}
.brand-logo{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;object-fit:contain;background:transparent;}
.brand-logo>.ui-icon{width:32px;height:32px;}
.profile{display:flex;align-items:center;gap:10px;padding:10px;background:var(--ui-bg-button);border-radius:var(--radius);margin-bottom:18px;}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--c-accent);color:var(--c-on-accent);display:flex;align-items:center;justify-content:center;font-weight:bold;flex:0 0 auto;}
.profile-name{font-size:var(--ui-navigation-size);font-weight:var(--ui-navigation-weight);}
.profile-name,.profile-name a{color:var(--ui-interface-color);font-family:var(--ui-navigation-font-family);font-size:inherit;font-weight:inherit;}
.profile-name a:hover{color:var(--c-accent);}
.profile-link{font-size:calc(var(--ui-meta-size) * 11 / 12);}
.sidebar-profile{margin-top:8px;padding:0;overflow:hidden;}
.sidebar-profile-link,.sidebar-profile-link:link,.sidebar-profile-link:visited{display:flex;align-items:center;gap:10px;min-width:0;width:100%;padding:10px;color:var(--ui-title-color);text-decoration:none;}
.sidebar-profile-link:hover,.sidebar-profile-link:focus-visible{background:var(--ui-bg-surface);color:var(--ui-title-color);outline:none;box-shadow:inset 0 0 0 2px var(--c-accent-soft);}
.sidebar-profile .profile-copy{min-width:0;display:grid;gap:1px;}
.sidebar-profile .profile-copy :is(b,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sidebar-profile .profile-copy b{font-size:var(--ui-label-size);}
.sidebar-profile .profile-copy small{color:var(--ui-meta-color);font-size:var(--ui-help-size);}
.sidebar-profile.is-context{padding:10px;border:1px solid var(--leader-mode-border);background:color-mix(in srgb,var(--leader-mode-bg) 38%,transparent);}
.sidebar-toggle{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;margin-top:2px;padding:0;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);color:var(--c-accent);font:inherit;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s;}
.sidebar-toggle:hover,.sidebar-toggle:focus-visible{border-color:var(--c-accent);background:var(--c-accent-soft);outline:none;}
.sidebar-toggle .ui-icon{width:17px;height:17px;}
.sidebar-toggle-expand{display:none;}
.ui-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;overflow:visible;vertical-align:-.15em;stroke:currentColor;}
.ui-disclosure-summary{display:flex;align-items:center;gap:8px;list-style:none;}
.ui-disclosure-summary::-webkit-details-marker{display:none;}
.ui-disclosure-chevron,
.ui-disclosure-control{display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px;padding:0;border:1px solid var(--ui-control-border);border-radius:4px;background:var(--c-card-2);color:var(--c-accent);vertical-align:middle;transition:transform .15s,border-color .15s,background-color .15s,color .15s;}
.ui-disclosure-chevron::before{content:"";width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateX(-1px) rotate(45deg);}
.ui-disclosure-summary:hover .ui-disclosure-chevron,
.ui-disclosure-summary:focus-visible .ui-disclosure-chevron,
.org-twig:hover .ui-disclosure-chevron,
.org-twig:focus-visible .ui-disclosure-chevron,
.lt-toggle:hover,
.lt-toggle:focus-visible,
.ui-disclosure-control:hover,
.ui-disclosure-control:focus-visible{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent);outline:none;}
details[open]>.ui-disclosure-summary .ui-disclosure-chevron,.org-twig-open .ui-disclosure-chevron,.lt-toggle[data-open="1"]{transform:rotate(90deg);}
.nav a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius);color:var(--ui-navigation-color);margin-bottom:3px;border-left:3px solid transparent;font-family:var(--ui-navigation-font-family);font-size:var(--ui-navigation-size);font-weight:var(--ui-navigation-weight);text-transform:var(--ui-navigation-transform);letter-spacing:var(--ui-navigation-letter-spacing);}
.nav-label{display:flex;align-items:center;gap:9px;min-width:0;}
.nav-icon{width:17px;height:17px;color:inherit;stroke-width:1.9;}
.nav a:hover,
.nav a.active{background:var(--ui-bg-button);color:var(--ui-action-color);border-left:3px solid var(--c-accent);}
.nav-scroll-cue{display:none;}
.nav-badge{background:var(--c-card-2);color:var(--c-accent);border-radius:var(--radius);padding:1px 8px;font-size:calc(var(--ui-navigation-size) * 11 / 13);font-weight:bold;}
.nav a:hover .nav-badge,
.nav a.active .nav-badge{background:var(--c-accent);color:var(--c-on-accent);}

/* === КОЛОНКИ 2,3,4 === */
.col{padding:var(--gap-v) 0 0 0;min-width:0;}

.card{position:relative;background:var(--ui-bg-card);border:1px solid var(--ui-border-color);border-radius:var(--radius);margin-bottom:var(--gap-v);overflow:hidden;}
.card.has-open-canonical-popover{z-index:50;overflow:visible;}
.card:last-child{margin-bottom:0;}
.card-head{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--c-border);}
.card-head :is(h1,h2,h3){display:flex;align-items:center;gap:6px;margin:0;}
.card-head :is(h1,h2,h3):not(.ui-title){font-family:var(--ui-heading-font-family);font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);color:var(--ui-heading-color);text-transform:var(--ui-heading-transform);letter-spacing:var(--ui-heading-letter-spacing);}
.card-head :is(h1,h2,h3) .ui-icon{width:var(--ui-heading-icon-size);height:var(--ui-heading-icon-size);stroke-width:2;}
.card-head .head-link{display:inline-flex;align-items:center;gap:3px;margin-left:auto;font-size:calc(var(--ui-meta-size) * 11 / 12);text-transform:none;letter-spacing:0;font-weight:normal;}
.card-head .head-link .ui-icon{width:13px;height:13px;}
.card-body{padding:max(8px,calc(var(--ui-card-padding) - 4px)) var(--ui-card-padding);}

.card-scroll{max-height:62vh;min-height:56px;overflow-y:auto;resize:vertical;}
.card-fixed .card-body.card-scroll{height:200px;max-height:62vh;}

/* строки задач */
.task{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--c-border);position:relative;cursor:default;}
.task:last-child{border-bottom:0;}
.card-body > .task:first-child,
.card-scroll > .task:first-child{padding-top:0;}
.task .t-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.task .t-name>a{font-family:var(--ui-title-font-family);font-size:var(--ui-title-size);font-weight:var(--ui-title-weight);text-transform:var(--ui-title-transform);letter-spacing:var(--ui-title-letter-spacing);color:var(--ui-title-color);}
.task.done .t-name,
.task.done .t-name a{color:var(--c-text-muted);}
.t-from{flex:0 0 155px;font-family:var(--ui-meta-font-family);font-size:var(--ui-meta-size);font-weight:var(--ui-meta-weight);line-height:1.4;color:var(--ui-meta-color);text-align:right;}
.t-from .l1,
.t-from .l2{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.task-author-name{color:var(--c-accent);}

.day-head{padding:8px 4px 4px;font-size:var(--ui-meta-size);font-weight:400;color:var(--c-accent);}

/* Единый маркер записи: контурный знак сообщает вид, точка — приоритет. */
.pri-form{display:contents;}
.record-leading{position:relative;display:inline-flex;align-items:center;width:31px;flex:0 0 31px;}
.record-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;margin:0;padding:0;border:0;background:transparent;color:var(--c-text-muted);line-height:1;box-sizing:border-box;appearance:none;}
.record-leading .record-mark{width:31px;flex-basis:31px;justify-content:flex-start;}
.record-ui-icon{position:relative;z-index:1;width:17px;height:17px;overflow:visible;fill:none;stroke:currentColor;}
button.record-mark{font:inherit;cursor:pointer;}
button.record-mark:hover .record-ui-icon{opacity:.82;}
button.record-mark:focus-visible{outline:0;box-shadow:0 0 0 3px var(--c-accent-soft);}
.record-mark.priority-none,.record-mark.priority-normal,.record-mark.priority-raised,.record-mark.priority-high,.record-mark.priority-top{color:var(--c-text-muted);}
.record-mark.is-done{color:var(--c-ok);}
.record-mark.is-note{color:var(--c-accent);cursor:default;}
.record-priority-dot{position:absolute;right:0;top:1px;width:8px;height:8px;border-radius:50%;background:transparent;pointer-events:none;}
.record-priority-dot.priority-none{display:none;}
.record-priority-dot.priority-normal{background:var(--c-priority-low);}
.record-priority-dot.priority-raised{background:var(--c-priority-mid);}
.record-priority-dot.priority-high{background:var(--c-priority-high);}
.record-priority-dot.priority-top{background:var(--c-priority-top);}
.deadline-state{font-weight:700;}
.deadline-state.is-overdue{color:var(--c-danger);}
/* Спокойный смысловой перелив текста: один проход за четырёхсекундный цикл. */
@keyframes record-text-sweep{0%,70%{background-position:100% 0}100%{background-position:0 0}}
.task.is-overdue-record:not(.done) .t-name>a{--record-sweep-base:var(--c-text);--record-sweep-light:#ff7fa5}
.task.is-due-today:not(.done) .t-name>a{--record-sweep-base:var(--c-text);--record-sweep-light:#70f59a}
.task.is-due-soon:not(.done) .t-name>a{--record-sweep-base:var(--c-text);--record-sweep-light:#ffd45c}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .task.is-overdue-record:not(.done) .t-name>a,
  .task.is-due-today:not(.done) .t-name>a,
  .task.is-due-soon:not(.done) .t-name>a,
  .board-overdue-divider span{
    background-image:linear-gradient(105deg,var(--record-sweep-base) 0%,var(--record-sweep-base) 42%,var(--record-sweep-light) 49%,var(--record-sweep-base) 56%,var(--record-sweep-base) 100%);
    background-size:250% 100%;background-position:100% 0;background-repeat:no-repeat;
    -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
    animation:record-text-sweep 4s linear infinite;}}
/* всплывающая карточка задачи */
.task .tip{display:none;}
#i2Tooltip{
  position:fixed;z-index:999999;display:none;
  width:300px;max-width:92vw;padding:12px 14px;
  background:var(--ui-bg-popover);border:1px solid var(--ui-border-color);
  border-radius:var(--radius);box-shadow:0 8px 24px var(--c-tip-shadow);
  color:var(--ui-interface-color);font-family:var(--ui-help-font-family);font-size:var(--ui-help-size);font-weight:var(--ui-help-weight);pointer-events:none;}
#i2Tooltip.tip-wide{width:400px;max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;}
#i2Tooltip.tip-project-structure{width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;}
/* Дерево проекта раскрыто целиком в прокручиваемой подсказке, как дерево папок. */
.project-tip-tree{margin-top:10px;padding-top:8px;border-top:1px solid var(--ui-border-color);}
.project-tip-tree-heading{margin-bottom:6px;color:var(--c-accent);font-weight:600;}
.project-tip-tree-group{margin:2px 0;}
.project-tip-tree-node{display:grid;grid-template-columns:16px minmax(0,1fr);gap:5px;align-items:start;padding:4px 2px;line-height:1.35;}
.project-tip-tree-node b{display:block;overflow-wrap:anywhere;color:var(--c-text);font-weight:600;}
.project-tip-tree-node small{display:block;color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 10 / 12);}
.project-tip-tree-mark{color:var(--c-accent);text-align:center;}
.project-tip-tree-children{margin-left:8px;padding-left:12px;border-left:1px solid var(--ui-border-color);}
.project-tip-tree-step b{font-weight:500;}
.project-tip-tree-empty{color:var(--c-text-muted);}
.project-main-summary .record-mark{cursor:default;}
.title-duplicate-results{margin-top:7px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--c-info) 58%,var(--ui-border-color));border-radius:var(--radius);background:color-mix(in srgb,var(--c-info) 9%,var(--ui-bg-surface));color:var(--ui-interface-color);}
.title-duplicate-results[hidden]{display:none!important;}
.title-duplicate-heading{margin-bottom:5px;color:var(--c-info);font-size:var(--ui-meta-size);font-weight:600;}
.title-duplicate-results ul{display:grid;gap:6px;margin:0;padding:0;list-style:none;}
.title-duplicate-results li{display:grid;gap:1px;}
.title-duplicate-results a{color:var(--ui-link-color);font-size:var(--ui-body-size);font-weight:600;line-height:1.35;}
.title-duplicate-results span{color:var(--ui-meta-color);font-size:var(--ui-meta-size);}
.coll-colleague-monitor-card{width:100%;}
.coll-colleague-monitor-person{margin-bottom:var(--ui-section-gap);}
.coll-colleague-monitor-row{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;padding:10px 0;border-bottom:1px solid var(--ui-border-color);}
.coll-colleague-monitor-row:last-child{border-bottom:0;}
.coll-colleague-monitor-mark{display:flex;align-items:flex-start;justify-content:center;padding-top:2px;color:var(--c-accent);}
.coll-colleague-monitor-row.is-done .coll-colleague-monitor-mark{color:var(--c-ok);}
.coll-colleague-monitor-main{min-width:0;}
.coll-colleague-monitor-main>a{display:-webkit-box;overflow:hidden;font-weight:600;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.coll-colleague-monitor-main .ui-meta{margin-top:3px;}
#i2Tooltip.tip-narrow{width:280px;}
#i2Tooltip.tip-narrow .tip-row{margin-bottom:0;white-space:pre-line;line-height:1.55;}
#i2Tooltip .tip-priority-normal{color:var(--c-priority-low);}
#i2Tooltip .tip-priority-raised{color:var(--c-priority-mid);}
#i2Tooltip .tip-priority-high{color:var(--c-priority-high);}
#i2Tooltip .tip-priority-top{color:var(--c-priority-top);}
#i2Tooltip .tip-time-ok{color:var(--c-ok);}
#i2Tooltip .tip-time-warning{color:var(--c-priority-mid);}
#i2Tooltip .tip-time-critical{color:var(--c-priority-high);}
#i2Tooltip .tip-time-overdue{color:var(--c-danger);}
.tip-row{font-size:var(--ui-help-size);color:var(--c-text-muted);margin-bottom:4px;}
.tip-row b{color:var(--c-text);font-weight:normal;}
.tip-primary-row{display:block;margin-bottom:5px;color:var(--c-text-muted);font-size:var(--ui-help-size);line-height:1.45}.tip-primary-row>span{margin-right:6px}.tip-primary-row b{min-width:0;color:var(--c-text);font-weight:600;overflow-wrap:anywhere}.tip-primary-content{margin-bottom:9px}.tip-primary-content b{white-space:pre-line;font-weight:normal}

/* быстрые действия */
.qa .qa-action,.qa .qa-action:link,.qa .qa-action:visited{display:flex;width:100%;justify-content:flex-start;gap:10px;margin-bottom:8px;padding:10px 12px;color:var(--c-text);}
.qa .qa-action:last-child{margin-bottom:0;}
.qa-ico{display:inline-flex;align-items:center;justify-content:center;width:22px;flex:0 0 22px;}
.qa-ico .ui-icon{width:17px;height:17px;}

/* календарь */
.cal-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.cal-nav a{width:28px;height:28px;}
.cal-nav a .ui-icon{width:15px;height:15px;}
.cal-title{color:var(--c-accent);font-weight:400;font-size:calc(var(--ui-title-size) * 13 / 16);}
table.cal{width:100%;border-collapse:collapse;}
table.cal th{color:var(--c-text-muted);font-size:calc(var(--ui-navigation-size) * 11 / 13);font-weight:normal;padding:4px 0;}
table.cal td{text-align:center;padding:2px;}
table.cal td :is(a,span){display:block;padding:5px 0;border-radius:var(--radius);font-size:calc(var(--ui-navigation-size) * 12 / 13);color:var(--c-text);}
table.cal td a:hover,table.cal td a.drop-ok{background:var(--c-card-2);}
table.cal td :is(a,span).today{background:var(--c-accent);color:var(--c-on-accent);}
table.cal td :is(a,span).selected{background:var(--c-accent-soft);box-shadow:inset 0 0 0 2px var(--c-accent);color:var(--c-accent);}
.compact-calendar-note{margin:9px 0 0;color:var(--ui-meta-color);font-size:var(--ui-help-size);line-height:1.4;}

/* кольцо состояния */
.ring-wrap{display:flex;align-items:center;gap:12px;}
.ring{width:63px;height:63px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--c-ok) 0 var(--ring-pct,0%),var(--c-card-2) var(--ring-pct,0%) 100%);}
.ring span{width:45px;height:45px;border-radius:50%;background:var(--c-card);display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:var(--ui-body-size);color:var(--c-text);}
.leg div{margin:3px 0;font-size:var(--ui-meta-size);}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;}
.dot-ok{background:var(--c-ok);}
.dot-info{background:var(--c-info);}
.dot-danger{background:var(--c-danger);}
.card-state .card-body{padding:9px 14px;}

.notif{padding:9px 4px;border-bottom:1px solid var(--c-border);}
.notif:last-child{border-bottom:0;}
.notif b{color:var(--c-text);font-weight:normal;}
.notif small{display:block;color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);margin-top:3px;}

/* поиск */
.search-row{display:flex;gap:8px;margin-bottom:10px;}
.search-row>.ui-search-control{flex:1;}
.search-input{flex:1;min-width:0;min-height:var(--ui-control-height);background:var(--ui-bg-field);border:1px solid var(--ui-field-border-color);border-radius:var(--radius);color:var(--ui-control-color);padding:4px 11px;font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);font-weight:var(--ui-control-weight);line-height:1.2;}
.search-input::placeholder{color:var(--ui-help-color);font-family:var(--ui-help-font-family);font-size:var(--ui-help-size);}
.search-input:focus{outline:none;border-color:var(--c-accent);box-shadow:none;}
.search-btn{flex:0 0 auto;padding:0 14px;}
.search-filters{display:flex;flex-wrap:wrap;gap:10px;}
.search-chk{display:flex;align-items:center;gap:5px;font-size:var(--ui-meta-size);color:var(--c-text-muted);cursor:pointer;}
.search-chk input{flex:0 0 auto;}
.search-scope{display:flex;gap:4px;min-width:0;margin:0;padding:3px;border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--c-card-2);}
.search-scope label{flex:1 1 0;min-width:0;cursor:pointer;}
.search-scope input{position:absolute;opacity:0;pointer-events:none;}
.search-scope span{display:block;padding:6px 8px;border-radius:var(--radius);color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);line-height:1.2;text-align:center;white-space:nowrap;}
.search-scope input:checked+span{background:var(--c-accent);color:var(--c-on-accent);}
.search-scope input:focus-visible+span{outline:2px solid var(--c-accent);outline-offset:1px;}
.page-index .home-side-column{display:flex;height:calc(100vh - var(--gap-v));flex-direction:column;}
.page-index .home-side-column>.card{flex-shrink:0;}
.page-index .home-search-card{display:flex;min-height:210px;flex:1 0 auto;flex-direction:column;}
.page-index .quick-search-card{display:flex;height:calc(100vh - var(--gap-v));min-height:0;flex-direction:column;}
.page-index .quick-search-results{min-height:0;flex:1 1 auto;}
.page-index .home-search-card>.card-body{display:flex;flex:1 1 auto;}
.page-index .index-delete-confirm-actions{justify-content:center;margin-top:24px;}
.home-search-form{display:flex;width:100%;flex:1 1 auto;flex-direction:column;gap:10px;}
.home-search-input{width:100%;flex:0 0 auto;}
.home-search-exact{color:var(--c-text);}
.home-search-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;}
.home-search-hint{margin-top:auto;color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);line-height:1.4;}

/* пустые блоки */
.empty,.journal-catalog-empty{padding:24px 14px;color:var(--ui-meta-color);font-family:var(--ui-interface-font-family);font-size:var(--ui-interface-size);font-weight:var(--ui-interface-weight);line-height:1.5;text-align:center;}
.col>.empty,.ai-workspace>.empty,.decision-workspace>.empty{border:1px solid var(--ui-border-color);border-radius:var(--radius);background:var(--ui-bg-card);}
.empty p,.journal-catalog-empty p{margin:0;}
.empty :is(h2,h3),.journal-catalog-empty h2{margin:0 0 8px;color:var(--ui-title-color);font-family:var(--ui-title-font-family);font-size:var(--ui-title-size);font-weight:var(--ui-title-weight);text-transform:var(--ui-title-transform);letter-spacing:var(--ui-title-letter-spacing);}
.empty .form-actions,.journal-catalog-empty .form-actions{justify-content:center;}
.sr-only,.ezh-file-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* флэш-сообщение */
.alert{margin:0 0 var(--gap-v) 0;padding:11px 14px;border-radius:var(--radius);border:1px solid var(--c-border);font-size:var(--ui-body-size);text-align:center;}
.alert-ok{border-color:var(--c-ok);background:var(--c-ok-soft);color:var(--c-ok);}
.alert-err{border-color:var(--c-danger);background:var(--c-danger-soft);color:var(--c-danger);}
.app-toast-region{position:fixed;right:18px;top:var(--app-toast-top,18px);z-index:9999;display:flex;width:min(460px,calc(100vw - 36px));max-height:var(--app-toast-max-height,calc(100vh - 36px));flex-direction:column;align-items:flex-end;gap:10px;overflow-y:auto;pointer-events:none;}
.alert.app-toast{position:fixed;right:18px;top:18px;z-index:9999;display:flex;box-sizing:border-box;width:auto;max-width:min(460px,calc(100vw - 36px));align-items:center;gap:8px;margin:0;padding:14px 48px 14px 18px;border-width:2px;font-size:var(--ui-interface-size);font-weight:400;line-height:1.45;text-align:left;box-shadow:0 14px 38px color-mix(in srgb,var(--c-shadow-soft) 78%,#000 22%);opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear 0s;pointer-events:auto;will-change:opacity,transform;}
.app-toast-region>.alert.app-toast{position:relative;right:auto;top:auto;width:auto;max-width:100%;flex:0 0 auto;}
.alert.app-toast::before{display:none;}
.alert.app-toast.alert-ok{border-color:var(--c-ok);background:color-mix(in srgb,var(--c-ok) 12%,var(--ui-bg-popover));color:var(--c-ok);}
.alert.app-toast.alert-err{border-color:var(--c-danger);background:color-mix(in srgb,var(--c-danger) 14%,var(--c-bg));color:var(--c-text);}
.alert.app-toast.is-info{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 14%,var(--c-bg));color:var(--c-text);}
.alert.app-toast.is-critical{border-width:2px;box-shadow:0 14px 38px color-mix(in srgb,var(--c-danger) 24%,var(--c-shadow-soft));}
.app-toast-message{align-self:center;overflow-wrap:anywhere;}
.app-toast-close{position:absolute;right:6px;top:50%;display:inline-grid;width:36px;height:36px;padding:0;place-items:center;border:0;border-radius:var(--radius);background:transparent;color:inherit;font:inherit;font-size:calc(var(--ui-title-size) * 22 / 16);line-height:1;transform:translateY(-50%);cursor:pointer;}
.app-toast-close:hover{background:color-mix(in srgb,currentColor 10%,transparent);}
.app-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:-2px;}
.alert.app-toast.is-leaving{opacity:0;visibility:hidden;transform:translate3d(0,-8px,0);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;}
@media (prefers-reduced-motion:reduce){
  .alert.app-toast,.alert.app-toast.is-leaving{transition:none;transform:none;}}

/* колонки 2 и 4: липкие */
.app:not(.app-simple)>.col-2,
.app:not(.app-simple)>.col-4{position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto;padding-top:var(--gap-v);}
.app.app-has-topbar:not(.app-simple)>.col-2,
.app.app-has-topbar:not(.app-simple)>.col-4{top:calc(var(--layout-leader-offset) + var(--layout-topbar-height));max-height:calc(100vh - var(--layout-leader-offset) - var(--layout-topbar-height));}

@media screen and (min-width:1101px){
  :is(.page-index,.page-records) .app:not(.app-simple)>.col-2{grid-column:2;grid-row:var(--layout-content-row)}
  :is(.page-index,.page-records) .app:not(.app-simple)>.col-3{grid-column:3;grid-row:var(--layout-content-row)}
  :is(.page-index,.page-records) .app:not(.app-simple)>.col-4{grid-column:4;grid-row:var(--layout-content-row)}
  .page-messages .app:not(.app-simple){height:100vh;min-height:0;grid-template-columns:230px 280px minmax(0,1fr) 320px;grid-template-rows:max-content minmax(0,1fr);column-gap:var(--gap);row-gap:0}
  .page-messages .app:not(.app-simple)>.sidebar{grid-column:1;grid-row:1/3}
  .page-messages .app:not(.app-simple)>.chat-page-head{grid-column:2/5;grid-row:1;align-self:start;height:auto;min-height:0}
  .page-messages .app:not(.app-simple)>.col-2{grid-column:2;grid-row:2}
  .page-messages .app:not(.app-simple)>.col-3{grid-column:3;grid-row:2}
  .page-messages .app:not(.app-simple)>.col-4{grid-column:4;grid-row:2}
  .page-messages .app:not(.app-simple)>.col-2,.page-messages .app:not(.app-simple)>.col-3,.page-messages .app:not(.app-simple)>.col-4{position:static;align-self:stretch;min-height:0;max-height:none;padding-top:0;padding-bottom:var(--gap-v);overflow:visible}
  .page-messages .app.app-has-topbar:not(.app-simple){grid-template-rows:auto max-content minmax(0,1fr)}
  .page-messages .app.app-has-topbar:not(.app-simple)>.sidebar{grid-row:1/4}
  .page-messages .app.app-has-topbar:not(.app-simple)>.layout-topbar{grid-column:2/5;grid-row:1}
  .page-messages .app.app-has-topbar:not(.app-simple)>.chat-page-head{grid-row:2}
  .page-messages .app.app-has-topbar:not(.app-simple)>.col-2,
  .page-messages .app.app-has-topbar:not(.app-simple)>.col-3,
  .page-messages .app.app-has-topbar:not(.app-simple)>.col-4{grid-row:3}}

/* адаптивность общего каркаса */
@media screen and (min-width:1101px) and (max-width:1400px){
  .app:not(.app-simple){grid-template-columns:200px 245px minmax(0,1fr) 245px;}
  .page-messages .app:not(.app-simple){grid-template-columns:200px 245px minmax(0,1fr) 280px}}
@media screen and (min-width:801px) and (max-width:1700px){
  .layout-topbar-end{grid-template-columns:minmax(0,1fr) max-content;}}
@media screen and (min-width:801px) and (max-width:1100px){
  .app:not(.app-simple),.app.app-simple{grid-template-columns:200px minmax(0,1fr);align-items:start;}
  .app>.sidebar{grid-column:1;grid-row:1 / span 20;position:sticky;top:var(--layout-leader-offset);align-self:start;height:calc(100vh - var(--layout-leader-offset));overflow-y:auto;border-right:1px solid var(--c-border);border-bottom:0;}
  .app>.layout-topbar{grid-column:2;grid-row:1;}
  .layout-topbar{grid-template-columns:auto minmax(0,1fr) minmax(320px,1fr);}
  .app:not(.app-simple)>.col-2,.app:not(.app-simple)>.col-3,.app:not(.app-simple)>.col-4{grid-column:2;grid-row:auto;position:static;max-height:none;overflow:visible;}
  .page-messages .app:not(.app-simple)>.chat-page-head{grid-column:2;grid-row:auto;margin-top:var(--gap-v)}
  .page-index .home-side-column,.page-index .quick-search-card{height:auto;}
  .app.app-simple>.col{grid-column:2;grid-row:var(--layout-content-row);}}
@media screen and (max-width:800px){
  .app,.app-simple{display:block;padding:0 10px;}
  .sidebar{position:relative;height:auto;overflow:visible;border-right:0;border-bottom:1px solid var(--c-border);padding:10px;}
  .sidebar-toggle{display:none;}
  .brand{margin-bottom:6px}.brand-logo{width:34px;height:34px}.sidebar-profile{margin:6px 0;padding:0}.nav{display:flex;gap:4px;margin-top:6px;padding-bottom:3px;overflow-x:auto;scrollbar-width:thin}.nav a{flex:0 0 auto;margin:0;padding:8px 10px;border-left:0;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{border-left:0;border-bottom-color:var(--c-accent)}
  .sidebar.has-nav-scroll-cue .nav{padding-right:70px;}
  .nav-scroll-cue.is-on{display:inline-flex;position:absolute;right:10px;bottom:9px;z-index:2;align-items:center;justify-content:center;min-height:32px;padding:5px 9px;border:1px solid var(--c-accent);border-radius:var(--radius);background:var(--c-panel);color:var(--c-accent);font:inherit;font-size:calc(var(--ui-navigation-size) * 11 / 13);cursor:pointer;box-shadow:-10px 0 14px var(--c-panel);}
  .nav-scroll-cue:hover,.nav-scroll-cue:focus-visible{background:var(--c-accent-soft);outline:none;}
  .app:not(.app-simple)>.col-2,.app:not(.app-simple)>.col-3,.app:not(.app-simple)>.col-4{position:static;max-height:none;overflow:visible;}
  .page-index .home-side-column,.page-index .quick-search-card{height:auto;}
  .home-board-list{max-height:none;overflow:visible;}
  .layout-topbar{position:relative;top:auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-inline:-10px;padding:8px 10px;}
  .layout-topbar.has-page-title{grid-template-columns:auto minmax(0,1fr);}
  .layout-topbar.has-page-title .layout-topbar-title-host{position:static;width:100%;max-width:100%;transform:none;}
  .layout-create{width:auto;}
  .layout-topbar-page{grid-column:1/-1;grid-row:3;}
  .layout-topbar-end{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) max-content;}
  .layout-topbar-search kbd{display:none;}
}
@media screen and (max-width:700px){
  .ui-search-control[data-ui-search-control].ui-search-multi{grid-template-columns:1fr;}
  .ui-search-control[data-ui-search-control].ui-search-multi .ui-search-enter{width:100%;}}
@media print{.layout-topbar{display:none;}}

/* Компактная первая колонка: боковые рабочие колонки сохраняют ширину, расширяется центр. */
@media screen and (min-width:1101px){
  .app.sidebar-collapsed:not(.app-simple){grid-template-columns:68px 280px minmax(0,1fr) 280px;}
  .page-messages .app.sidebar-collapsed:not(.app-simple){grid-template-columns:68px 280px minmax(0,1fr) 320px}
  .app.app-simple.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr);}
  .app.app-simple.sidebar-collapsed>.col{max-width:none;margin-left:0;margin-right:0;}}
@media screen and (min-width:1101px) and (max-width:1400px){
  .app.sidebar-collapsed:not(.app-simple){grid-template-columns:68px 245px minmax(0,1fr) 245px;}
  .page-messages .app.sidebar-collapsed:not(.app-simple){grid-template-columns:68px 245px minmax(0,1fr) 280px}}
@media screen and (min-width:801px) and (max-width:1100px){
  .app.sidebar-collapsed:not(.app-simple),.app.app-simple.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr);}
  .app.app-simple.sidebar-collapsed>.col{max-width:none;margin-left:0;margin-right:0;}}
@media screen and (min-width:801px){
  .app.sidebar-collapsed>.sidebar{padding-left:9px;padding-right:9px;}
  .app.sidebar-collapsed .sidebar-head{justify-content:center;}
  .app.sidebar-collapsed .brand-link{display:none;}
  .app.sidebar-collapsed .sidebar-toggle{margin:0 auto 14px;}
  .app.sidebar-collapsed .sidebar-toggle-collapse{display:none;}
  .app.sidebar-collapsed .sidebar-toggle-expand{display:inline-flex;}
  .app.sidebar-collapsed .profile{justify-content:center;padding:8px 6px;margin-bottom:14px;}
  .app.sidebar-collapsed .profile-copy{display:none;}
  .app.sidebar-collapsed .sidebar-profile-link{justify-content:center;padding:0;}
  .app.sidebar-collapsed .nav a{position:relative;justify-content:center;padding:10px 6px;border-left-width:2px;}
  .app.sidebar-collapsed .nav-label{justify-content:center;gap:0;}
  .app.sidebar-collapsed .nav-text{display:none;}
  .app.sidebar-collapsed .nav-icon{width:19px;height:19px;}
  .app.sidebar-collapsed .sidebar .nav-badge{position:absolute;right:1px;top:1px;min-width:15px;padding:0 4px;font-size:calc(var(--ui-navigation-size) * 9 / 13);line-height:15px;text-align:center;}}

/* кнопка "наверх" страницы */
#i2BackToTop{position:fixed;right:18px;bottom:18px;width:38px;height:38px;border-radius:50%;border:var(--ui-button-border-width) solid var(--ui-button-border);background:var(--ui-button-active-bg);color:var(--ui-button-active-color);font-size:calc(var(--ui-title-size) * 18 / 16);cursor:pointer;display:none;z-index:60;}
#i2BackToTop.is-on{display:block;}
#i2BackToTop:hover,#i2BackToTop:focus-visible{background:var(--ui-button-active-bg);color:var(--ui-button-active-color);filter:brightness(1.12);box-shadow:0 0 0 3px var(--c-accent-soft);outline:none;}

/* кнопка "наверх" внутри карточек */
.scroll-top-owner{position:relative;}
.scroll-top-btn{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:50%;border:var(--ui-button-border-width) solid var(--ui-button-border);background:var(--ui-button-active-bg);color:var(--ui-button-active-color);font-size:calc(var(--ui-action-size) * 15 / 13);font-weight:var(--ui-action-weight);cursor:pointer;display:none;z-index:12;box-shadow:0 0 0 3px var(--c-accent-soft),0 4px 14px rgba(0,0,0,.34);}
.scroll-top-btn.is-on{display:block;}
.scroll-top-btn:hover,.scroll-top-btn:focus-visible{background:var(--ui-button-active-bg);color:var(--ui-button-active-color);filter:brightness(1.12);box-shadow:0 0 0 4px var(--c-accent-soft),0 5px 16px rgba(0,0,0,.38);outline:none;}

/* drag & drop */
.task[draggable="true"]{cursor:grab;}
.task.dragging{opacity:.4;}
.drop-ok{outline:2px dashed var(--c-accent);outline-offset:-2px;border-radius:var(--radius);}

/* счётчик просроченных */
.home-overdue-inline{display:inline-flex;align-items:center;white-space:nowrap}.home-title-separator{margin:0 6px;color:var(--c-text-muted);font-weight:normal}.overdue-count{color:var(--c-danger);font-size:calc(var(--ui-meta-size) * 11 / 12);font-weight:700;line-height:1.4;letter-spacing:0;white-space:nowrap;}
.board-overdue-divider{--record-sweep-base:var(--c-danger);--record-sweep-light:#ff7fa5;--overdue-divider-base:color-mix(in srgb,var(--c-danger) 70%,var(--c-border));display:flex;align-items:center;gap:8px;min-height:20px;padding:3px;color:var(--c-danger);font-size:calc(var(--ui-meta-size) * 11 / 12);font-weight:700;line-height:1;text-transform:lowercase;letter-spacing:.4px;}
.board-overdue-divider::before,.board-overdue-divider::after{content:"";height:2px;flex:1;border-radius:999px;background-image:linear-gradient(90deg,var(--overdue-divider-base) 0%,var(--overdue-divider-base) 42%,var(--record-sweep-light) 49%,var(--overdue-divider-base) 56%,var(--overdue-divider-base) 100%);background-size:250% 100%;background-position:100% 0;background-repeat:no-repeat;animation:record-text-sweep 4s linear infinite;}
.board-overdue-divider span{flex:0 0 auto;opacity:1;}

/* единые элементы выбора */
.app input[type="checkbox"]:not(.ui-switch-input),.app input[type="radio"]{appearance:none;display:inline-grid;place-content:center;width:18px;height:18px;min-width:18px;margin:0;border:1.5px solid var(--ui-field-border-color);background:var(--ui-bg-field);color:var(--c-on-accent);vertical-align:middle;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;}
.app input[type="checkbox"]:not(.ui-switch-input){border-radius:3px;}
.ezh-task-form input[type="checkbox"]{--ui-field-border-color:var(--ui-button-border);}
.app input[type="radio"]{border-radius:50%;}
.app input[type="checkbox"]:not(.ui-switch-input)::before{content:"";width:9px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .12s;}
.app input[type="radio"]::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;transform:scale(0);transition:transform .12s;}
.app input[type="checkbox"]:not(.ui-switch-input):checked,.app input[type="radio"]:checked{border-color:var(--c-accent);background:var(--c-accent);}
.app input[type="checkbox"]:not(.ui-switch-input):checked::before,.app input[type="radio"]:checked::before{transform:translateY(-1px) rotate(-45deg) scale(1);}
.app input[type="radio"]:checked::before{transform:scale(1);}
.app input[type="checkbox"]:not(.ui-switch-input):hover,.app input[type="radio"]:hover{border-color:var(--c-accent);}
.app input[type="checkbox"]:not(.ui-switch-input):focus-visible,.app input[type="radio"]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-accent-soft);border-color:var(--c-accent);}
.app input[type="checkbox"]:not(.ui-switch-input):disabled,.app input[type="radio"]:disabled{opacity:.45;cursor:not-allowed;}
.ui-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:var(--ui-body-size);color:var(--c-text);}
.ui-switch-input{position:absolute;opacity:0;width:0;height:0;}
.ui-switch-track{position:relative;width:38px;height:20px;border-radius:var(--radius);background:var(--c-card-2);border:1px solid var(--c-border);transition:background .15s,border-color .15s;flex:0 0 auto;}
.ui-switch-knob{position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:50%;background:var(--c-text-muted);transition:left .15s,background .15s;}
.ui-switch-input:checked + .ui-switch-track{background:var(--c-accent);border-color:var(--c-accent);}
.ui-switch-input:checked + .ui-switch-track .ui-switch-knob{left:19px;background:var(--c-on-accent);}
.ui-switch-input:focus-visible + .ui-switch-track{box-shadow:0 0 0 3px var(--c-accent-soft);border-color:var(--c-accent);}
.ui-switch-input:disabled + .ui-switch-track{opacity:.45;cursor:not-allowed;}
.colleague-work-card{margin-top:12px;overflow:visible;}
.colleague-work-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.colleague-work-action{position:relative;margin:0;}
.ui-hover-tip::after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 8px);z-index:120;width:min(420px,calc(100vw - 48px));padding:9px 11px;border:1px solid var(--c-accent);border-radius:var(--radius);background:var(--ui-bg-popover);box-shadow:0 10px 28px var(--c-tip-shadow);color:var(--ui-help-color);font-family:var(--ui-help-font-family);font-size:var(--ui-help-size);font-weight:var(--ui-help-weight);line-height:1.4;white-space:normal;opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none;transition:opacity .12s,transform .12s,visibility .12s;}
.ui-hover-tip:hover::after,.ui-hover-tip:focus-within::after{opacity:1;visibility:visible;transform:translateY(0);}
@media (max-width:600px){.colleague-work-actions{align-items:stretch;flex-direction:column}.colleague-work-action{width:100%}.colleague-work-action>.btn{width:100%}.ui-hover-tip::after{left:0;width:min(360px,calc(100vw - 58px));}}
@media (forced-colors:active){.app input[type="checkbox"]:not(.ui-switch-input),.app input[type="radio"]{appearance:auto;forced-color-adjust:auto;}.app input[type="checkbox"]:not(.ui-switch-input)::before,.app input[type="radio"]::before{display:none;}.ui-switch-track{forced-color-adjust:auto;}}

/* единая кнопка-иконка */
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);color:var(--c-accent);font:inherit;line-height:1;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s,color .15s;}
.icon-btn .ui-icon{width:16px;height:16px;}
.icon-btn:hover,.icon-btn:focus-visible,.icon-btn.is-on{outline:none;border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent);}
.icon-btn:focus-visible{box-shadow:0 0 0 3px var(--c-accent-soft);}
.icon-btn:disabled,.icon-btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;}
.icon-btn-danger:hover,.icon-btn-danger:focus-visible{border-color:var(--c-danger);background:var(--c-danger-soft);color:var(--c-danger);}
.card-tools-toggle{margin-left:auto;flex:0 0 auto;}
.home-board-head{align-items:center;justify-content:space-between;}
.home-board-head>h2{display:flex;align-items:center;min-width:0;flex:1 1 240px;flex-wrap:wrap;line-height:1.3;font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);}
.home-card-head-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;flex:0 0 auto;flex-wrap:wrap;}
.home-card-head-actions .head-link,.home-card-head-actions .card-tools-toggle{margin-left:0;}
.home-monitor-link,.home-sort-toggle{width:168px;min-width:168px;max-width:168px;justify-content:center;white-space:nowrap;border-color:color-mix(in srgb,var(--c-accent) 72%,var(--c-border));background:var(--ui-sort-button-bg);box-shadow:var(--ui-sort-button-shadow);}
.home-card-head-actions .btn.home-monitor-link,.home-card-head-actions .btn.home-sort-toggle{min-height:32px;padding:6px 12px;font-size:var(--ui-action-size);line-height:1.2;}
.home-monitor-link:hover,.home-monitor-link:focus-visible,.home-sort-toggle:hover,.home-sort-toggle.is-on{border-color:var(--c-accent);background:var(--ui-sort-button-hover-bg);}
@media screen and (max-width:720px){.home-monitor-link,.home-sort-toggle{width:100%;min-width:0;max-width:none;flex:1 1 180px}}
@media screen and (max-width:600px){.home-board-head{align-items:stretch;flex-direction:column}.home-board-head>h2{flex:0 1 auto;width:100%}.home-card-head-actions{justify-content:space-between;margin-left:0;flex-wrap:wrap}}
/* карточка-обёртка панели: позиционируем панель от неё, при открытии снимаем обрезку */
.card.tools-open{overflow:visible;}
.card .card-tools{position:absolute;top:46px;right:10px;z-index:50;display:none;flex-direction:column;gap:7px;width:auto;min-width:170px;max-width:280px;padding:11px 12px;border:1px solid var(--c-accent);border-radius:var(--radius);background:var(--ui-bg-popover);box-shadow:0 8px 24px var(--c-tip-shadow);}
.home-card-head-actions>.card-tools{top:calc(100% + 6px);right:0;}
.card .card-tools.is-open{display:flex;}
.card-tools-title{font-size:calc(var(--ui-meta-size) * 11 / 12);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;}
.card-tools .chip{justify-content:flex-start;white-space:nowrap;text-align:left;}
.card-tools .chip .ui-icon{width:14px;height:14px;}
.card-tools-check{align-items:center;margin:1px 0;color:var(--c-text);font-size:var(--ui-meta-size);}
.card-tools .chip.is-active{background:var(--ui-button-active-bg);border-color:var(--ui-button-border);border-width:var(--ui-button-border-width);color:var(--ui-button-active-color);font-weight:var(--ui-action-weight);}
.home-board-list{resize:vertical;}
.home-board-list .t-name{white-space:normal;text-overflow:clip}.home-board-list .t-name>a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35}
.records-board-head{align-items:center;justify-content:space-between}.records-board-head>h2{min-width:0;flex:1 1 240px;flex-wrap:wrap;line-height:1.3}.records-count{color:var(--c-text-muted);font-weight:normal}.records-count.is-overdue{color:var(--c-danger)}.records-head-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;flex:0 0 auto}.records-head-actions .head-link,.records-head-actions .card-tools-toggle{margin-left:0}.records-head-actions>.card-tools{top:calc(100% + 6px);right:0}.records-sort-toggle{white-space:nowrap}.records-list-scroll .t-name{white-space:normal;text-overflow:clip}.records-list-scroll .t-name>a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35}.records-catalog .list-row{align-items:center}.records-catalog .list-action .btn{min-width:76px}
@media screen and (max-width:1400px){.records-board-head{flex-wrap:wrap}.records-board-head>h2{flex-basis:100%}.records-head-actions{width:100%;justify-content:flex-end}}
@media screen and (max-width:600px){.records-board-head{align-items:stretch;flex-direction:column}.records-head-actions{justify-content:space-between;margin-left:0;flex-wrap:wrap}.records-catalog .list-row{align-items:flex-start}.records-catalog .list-action{align-self:center}}
.records-monitor-page{max-width:none!important;margin:0!important}.records-monitor-scroll{overflow-x:auto}.records-monitor-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);gap:12px;min-width:0}.records-monitor-column{min-width:0;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--ui-bg-card);overflow:hidden}.records-monitor-column-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--c-border);background:var(--ui-bg-card)}.records-monitor-column-head h3{margin:0;color:var(--ui-heading-color);font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);text-transform:var(--ui-heading-transform)}.records-monitor-list{max-height:calc(100vh - 190px);min-height:240px;overflow-y:auto;padding:0 10px}.records-monitor-list .task{grid-template-columns:20px minmax(0,1fr);padding:9px 0}.records-monitor-list .t-date{grid-column:2;text-align:left;margin-top:3px}.records-monitor-list .t-date span{display:inline}.records-monitor-list :is(.t-name>a,.project-task-row-title,.records-monitor-simple-item>a){display:-webkit-box;overflow:hidden;color:var(--ui-title-color);font-family:var(--ui-title-font-family);font-size:var(--ui-title-size);font-weight:var(--ui-title-weight);line-height:1.35;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:3}.records-monitor-list :is(.t-from,.project-task-meta,.records-monitor-simple-item>.ui-meta,.records-monitor-simple-text){color:var(--ui-meta-color);font-family:var(--ui-meta-font-family);font-size:var(--ui-meta-size);font-weight:var(--ui-meta-weight);line-height:1.4;text-align:left}.records-monitor-list .empty{padding:24px 8px}.records-monitor-project-item,.records-monitor-simple-item{padding:9px 0;border-bottom:1px solid var(--c-border)}.records-monitor-project-item:last-child,.records-monitor-simple-item:last-child{border-bottom:0}.records-monitor-project-item.is-overdue{border-left:2px solid var(--c-danger);padding-left:8px}.records-monitor-project-item .tip{display:none}.records-monitor-simple-text{display:-webkit-box;margin-top:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.records-project-tip-title{margin-bottom:3px;color:var(--c-accent);font-size:calc(var(--ui-meta-size) * 11 / 12);text-transform:uppercase}.records-project-tip-name{margin-bottom:8px;color:var(--c-text-muted);font-size:calc(var(--ui-title-size) * 14 / 16);font-weight:600;font-style:italic;line-height:1.35}.records-project-tip-context{display:grid;gap:2px;margin-bottom:8px;font-size:var(--ui-meta-size)}.records-project-tip-context span,.records-project-tip-meta span,.records-project-tip-description>span{color:var(--c-accent);font-size:calc(var(--ui-meta-size) * 11 / 12);text-transform:uppercase}.records-project-tip-context b,.records-project-tip-meta b{color:var(--c-text-muted);font-weight:500}.records-project-tip-meta{display:flex;gap:8px;margin-bottom:8px;font-size:var(--ui-meta-size)}.records-project-tip-description{margin-bottom:10px;font-size:var(--ui-meta-size);line-height:1.45}.records-project-tip-description>div{margin-top:2px;color:var(--c-text-muted)}
.records-monitor-list .task>.t-from{flex:0 1 auto;min-width:0;width:max-content;max-width:min(calc(155px * var(--app-font-scale)),45%);margin-left:auto;text-align:right}
.records-monitor-list .task>.t-from:empty{display:none}
.page-records-monitor .task.is-overdue-record:not(.done) .t-name>a{animation:none;background-image:none;color:var(--c-danger);-webkit-text-fill-color:currentColor}
[data-ui-wide-scroll]{scrollbar-width:auto;scrollbar-color:color-mix(in srgb,var(--c-accent) 78%,var(--c-text-muted)) var(--c-panel);scrollbar-gutter:stable}
[data-ui-wide-scroll]::-webkit-scrollbar,.ui-wide-scroll-proxy::-webkit-scrollbar{height:15px}
[data-ui-wide-scroll]::-webkit-scrollbar-track,.ui-wide-scroll-proxy::-webkit-scrollbar-track{border-top:1px solid var(--c-border);border-radius:8px;background:var(--c-panel)}
[data-ui-wide-scroll]::-webkit-scrollbar-thumb,.ui-wide-scroll-proxy::-webkit-scrollbar-thumb{border:3px solid var(--c-panel);border-radius:8px;background:color-mix(in srgb,var(--c-accent) 78%,var(--c-text-muted))}
[data-ui-wide-scroll]::-webkit-scrollbar-thumb:hover,.ui-wide-scroll-proxy::-webkit-scrollbar-thumb:hover{background:var(--c-accent)}
.ui-wide-scroll-proxy{position:fixed;left:8px;bottom:8px;z-index:95;display:none;height:17px;overflow-x:scroll;overflow-y:hidden;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-panel);box-shadow:0 4px 14px rgba(0,0,0,.28);scrollbar-width:auto;scrollbar-color:var(--c-accent) var(--c-panel)}
.ui-wide-scroll-proxy.is-on{display:block}
.ui-wide-scroll-proxy-inner{height:1px}
@media print{.ui-wide-scroll-proxy{display:none!important}}
@media screen and (max-width:800px){.records-monitor-grid{display:block;min-width:0}.records-monitor-column{margin-bottom:12px}.records-monitor-list{max-height:none;min-height:0}}
.records-monitor-toolbar{display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(260px,1fr);align-items:center;gap:10px 16px}.records-monitor-toolbar>h2{min-width:0}.records-monitor-pager{display:flex;align-items:center;justify-content:center;gap:4px}.records-monitor-page-state{min-width:76px;margin:0 4px;color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 10 / 12);font-weight:600;text-align:center;white-space:nowrap}.records-monitor-arrow{margin:0;padding:0;font:inherit;cursor:pointer}.records-monitor-arrow:disabled{opacity:.4;cursor:default}.records-monitor-jumps{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;margin:0;overflow-x:auto;padding:2px 0 1px;scrollbar-width:thin}.records-monitor-jump{width:auto;min-width:0;flex:0 0 auto;padding:0 10px;font:inherit;font-size:calc(var(--ui-meta-size) * 11 / 12);cursor:pointer}.records-monitor-scroll{scroll-behavior:smooth;scroll-snap-type:x proximity}.records-monitor-column{scroll-snap-align:start}
@media screen and (max-width:1100px){.records-monitor-toolbar{grid-template-columns:1fr auto}.records-monitor-toolbar>h2{grid-column:1}.records-monitor-pager{grid-column:2}.records-monitor-toolbar>.records-head-actions{grid-column:1/-1;grid-row:2;justify-content:flex-end}.records-monitor-jumps{grid-row:3}}
@media screen and (max-width:800px){.records-monitor-pager,.records-monitor-jumps{display:none}.records-monitor-toolbar{display:flex}.records-monitor-toolbar>.records-head-actions{width:auto;margin-left:auto}.records-monitor-scroll{scroll-snap-type:none}}
@media screen and (max-width:600px){.records-monitor-toolbar>.records-head-actions{width:100%;margin-left:0}}
.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.work-message-form{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(360px,1.28fr);align-items:start;gap:12px}.work-message-form>.field{margin:0}.work-message-recipients{grid-row:span 2;min-width:0;padding:0;border:0}.work-message-recipient-list{display:grid;gap:4px;max-height:210px;overflow-y:auto;padding:6px;border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--ui-control-bg)}.work-message-recipient{display:flex;align-items:flex-start;gap:8px;padding:6px;cursor:pointer}.work-message-recipient input{flex:0 0 auto}.work-message-recipient span{min-width:0;overflow-wrap:anywhere}.work-message-text-field textarea{min-height:112px}.work-message-submit{grid-column:2;margin-top:0}.work-message-list{padding-top:0;padding-bottom:0}.work-message-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--c-border)}.work-message-row:last-child{border-bottom:0}.work-message-row.is-unread{border-left:3px solid var(--c-accent);padding-left:10px}.work-message-main{min-width:0;flex:1}.work-message-main h3{margin:0 0 3px;color:var(--ui-title-color);font-size:var(--ui-title-size);font-weight:var(--ui-title-weight)}.work-message-text{margin-top:7px;white-space:normal;overflow-wrap:anywhere}.form-span-2{grid-column:1/-1}@media screen and (max-width:800px){.page-title-row{align-items:flex-start;flex-direction:column}.work-message-form{grid-template-columns:1fr}.work-message-recipients{grid-row:auto}.work-message-submit{grid-column:auto}.work-message-row{flex-direction:column}.form-span-2{grid-column:auto}}
.decision-page-title{margin-bottom:12px}.decision-page-title .nav-badge{font-size:calc(var(--ui-navigation-size) * 11 / 13)}.decision-tabs a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-accent-soft)}.decision-section-title{margin:18px 0 8px}.decision-card .card-head{align-items:flex-start;justify-content:space-between}.decision-card .card-head h3{min-width:0;overflow-wrap:anywhere;line-height:1.35}.decision-badges{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;flex:0 0 auto}.decision-meta{display:flex;align-items:center;gap:4px 0;flex-wrap:wrap}.decision-meta>span{display:inline-flex;align-items:center}.decision-meta>span:not(:last-child)::after{content:"·";margin:0 7px;color:var(--c-border)}.decision-action-form{padding-top:12px;border-top:1px solid var(--c-border)}.decision-action-form .field-optional{font-weight:normal;color:var(--c-text-muted)}.decision-action-form .form-actions{align-items:stretch}.decision-recipient b{color:var(--c-text)}.decision-history{border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--c-card-2);overflow:hidden}.decision-history>summary{padding:9px 11px;color:var(--c-text);cursor:pointer}.decision-history>summary:hover,.decision-history>summary:focus-visible{background:var(--c-accent-soft);color:var(--c-accent);outline:none}.decision-history>.list{padding:0 11px 8px}
@media screen and (max-width:600px){.decision-card .card-head{align-items:stretch;flex-direction:column}.decision-badges{justify-content:flex-start}.decision-action-form .form-actions>.btn{flex:1 1 150px}.decision-meta>span{flex:1 1 100%}.decision-meta>span:not(:last-child)::after{display:none}}

/* настройки интерфейса (settings.php) */
.set-row{padding:11px 0;border-bottom:1px solid var(--c-border);}
.set-row:last-child{border-bottom:0;}
.set-chk{display:flex;align-items:center;gap:9px;font-size:var(--ui-body-size);color:var(--c-text);cursor:pointer;}
.set-chk input{flex:0 0 auto;}
.set-note{display:block;margin:5px 0 0 27px;font-size:var(--ui-meta-size);color:var(--c-text-muted);line-height:1.45;}
.set-actions{padding-top:14px;text-align:center;}
.set-section{padding:0 0 14px;margin:0 0 4px;border-bottom:1px solid var(--c-border);}
.set-section-title{font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);color:var(--ui-heading-color);margin:0 0 12px;text-transform:var(--ui-heading-transform);letter-spacing:var(--ui-heading-letter-spacing);}
.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px;margin-top:10px;}
.theme-color-row{display:grid;grid-template-columns:1fr 42px minmax(86px,108px);gap:8px;align-items:center;font-size:var(--ui-meta-size);color:var(--c-text);}
.theme-color-row input[type="color"]{width:42px;height:32px;border:1px solid var(--ui-field-border-color);border-radius:var(--radius);background:var(--ui-bg-field);padding:2px;cursor:pointer;}
.theme-color-row input[type="text"]{width:100%;background:var(--ui-bg-field);border:1px solid var(--ui-field-border-color);border-radius:var(--radius);color:var(--ui-control-color);padding:7px 8px;font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);}
.theme-color-row input:focus{outline:none;border-color:var(--c-accent);}
.set-font-box{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--c-border);}
.theme-font-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 10px;}
.theme-font-grid .field{margin:0;}
.theme-font-grid input[type="range"]{width:100%;accent-color:var(--c-accent);}
.theme-font-grid input[type="number"]{width:100%;margin-top:7px;background:var(--ui-bg-field);border:1px solid var(--ui-field-border-color);border-radius:var(--radius);color:var(--ui-control-color);padding:7px 8px;font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);}
.theme-font-preview{margin:8px 0 6px;padding:10px 12px;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);color:var(--c-text);line-height:1.5;}
@media screen and (max-width:800px){.theme-font-grid{grid-template-columns:1fr;}}

/* страница помощи (help.php) */
.app-simple .col.help-page{width:100%;max-width:none;margin-inline:0;}
.help-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;}
.help-page-title{margin-bottom:5px;}
.help-page-head .page-note{margin:0;}
.help-question-card{margin-bottom:14px;border-color:var(--c-accent);}
.help-question-card label{display:block;margin-bottom:7px;color:var(--ui-label-color);font-size:var(--ui-label-size);}
.help-question-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;}
.help-question-row .search-input{min-height:42px;font-size:calc(var(--ui-control-size) * 15 / 13);}
.help-privacy,.help-search-status{margin:7px 0 0;color:var(--c-text-muted);font-size:var(--ui-help-size);}
.help-examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.help-examples button{padding:5px 9px;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);color:var(--c-text-muted);font:inherit;font-size:var(--ui-help-size);cursor:pointer;}
.help-examples button:hover,.help-examples button:focus-visible{border-color:var(--c-accent);color:var(--c-accent);outline:none;}
.help-layout{display:grid;grid-template-columns:minmax(308px,378px) minmax(0,1fr);gap:var(--gap);align-items:start;}
.help-nav-card{position:sticky;top:calc(var(--layout-sticky-top) + 12px);max-height:calc(100vh - var(--layout-sticky-top) - 24px);overflow:auto;}
.help-nav-card>.card-head h2{margin:0;font-size:var(--ui-heading-size);color:var(--ui-heading-color);text-transform:var(--ui-heading-transform);}
.help-nav-group+.help-nav-group{margin-top:13px;padding-top:12px;border-top:1px solid var(--c-border);}
.help-nav-group h3{margin:0 0 6px;color:var(--c-text-muted);font-size:var(--ui-help-size);text-transform:uppercase;letter-spacing:.04em;}
.help-topic-link{display:block;padding:6px 7px;border-radius:var(--radius);color:var(--c-text);font-size:var(--ui-body-size);line-height:1.3;text-decoration:none;}
.help-topic-link:hover,.help-topic-link:focus-visible{background:var(--c-accent-soft);color:var(--c-accent);outline:none;}
.help-results{display:grid;gap:14px;min-width:0;}
.help-results>.card{margin-bottom:0;}
.help-topic{scroll-margin-top:calc(var(--layout-sticky-top) + 12px);overflow:visible;}
.help-topic.is-context,.help-topic:target{border-color:var(--c-accent);}
.help-topic details>summary{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:13px 14px;cursor:pointer;list-style:none;user-select:none;}
.help-topic details>summary::-webkit-details-marker{display:none;}
.help-topic details>summary::marker{content:'';}
.help-topic details>summary span:first-child{display:grid;gap:3px;min-width:0;}
.help-topic details>summary b{display:block;color:var(--c-text);font-size:var(--ui-interface-size);}
.help-topic details>summary small{display:block;margin-top:3px;color:var(--c-text-muted);font-size:var(--ui-help-size);font-weight:400;line-height:1.4;}
.help-topic-body{padding:0 14px 14px;border-top:1px solid var(--c-border);}
.help-topic-body ol{margin:13px 0;padding-left:22px;color:var(--c-text);}
.help-topic-body li{margin:0 0 7px;line-height:1.5;}
.help-consequence{margin:12px 0;padding:10px 12px;border-left:3px solid var(--c-accent);background:var(--c-accent-soft);color:var(--c-text);line-height:1.5;}
.help-topic-up{display:inline-block;margin-top:4px;color:var(--c-text-muted);font-size:var(--ui-help-size);text-decoration:none;}
.help-topic-up:hover{color:var(--c-accent);}
.help-no-results{padding:18px;}
.help-no-results h2{margin:0 0 8px;color:var(--ui-heading-color);font-size:var(--ui-heading-size);}
.help-no-results p{max-width:700px;line-height:1.5;}
@media screen and (max-width:780px){.help-page-head{display:block}.help-layout{grid-template-columns:1fr}.help-nav-card{position:static;max-height:none}.help-nav-card>.card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.help-nav-group+.help-nav-group{margin:0;padding:0;border:0}.help-question-row{grid-template-columns:1fr}.help-question-row .btn{justify-self:start}.help-topic details>summary{padding:12px}}
@media screen and (max-width:480px){.help-nav-card>.card-body{grid-template-columns:1fr}.help-examples button{flex:1 1 140px}}

/* обязательное поле (звёздочка) */
.req{color:var(--c-danger);}

/* утилита видимости */
.is-hidden{display:none !important;}

/* ===== Ж-1: ОБЩИЕ КОМПОНЕНТЫ СТРАНИЦ (списки/кнопки/формы) ===== */

/* заголовок раздела */
.page-title{display:flex;align-items:center;gap:6px;font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);color:var(--ui-heading-color);margin:0 0 4px 0;text-transform:var(--ui-heading-transform);letter-spacing:var(--ui-heading-letter-spacing);}
.page-title .ui-icon{width:var(--ui-heading-icon-size);height:var(--ui-heading-icon-size);stroke-width:2;}
.page-note{font-size:var(--ui-body-size);color:var(--c-text-muted);margin:0 0 14px 0;line-height:1.5;}
.section-title{font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);color:var(--ui-heading-color);margin:18px 0 8px 0;text-transform:var(--ui-heading-transform);letter-spacing:var(--ui-heading-letter-spacing);}
.section-title small{font-weight:normal;text-transform:none;letter-spacing:0;color:var(--c-text-muted);font-size:calc(var(--ui-heading-size) * 11 / 14);}
.subtitle{font-size:calc(var(--ui-title-size) * 13 / 16);font-weight:bold;color:var(--c-text);margin:0 0 6px 0;}

/* Геометрия группы вкладок; внешний вид кнопок задаёт общий контракт ниже. */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--gap-v) 0;border-bottom:1px solid var(--c-border);padding-bottom:10px;}
.tabs-center{justify-content:center;}
.tabs-center a{min-width:160px;text-align:center;}
.form-actions-center{justify-content:center;}
.list-action-center{text-align:center;}
.coll-sub-center{text-align:center;}
.coll-sub{display:flex;align-items:baseline;gap:12px;margin:14px 0 6px;padding-bottom:6px;border-bottom:1px solid var(--c-border);}
.coll-sub-title{font-weight:var(--ui-heading-weight);letter-spacing:var(--ui-heading-letter-spacing);color:var(--ui-heading-color);font-size:var(--ui-heading-size);text-transform:var(--ui-heading-transform);}
.coll-sub-links{margin-left:auto;display:flex;gap:14px;font-size:var(--ui-body-size);}
.coll-sub-links a{color:var(--c-text-muted);text-decoration:none;}
.coll-sub-links a.active{color:var(--c-accent);font-weight:var(--ui-navigation-weight);}
.coll-sub-links a.disabled{opacity:.45;cursor:default;}
.list-action .btn{align-self:flex-end;}

/* ===== Новый экран выбора коллег ===== */
.coll-new-title{margin:0 0 14px;text-align:center;color:var(--ui-heading-color);font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);letter-spacing:var(--ui-heading-letter-spacing);text-transform:var(--ui-heading-transform);white-space:nowrap;}
.coll-title-count{display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px;letter-spacing:0;line-height:1;font-size:calc(var(--ui-heading-size) * 11 / 14);}
.coll-tab-title{margin-top:4px;margin-bottom:8px;}
.coll-tab-links{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;gap:8px;margin:0 0 14px;}
.coll-tab-links>a{flex:0 0 auto;}
.coll-tab-actions{margin:0 0 14px;}
.page-coll .app{--coll-tabs-row-height:max(53px,calc(var(--ui-navigation-size) * 1.34 + 39.25px));--coll-controls-top:calc(var(--layout-leader-offset) + var(--layout-topbar-height) + var(--coll-tabs-row-height) + 4px);}
.page-coll .tabs-center{display:flex;flex-wrap:nowrap;position:sticky;top:calc(var(--layout-leader-offset) + var(--layout-topbar-height));z-index:75;width:100%;min-height:var(--coll-tabs-row-height);align-items:center;justify-content:safe center;overflow-x:auto;padding:6px;border:1px solid var(--ui-border-color);border-radius:var(--radius);background:var(--ui-bg-card);scrollbar-width:thin;}
.page-coll .tabs-center a{display:flex;flex:1 1 0;min-width:calc(13em + var(--ui-navigation-letter-spacing) * 16 + 22px);align-items:center;justify-content:center;gap:5px;white-space:nowrap;}
.coll-sticky-controls{position:sticky;top:var(--coll-controls-top);z-index:65;width:100%;margin-bottom:14px;padding:6px;border:1px solid var(--ui-border-color);border-radius:var(--radius);background:var(--ui-bg-card);}
.coll-sticky-controls>.coll-tab-links,.coll-sticky-controls>.coll-sent-sort,.coll-sticky-controls .coll-tab-actions{margin:0;}
.coll-work-list{display:grid;gap:var(--ui-section-gap);}
.list-row.coll-work-card{align-items:center;padding:var(--ui-card-padding);border:1px solid var(--ui-border-color);border-radius:var(--radius);background:var(--ui-bg-card);}
.list-row.coll-work-card:last-child{border-bottom:1px solid var(--ui-border-color);}
.list-row.coll-dispatch-row{align-items:stretch;}
.coll-dispatch-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.coll-dispatch-row .list-name{display:flex;align-items:baseline;gap:6px;margin:0;min-width:0;}
.coll-dispatch-row .list-name>span{flex:0 0 auto;color:var(--ui-meta-color);font-size:var(--ui-meta-size);text-transform:lowercase;}
.coll-dispatch-row .list-name>b{overflow-wrap:anywhere;color:var(--ui-title-color);font-family:var(--ui-title-font-family);font-size:var(--ui-title-size);font-weight:var(--ui-title-weight);}
.coll-dispatch-status{flex:0 0 auto;margin:0;}
.coll-dispatch-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin-top:5px;line-height:1.3;}
.coll-dispatch-meta>span{display:inline-flex;align-items:baseline;gap:4px;min-width:0;overflow-wrap:anywhere;}
.coll-dispatch-meta b{display:inline;margin:0;color:var(--ui-label-color);font-family:var(--ui-label-font-family);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.coll-dispatch-stats{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;}
.coll-dispatch-row>.list-action{align-self:center;justify-content:center;}
.coll-dispatch-row>.list-action .btn{align-self:center;}
.coll-dispatch-pager{margin-top:14px;}
.coll-dispatch-page-title{margin-bottom:10px;}
.coll-dispatch-card .card-head h3{min-width:0;overflow-wrap:anywhere;}
.coll-dispatch-summary{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px 18px;line-height:1.35;}
.coll-dispatch-summary>span{display:grid;gap:3px;min-width:0;}
.coll-dispatch-summary>span small{color:var(--ui-label-color);font-family:var(--ui-label-font-family);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.coll-dispatch-summary>span b{overflow-wrap:anywhere;color:var(--ui-interface-color);font-family:var(--ui-interface-font-family);font-size:var(--ui-interface-size);font-weight:var(--ui-interface-weight);}
.coll-dispatch-summary-wide{grid-column:span 2;}
.coll-dispatch-tabs{position:sticky;top:var(--coll-controls-top);z-index:65;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:6px;background:var(--ui-bg-page);}
.coll-dispatch-tabs .readonly-tab{display:flex;align-items:center;justify-content:center;text-align:center;}
.app-simple .page-full{max-width:none;margin:0;width:100%;min-width:0;overflow:visible;padding-bottom:4px;}
.coll-new-shell{display:grid;grid-template-columns:minmax(230px,280px) minmax(var(--ui-coll-center-width),1fr) minmax(260px,320px);justify-content:stretch;gap:var(--gap);align-items:start;min-width:0;overflow:visible;}
.coll-new-panel{position:sticky;top:var(--coll-controls-top);background:var(--ui-bg-card);border:1px solid var(--ui-border-color);border-radius:var(--radius);padding:var(--ui-card-padding);overflow:visible;}
.coll-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;color:var(--ui-heading-color);font-weight:var(--ui-heading-weight);text-transform:var(--ui-heading-transform);font-size:var(--ui-heading-size);letter-spacing:var(--ui-heading-letter-spacing);}
.coll-filter-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:10px 0;}
.coll-mini-btn{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);color:var(--c-text);font:inherit;font-size:var(--ui-action-size);padding:5px 12px;cursor:pointer;transition:border-color .15s,color .15s;}
.coll-mini-btn:hover{border-color:var(--c-accent);color:var(--c-accent);}

.messages-grid{display:grid;grid-template-columns:280px 1fr;gap:var(--gap-v);align-items:start;}
.messages-chat{max-height:calc(100vh - 190px);min-height:360px;}
.readonly-chat.messages-chat:not(.project-chat-full){min-height:0;max-height:none;overflow-y:auto;resize:vertical;}
.message-page-title{margin-bottom:12px;}
.message-page-title .nav-badge{font-size:calc(var(--ui-navigation-size) * 11 / 13);}
.chat-page-head{display:flex;align-items:center;gap:20px;margin-top:var(--gap-v);padding:10px 14px}.chat-page-head .message-page-title{flex:0 0 auto;margin:0}.chat-page-head p{margin:0;color:var(--c-text-muted);font-size:var(--ui-meta-size);line-height:1.4}.page-messages .app:not(.app-simple)>.col-3{display:flex;flex-direction:column;gap:var(--gap-v)}.page-messages .message-conversation-card{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;overflow:hidden}.page-messages .message-conversation-card>.card-body{display:flex;min-height:0;flex:1 1 auto;flex-direction:column}.page-messages .message-conversation-card .messages-chat,.page-messages .common-chat-conversation .readonly-chat{min-height:0;flex:1 1 auto;max-height:none;overflow-y:auto;resize:none}
.message-dialog-list{display:grid;gap:6px;}
.message-dialog{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid transparent;border-radius:var(--radius);color:var(--c-text);text-decoration:none;}
.message-dialog:hover,.message-dialog:focus-visible{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-text);outline:none;}
.message-dialog.active{border-color:var(--c-accent);background:var(--c-accent-soft);}
.message-dialog-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.page-messages .messages-chat .readonly-msg{align-self:flex-start;max-width:82%;}
.page-messages .messages-chat .readonly-msg-me{border-color:var(--c-accent);border-left-width:3px;background:var(--c-accent-soft);}
.page-messages .messages-chat .readonly-msg-them{border-color:var(--c-border);background:var(--c-card-2);}
.page-messages .messages-chat-input{padding-top:10px;border-top:1px solid var(--c-border);}
.common-chats-card{height:100%;}.common-chats-card>.card-body{height:calc(100% - 43px);max-height:none;resize:none}.common-chat-list{display:grid;align-content:start;padding-top:0;padding-bottom:0}.common-chat-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:9px 0;border-bottom:1px solid var(--c-border);color:var(--c-text)}.common-chat-row:last-child{border-bottom:0}.common-chat-row.active{border-left:3px solid var(--c-accent);padding-left:8px;background:var(--c-accent-soft)}.common-chat-open{display:block;min-width:0;color:var(--c-text)}.common-chat-open:hover .common-chat-title,.common-chat-open:focus-visible .common-chat-title{color:var(--c-accent)}.common-chat-open:focus-visible,.common-chat-object-link:focus-visible{outline:none}.common-chat-title{display:-webkit-box;overflow:hidden;color:var(--ui-title-color);font-size:var(--ui-title-size);font-weight:400;line-height:1.3;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.common-chat-meta{display:flex;align-items:baseline;gap:5px;min-width:0;color:var(--c-text-muted);font-size:var(--ui-meta-size);line-height:1.3}.common-chat-meta time{margin-left:auto;white-space:nowrap}.common-chat-object-link{flex:0 0 auto;color:var(--c-accent);font-size:calc(var(--ui-meta-size) * 10 / 12);line-height:1.25;white-space:nowrap}.common-chat-object-link:hover{text-decoration:underline}
@media screen and (max-width:1100px){.chat-page-head{align-items:flex-start;flex-direction:column;gap:5px}.page-messages .app:not(.app-simple)>.col-3{gap:var(--gap-v)}.page-messages .message-conversation-card{min-height:520px}.common-chats-card{height:auto}.common-chats-card>.card-body{height:auto}}
@media screen and (max-width:900px){.messages-grid{grid-template-columns:1fr;}}
.coll-selection-bar{position:sticky;top:var(--coll-controls-top);z-index:60;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom:var(--ui-section-gap);padding:var(--ui-card-padding);border:1px solid var(--ui-border-color);border-radius:var(--radius);background:var(--ui-bg-card);}
.selection-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;max-height:180px;overflow:auto;}
.selection-summary[hidden]{display:none;}
.selection-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;}
.selection-chip{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;}
.coll-selected-tooltip{position:fixed;z-index:1000;max-width:min(360px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:auto;padding:8px 12px;border:1px solid var(--c-accent);border-radius:var(--radius);background:var(--c-panel);box-shadow:0 10px 28px var(--c-tip-shadow);color:var(--c-text);font-size:var(--ui-meta-size);line-height:1.45;overflow-wrap:anywhere;}
.coll-recipient-strip{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-width:0;height:48px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;color:var(--c-text-muted);}
.coll-recipient-group{display:flex;flex:none;align-items:center;gap:6px;height:100%;}
.coll-recipient-group .selection-chip{display:inline-flex;flex:none;align-items:center;gap:8px;height:34px;white-space:nowrap;}
.coll-recipient-remove{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;font-size:1.4em;line-height:1;color:var(--c-accent);}
.coll-selection-copy{grid-column:1;min-width:0;}
.coll-selection-title{color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.coll-selection-count{margin-top:3px;color:var(--ui-help-color);font-size:var(--ui-help-size);}
.coll-selection-submit{grid-column:2;justify-self:center;min-width:190px;}
.coll-task-meta{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.coll-task-meta>.field{flex:0 1 220px;min-width:180px;}
.coll-task-meta>.coll-author-control{align-self:flex-end;min-height:var(--ui-control-height);margin:0;white-space:nowrap;}
.ezh-task-form .coll-task-meta>.field>label{color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.coll-recipient-summary{margin-bottom:14px;}
.coll-recipient-line{line-height:1.55;overflow-wrap:anywhere;}
.coll-recipient-line+.coll-recipient-line{margin-top:4px;}
.coll-prepare-card{box-sizing:border-box;width:100%;max-width:980px;margin-inline:auto;}
.coll-send-result-card{box-sizing:border-box;width:min(100%,720px);margin-inline:auto;}
.coll-send-result-object{display:grid;gap:10px;}
.coll-send-result-kicker{color:var(--ui-meta-color);font-family:var(--ui-meta-font-family);font-size:var(--ui-meta-size);font-weight:var(--ui-meta-weight);}
.coll-send-result-title{overflow-wrap:anywhere;color:var(--ui-title-color);font-family:var(--ui-title-font-family);font-size:var(--ui-title-size);font-weight:var(--ui-title-weight);line-height:1.35;}
.coll-send-result-text{display:grid;gap:3px;min-width:0;}
.coll-send-result-text>span,.coll-send-result-meta dt{color:var(--ui-label-color);font-family:var(--ui-label-font-family);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.coll-send-result-text>div{display:-webkit-box;overflow:hidden;color:var(--ui-body-color);font-family:var(--ui-body-font-family);font-size:var(--ui-body-size);font-weight:var(--ui-body-weight);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow-wrap:anywhere;}
.coll-send-result-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:2px 0 0;}
.coll-send-result-meta>div{display:grid;gap:2px;min-width:0;}
.coll-send-result-meta dt,.coll-send-result-meta dd{margin:0;}
.coll-send-result-meta dd{overflow-wrap:anywhere;color:var(--ui-interface-color);font-family:var(--ui-interface-font-family);font-size:var(--ui-interface-size);font-weight:var(--ui-interface-weight);line-height:1.35;}
.coll-send-result-actions{gap:7px;margin-top:14px;flex-wrap:wrap;}
.coll-quick{margin-top:22px;}
.coll-quick-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;color:var(--c-accent);font-size:var(--ui-body-size);font-weight:700;text-transform:uppercase;letter-spacing:.5px;}
.coll-quick-list{display:flex;flex-direction:column;gap:10px;position:relative;}
.coll-quick-item,.coll-org-btn,.coll-org-choice{width:100%;min-height:var(--ui-action-height);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);color:var(--c-text);font:inherit;text-align:center;cursor:pointer;}
.coll-quick-item:hover,.coll-org-btn:hover,.coll-org-choice:hover{border-color:var(--c-accent);background:var(--c-accent-soft);}
.coll-flyout{display:none;position:absolute;z-index:80;min-width:220px;max-width:320px;background:var(--c-bg);border:1px solid var(--c-accent);border-radius:var(--radius);box-shadow:0 10px 28px var(--c-tip-shadow);padding:10px 12px;color:var(--c-text);font-size:var(--ui-body-size);line-height:1.45;}
.coll-flyout.show{display:block;}
.coll-quick-list .coll-flyout{left:calc(100% + 10px);top:0;max-height:60vh;overflow-y:auto;overscroll-behavior:contain;}
.coll-flyout-choice{display:block;width:100%;padding:5px 0;border:0;border-bottom:1px solid var(--c-border-soft);background:transparent;color:var(--c-text);font:inherit;text-align:left;cursor:pointer;}
.coll-flyout-choice:hover{color:var(--c-accent);}
.coll-flyout-choice:disabled{opacity:.55;cursor:default;color:var(--c-text-muted);}
.coll-new-main{min-width:0;overflow:visible;}
.coll-new-list{display:flex;flex-direction:column;gap:8px;overflow:visible;}
.coll-person{position:relative;overflow:visible;}
.coll-person-grid{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto auto;gap:5px 10px;padding:var(--ui-card-padding);background:var(--ui-bg-card);border:1px solid var(--ui-border-color);border-radius:var(--radius);outline:none;}
.coll-person-grid:hover,.coll-person-grid:focus-within{border-color:var(--c-accent);}
.coll-pick{display:flex;align-items:center;gap:6px;color:var(--c-text);font-size:var(--ui-meta-size);text-transform:lowercase;white-space:nowrap;}
.coll-pick input{margin:0;}
.coll-pick.is-disabled{color:var(--c-text-muted);cursor:not-allowed;}
.coll-person-top,.coll-person-bottom{min-width:0;display:flex;align-items:center;gap:9px;overflow:hidden;white-space:nowrap;}
.coll-person-name{border:0;background:transparent;padding:0;font:inherit;font-weight:var(--ui-action-weight);color:var(--c-text);text-align:left;cursor:pointer;}
.ui-person-name{font-weight:700;}
.coll-person-unit,.coll-person-position,.coll-person-bottom span,.coll-person-bottom a{overflow:hidden;text-overflow:ellipsis;color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.coll-person-position{flex:0 1 auto;color:var(--c-text);}.coll-person-unit{flex:1 1 180px;min-width:80px;}
.coll-person-bottom a{color:var(--c-link);}
.coll-person-pop{display:none;position:absolute;z-index:120;right:0;top:auto;bottom:100%;width:min(360px,92%);background:var(--c-bg);border:1px solid var(--c-accent);border-radius:var(--radius);box-shadow:0 12px 30px var(--c-tip-shadow);padding:12px;color:var(--c-text);}
.coll-person-pop.coll-person-pop--below{bottom:auto;top:100%;}
.coll-person-grid.coll-person-pop-open .coll-person-pop{display:block;}
.coll-pop-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.coll-pop-head b{display:block;color:var(--c-accent);}
.coll-pop-head small{display:block;color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.coll-pop-line{margin:4px 0;color:var(--c-text-muted);font-size:var(--ui-meta-size);line-height:1.45;}
.coll-pop-path{display:inline;padding:0;border:0;background:transparent;color:var(--c-link);font:inherit;cursor:pointer;}
.coll-pop-path:hover{color:var(--c-accent);text-decoration:underline;}
.coll-pop-actions{display:flex;gap:8px;margin-top:10px;}
.coll-org-stack{display:flex;flex-direction:column;gap:10px;align-items:stretch;}
.coll-org-node{position:relative;}
.coll-org-node.current .coll-org-btn,.coll-org-node.home .coll-org-btn{border:1px solid var(--c-accent);background:var(--c-accent-soft);box-shadow:none;color:var(--c-text);}
.coll-org-children{display:flex;flex-direction:column;gap:10px;}
.coll-org-node .coll-flyout{right:calc(100% + 10px);top:0;max-height:360px;overflow:auto;}
.coll-org-flyout.show{display:flex;flex-direction:column;gap:10px;}
.coll-quick-list .coll-flyout div{padding:3px 0;border-bottom:1px solid var(--c-border-soft);}
.coll-quick-list .coll-flyout div:last-child{border-bottom:0;}
.coll-quick-list .coll-flyout .coll-flyout-choice:last-child{border-bottom:0;}

@media screen and (max-width:1400px){
  .coll-new-shell{grid-template-columns:200px minmax(460px,1fr) 220px;gap:min(var(--gap),18px);}}
@media screen and (max-width:1260px){
  .coll-new-shell{grid-template-columns:180px minmax(420px,1fr) 200px;gap:min(var(--gap),14px);}}
@media screen and (max-width:1100px){
  .app-simple .page-full{width:100%;}
  .coll-new-shell{grid-template-columns:160px minmax(380px,1fr) 180px;gap:min(var(--gap),12px);}}
@media screen and (max-width:800px){
  .app-simple .page-full{width:100%;max-width:100%;margin:0;overflow:visible;padding-bottom:12px;}
  .coll-new-title{white-space:normal;}
  .coll-new-shell{display:flex;flex-direction:column;min-width:0;width:100%;gap:12px;}
  .coll-new-panel,.coll-new-main{width:100%;min-width:0;}
  .coll-selection-bar{grid-template-columns:1fr;align-items:stretch;}
  .coll-selection-copy,.coll-selection-submit{grid-column:1;}
  .coll-selection-submit{width:100%;min-width:0;}
  .coll-task-meta{display:grid;grid-template-columns:1fr;}
  .coll-task-meta>.field{min-width:0;}
  .coll-filter-panel{order:1;}
  .coll-new-main{order:2;}
  .coll-org-panel{order:3;}
  .coll-quick-list .coll-flyout{position:static;left:auto;width:100%;min-width:0;max-width:none;margin-top:6px;max-height:50vh;}
  .coll-person-grid{grid-template-columns:70px minmax(0,1fr);padding:9px 10px;}
  .coll-person-top,.coll-person-bottom{flex-wrap:wrap;white-space:normal;overflow:visible;gap:4px 8px;}
  .coll-person-unit,.coll-person-position,.coll-person-bottom span,.coll-person-bottom a{max-width:100%;}
  .coll-person-grid.coll-person-pop-open .coll-person-pop{display:none;}
  .tabs-center{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .tabs-center a{min-width:0;text-align:center;}
  .coll-dispatch-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  .coll-dispatch-tabs{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media screen and (max-width:600px){
  .coll-dispatch-row{flex-direction:column;}
  .coll-dispatch-row>.list-action .btn{width:100%;}
  .coll-dispatch-summary{grid-template-columns:1fr;}
  .coll-dispatch-summary-wide{grid-column:auto;}
  .coll-dispatch-tabs{grid-template-columns:repeat(2,minmax(0,1fr));}
  .coll-send-result-meta{grid-template-columns:1fr;}
  .coll-send-result-actions .btn{width:100%;}}

/* Единая кнопка: обычная, главная, вторичная, активная, опасная и недоступная. */
.btn,.btn:link,.btn:visited{box-sizing:border-box;min-height:var(--ui-action-height);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 14px;border-radius:var(--radius);border:var(--ui-button-border-width) solid var(--ui-button-border);background:var(--ui-bg-button);color:var(--ui-action-color);font-family:var(--ui-action-font-family);font-size:var(--ui-action-size);font-weight:var(--ui-action-weight);text-transform:var(--ui-action-transform);letter-spacing:var(--ui-action-letter-spacing);cursor:pointer;text-decoration:none;line-height:1.2;}
.btn-emphasis,.btn-emphasis:link,.btn-emphasis:visited{background:var(--ui-button-active-bg);border-color:var(--ui-button-border);color:var(--ui-button-active-color);font-weight:var(--ui-action-weight);}
.btn.btn-compact{min-height:28px;padding:4px 8px;font-size:var(--ui-action-compact-size);}
.btn:hover,.btn:focus-visible{border-color:var(--ui-button-border);background:var(--c-accent-soft);color:var(--ui-button-color);}
.btn-emphasis:hover,.btn-emphasis:focus-visible{background:var(--ui-button-active-bg);border-color:var(--ui-button-border);color:var(--ui-button-active-color);}
.btn-secondary{border-color:var(--ui-secondary-button-border);background:var(--ui-bg-button);color:var(--ui-action-color);font-weight:var(--ui-action-weight);}
.btn-secondary:hover,.btn-secondary:focus-visible{border-color:var(--ui-secondary-button-border);background:var(--c-accent-soft);color:var(--c-accent);}
.btn-ghost{border-color:var(--ui-button-border);background:var(--ui-bg-button);color:var(--ui-action-color);}
.btn.is-active,.btn[aria-current="page"],.btn[aria-pressed="true"]{border-color:var(--ui-button-border);background:var(--ui-button-active-bg);color:var(--ui-button-active-color);}
.btn-danger,.btn-danger:link,.btn-danger:visited{border-color:var(--c-danger);background:var(--ui-bg-button);color:var(--c-danger);}
.btn-danger:hover,.btn-danger:focus-visible{border-color:var(--c-danger);background:var(--c-danger-soft);color:var(--c-danger);}
.btn:disabled,.btn[aria-disabled="true"]{border-color:var(--c-border);background:var(--c-card-2);color:var(--c-text-muted);opacity:.65;cursor:not-allowed;}

/* Shared tab/switcher button contract: the Records Monitor is the visual
 * reference. Colors and text roles come only from user-editable theme tokens;
 * page styles retain layout geometry but cannot create another button skin. */
:is(.layout-topbar-tabs,.tabs,.records-monitor-tabs,.readonly-tabs,.coll-tab-links,.ws-tabs,.diaries-unit-tabs,.project-view-tabs,.journal-catalog-tabs,.notification-subtabs,.settings-nav,.journal-designer-tabs)>:is(a,button){
  box-sizing:border-box;
  min-height:var(--ui-action-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:4px 11px;
  border:var(--ui-button-border-width) solid var(--ui-secondary-button-border);
  border-radius:var(--radius);
  background:var(--ui-bg-button);
  color:var(--ui-action-color);
  font-family:var(--ui-navigation-font-family);
  font-size:var(--ui-navigation-size);
  font-weight:var(--ui-navigation-weight);
  letter-spacing:var(--ui-navigation-letter-spacing);
  line-height:1.2;
  text-transform:var(--ui-navigation-transform);
  text-decoration:none;
  cursor:pointer;}
.layout-topbar-tabs.is-segmented{
  gap:0;
  border:var(--ui-button-border-width) solid var(--ui-secondary-button-border);
  border-radius:var(--radius);
  /* The frame underlies clipped corners; a neutral fill leaves a dark seam. */
  background:var(--ui-secondary-button-border);
  overflow:hidden;}
.layout-topbar-tabs.is-segmented>:is(a,button){min-height:calc(var(--ui-action-height) - 2 * var(--ui-button-border-width));border:0;border-radius:0;}
.layout-topbar-tabs.is-segmented>:is(a,button)+:is(a,button){border-left:var(--ui-button-border-width) solid var(--ui-secondary-button-border);}
.layout-topbar-tabs.is-segmented>:is(a,button):is(:hover,:focus-visible):not(.active,.is-active,[aria-current="page"],[aria-selected="true"]){
  /* Composite translucent hover over the button surface, not the dark frame. */
  background:linear-gradient(var(--c-accent-soft),var(--c-accent-soft)),var(--ui-bg-button);}
.layout-topbar-tabs.is-segmented>:is(a,button):focus-visible{box-shadow:inset 0 0 0 2px var(--c-accent);}
.layout-topbar-tabs.is-segmented>:is(a,button):is(.active,.is-active,[aria-current="page"],[aria-selected="true"]):focus-visible{box-shadow:inset 0 0 0 2px var(--ui-button-active-color);}

:is(.layout-topbar-tabs,.tabs,.records-monitor-tabs,.readonly-tabs,.coll-tab-links,.ws-tabs,.diaries-unit-tabs,.project-view-tabs,.journal-catalog-tabs,.notification-subtabs,.settings-nav,.journal-designer-tabs)>:is(a,button):hover,
:is(.layout-topbar-tabs,.tabs,.records-monitor-tabs,.readonly-tabs,.coll-tab-links,.ws-tabs,.diaries-unit-tabs,.project-view-tabs,.journal-catalog-tabs,.notification-subtabs,.settings-nav,.journal-designer-tabs)>:is(a,button):focus-visible{
  border-color:var(--ui-secondary-button-border);
  outline:none;
  background:var(--c-accent-soft);
  color:var(--c-accent);}

:is(.layout-topbar-tabs,.tabs,.records-monitor-tabs,.readonly-tabs,.coll-tab-links,.ws-tabs,.diaries-unit-tabs,.project-view-tabs,.journal-catalog-tabs,.notification-subtabs,.settings-nav,.journal-designer-tabs)>:is(a,button):focus-visible{
  box-shadow:0 0 0 3px var(--c-accent-soft);}

:is(.layout-topbar-tabs,.tabs,.records-monitor-tabs,.readonly-tabs,.coll-tab-links,.ws-tabs,.diaries-unit-tabs,.project-view-tabs,.journal-catalog-tabs,.notification-subtabs,.settings-nav,.journal-designer-tabs)>:is(a,button):is(.active,.is-active,[aria-current="page"],[aria-selected="true"]){
  border-color:var(--ui-button-border);
  background:var(--ui-button-active-bg);
  color:var(--ui-button-active-color);
  font-weight:var(--ui-navigation-weight);}

:is(.records-monitor-tabs,.tabs,.project-view-tabs)>:is(a,button)>.nav-badge,
.project-view-tabs>a>span{
  border:1px solid color-mix(in srgb,var(--ui-action-color) 32%,transparent);
  border-radius:var(--radius);
  background:color-mix(in srgb,var(--ui-action-color) 10%,transparent);
  color:var(--ui-action-color);}

:is(.records-monitor-tabs,.tabs,.project-view-tabs)>:is(a,button):is(.active,.is-active,[aria-current="page"],[aria-selected="true"])>.nav-badge,
.project-view-tabs>a:is(.active,[aria-current="page"])>span{
  border-color:color-mix(in srgb,var(--ui-button-active-color) 40%,transparent);
  background:color-mix(in srgb,var(--ui-button-active-color) 18%,transparent);
  color:var(--ui-button-active-color);}

/* ряд кнопок/действий */
.form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;}

/* строка списка (коллеги/получатели/поручения/группы/задачи) */
.list-row{display:flex;align-items:flex-start;gap:12px;padding:11px 4px;border-bottom:1px solid var(--c-border);}
.list-row:last-child{border-bottom:0;}
.list-row > .list-body{flex:1;min-width:0;}
.list-name{margin-bottom:3px;}
.list-name:not(.ui-title){font-size:calc(var(--ui-title-size) * 14 / 16);color:var(--c-text);}
.list-name:not(.ui-title) a{color:var(--c-text);}
.list-name a:hover{color:var(--c-accent);}
.list-meta{font-size:var(--ui-meta-size);font-weight:var(--ui-meta-weight);color:var(--ui-meta-color);line-height:1.6;}
.list-meta b{color:var(--c-text);font-weight:normal;}
.list-action{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;align-items:flex-end;}
.list-chk{flex:0 0 auto;padding-top:2px;}
.list-chk input{flex:0 0 auto;}

/* статус-метка */
.badge{display:inline-block;background:var(--c-card-2);color:var(--c-text-muted);border-radius:var(--radius);padding:2px 10px;font-size:calc(var(--ui-meta-size) * 11 / 12);margin:2px 4px 2px 0;}

/* блок-инфо (получатели, описание поручения) */
.info-box{background:var(--c-card-2);border:1px solid var(--c-border);border-radius:var(--radius);padding:11px 14px;margin:0 0 var(--gap-v) 0;font-size:var(--ui-body-size);line-height:1.6;color:var(--c-text);}
.info-box b{color:var(--c-text);}

/* проекты: единый рабочий стол */
.pager{display:flex;align-items:center;gap:4px;padding-top:10px;margin-top:7px;border-top:1px solid var(--c-border);}
.pager-pages{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;}
.pager-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);color:var(--c-text);font-size:calc(var(--ui-meta-size) * 11 / 12);text-decoration:none;}
.pager-link:hover,.pager-link:focus-visible{outline:none;border-color:var(--c-accent);color:var(--c-accent);background:var(--c-accent-soft);}
.pager-link.active{border-color:var(--c-accent);background:var(--c-accent);color:var(--c-on-accent);font-weight:var(--ui-navigation-weight);}
.pager-link.disabled{opacity:.4;cursor:default;}
.pager-link .ui-icon{width:15px;height:15px;}
.pager-gap{display:inline-flex;align-items:center;justify-content:center;width:14px;color:var(--c-text-muted);}
.pager-summary{margin-left:auto;color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 10 / 12);white-space:nowrap;}
.records-monitor-jumps .records-monitor-jump{width:auto;min-width:max-content;flex:0 0 auto;padding:0 10px;font:inherit;font-size:calc(var(--ui-meta-size) * 11 / 12);cursor:pointer;}
.ezh-drop-zone{border-style:dashed}.ezh-drop-zone:hover,.ezh-drop-zone.ezh-drop-active{border-color:var(--c-accent);background:var(--c-accent-soft)}.ezh-drop-prompt{margin-bottom:10px;color:var(--c-text-muted);font-size:var(--ui-meta-size);text-align:center}.ezh-drop-zone>.hint{display:block;margin-top:9px;line-height:1.5}.ezh-selected-files{display:grid;gap:5px;min-width:0}.ezh-selected-summary{font-weight:700;color:var(--c-text)}.ezh-selected-file{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--c-card-2)}.ezh-selected-file-name{display:flex;align-items:center;gap:8px;min-width:0;color:var(--c-text)}.ezh-selected-file-name span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ezh-selected-file-preview{width:80px;height:64px;object-fit:contain;flex:none;border-radius:var(--radius)}.ezh-selected-file small{color:var(--c-text-muted);white-space:nowrap}.ezh-selected-file-remove{min-height:30px;padding:4px 8px;border:1px solid var(--ui-control-border);border-radius:var(--radius);background:transparent;color:var(--c-danger);cursor:pointer}.ezh-selected-file-remove:hover{border-color:var(--c-danger);background:var(--c-danger-soft)}
.ezh-task-form-title{justify-content:space-between;gap:14px;color:var(--ui-heading-color);font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);letter-spacing:var(--ui-heading-letter-spacing);text-align:left;text-transform:var(--ui-heading-transform)}
.ezh-task-form-title>span{min-width:0}.ezh-task-form-log-link{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--c-accent);font-size:var(--ui-action-size);font-weight:var(--ui-action-weight);letter-spacing:0;text-decoration:none;text-transform:none;white-space:nowrap}.ezh-task-form-log-link svg{width:14px;height:14px}.ezh-task-form-log-link:hover,.ezh-task-form-log-link:focus-visible{text-decoration:underline}
.ezh-task-form .ezh-setting-card{margin-top:12px;border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--c-card-2);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.ezh-task-form .ezh-setting-card.has-open-canonical-popover{position:relative;z-index:50;overflow:visible}
.ezh-setting-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 13px;background:var(--c-card)}
.ezh-setting-head-clickable{cursor:pointer;user-select:none}.ezh-setting-card:not([data-setting-card="deadline"])>.ezh-setting-head-clickable:hover,.ezh-date-setting-head:hover{background:var(--c-accent-soft)}
.ezh-setting-title-row,.ezh-setting-switch{display:inline-flex;align-items:center;gap:9px;min-width:0;cursor:pointer}
.ezh-setting-title{margin:0;color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);line-height:1.3;letter-spacing:0}
.ezh-setting-switch{margin-left:auto;color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);white-space:nowrap}
.ezh-date-setting-head{justify-content:flex-start;flex-flow:row nowrap;gap:9px}.ezh-date-setting-head .ezh-setting-switch{margin-left:0}.ezh-date-setting-head .ezh-setting-title{white-space:nowrap}.ezh-date-setting-separator{align-self:center;color:var(--c-text-muted);font-size:calc(var(--ui-title-size) * 18 / 16);font-weight:800;line-height:1}
.ezh-setting-body{padding:13px}.ezh-setting-body>.field:last-of-type{margin-bottom:0}
.ezh-form-choice{min-height:var(--ui-control-height);margin:0 0 12px;gap:10px;}
.ezh-form-help{margin-top:12px;}
.ezh-form-help>summary{width:fit-content;color:var(--ui-link-color);font-size:var(--ui-help-size);cursor:pointer;}
.ezh-form-help .ui-help-tip{margin-bottom:0;}
.ezh-form-help .ui-help-tip p+p{margin-top:8px;}
.ezh-editor-actions{position:sticky;bottom:0;z-index:60;margin:0;padding:14px;border:1px solid var(--ui-border-color);border-radius:var(--radius);background:var(--ui-bg-card);box-shadow:0 -8px 24px var(--c-tip-shadow);}
.ezh-setting-footer{padding:0 13px 11px;color:var(--ui-help-color);font-size:var(--ui-help-size)}
.ezh-task-form input[type="date"],.ezh-task-form input[type="time"],.ezh-task-form select{color-scheme:var(--ui-native-color-scheme)}
.ezh-task-form .field select{border-color:var(--ui-control-border)}.ezh-task-form select:hover,.ezh-task-form select:focus-visible{border-color:var(--c-accent);background:var(--c-accent-soft)}.ezh-task-form select option{background:var(--ui-control-compact-bg);color:var(--ui-control-color)}.ezh-task-form select option:hover,.ezh-task-form select option:checked{background:var(--c-accent-soft);color:var(--c-accent)}
.ezh-task-form .ezh-compact-select{width:min(100%,220px);min-height:var(--ui-control-height);resize:none}
.ezh-choice{position:relative;display:inline-block;max-width:100%;vertical-align:top}.ezh-choice.is-open{z-index:40}
.ezh-choice-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:var(--ui-control-height);padding:4px 11px;border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--ui-control-compact-bg);color:var(--ui-control-color);font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);font-weight:var(--ui-control-weight);line-height:1.2;text-align:left;cursor:pointer}
.ezh-choice-button:hover,.ezh-choice-button:focus-visible,.ezh-choice.is-open .ezh-choice-button{border-color:var(--c-accent);background:var(--c-accent-soft);outline:none}.ezh-choice-button:disabled,.ezh-date-open:disabled,.ezh-time-open:disabled,.ezh-date-control>input.ezh-date-text:disabled,.ezh-time-control>input.ezh-time-text:disabled{cursor:not-allowed;opacity:.55}
.ezh-choice-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ezh-choice-arrow{flex:0 0 8px;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}.ezh-choice.is-open .ezh-choice-arrow{transform:rotate(225deg) translate(-2px,-1px)}
.ezh-choice-list{position:absolute;top:calc(100% + 4px);left:0;z-index:50;width:100%;max-height:270px;overflow-y:auto;border:1px solid var(--c-accent);border-radius:var(--radius);background:var(--ui-bg-popover);box-shadow:0 10px 24px var(--c-tip-shadow)}.ezh-choice-list[hidden]{display:none}
.ezh-choice-option{display:block;width:100%;padding:7px 11px;border:0;border-bottom:1px solid var(--ui-border-color);background:var(--ui-bg-popover);color:var(--ui-control-color);font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);font-weight:var(--ui-control-weight);text-align:left;cursor:pointer}.ezh-choice-option:last-child{border-bottom:0}.ezh-choice-option:hover,.ezh-choice-option:focus-visible{background:var(--c-accent-soft);color:var(--c-accent);outline:none}.ezh-choice-option.is-selected,.ezh-choice-option.is-selected:hover,.ezh-choice-option.is-selected:focus-visible{background:var(--c-accent);color:var(--c-on-accent)}.ezh-choice-option:disabled{cursor:not-allowed;opacity:.5}
.ezh-date-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ezh-date-group{min-width:0;padding:11px;border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--c-card)}
.ezh-date-group h4{margin:0 0 9px;color:var(--c-text);font-size:calc(var(--ui-heading-size) * 13 / 14);font-weight:var(--ui-label-weight);text-align:center}
.ezh-task-form .ezh-setting-body .dt-grid{display:flex;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap;gap:10px}
.ezh-task-form .ezh-setting-body .dt-grid>.field{flex:0 0 auto;margin-bottom:0}
.ezh-task-form .ezh-setting-body .ezh-date-group .dt-grid{justify-content:center}.ezh-date-group .field>label{text-align:center}
.ezh-task-form .ezh-setting-body input[type="date"],.ezh-task-form .ezh-setting-body input[type="time"]{width:140px;min-height:var(--ui-control-height);resize:none;background:var(--ui-control-compact-bg);border-color:var(--ui-control-border)}
.ezh-task-form .ezh-setting-body select{background:var(--ui-control-compact-bg);border-color:var(--ui-control-border)}
.ezh-date-control,.ezh-time-control{position:relative;width:140px;max-width:100%}.ezh-date-control.is-open{z-index:45}
.ezh-date-control>input.ezh-date-text,.ezh-time-control>input.ezh-time-text{box-sizing:border-box;width:100%;min-height:var(--ui-control-height);padding:7px 34px 7px 11px;border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--ui-control-compact-bg);color:var(--ui-control-color);font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);font-weight:var(--ui-control-weight);line-height:1.3;resize:none}.ezh-date-control>input.ezh-date-text:hover:not(:disabled):not([readonly]),.ezh-time-control>input.ezh-time-text:hover:not(:disabled):not([readonly]){border-color:var(--c-accent)}.ezh-date-control>input.ezh-date-text:focus,.ezh-time-control>input.ezh-time-text:focus{border-color:var(--c-accent);outline:none}.ezh-date-control>input.ezh-date-text[readonly],.ezh-time-control>input.ezh-time-text[readonly]{color:var(--c-text-muted);cursor:default}
.ezh-date-open{position:absolute;top:1px;right:1px;bottom:1px;width:34px;border:0;border-radius:0 var(--radius) var(--radius) 0;background:transparent;color:var(--c-text);cursor:pointer}.ezh-date-open::before{content:"";position:absolute;top:11px;left:10px;width:13px;height:12px;border:1.5px solid currentColor;border-radius:2px}.ezh-date-open::after{content:"";position:absolute;top:9px;left:13px;width:7px;height:4px;border-top:2px solid currentColor;border-bottom:1.5px solid currentColor}.ezh-date-open:hover:not(:disabled),.ezh-date-open:focus-visible{background:var(--c-accent-soft);color:var(--c-accent);outline:none}
.ezh-time-control.is-open{z-index:45}.ezh-time-open{position:absolute;top:1px;right:1px;bottom:1px;width:34px;border:0;border-radius:0 var(--radius) var(--radius) 0;background:transparent;color:var(--c-text);cursor:pointer}.ezh-time-open::before{content:"";position:absolute;top:50%;left:10px;width:13px;height:13px;border:1.5px solid currentColor;border-radius:50%;transform:translateY(-50%)}.ezh-time-open::after{content:"";position:absolute;top:50%;left:16px;width:4px;height:5px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-5px) rotate(-8deg);transform-origin:left bottom}.ezh-time-open:hover:not(:disabled),.ezh-time-open:focus-visible{background:var(--c-accent-soft);color:var(--c-accent);outline:none}
.ezh-time-popover{position:absolute;top:calc(100% + 5px);left:0;z-index:60;width:min(214px,calc(100vw - 24px));padding:9px;border:1px solid var(--c-accent);border-radius:var(--radius);background:var(--ui-bg-popover);box-shadow:0 12px 28px var(--c-tip-shadow)}.ezh-time-popover[hidden]{display:none}.ezh-time-picker-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ezh-time-picker-select{box-sizing:border-box;width:100%;height:34px;min-height:34px;padding:4px 26px 4px 9px;border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--ui-control-compact-bg);color:var(--ui-control-color);font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);line-height:1.2;resize:none}.ezh-time-picker-select:hover,.ezh-time-picker-select:focus{border-color:var(--c-accent);outline:none}.ezh-time-picker-actions{display:flex;justify-content:center;gap:6px;margin-top:8px}.ezh-time-picker-actions .btn{min-height:32px;padding:5px 9px}
.ezh-calendar-popover{position:absolute;top:calc(100% + 5px);left:0;z-index:60;width:min(248px,calc(100vw - 24px));padding:8px;border:1px solid var(--c-accent);border-radius:var(--radius);background:var(--ui-bg-popover);box-shadow:0 12px 28px var(--c-tip-shadow)}.ezh-calendar-popover[hidden]{display:none}
.ezh-calendar-head{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:5px;margin-bottom:6px}.ezh-calendar-title{color:var(--c-accent);font-size:calc(var(--ui-title-size) * 13 / 16);font-weight:bold;text-align:center}.ezh-calendar-nav{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--c-card-2);color:var(--c-text);font:inherit;font-size:calc(var(--ui-navigation-size) * 21 / 13);line-height:1;cursor:pointer}.ezh-calendar-nav:hover,.ezh-calendar-nav:focus-visible{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent);outline:none}
.ezh-calendar-weekdays,.ezh-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.ezh-calendar-weekdays{margin-bottom:3px}.ezh-calendar-weekdays span{padding:2px 0;color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);text-align:center}
.ezh-calendar-day{display:flex;align-items:center;justify-content:center;min-width:0;height:26px;padding:0;border:0;border-radius:var(--radius);background:transparent;color:var(--c-text);font:inherit;font-size:var(--ui-meta-size);cursor:pointer}.ezh-calendar-day.is-other-month{color:var(--c-text-muted);opacity:.6}.ezh-calendar-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px var(--ui-control-border)}.ezh-calendar-day:hover,.ezh-calendar-day:focus-visible{background:var(--c-accent-soft);color:var(--c-accent);outline:none}.ezh-calendar-day.is-selected,.ezh-calendar-day.is-selected:hover,.ezh-calendar-day.is-selected:focus-visible{background:var(--c-accent);color:var(--c-on-accent);box-shadow:none;opacity:1}
.ezh-calendar-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:6px;border-top:1px solid var(--c-border)}.ezh-calendar-foot-action{padding:4px 3px;border:0;background:transparent;color:var(--c-accent);font:inherit;font-size:calc(var(--ui-action-size) * 11 / 13);cursor:pointer}.ezh-calendar-foot-action:hover,.ezh-calendar-foot-action:focus-visible{background:var(--c-accent-soft);outline:none}
.ezh-setting-guide{display:block;margin:10px 1px 0;line-height:1.5}
.ezh-reminder-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.ezh-reminder-quick .chk{display:flex;align-items:center;gap:6px;min-width:0;padding:8px;border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--c-card);cursor:pointer;white-space:nowrap}
.ezh-recurring-primary-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:13px}
.ezh-recurring-primary-row>.field{flex:0 0 auto;margin-bottom:0}
.ezh-task-form .ezh-recurring-primary-row select,.ezh-task-form .ezh-recurring-mode-fields select,.ezh-task-form [data-recurring-field="weekly"] select{width:210px;min-height:var(--ui-control-height);resize:none;cursor:pointer;border-color:var(--ui-control-border)}
.ezh-recurring-interval{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0;color:var(--c-text);font-size:var(--ui-body-size)}
.ezh-recurring-interval input{width:76px;min-height:var(--ui-control-height);border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--ui-control-compact-bg);color:var(--ui-control-color);padding:6px 8px;font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);font-weight:var(--ui-control-weight);text-align:center}.ezh-task-form [data-recurring-options] input[type="number"]{appearance:textfield}.ezh-task-form [data-recurring-options] input[type="number"]::-webkit-inner-spin-button,.ezh-task-form [data-recurring-options] input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.ezh-recurring-mode-fields{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.ezh-recurring-mode-fields .field{flex:0 0 auto;margin-bottom:0}.ezh-recurring-mode-fields .chk{display:flex;align-items:center;gap:7px;min-height:var(--ui-control-height);padding-bottom:4px;cursor:pointer}
.ezh-task-form .ezh-recurring-mode-fields input[type="number"]{width:90px;min-height:var(--ui-control-height);resize:none}
.ezh-recurring-summary{margin-top:8px;padding:0;border:0;background:transparent;color:var(--c-text-muted);font-size:var(--ui-meta-size);line-height:1.45}
@media screen and (max-width:800px){.pager-pages{display:none}.pager-summary{flex:1;margin-left:0;text-align:center}.ezh-selected-file{grid-template-columns:minmax(0,1fr) auto}.ezh-selected-file small{grid-row:2}.ezh-selected-file-remove{grid-column:2;grid-row:1 / span 2}.ezh-date-columns{grid-template-columns:1fr}.ezh-reminder-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.task.is-overdue-record .t-name>a,.task.is-due-today .t-name>a,.task.is-due-soon .t-name>a{animation:none;background-image:none;color:var(--c-text);-webkit-text-fill-color:currentColor}.board-overdue-divider span{animation:none;background-image:none;color:var(--c-danger);-webkit-text-fill-color:currentColor}.board-overdue-divider::before,.board-overdue-divider::after{animation:none;background-image:none;background-color:var(--overdue-divider-base)}}

/* поле формы */
.field{margin-bottom:14px;}
.field > label,.field > .field-label{display:block;font-family:var(--ui-label-font-family);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);color:var(--ui-label-color);text-transform:var(--ui-label-transform);letter-spacing:var(--ui-label-letter-spacing);margin-bottom:5px;}
.ezh-task-form > .field > label{color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.ezh-field-optional{color:var(--ui-help-color);font-size:var(--ui-help-size);font-weight:var(--ui-label-weight);}
.ezh-task-form .hint{color:var(--ui-help-color);font-size:var(--ui-help-size);}
.ezh-task-form input::placeholder,.ezh-task-form textarea::placeholder{color:var(--ui-help-color);font-size:var(--ui-help-size);}
.field input[type="text"],
.field input[type="search"],
.field input[type="number"],
.field input[type="date"],
.field input[type="datetime-local"],
.field input[type="time"],
.field input[type="email"],
.field input[type="password"],
.field select,
.field textarea{width:100%;background:var(--ui-bg-field);border:1px solid var(--ui-field-border-color);border-radius:var(--radius);color:var(--ui-control-color);padding:9px 11px;font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);font-weight:var(--ui-control-weight);text-transform:var(--ui-control-transform);letter-spacing:var(--ui-control-letter-spacing);line-height:1.5;resize:vertical;}
.field input[type="text"],.field input[type="search"],.field input[type="number"],.field input[type="date"],.field input[type="datetime-local"],.field input[type="time"],.field input[type="email"],.field input[type="password"],.field select{min-height:var(--ui-control-height);padding-block:4px;line-height:1.2;}
.field textarea{min-height:var(--ui-textarea-height);}
/* One visible file picker; hidden task inputs keep their original clipped geometry. */
input[type="file"]:not(.ezh-file-hidden):not(.sr-only):not([hidden]){max-width:100%;min-height:var(--ui-control-height);padding:4px 8px;border:1px solid var(--ui-field-border-color);border-radius:var(--radius);background:var(--ui-bg-field);color:var(--ui-control-color);font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);font-weight:var(--ui-control-weight);line-height:1.5;}
input[type="file"]:not(.ezh-file-hidden):not(.sr-only):not([hidden])::file-selector-button{min-height:calc(var(--ui-control-height) - 10px);margin-right:8px;padding:4px 10px;border:var(--ui-button-border-width) solid var(--ui-secondary-button-border);border-radius:var(--radius);background:var(--ui-bg-button);color:var(--ui-action-color);font-family:var(--ui-action-font-family);font-size:var(--ui-action-size);font-weight:var(--ui-action-weight);cursor:pointer;}
input[type="file"]:not(.ezh-file-hidden):not(.sr-only):not([hidden]):hover,input[type="file"]:not(.ezh-file-hidden):not(.sr-only):not([hidden]):focus-visible{border-color:var(--c-accent);}
input[type="file"]:not(.ezh-file-hidden):not(.sr-only):not([hidden])::file-selector-button:hover{border-color:var(--ui-secondary-button-border);background:var(--c-accent-soft);}
.ezh-task-form .ezh-task-content-input{min-height:max(140px,var(--ui-textarea-height));}
.field :is(input,textarea)::placeholder{color:var(--ui-help-color);font-family:var(--ui-help-font-family);font-size:var(--ui-help-size);font-weight:var(--ui-help-weight);}
.field input:focus,
.field select:focus,
.field textarea:focus{outline:none;border-color:var(--c-accent);}
.field .hint{display:block;margin-top:4px;font-family:var(--ui-help-font-family);font-size:var(--ui-help-size);font-weight:var(--ui-help-weight);color:var(--ui-help-color);line-height:1.4;}
.org-tree-source{display:none;}
.org-tree{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:10px;}
.org-tree-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:8px;font-size:var(--ui-meta-size);}
.org-tree-crumbs button{border:0;background:transparent;color:var(--c-text-muted);padding:2px 0;cursor:pointer;font:inherit;}
.org-tree-crumbs button:hover,
.org-tree-crumbs button.active{color:var(--c-accent);}
.org-tree-sep{color:var(--c-text-muted);}
.org-tree-back{display:inline-flex;align-items:center;margin:0 0 8px 0;border:1px solid var(--c-border);background:var(--c-card-2);color:var(--c-text);border-radius:var(--radius);padding:6px 10px;cursor:pointer;font:inherit;font-size:var(--ui-meta-size);}
.org-tree-back:hover{border-color:var(--c-accent);}
.org-tree-list{display:flex;flex-direction:column;gap:6px;}
.org-tree-node{width:100%;text-align:left;border:1px solid var(--c-border);background:var(--c-card-2);color:var(--c-text);border-radius:var(--radius);padding:8px 10px;cursor:pointer;font:inherit;}
.org-tree-node:hover{border-color:var(--c-accent);}
.org-tree-node.has-children::before{content:"▸ ";color:var(--c-accent);}
.org-tree-node.leaf::before{content:"• ";color:var(--c-text-muted);}
.org-tree-empty{padding:8px 2px;color:var(--c-text-muted);font-size:var(--ui-meta-size);}

/* сетки полей */
.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 14px;}
.field-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.field-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.dt-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px;}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px;}
@media screen and (max-width:800px){.field-grid-2,.field-grid-3{grid-template-columns:1fr;}}
@media screen and (max-width:600px){.two-col,.ezh-task-form .dt-grid,.ezh-recurring-mode-fields{grid-template-columns:1fr;}.ezh-setting-head{align-items:flex-start;flex-direction:column}.ezh-date-setting-head{align-items:center;flex-direction:row}.ezh-setting-switch{margin-left:0;white-space:normal}.ezh-reminder-quick{grid-template-columns:1fr 1fr}}

@media screen and (max-width:800px){
  .org-node summary{padding-left:0;}
  .org-node > .card-body{padding-left:10px;}
  .org-node .inline-form{display:flex;flex-wrap:wrap;gap:6px;width:100%;max-width:100%;}
  .org-node .inline-form input[type="text"],.org-node .inline-form select{flex:1 1 160px;min-width:0;max-width:100%;}
  .org-node .form-actions .inline-form{width:auto;}}

/* мелочи */
.muted{color:var(--c-text-muted);}
.status-ok{color:var(--c-ok);}
.status-info{color:var(--c-info);}
.status-danger{color:var(--c-danger);}
.small{font-size:calc(var(--ui-meta-size) * 11 / 12);color:var(--c-text-muted);}
.inline-form{display:inline-block;margin:0;}
.mb-block{margin-bottom:var(--gap-v);}


/* ===== УВЕДОМЛЕНИЯ (notifications.php) ===== */
/* непрочитанное: левая акцентная полоса + чуть светлее фон */
.notification-list{display:grid;gap:8px;}
.notif-row{position:relative;border:1px solid var(--c-border);border-radius:var(--radius);padding-left:12px;margin-bottom:8px;}
.notification-list .notif-row{margin-bottom:0;}
.notif-row.notif-new{background:var(--c-card-2);border-color:var(--c-accent);box-shadow:inset 3px 0 0 var(--c-accent);}
.notif-row.notif-read{border-color:var(--c-border);}
.notif-row .list-name{margin:0 0 3px;font-size:calc(var(--ui-title-size) * 14 / 16);font-weight:normal;line-height:1.45;overflow-wrap:anywhere;}
.notif-row .notif-type{display:inline-block;font-size:calc(var(--ui-meta-size) * 11 / 12);color:var(--c-accent);font-weight:bold;text-transform:uppercase;letter-spacing:.4px;margin-right:8px;}
.notif-type-inline{color:var(--c-accent);font-weight:700;}
.notif-intro{font-size:var(--ui-interface-size);line-height:1.5;margin:5px 0;color:var(--c-text);}
.notif-row .notif-read-label{display:inline-block;background:var(--c-card-2);color:var(--c-text-muted);border-radius:var(--radius);padding:1px 9px;font-size:calc(var(--ui-meta-size) * 10 / 12);margin-left:6px;vertical-align:middle;}
.notif-row .notif-new-label{display:inline-block;background:var(--c-accent);color:var(--c-on-accent);border-radius:var(--radius);padding:1px 9px;font-size:calc(var(--ui-meta-size) * 10 / 12);font-weight:bold;margin-left:6px;vertical-align:middle;}
.notif-row .notif-text{font-size:var(--ui-body-size);line-height:1.55;color:var(--c-text);margin:5px 0;}
.notif-row .notif-gone{color:var(--c-danger);}
.notif-row.notif-read .list-name a,
.notif-row.notif-read .notif-text{color:var(--c-text-muted);}
.notif-meta{display:flex;align-items:center;gap:4px 0;flex-wrap:wrap;}
.notif-meta>span{display:inline-flex;align-items:center;}
.notif-meta>span:not(:last-child)::after{content:"·";margin:0 7px;color:var(--c-border);}
.btn-mini{padding:4px 10px;font-size:var(--ui-action-compact-size);}
@media screen and (max-width:700px){
  .notif-row{flex-direction:column;}}

/* ===== МОЙ КОНТРОЛЬ (my_control.php) ===== */
.control-page-title{margin-bottom:12px;}
.control-page-title .nav-badge{font-size:calc(var(--ui-navigation-size) * 11 / 13);}
.control-list-card,.control-empty-card{margin-top:14px;}
.control-columns,.control-list .control-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.7fr) 86px 90px 145px;align-items:center;gap:16px;padding:12px 4px;}
.control-columns{padding-top:0;padding-bottom:8px;color:var(--ui-meta-color);font-size:var(--ui-meta-size);border-bottom:1px solid var(--ui-border-color);}
.control-columns>span:nth-child(4){text-align:right;}
.control-row .list-name{margin:0 0 5px;line-height:1.4;overflow-wrap:anywhere;}
.control-row .list-body,.control-executor{min-width:0;overflow-wrap:anywhere;}
.control-meta{display:block;}
.control-executor,.control-status,.control-deadline{font-size:var(--ui-meta-size);line-height:1.45;}
.control-status{overflow-wrap:anywhere;}
.control-deadline{text-align:right;font-variant-numeric:tabular-nums;}
.control-recipient{margin-top:5px;}
.control-row .list-action{min-width:145px;}
.control-row .list-action>.btn,.control-row .list-action>.inline-form,.control-row .list-action>.inline-form>.btn{width:100%;}
@media screen and (max-width:1000px){
  .control-columns,.control-list .control-row{grid-template-columns:minmax(0,1fr) minmax(130px,.8fr) 76px 85px 135px;gap:12px;}
  .control-row .list-action{min-width:0;}}
@media screen and (max-width:620px){
  .control-columns{display:none;}
  .control-list .control-row{grid-template-columns:minmax(0,1fr);align-items:stretch;}
  .control-deadline{text-align:left;}
  .control-row .list-action{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;}}

/* ===== АРХИВ (archive.php) ===== */
.archive-nav{display:grid;gap:6px;}
.archive-nav-link{display:block;padding:9px 10px;border:1px solid transparent;border-radius:var(--radius);color:var(--c-text);text-decoration:none;}
.archive-nav-link:hover,.archive-nav-link:focus-visible{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-text);outline:none;}
.archive-nav-link.active{border-color:var(--c-accent);background:var(--c-accent-soft);}
.archive-nav-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;}
.archive-nav-hint{display:block;margin-top:3px;color:var(--c-text-muted);font-size:calc(var(--ui-navigation-size) * 11 / 13);line-height:1.4;}
.archive-search-card{margin-bottom:var(--gap-v);}
.archive-results-card .card-head h2{flex-wrap:wrap;}
.archive-row .list-name{margin:0 0 3px;line-height:1.4;}
.archive-row .list-action{min-width:112px;}
.archive-row .list-action>.btn,.archive-row .list-action>.inline-form,.archive-row .list-action>.inline-form>.btn{width:100%;}
@media screen and (max-width:620px){
  .archive-row{align-items:stretch;flex-direction:column;}
  .archive-row .list-action{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;}}

/* ===== READONLY-ВИД ВХОДЯЩЕЙ ЗАДАЧИ (ezhednevnik.php) ===== */
.readonly-task-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.readonly-label{color:var(--c-accent);font:inherit;font-size:var(--ui-body-size);font-weight:400;line-height:1.5;}
.readonly-task-type{color:var(--c-accent);}
.readonly-task-from{font-weight:700;color:var(--c-text);border-bottom:1px dashed var(--c-accent);cursor:help;position:relative;}
.readonly-colleague-card{display:none;position:absolute;z-index:30;left:0;top:100%;min-width:240px;max-width:320px;background:var(--c-bg);border:1px solid var(--c-accent);box-shadow:0 8px 24px var(--c-menu-shadow);border-radius:var(--radius);padding:10px 12px;color:var(--c-text);font-weight:400;line-height:1.45;}
.readonly-colleague-card b{display:block;color:var(--c-accent);margin-bottom:4px;}
.readonly-colleague-card a{color:var(--c-link);}
.readonly-task-from:hover .readonly-colleague-card{display:block;}
.readonly-task-status{color:var(--c-text-muted);}
.readonly-task-status b{color:var(--c-text);}
.readonly-task-meta{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0 14px;color:var(--c-text-muted);}
.readonly-task-meta b{color:var(--c-text);}
.pri-top{color:var(--c-priority-top);font-weight:600;}
.pri-high{color:var(--c-priority-high);font-weight:600;}
.pri-mid{color:var(--c-priority-mid);font-weight:600;}
.pri-low{color:var(--c-priority-low);font-weight:600;}
.readonly-field-label{margin:0 0 4px;}
.readonly-field-label-gap{margin-top:10px;}
.readonly-box{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:11px;resize:vertical;overflow:auto;color:var(--c-text);font-size:var(--ui-interface-size);line-height:1.5;}
.readonly-box-title{min-height:50px;max-height:160px;}
.readonly-box-text{min-height:110px;max-height:320px;}
.readonly-actions{display:flex;gap:8px;flex-wrap:nowrap;justify-content:center;margin:16px 0 4px;}
.readonly-action-form{flex:1 1 0;min-width:0;}
.readonly-actions .readonly-action-btn{flex:1 1 0;min-width:0;width:100%;padding:9px 6px;background:var(--c-card-2);}
.readonly-action-btn.active{background:var(--ui-button-active-bg);color:var(--ui-button-active-color);border-color:var(--ui-button-border);font-weight:var(--ui-action-weight);}
.readonly-action-form-secondary{flex:0 0 auto}.readonly-actions .readonly-action-btn-secondary{width:auto;min-width:0;padding:7px 14px;background:transparent;color:var(--c-text-muted);border-color:var(--ui-secondary-button-border);font-weight:var(--ui-action-weight)}.readonly-actions .readonly-action-btn-secondary:hover{border-color:var(--ui-secondary-button-border);color:var(--c-accent);background:var(--c-card-2)}
.readonly-reason{display:none;margin:10px 0;padding:12px;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);}
.readonly-reason.open{display:block;}
.readonly-reason textarea{width:100%;background:var(--ui-bg-field);color:var(--ui-control-color);border:1px solid var(--ui-field-border-color);border-radius:var(--radius);padding:8px;font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);resize:vertical;min-height:var(--ui-textarea-height);}
.readonly-deadline-fields{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px;}
.readonly-reason input[type=date],
.readonly-reason input[type=time]{background:var(--ui-bg-field);color:var(--ui-control-color);border:1px solid var(--ui-field-border-color);border-radius:var(--radius);padding:7px;font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);min-height:var(--ui-control-height);color-scheme:var(--ui-native-color-scheme);}
.readonly-reason label{display:flex;align-items:center;gap:6px;margin:8px 0;color:var(--c-text-muted);font-size:var(--ui-body-size);}
.readonly-tabs{display:flex;justify-content:center;gap:8px;padding:14px;border-bottom:1px solid var(--c-border);}
.readonly-tab{flex:1 1 0;min-width:0;}
.readonly-pane{display:none;}
.readonly-pane.active{display:block;}
.readonly-chat{overflow:auto;display:flex;flex-direction:column;gap:8px;padding:4px;}
.readonly-chat:not(.project-chat-full){max-height:240px;}
.readonly-msg{border-radius:var(--radius);font-size:var(--ui-body-size);line-height:1.4;}
.readonly-msg:not(.project-chat-message){max-width:78%;padding:7px 11px;}
.readonly-msg-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px;}
.readonly-msg-who{font-size:calc(var(--ui-meta-size) * 11 / 12);color:var(--c-text-muted);margin-bottom:2px;}
.readonly-msg-tools{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;}
.readonly-msg-tool-form{display:inline-flex;margin:0;}
.readonly-msg-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--c-text-muted);font-size:var(--ui-body-size);line-height:1;cursor:pointer;padding:0;transition:border-color .15s,color .15s,background .15s;}
.readonly-msg-icon:hover{border-color:var(--c-border);background:var(--c-card-2);color:var(--c-accent);}
.readonly-msg-icon-delete:hover{border-color:var(--c-danger);color:var(--c-danger);}
.readonly-msg-them{align-self:flex-start;background:var(--c-card-2);border:1px solid var(--c-border);}
.readonly-msg-me{align-self:flex-end;background:var(--c-card-2);color:var(--c-text);border:1px solid var(--c-accent);}
.readonly-msg-me .readonly-msg-who{color:var(--c-text-muted);}
.readonly-msg-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:6px;}
.readonly-msg-actions .inline-form{display:inline-flex;}
.readonly-msg-text{overflow-wrap:anywhere;}
.readonly-chat-input{display:flex;gap:8px;margin-top:10px;}
.readonly-chat-input:not(.project-chat-input){align-items:flex-end;}
.readonly-chat-input textarea{flex:1;background:var(--ui-bg-field);color:var(--ui-control-color);border:1px solid var(--ui-field-border-color);border-radius:var(--radius);padding:8px;font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);resize:vertical;max-height:120px;}
.readonly-chat-input:not(.project-chat-input) textarea{min-height:42px;}
.readonly-chat-input.messages-chat-input{flex-direction:column;align-items:stretch;}
.messages-chat-input textarea{box-sizing:border-box;width:100%;}
.messages-chat-input .set-chk,.messages-chat-input .btn{align-self:flex-start;}
.readonly-msg-edit-btn{margin-top:6px;}
.readonly-chat-edit{display:none;margin-top:8px;gap:8px;align-items:flex-end;}
.readonly-chat-edit.open{display:flex;}
.readonly-chat-edit textarea{flex:1;background:var(--ui-bg-field);color:var(--ui-control-color);border:1px solid var(--ui-field-border-color);border-radius:var(--radius);padding:8px;font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);resize:vertical;min-height:var(--ui-control-height);max-height:120px;}
.readonly-btn-send{border:1px solid var(--c-accent);background:var(--c-card-2);color:var(--c-text);min-width:150px;}
.readonly-btn-send:hover{background:var(--c-accent);color:var(--c-on-accent);}
.readonly-log{max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:2px;font-size:var(--ui-body-size);}
.readonly-log-row{display:flex;gap:10px;padding:6px 8px;border-bottom:1px solid var(--c-border);}
.readonly-log-row:last-child{border-bottom:0;}
.readonly-log-dt{color:var(--c-text-muted);white-space:nowrap;flex-shrink:0;}
.readonly-files-box{padding:12px 14px}.readonly-files-title{display:flex;align-items:center;gap:7px;margin-bottom:4px;color:var(--c-accent);font-weight:700;font-size:calc(var(--ui-title-size) * 13 / 16);text-transform:uppercase;letter-spacing:.04em}.readonly-files-title svg,.attachment-list-icon svg{width:16px;height:16px}.attachment-list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--c-border)}.attachment-list-icon{display:inline-flex;color:var(--c-accent)}.attachment-list-main{min-width:0}.attachment-list-main>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-text);font-weight:700}.attachment-list-meta{display:block;margin-top:2px;color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12)}.attachment-list-action{white-space:nowrap}.ezh-existing-files-title{display:flex;align-items:center;margin-bottom:4px;color:var(--c-accent);font-weight:700}
@media screen and (max-width:700px){
  .readonly-task-line{display:block;}
  .readonly-task-status{display:block;margin-top:6px;}
  .readonly-actions{flex-wrap:wrap;}
  .readonly-action-form,.readonly-actions .readonly-action-btn{flex:1 1 45%;}
  .readonly-tabs{flex-wrap:wrap;}
  .readonly-chat-input{display:block;}
  .readonly-chat-input textarea{margin-bottom:8px;}
  .readonly-chat-edit.open{display:block;}
  .readonly-chat-edit textarea{margin-bottom:8px;}
  .readonly-btn-send{width:100%;}}
/* ===== СТРАНИЦА ОШИБКИ (attachment.php) ===== */
.err-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;}
.err-box{max-width:720px;width:100%;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:22px 24px;}
.err-msg{color:var(--c-danger);font-weight:bold;font-size:var(--ui-interface-size);margin-bottom:14px;}
.attachment-preview-page{min-height:100vh;background:var(--c-bg);color:var(--c-text);padding:20px}.attachment-preview-shell{box-sizing:border-box;max-width:1100px;margin:0 auto;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}.attachment-preview-shell>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--c-border);background:var(--c-card-2)}.attachment-preview-shell>header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview-shell>header a{color:var(--c-accent);font-weight:700;white-space:nowrap}.attachment-preview-shell pre{box-sizing:border-box;max-height:calc(100vh - 110px);margin:0;padding:18px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--c-text);font:calc(13px * var(--app-font-scale))/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4}
.err-links{font-size:var(--ui-body-size);color:var(--c-text-muted);}
.err-links a{color:var(--c-accent);}

/* ===== CSP: ОБЩИЕ КЛАССЫ ВМЕСТО INLINE-СТИЛЕЙ ===== */
.u-text-ok{color:var(--c-ok);}
.u-text-danger{color:var(--c-danger);}
.u-text-center{text-align:center;}
.u-ml-8{margin-left:8px;}
.u-ml-auto{margin-left:auto;}
.u-mt-4{margin-top:4px;}
.u-mt-6{margin-top:6px;}
.u-mt-8{margin-top:8px;}
.u-mt-10{margin-top:10px;}
.u-mt-12{margin-top:12px;}
.u-mt-16{margin-top:16px;}
.u-mb-0{margin-bottom:0;}
.u-mb-2{margin-bottom:2px;}
.u-mb-6{margin-bottom:6px;}
.u-mb-10{margin-bottom:10px;}
.u-mb-12{margin-bottom:12px;}
.u-mb-16{margin-bottom:16px;}
.u-block{display:block;}
.u-inline{display:inline;}
.u-inline-zero{display:inline;margin:0;padding:0;}
.u-flex-gap-8{display:flex;gap:8px;align-items:center;}
.u-line-19{line-height:1.9;}
.u-history-row{padding:5px 0;border-bottom:1px solid var(--c-border);}
.u-border-top{margin-top:4px;padding-top:8px;border-top:1px solid var(--c-border);}
.u-list-compact{margin:4px 0 6px;padding-left:16px;}
.u-form-actions-start{justify-content:flex-start;}
.u-calendar-actions{justify-content:center;margin-top:-10px;margin-bottom:16px;}
.u-transparent-link-button{border:0;background:transparent;color:var(--c-link);text-decoration:underline;cursor:pointer;padding:0;margin:0;font:inherit;}
.u-opacity-50{opacity:.5;}
.dot-accent{background:var(--c-accent);}
.legacy-message-center{text-align:center;}
.attachment-gap{margin-top:10px;}
.tree-children-collapsed{display:none;}
.form-section{border-top:1px solid var(--c-border);padding-top:12px;}
.form-section-title{color:var(--ui-heading-color);font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);text-transform:var(--ui-heading-transform);letter-spacing:var(--ui-heading-letter-spacing);margin-bottom:10px;}
.tree-depth-0{--org-indent:0px;--profile-indent:0px;}
.tree-depth-1{--org-indent:22px;--profile-indent:18px;}
.tree-depth-2{--org-indent:44px;--profile-indent:36px;}
.tree-depth-3{--org-indent:66px;--profile-indent:54px;}
.tree-depth-4{--org-indent:88px;--profile-indent:72px;}
.tree-depth-5{--org-indent:110px;--profile-indent:90px;}
.tree-depth-6{--org-indent:132px;--profile-indent:108px;}
.tree-depth-7{--org-indent:154px;--profile-indent:126px;}
.tree-depth-8{--org-indent:176px;--profile-indent:144px;}
.tree-depth-9{--org-indent:198px;--profile-indent:162px;}
.tree-depth-10{--org-indent:220px;--profile-indent:180px;}
.tree-depth-11{--org-indent:242px;--profile-indent:198px;}
.tree-depth-12{--org-indent:264px;--profile-indent:216px;}
.org-tree-summary{padding-left:var(--org-indent,0);}
.org-tree-body{padding-left:calc(var(--org-indent,0px) + 12px);}
.profile-tree-indent{padding-left:var(--profile-indent,0);}

/* ===== ГОДОВОЙ КАЛЕНДАРЬ ===== */
.app-simple .col.calend-page{max-width:none;}
.cyear{max-width:1050px;margin:0 auto;padding:8px 4px 24px;}
.cyear-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px auto 22px;max-width:962px;}
.cyear-head .yr-now{font-size:calc(var(--ui-title-size) * 30 / 16);font-weight:800;letter-spacing:.5px;color:var(--c-accent);text-align:center;flex:1 1 auto;margin:0;}
.cyear-head .yr-now small{display:block;font-size:var(--ui-body-size);font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--c-text-muted);margin-top:2px;}
.cyear-head .yr-nav{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius);background:var(--c-card);border:1px solid var(--c-border);color:var(--c-text);text-decoration:none;font-size:calc(var(--ui-navigation-size) * 16 / 13);font-weight:var(--ui-navigation-weight);white-space:nowrap;transition:background .15s,border-color .15s,color .15s;}
.cyear-head .yr-nav:hover{background:var(--c-card-2);border-color:var(--c-accent);color:var(--c-accent);}
.cyear-head .yr-nav .ch{font-size:calc(var(--ui-navigation-size) * 20 / 13);line-height:1;opacity:.8;}
.cyear-grid{display:grid;grid-template-columns:repeat(4,230px);gap:14px;justify-content:center;}
.cmon{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:12px 14px 14px;overflow:hidden;}
.cmon-h{font-size:calc(var(--ui-interface-size) * 15 / 14);font-weight:700;color:var(--c-accent);text-align:center;margin:0 0 10px;letter-spacing:.3px;}
.cmon table{width:100%;border-collapse:collapse;table-layout:fixed;}
.cmon th{font-size:calc(var(--ui-meta-size) * 11 / 12);font-weight:600;color:var(--c-text-muted);padding:0 0 6px;text-align:center;}
.cmon td{padding:1px;text-align:center;}
.cmon td a,.cmon td span{display:flex;align-items:center;justify-content:center;line-height:1;height:26px;font-size:var(--ui-body-size);color:var(--c-text);border-radius:var(--radius);text-decoration:none;position:relative;border:1px solid transparent;transition:background .12s,color .12s,border-color .12s;}
.cmon td a:hover{background:var(--c-accent);color:var(--c-on-accent);}
.cmon td a.cal-wknd,.cmon th.cal-wknd{color:var(--c-danger);}
.cmon td a.today{border:2px solid var(--c-accent);color:var(--c-accent);font-weight:800;}
.cmon td a.today:hover{background:var(--c-accent);color:var(--c-on-accent);}
@media (max-width:1100px){.cyear-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:820px){.cyear-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){
  .cyear-grid{grid-template-columns:1fr;}
  .cyear-head{gap:6px;}
  .cyear-head .yr-nav{padding:7px 8px;font-size:var(--ui-navigation-size);}
  .cyear-head .yr-nav .ch{font-size:calc(var(--ui-navigation-size) * 17 / 13);}
  .cyear-head .yr-now{font-size:calc(var(--ui-title-size) * 24 / 16);}
  .cyear-head .yr-now small{font-size:calc(var(--ui-meta-size) * 10 / 12);letter-spacing:1px;}}

.ui-welcome-card{border-color:var(--c-accent);}
.ui-welcome-lead{margin:0 0 12px;color:var(--c-text-muted);line-height:1.45;}
.ui-welcome-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none;}
.ui-welcome-steps a{display:grid;grid-template-columns:1fr;gap:2px;padding:9px;border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);text-decoration:none;background:var(--c-card-2);}
.ui-welcome-steps a:hover{border-color:var(--c-accent);}
.ui-welcome-steps span{color:var(--c-text-muted);font-size:var(--ui-meta-size);line-height:1.35;}
.ui-welcome-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;}
.ui-help-tip{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:10px 0 14px;padding:10px 12px;border:1px solid var(--c-accent);border-radius:var(--radius);background:var(--ui-bg-help);color:var(--c-text);}
.ui-help-tip b{display:block;margin-bottom:3px;}
.ui-help-tip p{margin:0;color:var(--c-text-muted);font-size:var(--ui-meta-size);line-height:1.4;}
.ui-help-more{display:inline-block;margin-top:5px;color:var(--c-accent);font-size:var(--ui-meta-size);text-decoration:none;}
.ui-help-more:hover{text-decoration:underline;}
.ui-help-dismiss{border:0;background:transparent;color:var(--c-text-muted);font:inherit;font-size:1.25em;line-height:1;cursor:pointer;white-space:nowrap;padding:4px;min-width:28px;min-height:28px;}
.ui-help-dismiss:hover{color:var(--c-accent);}
@media (max-width:640px){.ui-help-tip{display:block}.ui-help-tip form{margin-top:8px}.ui-welcome-actions{align-items:stretch}.ui-welcome-actions form,.ui-welcome-actions .btn{width:100%}.ui-welcome-actions .btn{text-align:center}}

/* ===== РАБОЧИЕ РАЗДЕЛЫ ===== */
.ws-sidebar,.ws-tools{min-width:0;}
.ws-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 var(--gap-v);}
.ws-tabs a{flex:1 1 0;text-align:center;}
.ws-tree-card{max-height:48vh;}
.ws-tree{max-height:calc(48vh - 44px);overflow-y:auto;padding:6px;}
.ws-tree-row{--ws-depth:0;display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:34px;padding:6px 7px 6px calc(7px + var(--ws-depth) * 14px);border-radius:var(--radius);color:var(--c-text);}
.ws-tree-row:hover,.ws-tree-row.active{background:var(--c-card-2);color:var(--c-accent);}
.ws-tree-row.active{box-shadow:inset 3px 0 0 var(--c-accent);}
.ws-folder-icon{color:var(--c-accent);}
.ws-depth-0{--ws-depth:0}.ws-depth-1{--ws-depth:1}.ws-depth-2{--ws-depth:2}.ws-depth-3{--ws-depth:3}.ws-depth-4{--ws-depth:4}.ws-depth-5{--ws-depth:5}.ws-depth-6{--ws-depth:6}.ws-depth-7{--ws-depth:7}.ws-depth-8{--ws-depth:8}
.ws-main-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.ws-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,auto) auto auto;gap:8px;margin-bottom:10px;}
.ws-search input,.ws-search select{min-width:0;width:100%;min-height:var(--ui-control-height);padding:6px 9px;border:1px solid var(--ui-field-border-color);border-radius:var(--radius);background:var(--ui-bg-field);color:var(--ui-control-color);font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);font-weight:var(--ui-control-weight);}
.ws-search input:focus,.ws-search select:focus{outline:none;border-color:var(--c-accent);}
.ws-items{border-top:1px solid var(--c-border);}
.ws-item{padding:11px 8px;border-radius:var(--radius);}
.ws-item:hover,.ws-item:focus-within{background:var(--c-card);outline:none;}
.ws-tools .card-body{min-width:0;}
.ws-section-form .field input[type="text"],.ws-section-form .field select{min-height:40px;resize:none}.ws-section-form .field textarea{min-height:86px}.ws-section-form .field-optional{font-weight:normal;color:var(--c-text-muted)}.ws-empty-state{max-width:720px;margin:0 auto}.ws-empty-state .empty{padding:28px 18px;line-height:1.6}.ws-details>summary.card-head h2{margin:0}.ws-details>summary.card-head::marker{color:var(--c-accent)}
.ws-tool-actions,.ws-archive-form,.ws-meta-form,.ws-add-search{margin-top:10px;}
.ws-details>summary{cursor:pointer;color:var(--c-accent);}
.ws-details>summary.card-head{list-style-position:inside;}
.ws-details form{margin-top:10px;}
.ws-preview-text{max-height:180px;overflow:auto;white-space:normal;}
.ws-candidates{max-height:300px;overflow-y:auto;margin-top:10px;}
.ws-candidate-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--c-border);}
.ws-candidate-row span{min-width:0;}
.ws-candidate-row b,.ws-candidate-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ws-candidate-row small{margin-top:3px;color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);}
@media screen and (max-width:1400px){.ws-search{grid-template-columns:minmax(0,1fr) auto}.ws-search input,.ws-search select{grid-column:1 / -1;width:100%}}
@media screen and (max-width:1100px){.ws-tree-card{max-height:38vh}.ws-tree{max-height:calc(38vh - 44px)}}
@media screen and (max-width:800px){.ws-tree-card,.ws-tree{max-height:none}.ws-main{margin:14px 0}.ws-search{grid-template-columns:1fr 1fr}.ws-search input,.ws-search select{grid-column:1 / -1}.ws-tabs{position:sticky;top:0;z-index:20;background:var(--c-bg);padding:6px 0}}

/* ===== СЛУЖЕБНАЯ СКОРОСТЬ СТРАНИЦЫ (ID=75) ===== */
.app-page-performance{position:fixed;left:18px;bottom:18px;z-index:90;max-width:calc(100vw - 36px);padding:5px 9px;border:1px solid var(--c-border);border-radius:var(--radius);background:color-mix(in srgb,var(--c-card) 94%,transparent);box-shadow:0 4px 14px var(--c-shadow-soft);color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap;pointer-events:none;opacity:.94}
.app-page-performance strong{color:var(--c-accent);font-weight:700}
@media screen and (max-width:640px){.app-page-performance{padding:4px 7px;font-size:calc(var(--ui-meta-size) * 10 / 12)}}
@media print{.app-page-performance{display:none}}

/* Component appearance: home_mockup_real.css; geometry stays with the page. */
.home-real-reset-date{
  border:1px solid var(--ui-border-color);
  border-radius:var(--radius);
  background:var(--ui-bg-card);}

.home-real-team-filter{
  border:1px solid var(--ui-border-color);
  border-radius:var(--radius);
  background:var(--ui-bg-card);}
.home-real-team-filter label,.home-real-team-filter>span{
  color:var(--ui-label-color);
  font-size:var(--ui-label-size);
  font-weight:var(--ui-label-weight);}
.home-real-team-filter button{
  border:1px solid var(--ui-border-color);
  border-radius:var(--radius);
  background:var(--ui-bg-surface);
  color:var(--ui-action-color);
  font:inherit;
  font-size:var(--ui-action-size);
  cursor:pointer;}
.home-real-group>header h2{
  color:var(--ui-heading-color);
  font-family:var(--ui-heading-font-family);
  font-size:var(--ui-heading-size);
  font-weight:var(--ui-heading-weight);
  letter-spacing:var(--ui-heading-letter-spacing);
  text-transform:var(--ui-heading-transform);}
.home-real-group>header h2 span{
  border-radius:var(--radius);
  background:var(--ui-bg-surface);
  color:var(--ui-meta-color);
  font-size:var(--ui-help-size);
  font-weight:700;}
.home-real-group.is-overdue_earlier>header h2{color:var(--c-danger);}
.home-real-group .home-real-overdue-link{color:var(--c-danger);font-size:var(--ui-meta-size);}
.home-real-rows{display:grid;gap:var(--home-rows-gap,5px);}
.home-real-period{color:var(--ui-heading-color);font-family:var(--ui-heading-font-family);font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);letter-spacing:var(--ui-heading-letter-spacing);text-transform:var(--ui-heading-transform);}

.home-real-row{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:31px minmax(0,1fr) minmax(200px,230px) 34px;
  align-items:center;
  column-gap:var(--home-row-gap,7px);
  padding:var(--home-row-padding,5px 5px 5px 6px);
  border:1px solid var(--ui-border-color);
  border-left:3px solid var(--ui-border-color);
  border-radius:var(--radius);
  background:var(--ui-bg-card);
  transition:border-color .15s ease,background-color .15s ease;}

/* Оформление экспериментального рабочего стола использует общие роли темы. */
.home-design-heading h1{color:var(--ui-pageheading-color);font-family:var(--ui-pageheading-font-family);font-size:var(--ui-pageheading-size);font-weight:var(--ui-pageheading-weight);letter-spacing:var(--ui-pageheading-letter-spacing);text-transform:var(--ui-pageheading-transform);}
.home-design-eyebrow{color:var(--c-accent);font-family:var(--ui-meta-font-family);font-size:var(--ui-meta-size);letter-spacing:.06em;}
.home-design-date,.home-design-summary dt{color:var(--ui-meta-color);font-family:var(--ui-meta-font-family);font-size:var(--ui-meta-size);}
.home-design-summary dd{color:var(--ui-interface-color);font-family:var(--ui-heading-font-family);font-size:calc(var(--ui-heading-size) * 1.7);font-weight:var(--ui-heading-weight);font-variant-numeric:tabular-nums;}
.home-design-summary>div:last-child dd{color:var(--c-danger);}
.home-real-row:hover,
.home-real-row:focus-within{border-color:color-mix(in srgb,var(--c-accent) 48%,var(--ui-border-color));}
.home-real-row.is-overdue{border-left-color:var(--c-danger);}
.home-real-row.is-new:not(.is-focused){background:color-mix(in srgb,var(--c-accent) 7%,var(--ui-bg-card));}
.home-real-row.done .home-real-row-main,
.home-real-row.done .home-real-row-info{opacity:.7;}
.home-real-row.dragging{opacity:.5;}

.home-real-leading{
  position:relative;
  width:31px;
  display:inline-flex;
  align-items:center;}
.home-real-marker.record-mark{
  width:31px;
  height:31px;
  flex:0 0 31px;
  justify-content:flex-start;
  border-radius:var(--radius);}
button.home-real-marker.record-mark:hover,
button.home-real-marker.record-mark:focus-visible{background:var(--c-accent-soft);}

.home-real-row-main{
  min-width:0;
  display:grid;
  align-content:center;
  gap:2px;
  color:var(--ui-title-color);}
a.home-real-row-main:hover .home-real-row-title{color:var(--ui-link-color);}
.home-real-row-title{
  min-width:0;
  overflow:hidden;
  color:var(--ui-title-color);
  font-family:var(--ui-title-font-family);
  font-size:var(--ui-title-size);
  font-weight:var(--ui-title-weight);
  line-height:1.35;
  display:block;
  text-overflow:ellipsis;
  white-space:nowrap;}
.home-real-row-meta{
  min-width:0;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:4px;
  color:var(--ui-meta-color);
  font-family:var(--ui-meta-font-family);
  font-size:var(--ui-meta-size);
  font-weight:var(--ui-meta-weight);
  line-height:1.35;
  overflow:hidden;
  white-space:nowrap;}
.home-real-row-status{min-width:0;flex:0 0 auto;color:var(--ui-meta-color);font-size:var(--ui-meta-size);line-height:1.35;text-transform:lowercase;}
.home-real-row-type{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.home-real-row-type .ui-person-name{color:var(--ui-interface-color);}
.home-real-priority{flex:0 0 auto;color-scheme:var(--ui-native-color-scheme);}
.home-real-priority:is(.priority-raised,.priority-high,.priority-top){padding:1px 6px;border-radius:var(--radius);color:var(--ui-interface-color);}
.home-real-priority.priority-raised{background:color-mix(in srgb,light-dark(#e6bf45,#e3bb4c) 24%,var(--ui-bg-card));}
.home-real-priority.priority-high{background:color-mix(in srgb,light-dark(#ef9b4d,#ffa34f) 24%,var(--ui-bg-card));}
.home-real-priority.priority-top{background:color-mix(in srgb,var(--c-danger) 24%,var(--ui-bg-card));}
.home-real-timebar{
  position:relative;
  width:100%;
  min-height:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:center;
  overflow:hidden;
  border-radius:var(--radius);}
.home-real-timebar-fill{position:absolute;inset:0;width:100%;height:100%;}
.home-real-timebar-elapsed{fill:var(--ui-bg-button);}
.home-real-timebar-remaining{fill:color-mix(in srgb,#48b978 45%,var(--ui-bg-card));}
.home-real-timebar.is-overdue :is(.home-real-timebar-elapsed,.home-real-timebar-remaining){fill:color-mix(in srgb,var(--c-danger) 24%,var(--ui-bg-card));}
.home-real-timebar>span{position:relative;min-width:0;padding:1px 4px;color:var(--ui-interface-color);font-size:var(--ui-help-size);line-height:1.25;text-align:center;overflow-wrap:anywhere;}
.home-real-smart-project-label{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.home-real-badge{
  flex:0 0 auto;
  padding:1px 5px;
  border-radius:var(--radius);
  font-size:var(--ui-help-size);
  font-weight:700;}
.home-real-menu-caption{display:block;padding:6px 10px;color:var(--ui-meta-color);font-size:var(--ui-meta-size);}
.home-real-focus-label{flex:0 0 auto;padding:1px 5px;border:1px solid currentColor;border-radius:var(--radius);color:var(--ui-interface-color);font-size:var(--ui-meta-size);font-weight:600;}
.home-real-row:not(.is-focused) .home-real-focus-label{display:none;}
.home-real-badge.is-warning{background:color-mix(in srgb,var(--c-danger) 14%,transparent);color:var(--c-danger);}
.home-real-row-info{
  min-width:0;
  display:grid;
  gap:4px;
  padding:2px;
  border-radius:var(--radius);
  color:var(--ui-meta-color);
  cursor:inherit;
  font-variant-numeric:tabular-nums;
  outline:none;}
.home-real-row-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;text-align:center;}
.home-real-row-dates :is(time,span){
  color:var(--ui-meta-color);
  font-size:var(--ui-meta-size);
  white-space:nowrap;}

.home-real-row-actions{position:relative;min-width:34px;min-height:34px;}
.home-real-row:has(.home-real-row-menu:not([hidden])){z-index:130;}
.home-real-row-actions:has(.home-real-row-menu:not([hidden])){z-index:140;}
.home-real-more:not([hidden]){
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid transparent;
  border-radius:var(--radius);
  background:transparent;
  color:var(--ui-action-color);
  cursor:pointer;}
.home-real-more:hover,
.home-real-more:focus-visible,
.home-real-more[aria-expanded="true"]{border-color:var(--ui-border-color);background:var(--ui-bg-surface);outline:none;}
.home-real-more .ui-icon{width:17px;height:17px;}
.home-real-row-menu{
  position:absolute;
  right:0;
  top:calc(100% + 4px);
  z-index:120;
  width:max-content;
  min-width:176px;
  padding:5px;
  border:1px solid var(--ui-border-color);
  border-radius:var(--radius);
  background:var(--ui-bg-popover);
  box-shadow:0 10px 28px var(--c-tip-shadow);}
.home-real-row-menu[hidden]{display:none;}
.home-real-row-menu.is-above{top:auto;bottom:34px;}
.home-real-row-menu form{margin:0;}
.home-real-priority-choice{display:grid;gap:5px;padding:7px 9px;}
.home-real-priority-choice select{width:100%;min-height:34px;}
.home-real-row-menu :is(button,a):not(.ai-chat-delete-submit){
  width:100%;
  min-height:34px;
  display:flex;
  align-items:center;
  padding:0 9px;
  border:0;
  border-radius:var(--radius);
  background:transparent;
  color:var(--ui-action-color);
  font:inherit;
  font-size:var(--ui-action-size);
  text-align:left;
  cursor:pointer;}
.home-real-row-menu :is(button,a):not(.ai-chat-delete-submit):hover,
.home-real-row-menu :is(button,a):not(.ai-chat-delete-submit):focus-visible{background:var(--ui-bg-surface);outline:none;}

.home-real-decision-row{
  border:1px solid var(--ui-border-color);
  border-left:3px solid var(--c-accent);
  border-radius:var(--radius);
  background:var(--ui-bg-card);}
.home-real-decision-row.is-overdue{border-left-color:var(--c-danger);}
.home-real-decision-icon{color:var(--c-accent);}
.home-real-decision-main strong{color:var(--ui-title-color);font-size:var(--ui-title-size);}
.home-real-decision-main span,
.home-real-decision-state span{color:var(--ui-meta-color);font-size:var(--ui-meta-size);}
.home-real-decision-state strong{color:var(--ui-interface-color);font-size:var(--ui-meta-size);}

.home-real-empty,
.home-real-date-empty{
  border:1px dashed var(--ui-border-color);
  border-radius:var(--radius);
  background:var(--ui-bg-card);}
.home-real-empty>.ui-icon{color:var(--c-ok);}
.home-real-smart-help>summary{color:var(--c-accent);font-family:var(--ui-help-font-family);font-size:var(--ui-help-size);font-weight:var(--ui-help-weight);}
.home-real-smart-help>p{border:1px solid var(--ui-border-color);border-radius:var(--radius);background:var(--ui-bg-popover);box-shadow:0 10px 28px var(--c-tip-shadow);color:var(--ui-help-color);font-family:var(--ui-help-font-family);font-size:var(--ui-help-size);font-weight:var(--ui-help-weight);}
.home-real-empty h2{color:var(--ui-title-color);font-size:var(--ui-title-size);}
.home-real-empty p,
.home-real-date-empty{color:var(--ui-meta-color);font-size:var(--ui-meta-size);}

.home-real-events .card-head h2 span{
  color:var(--c-accent);
  font-size:var(--ui-help-size);
  font-weight:700;}
.home-real-event-viewport ol{list-style:none;}
.home-real-event-viewport li{border-left:3px solid transparent;border-radius:var(--radius);}
.home-real-event-viewport li.is-new{border-left-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 7%,transparent);}
.home-real-event-viewport li a{color:var(--ui-title-color);}
.home-real-event-viewport li a:hover{background:var(--ui-bg-surface);}
.home-real-event-viewport li span{color:var(--ui-meta-color);font-size:var(--ui-help-size);}
.home-real-event-viewport li em{border-radius:var(--radius);background:var(--c-accent);color:var(--c-on-accent);font-style:normal;font-weight:700;}
.home-real-event-viewport li strong{color:var(--ui-title-color);font-size:var(--ui-meta-size);line-height:1.3;}
.home-real-event-viewport li small{color:var(--ui-meta-color);font-size:var(--ui-help-size);line-height:1.35;}
.home-real-event-viewport li time{color:var(--ui-meta-color);font-size:var(--ui-help-size);font-variant-numeric:tabular-nums;}
.home-real-card-empty{color:var(--ui-meta-color);font-size:var(--ui-meta-size);}
.home-exchange-dialog{border:1px solid var(--ui-border-color);border-radius:var(--radius);background:var(--ui-bg-card);color:var(--ui-interface-color);}
.home-exchange-dialog::backdrop{background:color-mix(in srgb,var(--ui-title-color) 35%,transparent);}
.home-exchange-task{font-weight:var(--ui-title-weight);}
.home-exchange-people{border-block:1px solid var(--ui-border-color);}
.home-exchange-person{cursor:pointer;}
.home-exchange-person small{color:var(--ui-meta-color);}

@media screen and (min-width:1101px) and (max-width:1400px){
  .home-real-row{grid-template-columns:31px minmax(0,1fr) 200px 34px;}}
@media screen and (min-width:801px) and (max-width:1100px){
  .home-real-row{grid-template-columns:31px minmax(0,1fr) 180px 34px;}}
@media screen and (max-width:800px){
  .home-real-row{grid-template-columns:31px minmax(0,1fr) 34px;}
  .home-real-row-info{grid-column:2;grid-row:2;}
  .home-real-row-actions{grid-column:3;grid-row:1/3;}}

/* Component appearance: records_monitor.css; geometry stays with the page.
 * Its tabs use the shared tab/switcher contract above. */
.records-monitor-head h1,
.records-monitor-content-head h2 {
  color: var(--ui-heading-color);
  font-family: var(--ui-heading-font-family);
  font-weight: var(--ui-heading-weight);
  letter-spacing: var(--ui-heading-letter-spacing);
  text-transform: var(--ui-heading-transform);}

.records-monitor-head h1 {
  font-size: var(--ui-heading-size);}

.records-monitor-content {
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  background: var(--ui-bg-card);}

.records-monitor-content:focus-visible {
  outline: 3px solid var(--c-accent-soft);
  outline-offset: 2px;}

.records-monitor-content-head {
  border-bottom: 1px solid var(--c-border);}

.records-monitor-content-head h2 {
  font-size: var(--ui-heading-size);}

.records-monitor-content-head p {
  color: var(--ui-help-color);
  font-family: var(--ui-help-font-family);
  font-size: var(--ui-help-size);
  line-height: 1.4;}

.records-monitor-filter-state {
  color: var(--ui-meta-color);
  font-family: var(--ui-meta-font-family);
  font-size: var(--ui-meta-size);}

.records-monitor-items .task.is-new {
  background: color-mix(in srgb, var(--ui-interface-color) 6%, var(--ui-bg-card));}

.records-monitor-new-badge {
  border-radius:var(--radius);
  background: color-mix(in srgb, var(--ui-interface-color) 13%, var(--ui-bg-card));
  color: var(--ui-interface-color);
  font-size: calc(var(--ui-meta-size) * 9 / 12);
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.3;
  text-transform: uppercase;}

.records-monitor-items .task .t-name > a {
  line-height: 1.4;}

.records-monitor-subheading {
  color: var(--ui-meta-color);
  font-family: var(--ui-meta-font-family);
  font-size: var(--ui-meta-size);
  font-weight: 700;}

.records-monitor-subheading::after {
  background: var(--c-border);}

.records-monitor-project-item,
.records-monitor-simple-item {
  border-bottom: 1px solid var(--c-border);}

.records-monitor-project-item:last-child,
.records-monitor-simple-item:last-child {
  border-bottom: 0;}

.records-monitor-project-item.is-overdue {
  border-left: 3px solid var(--c-danger);}

.records-monitor-project-item .project-task-row-title,
.records-monitor-simple-item > a {
  color: var(--ui-title-color);
  font-family: var(--ui-title-font-family);
  font-size: var(--ui-title-size);
  font-weight: var(--ui-title-weight);
  line-height: 1.4;}

.records-monitor-project-item .project-task-meta,
.records-monitor-simple-item > .ui-meta,
.records-monitor-simple-text {
  color: var(--ui-meta-color);
  font-family: var(--ui-meta-font-family);
  font-size: var(--ui-meta-size);
  line-height: 1.4;}

.records-monitor-result-summary {
  border-top: 1px solid var(--c-border);
  color: var(--ui-meta-color);
  font-family: var(--ui-meta-font-family);
  font-size: var(--ui-meta-size);}

/* Component appearance: search.css; geometry stays with the page. */
.search-intro{color:var(--c-text-muted);font-size:var(--ui-meta-size);line-height:1.5;}
.search-query>label>span{color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.search-query .search-input{border-color:var(--ui-control-border);background:var(--ui-control-compact-bg);}
.search-mode-row>small{color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);line-height:1.35;}
.search-exact{color:var(--c-text);font-size:var(--ui-meta-size);cursor:pointer;}
.search-options fieldset{border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--c-card-2);}
.search-options legend{color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.search-checks label{color:var(--c-text);font-size:var(--ui-meta-size);cursor:pointer;}
.search-periods{border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--c-card);}
.search-periods label{cursor:pointer;}
.search-periods input{opacity:0;}
.search-periods span{border-radius:var(--radius);color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.search-periods input:checked+span{background:var(--c-accent-soft);color:var(--c-accent);}
.search-periods input:focus-visible+span{outline:2px solid var(--c-accent);outline-offset:1px;}
.search-results{border-top:1px solid var(--c-border);}
.search-result{border-bottom:1px solid var(--c-border);}
.search-result-head h3{font-size:var(--ui-label-size);line-height:1.4;}
.search-result-head h3>a{color:var(--c-text);font-weight:700;text-decoration:none;}
.search-result-head h3>a:hover{color:var(--c-accent);}
.search-type{border:1px solid var(--c-info);border-radius:var(--radius);background:var(--c-info-soft);color:var(--c-info);font-size:calc(var(--ui-meta-size) * 11 / 12);}
.search-result-note .search-type{border-color:var(--c-warning);background:var(--c-warning-soft);color:var(--c-warning);}
.search-result-assignment .search-type{border-color:var(--c-info);background:var(--c-info-soft);color:var(--c-info);}
.search-result-message .search-type{border-color:var(--c-ok);background:var(--c-ok-soft);color:var(--c-ok);}
.search-result-diary .search-type,.search-result-shared_journal .search-type,.search-result-shared_journal_entry .search-type{border-color:var(--c-warning);background:var(--c-warning-soft);color:var(--c-warning);}
.search-result-site .search-type{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent);}
.search-result-project .search-type,.search-result-project_task .search-type{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent);}
.search-result-meta{color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);}
.search-result-meta time{border-left:1px solid var(--c-border);}
.search-result-meta .search-match{border-left:1px solid var(--c-border);color:var(--c-accent);font-weight:700;}
.search-status{border-left:1px solid var(--c-border);color:var(--c-info);font-weight:700;}
.search-status-done{color:var(--c-ok);}
.search-status-paused,.search-status-postponed{color:var(--c-warning);}
.search-status-cancelled,.search-status-delete_request{color:var(--c-danger);}
.search-result p{color:var(--c-text-muted);font-size:var(--ui-body-size);line-height:1.45;}
.search-exact-match{border-radius:3px;background:color-mix(in srgb,var(--c-accent) 18%,transparent);color:var(--c-accent);font:inherit;font-weight:800;}
.search-fallback-note{border-color:color-mix(in srgb,var(--c-accent) 55%,var(--c-border));background:color-mix(in srgb,var(--c-accent-soft) 75%,var(--c-card));}

/* Component appearance: diaries.css; geometry stays with the page. */
.diaries-head h1{color:var(--ui-heading-color);font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);text-transform:var(--ui-heading-transform);letter-spacing:var(--ui-heading-letter-spacing)}
.diaries-date-controls input{border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--ui-control-compact-bg,var(--c-card-2));color:var(--c-text);font:inherit;color-scheme:var(--ui-native-color-scheme)}
.diaries-week-nav strong{color:var(--c-text);font-size:var(--ui-navigation-size);font-weight:500}
.diaries-unit-tabs .btn{line-height:1.25;}
.diaries-day-title h2{color:var(--ui-heading-color);font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);text-transform:var(--ui-heading-transform);letter-spacing:var(--ui-heading-letter-spacing)}
.diaries-unit>summary{cursor:pointer;color:var(--c-text);border-bottom:1px solid transparent;list-style:none}
.diaries-unit>summary:hover{background:var(--c-accent-soft)}
.diaries-unit[open]>summary{border-bottom-color:var(--ui-border-color)}
.diaries-count{border-radius:var(--radius);background:var(--ui-bg-surface,var(--ui-bg-surface));color:var(--ui-interface-color);font-size:var(--ui-meta-size)}
.diaries-entry{border-bottom:1px solid var(--ui-border-color)}
.diaries-entry:last-child{border-bottom:0}
.diaries-entry time,.diaries-actor{color:var(--ui-meta-color);font-size:var(--ui-meta-size)}
.diaries-entry-main a{color:var(--ui-interface-color);font-weight:500;text-decoration:none;}
.diaries-entry-main a:hover{color:var(--c-accent)}
.diaries-entry-main p{color:var(--ui-meta-color);}
.diaries-actor-label{color:var(--ui-meta-color);font-size:calc(var(--ui-meta-size) * 11 / 12)}
.department-diary-modal{background:rgba(0,0,0,.76)}
.department-diary-dialog{border:1px solid var(--c-accent,var(--c-accent));border-radius:var(--radius);background-color:var(--c-card,#30353a);color:var(--c-text,#fff);box-shadow:0 18px 60px rgba(0,0,0,.72);opacity:1}
.department-diary-dialog h2{color:var(--ui-heading-color);font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);text-transform:var(--ui-heading-transform);letter-spacing:var(--ui-heading-letter-spacing)}
.department-diary-dialog p{color:var(--c-text-muted,var(--ui-meta-color))}

/* Component appearance: projects.css; geometry stays with the page. */
.project-navigator-filter select,
.project-navigator-search input {
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card-2);
  color:var(--c-text);
  font:inherit;
  font-size:calc(var(--ui-navigation-size) * 12 / 13);}

.project-switcher-row {
  border-bottom:1px solid var(--c-border);
  color:var(--c-text);}

.project-switcher-row:last-child {
  border-bottom:0;}

.project-switcher-row:hover {
  background:var(--c-card-2);}

.project-switcher-row.active {
  background:var(--c-accent-soft);
  box-shadow:inset 3px 0 0 var(--c-accent);}

.project-switcher-title {
  font-family:var(--ui-title-font-family);
  color:var(--ui-title-color);
  font-size:var(--ui-title-size);
  font-weight:var(--ui-title-weight);
  text-transform:var(--ui-title-transform);
  letter-spacing:var(--ui-title-letter-spacing);}

.project-switcher-main small {
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 10.5 / 12);
  line-height:1.3;}

.project-list-summary {
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.project-search-clear {
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.project-health-dot {
  border-radius:50%;
  background:var(--project-tone,var(--c-text-muted));}

.project-state-note {
  border-left:3px solid var(--c-priority-mid);
  background:var(--c-card-2);
  color:var(--c-text-muted);
  font-size:var(--ui-meta-size);
  line-height:1.4;}

.project-title-line > span {
  color:var(--ui-heading-color);
  font-size:var(--ui-heading-size);
  font-weight:var(--ui-heading-weight);
  text-transform:var(--ui-heading-transform);
  letter-spacing:var(--ui-heading-letter-spacing);}

.project-title-block h2.ui-title {
  font-family:var(--ui-title-font-family);
  color:var(--ui-title-color);
  font-size:var(--ui-title-size);
  font-weight:var(--ui-title-weight);
  text-transform:var(--ui-title-transform);
  letter-spacing:var(--ui-title-letter-spacing);}

.project-head-description {
  color:var(--ui-body-color);
  font-family:var(--ui-body-font-family);
  font-size:var(--ui-body-size);
  font-weight:var(--ui-body-weight);
  line-height:1.45;
  text-transform:none;
  letter-spacing:0;}

.project-head-leaders {
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);
  font-weight:400;
  text-transform:none;
  letter-spacing:0;}

.project-head-leaders b {
  color:var(--c-text);
  font-weight:650;}

.project-passport-meta {
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);
  line-height:1.35;
  text-transform:none;}

.project-passport-meta::first-letter {
  text-transform:uppercase;}

.project-badge,
.project-percent {
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card-2);
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);
  line-height:1.2;}

.project-badge-ok,
.project-percent-ok {
  border-color:var(--c-ok);
  background:var(--c-ok-soft);
  color:var(--c-ok);}

.project-badge-info,
.project-percent-info {
  border-color:var(--c-info);
  background:color-mix(in srgb,var(--c-info) 12%,transparent);
  color:var(--c-info);}

.project-badge-warning,
.project-percent-warning {
  border-color:var(--c-priority-mid);
  background:color-mix(in srgb,var(--c-priority-mid) 12%,transparent);
  color:var(--c-priority-mid);}

.project-badge-orange,
.project-percent-orange {
  border-color:var(--c-priority-high);
  background:color-mix(in srgb,var(--c-priority-high) 22%,var(--c-card));
  color:color-mix(in srgb,var(--c-priority-high) 82%,var(--c-text));}

.project-badge-top {
  border-color:var(--c-priority-top);
  background:color-mix(in srgb,var(--c-priority-top) 18%,var(--c-card));
  color:var(--c-priority-top);}

.project-badge-danger,
.project-percent-danger {
  border-color:var(--c-danger);
  background:var(--c-danger-soft);
  color:var(--c-danger);}

.project-view-tabs {
  border-top:1px solid var(--c-border);}

.project-view-tabs a {
  text-align:center;}

.project-view-tabs a span {
  font-size:calc(var(--ui-navigation-size) * 10 / 13);}

.project-focus-line {
  background:var(--c-accent-soft);}

.project-focus-line span,
.project-focus-line small {
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.project-stage {
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card-2);}

.project-stage-row {
  background:color-mix(in srgb,var(--c-accent) 6%,var(--c-card-2));}

.project-stage-toggle {
  cursor:pointer;}

.project-step-list {
  border-top:1px solid var(--c-border);
  background:var(--c-card);}

.project-step-row {
  border-bottom:1px solid var(--c-border);}

.project-step:last-of-type .project-step-row {
  border-bottom:0;}

.project-step-mark {
  border:2px solid var(--c-info);
  border-radius:var(--radius);}

.project-task-row.active {
  background:var(--c-accent-soft);}

.project-task-row.is-current {
  box-shadow:inset 3px 0 0 var(--c-accent);}

.project-task-row.is-done .project-task-row-main {
  opacity:.7;}

.project-task-row.is-done .project-task-row-title {
  text-decoration:line-through;
  color:var(--c-text-muted);}

.project-task-row-title {
  line-height:1.35;}

.project-task-row-title.ui-title {
  font-family:var(--ui-title-font-family);
  color:var(--ui-title-color);
  font-size:var(--ui-title-size);
  font-weight:var(--ui-title-weight);
  text-transform:var(--ui-title-transform);
  letter-spacing:var(--ui-title-letter-spacing);}

.project-task-row-title.ui-body {
  font-family:var(--ui-body-font-family);
  color:var(--ui-body-color);
  font-size:var(--ui-body-size);
  font-weight:var(--ui-body-weight);
  text-transform:var(--ui-body-transform);
  letter-spacing:var(--ui-body-letter-spacing);}

.project-task-row-title:hover {
  color:var(--c-accent);}

.project-task-number {
  color:var(--c-accent);
  font-variant-numeric:tabular-nums;}

.project-task-meta {
  font-family:var(--ui-meta-font-family);
  color:var(--ui-meta-color);
  font-size:var(--ui-meta-size);
  font-weight:var(--ui-meta-weight);
  text-transform:var(--ui-meta-transform);
  letter-spacing:var(--ui-meta-letter-spacing);}

.project-meta-separator {
  color:var(--c-border-strong);}

.project-meta-item.is-current {
  color:var(--c-accent);}

.project-meta-item.is-overdue {
  color:var(--c-danger);
  font-weight:700;}

.project-meta-item.is-priority-raised,
.project-meta-item.is-priority-high,
.project-meta-item.is-priority-critical {
  color:var(--ui-meta-color);
  font-weight:var(--ui-meta-weight);}

.project-meta-item .record-priority-dot.priority-critical {
  background:var(--c-priority-top);}

.project-task-toggle-spacer,
.project-step-toggle {
  border-radius:var(--radius);}

.project-row-action {
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card-2);
  color:var(--c-text);
  font:inherit;
  font-size:calc(var(--ui-action-size) * 11 / 13);
  cursor:pointer;}

.project-row-action:hover {
  border-color:var(--c-accent);
  background:var(--c-accent-soft);
  color:var(--c-accent);}

.project-action-disabled {
  color:var(--c-text-muted);
  font-size:calc(var(--ui-action-size) * 10 / 13);
  line-height:1.2;}

.project-secondary-action {
  opacity:0;}

.project-task-row:hover .project-secondary-action,
.project-task-row:focus-within .project-secondary-action,
.project-secondary-action[open] {
  opacity:1;}

.project-drag-handle {
  border-radius:var(--radius);
  color:var(--c-text-muted);
  font-weight:800;
  letter-spacing:-3px;
  cursor:grab;}

.project-drag-handle:hover {
  background:var(--c-accent-soft);
  color:var(--c-accent);}

.project-drag-handle:active {
  cursor:grabbing;}

.project-stage.is-dragging,
.project-step.is-dragging {
  opacity:.45;}

.project-stage.is-drag-target,
.project-step.is-drag-target {
  outline:2px dashed var(--c-accent);
  outline-offset:2px;}

.project-file-count {
  border-radius:var(--radius);
  background:var(--c-accent);
  color:var(--c-on-accent);
  font-size:calc(var(--ui-meta-size) * 9 / 12);}

.project-task-menu summary {
  list-style:none;}

.project-task-menu[open] summary {
  border-color:var(--c-accent);
  color:var(--c-accent);}

.project-task-menu-pop {
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card);
  box-shadow:0 10px 26px var(--c-shadow-soft);}

.project-task-menu-pop a,
.project-task-menu-pop button {
  border:0;
  border-radius:var(--radius);
  background:transparent;
  color:var(--c-text);
  font:inherit;
  font-size:calc(var(--ui-action-size) * 12 / 13);
  cursor:pointer;}

.project-task-menu-pop a:hover,
.project-task-menu-pop button:hover {
  background:var(--c-accent-soft);
  color:var(--c-accent);}

.project-task-menu-pop .project-menu-danger:hover {
  background:var(--c-danger-soft);
  color:var(--c-danger);}

.project-add-step {
  border-top:1px dashed var(--c-border);
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.project-add-step:hover {
  color:var(--c-accent);
  background:var(--c-accent-soft);}

.project-inline-editor {
  border-top:1px solid var(--c-accent);
  background:var(--c-card);}

.project-inline-editor:focus {
  outline:2px solid var(--c-accent);
  outline-offset:-2px;}

.project-inline-title {
  color:var(--ui-title-color);
  font-family:var(--ui-title-font-family);
  font-size:var(--ui-title-size);
  font-weight:var(--ui-title-weight);
  text-transform:var(--ui-title-transform);
  letter-spacing:var(--ui-title-letter-spacing);}

.project-inline-description {
  color:var(--ui-body-color);
  font-family:var(--ui-body-font-family);
  font-size:var(--ui-body-size);
  font-weight:var(--ui-body-weight);
  line-height:1.5;}

.project-live-status {
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.project-live-status:not(:empty) {
  border-left:3px solid var(--c-info);
  background:var(--c-card-2);}

.project-live-status.is-ok {
  border-left-color:var(--c-ok);
  color:var(--c-ok);}

.project-live-status.is-error {
  border-left-color:var(--c-danger);
  color:var(--c-danger);}

.project-plan-card.is-loading {
  opacity:.72;}

.project-form {
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card);}

.project-files-filter label {
  color:var(--c-text-muted);
  font-size:var(--ui-meta-size);}

.project-files-filter select {
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card-2);
  color:var(--c-text);}

.project-file-row {
  border-bottom:1px solid var(--c-border);}

.project-file-main > a {
  font-weight:700;}

.project-file-icon {
  color:var(--c-accent);}

.project-upload-zone {
  border-top:1px solid var(--c-border);}

.project-upload-drop {
  border:2px dashed var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card-2);
  color:var(--c-text-muted);
  cursor:pointer;}

.project-upload-drop:hover,
.project-upload-drop.is-dragover {
  border-color:var(--c-accent);
  background:var(--c-accent-soft);}

.project-upload-drop span {
  font-size:calc(var(--ui-title-size) * 28 / 16);}

.project-member-strip {
  border-bottom:1px solid var(--c-border);}

.project-member-chip {
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card-2);}

.project-member-chip b {
  line-height:1.25;}

.project-member-chip small {
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 10 / 12);
  line-height:1.3;}

.project-member-chip button {
  cursor:pointer;}

.project-member-avatar {
  border-radius:50%;
  background:var(--c-accent-soft);
  color:var(--c-accent);
  font-weight:700;}

.project-member-role-form select {
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card);
  color:var(--c-text);
  font-size:calc(var(--ui-control-size) * 11 / 13);}

.project-team-search label {
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.project-team-search input {
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card-2);
  color:var(--c-text);}

.project-member-candidates {
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card-2);}

.project-member-candidate {
  border-bottom:1px solid var(--c-border);
  cursor:pointer;}

.project-member-candidate:hover {
  background:var(--c-accent-soft);}

.project-member-candidate small {
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);
  line-height:1.35;}

.project-team-selection {
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card-2);}

.project-team-selection-title {
  font-weight:700;}

.project-team-selected {
  border-bottom:1px solid var(--c-border);
  font-size:calc(var(--ui-control-size) * 12 / 13);}

.project-chat-message.readonly-msg-me {
  border:1px solid var(--c-border);
  border-left:4px solid var(--c-accent);
  border-radius:var(--radius);
  background:var(--c-accent-soft);}

.project-chat-message.readonly-msg-them {
  border-radius:var(--radius);}

.project-chat-avatar {
  border-radius:50%;
  background:var(--c-card);
  border:1px solid var(--c-border);
  color:var(--c-accent);
  font-weight:700;}

.project-chat-message .readonly-msg-who b {
  color:var(--c-text);
  font-size:var(--ui-body-size);}

.project-chat-sender,
.project-chat-message time,
.project-chat-edited {
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.project-chat-edited {
  font-style:italic;}

.project-chat-system {
  border-left:3px solid var(--c-border);
  background:var(--c-card-2);
  color:var(--c-text-muted);
  font-size:var(--ui-meta-size);}

.project-chat-system b {
  color:var(--c-text-muted);}

.project-timeline-row {
  border-bottom:1px solid var(--c-border);}

.project-timeline-dot {
  border-radius:50%;
  background:var(--c-accent);}

.project-chat-send-status {
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.project-pulse-score {
  border-left:3px solid var(--project-tone,var(--c-text-muted));}

.project-pulse-score strong {
  color:var(--project-tone,var(--c-text));
  font-size:calc(var(--ui-title-size) * 28 / 16);}

.project-pulse-score span {
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.project-pulse-stats span {
  border-radius:var(--radius);
  background:var(--c-card-2);
  color:var(--c-text-muted);
  font-size:calc(var(--ui-meta-size) * 10 / 12);}

.project-pulse-stats b {
  color:var(--c-text);
  font-size:var(--ui-interface-size);}

.project-attention-item {
  border-bottom:1px solid var(--c-border);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.project-attention-item span {
  border-radius:50%;
  background:var(--c-text-muted);}

.project-attention-danger span {
  background:var(--c-danger);}

.project-attention-warning span {
  background:var(--c-priority-mid);}

.project-attention-info span {
  background:var(--c-info);}

.project-activity-row {
  border-bottom:1px solid var(--c-border);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.project-activity-row span {
  color:var(--c-text-muted);}

@media screen and (max-width:800px) {

  .project-secondary-action {
    opacity:1;}}

/* Component appearance: journals.css; geometry stays with the page. */
.journal-datetime-field{border:0;}
.journal-datetime-field>legend{color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.journal-confirm-card p{line-height:1.5;}
.journal-record-card>.card-head h2{text-transform:none;letter-spacing:0;}
.journal-record-card>.card-head time{color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);}
.journal-record-text{line-height:1.6;}
.journal-record-row .list-name{font-size:var(--ui-label-size);line-height:1.4;}
.journal-record-row .list-name a{color:var(--c-text);}
.journal-record-row .list-name a:hover{color:var(--c-accent);}
.journal-form-card .field-optional{font-weight:normal;color:var(--c-text-muted);}
.journal-access-field{border:0;}
.journal-access-field>legend{color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.journal-position-list{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);}
.journal-position-list label{font-size:var(--ui-meta-size);line-height:1.35;color:var(--c-text);}
.journal-position-list select{background:var(--ui-bg-field);border:1px solid var(--ui-field-border-color);border-radius:var(--radius);color:var(--ui-control-color);font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);}
.journal-position-list select:disabled{cursor:not-allowed;opacity:.45;}
.journal-position-toolbar label{color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.journal-position-toolbar span{color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.journal-position-group h3{border-bottom:1px solid var(--c-border);background:var(--c-bg);color:var(--c-accent);font-size:calc(var(--ui-heading-size) * 11 / 14);font-weight:var(--ui-heading-weight);}
.journal-owner-note{border-left:3px solid var(--c-accent);background:var(--c-card-2);color:var(--c-text-muted);font-size:var(--ui-meta-size);line-height:1.45;}
.journal-field-builder-head b{color:var(--c-text);}
.journal-field-builder-head span{color:var(--c-text-muted);font-size:var(--ui-meta-size);line-height:1.4;}
.journal-field-row{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);}
.journal-field-preview{border:1px dashed var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.journal-field-preview>b{color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.journal-field-preview-item{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card);}
.journal-field-preview-item b{color:var(--c-text);font-size:var(--ui-meta-size);line-height:1.35;}
.journal-field-preview-item .field-required{font-style:normal;}
.journal-field-preview-item span{color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);line-height:1.35;}
.journal-field-preview-item input,.journal-field-preview-item select,.journal-field-preview-item textarea{opacity:.78;}
.journal-field-preview-empty{color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.field-required{color:var(--c-danger);}
.journal-table-wrap{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card);}
.journal-table{border-collapse:collapse;}
.journal-table th,.journal-table td{border-bottom:1px solid var(--c-border);border-right:1px solid var(--c-border);font-size:var(--ui-navigation-size);line-height:1.45;}
.journal-table th:last-child,.journal-table td:last-child{border-right:0;}
.journal-table tr:last-child td{border-bottom:0;}
.journal-table th{background:var(--c-panel);color:var(--c-accent);}
.journal-table .journal-date{color:var(--c-text-muted);}
.journal-print{background:var(--c-bg);color:var(--c-text);}
.journal-work-nav .head-link{font-size:calc(var(--ui-navigation-size) * 12 / 13);}
.journal-work-org{color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);line-height:1.35;}
.journal-work-description{line-height:1.5;}
.journal-instructions{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.journal-instructions b{color:var(--c-text);}
.journal-instructions span{color:var(--c-text-muted);font-size:var(--ui-meta-size);line-height:1.5;}
.journal-catalog-search>label{color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.journal-catalog-list{border-top:1px solid var(--c-border);}
.journal-catalog-row{border-bottom:1px solid var(--c-border);}
.journal-catalog-row:last-child{border-bottom:0;}
.journal-catalog-row:hover,.journal-catalog-row:focus-within{background:var(--c-accent-soft);}
.journal-catalog-main{color:var(--c-text);}
.journal-catalog-main:hover,.journal-catalog-main:focus-visible{color:var(--c-accent);outline:none;}
.journal-catalog-main strong{font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.journal-catalog-main span{color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);}
.journal-catalog-tooltip{border:1px solid var(--c-accent);border-radius:var(--radius);background:var(--c-panel);box-shadow:0 10px 28px var(--c-tip-shadow);color:var(--c-text);font-size:calc(var(--ui-meta-size) * 11 / 12);line-height:1.45;opacity:0;}
.journal-catalog-tooltip b{color:var(--c-accent);}
.journal-catalog-row:hover .journal-catalog-tooltip,.journal-catalog-row:focus-within .journal-catalog-tooltip{opacity:1;}
.journal-observer-group{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.journal-observer-group>summary{cursor:pointer;color:var(--c-text);}
.journal-observer-group>summary:hover{color:var(--c-accent);}
.journal-observer-group>summary b{border-radius:var(--radius);background:var(--c-panel);color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);}
.journal-catalog-search input,.journal-entry-search input,.journal-column-filter-row input{border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--ui-control-compact-bg);color:var(--c-text);font:inherit;}
.journal-catalog-search input::placeholder,.journal-entry-search input::placeholder,.journal-column-filter-row input::placeholder{color:var(--ui-help-color);}
.journal-catalog-search input:hover,.journal-entry-search input:hover,.journal-column-filter-row input:hover{border-color:var(--c-accent);}
.journal-catalog-search input:focus,.journal-entry-search input:focus,.journal-column-filter-row input:focus{border-color:var(--c-accent);outline:none;box-shadow:0 0 0 3px var(--c-accent-soft);}
.journal-v2-table-wrap{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card);}
.journal-v2-table{border-collapse:separate;border-spacing:0;}
.journal-v2-table th,.journal-v2-table td{border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border);line-height:1.4;}
.journal-v2-table th{background:var(--c-panel);color:var(--c-accent);font-size:calc(var(--ui-navigation-size) * 12 / 13);font-weight:var(--ui-heading-weight);}
.journal-v2-table th>span{line-height:1.25;}
.journal-v2-table tr:last-child td{border-bottom:0;}
.journal-v2-table th:last-child,.journal-v2-table td:last-child{border-right:0;}
.journal-v2-empty{color:var(--c-text-muted);}
.journal-summary-list>div{border-bottom:1px solid var(--c-border);}
.journal-summary-list dt{color:var(--c-text-muted);}
.journal-summary-list dd{color:var(--c-text);}
.journal-schema-list li{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.journal-schema-list li span{color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.journal-import-card>summary{list-style:none;cursor:pointer;}
.journal-import-card>summary:hover,.journal-import-card>summary:focus-visible{background:var(--c-accent-soft);outline:none;}
.journal-import-card[open]>summary{border-bottom:1px solid var(--c-border);}
.journal-import-preview{border-top:1px solid var(--c-border);}
.journal-import-summary{color:var(--c-text);}
.journal-import-summary span{color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.journal-import-warnings{border:1px solid var(--c-warning);border-radius:var(--radius);background:var(--c-card-2);}
.journal-import-warnings>b{color:var(--c-warning);}
.journal-import-warnings p{color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.journal-import-warnings ul{color:var(--c-text);font-size:var(--ui-meta-size);line-height:1.5;}
.journal-import-field{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.journal-import-field>summary{cursor:pointer;}
.journal-import-field>summary>b{color:var(--c-text);font-size:var(--ui-meta-size);}
.journal-import-badges>span{border-radius:var(--radius);background:var(--c-panel);color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 10 / 12);}
.journal-import-field-detail{border-top:1px solid var(--c-border);color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);}
.journal-import-field-warning{border-left:2px solid var(--c-warning);color:var(--c-text) !important;}
.journal-calculation-info span{color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.journal-mode{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.journal-mode-label{color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.journal-designer-field{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.journal-designer-field-head{border-bottom:1px solid var(--c-border);background:var(--c-panel);}
.journal-designer-field-head>b{color:var(--c-accent);font-size:var(--ui-meta-size);font-weight:var(--ui-heading-weight);}
.journal-field-advanced{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card);}
.journal-field-advanced>summary{cursor:pointer;color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.journal-field-advanced[open]>summary{border-bottom:1px solid var(--c-border);color:var(--c-accent);}
.journal-field-advanced small{color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);line-height:1.4;}
.journal-dependency{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card);}
.journal-dependency>summary{cursor:pointer;color:var(--c-text);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.journal-dependency[open]>summary{border-bottom:1px solid var(--c-border);color:var(--c-accent);}
.journal-rule{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.journal-rule-head{border-bottom:1px solid var(--c-border);}
.journal-rule-head>b{font-size:var(--ui-meta-size);color:var(--c-text);}
.journal-designer-save{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-panel);box-shadow:0 6px 18px rgba(0,0,0,.22);}
.journal-designer-save>span{color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.journal-designer.is-dirty .journal-designer-save{border-color:var(--c-accent);}
.journal-designer.is-dirty .journal-designer-save>span{color:var(--c-accent);}
.journal-entry-grid .field input,.journal-entry-grid .field select{background:var(--ui-control-compact-bg);border-color:var(--ui-control-border);}
.journal-entry-grid .field input:hover,.journal-entry-grid .field select:hover{border-color:var(--c-accent);}
.journal-work-field small{color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);line-height:1.35;}
.journal-dependency-notice{border-left:2px solid var(--c-accent);background:var(--c-card-2);color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);line-height:1.4;}
.journal-dependency-notice.is-saved{border-left-color:var(--c-success);color:var(--c-success);}
.journal-dependency-notice.is-warning{border-left-color:var(--c-warning);color:var(--c-warning);}
.journal-dependency-notice.is-auto{color:var(--c-text-muted);}
.journal-entry-search>label{color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.journal-search-result{color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.journal-v2-feed{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card);}
.journal-feed-entry{border-bottom:1px solid var(--c-border);}
.journal-feed-entry:last-child{border-bottom:0;}
.journal-feed-entry time{color:var(--c-accent);font-weight:var(--ui-label-weight);}
.journal-feed-entry p{line-height:1.45;}
.journal-feed-entry>span{color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);line-height:1.45;}
.journal-v2-table td small{color:var(--c-text-muted);font-size:calc(var(--ui-navigation-size) * 10 / 13);}
.journal-row-actions{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card);}
.journal-row-actions>span b{color:var(--c-text);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.journal-row-actions>span small{color:var(--c-text-muted);font-size:calc(var(--ui-action-size) * 11 / 13);}
.journal-v2-table tbody tr[data-journal-entry-row]{cursor:pointer;}
.journal-v2-table tbody tr[data-journal-entry-row]:hover td,.journal-v2-table tbody tr[data-journal-entry-row]:focus td{background:var(--c-accent-soft);}
.journal-v2-table tbody tr[data-journal-entry-row].is-selected td{background:var(--c-accent-soft);box-shadow:inset 0 1px var(--c-accent),inset 0 -1px var(--c-accent);}
.journal-column-filter-row th{background:var(--c-card-2);}
.journal-column-filter-row input{font-size:calc(var(--ui-control-size) * 11 / 13);font-weight:400;}
.journal-entry-count{color:var(--c-text-muted);font-size:var(--ui-meta-size);}
.journal-column-resizer{cursor:col-resize;}
.journal-column-resizer::after{background:transparent;}
.journal-v2-table th:hover .journal-column-resizer::after,.journal-column-resizer:hover::after{background:var(--c-accent);}
.is-journal-column-resizing,.is-journal-column-resizing *{cursor:col-resize!important;}
.journal-audit-card>.card-head span{color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);}
.journal-audit-row{border-bottom:1px solid var(--c-border);}
.journal-audit-row:last-child{border-bottom:0;}
.journal-audit-row b{color:var(--c-text);font-size:var(--ui-label-size);}
.journal-audit-row span{color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);}
.journal-audit-row summary{cursor:pointer;color:var(--c-accent);font-size:calc(var(--ui-meta-size) * 11 / 12);}
.journal-audit-row pre{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);color:var(--c-text-muted);font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;}

/* Component appearance: profile.css; geometry stays with the page. */
.profile-tabs a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-accent-soft);}
.profile-radio-field{border:0;}
.profile-radio-field legend{color:var(--ui-label-color);font-size:var(--ui-label-size);}
.profile-vacation-row{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.profile-vacation-number{color:var(--c-text-muted);font-weight:bold;}
.profile-vacation-remove{font-size:calc(var(--ui-title-size) * 20 / 16);line-height:1;}
#companyResults{
  background:var(--c-card);
  border:1px solid var(--c-border);
  border-radius:var(--radius);}
.company-item{cursor:pointer;border-bottom:1px solid var(--c-border);}
.company-item:hover{background:var(--c-card-2);}
.company-empty{color:var(--c-text-muted);}

.profile-link-proposal{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.profile-link-proposal summary{cursor:pointer;color:var(--c-accent);font-weight:bold;}
.link-type-option{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card);cursor:pointer;}
.link-type-option:has(input:checked){border-color:var(--c-accent);background:var(--c-accent-soft);}
.link-type-option small{color:var(--c-text-muted);line-height:1.35;}
.link-req{border-bottom:1px solid var(--c-border);}
.link-req-status{font-size:var(--ui-meta-size);}
.link-req-status.st-wait{color:var(--c-warning);}
.link-req-status.st-ok{color:var(--c-success);}
.link-req-status.st-no{color:var(--c-danger);}

.org-tree .org-wrap{border:1px solid var(--c-border);border-radius:var(--radius);}
.org-node{line-height:1.5}
.org-twig{color:var(--c-text-muted);text-decoration:none;cursor:pointer}
.org-twig:hover{color:var(--c-accent)}
.org-twig-open{color:var(--c-text);cursor:default}
.org-company-name{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);color:var(--c-text)}
.link-create .lc-row input[type=text]{border:1px solid var(--ui-field-border-color);border-radius:var(--radius);background:var(--ui-bg-field);color:var(--ui-control-color);font-family:var(--ui-control-font-family);font-size:var(--ui-control-size)}
.link-tree{border:1px solid var(--c-border);border-radius:var(--radius);}
.lt-row,.lt-branch{line-height:1.5}
.lt-toggle{cursor:pointer;}
.lt-fio{color:var(--c-text)}
.lt-empty{color:var(--c-text-muted);font-style:italic}

/* Component appearance: notifications.css; geometry stays with the page. */
.notification-count{font-size:var(--ui-navigation-size);font-weight:var(--ui-navigation-weight);}
.notif-actions-popover{border:1px solid var(--ui-border-color);border-radius:var(--radius);background:var(--ui-bg-popover);box-shadow:0 10px 28px var(--c-tip-shadow);}
.notif-actions-popover .btn{border:0;background:transparent;box-shadow:none;}
.notif-actions-popover .btn:hover,.notif-actions-popover .btn:focus-visible{background:var(--c-accent-soft);color:var(--c-accent);}
.notif-row.notif-actionable{border-color:var(--c-priority-mid);box-shadow:inset 3px 0 0 var(--c-priority-mid)}
.notif-action-label{border-radius:var(--radius);background:var(--ui-bg-button);color:var(--ui-action-color);font-size:calc(var(--ui-action-size) * 10 / 13);font-weight:700}
.notif-group-count{color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);}
.notification-pager-state{color:var(--c-text-muted);font-size:var(--ui-meta-size)}

/* Component appearance: ai_jobs.css; geometry stays with the page. */
.ai-pre{color:var(--ui-body-color);font-family:var(--ui-body-font-family);font-size:var(--ui-body-size);font-weight:var(--ui-body-weight);line-height:1.6}
.ai-meta{color:var(--ui-meta-color);font-family:var(--ui-meta-font-family);font-size:var(--ui-meta-size);font-weight:var(--ui-meta-weight)}
.ai-files{list-style:none;}
.ai-job-row{text-decoration:none;color:var(--ui-interface-color)}
.ai-job-row:hover{border-color:var(--c-accent)}
.ai-workspace summary{cursor:pointer;}
.ai-job-status{border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--ui-bg-surface);}
.ai-job-status.is-cancelled{border-color:var(--c-warning);background:var(--c-warning-soft);color:var(--ui-interface-color);}
.ai-feedback-error{border-color:var(--c-danger);background:var(--c-danger-soft);}
.ai-result-panel,.ai-files li{border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--ui-bg-surface);}
.ai-result-panel h3,.ai-file-section h3,.ai-followup h3,.ai-folder-dialog h2,.files-section-title,.files-group-title{color:var(--ui-heading-color);font-family:var(--ui-heading-font-family);font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);text-transform:var(--ui-heading-transform);letter-spacing:var(--ui-heading-letter-spacing);}
.ai-followup{border-top:1px solid var(--ui-control-border);}
.ai-storage-toggle{border:1px solid var(--ui-border-color);border-radius:var(--radius);}
.ai-folder-dialog{border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--ui-bg-card);color:var(--ui-interface-color);}
.ai-folder-dialog::backdrop{background:color-mix(in srgb,var(--ui-title-color) 35%,transparent);}
.ai-folder-tree{border:1px solid var(--ui-control-border);border-radius:var(--radius);}
.ai-folder-choice{border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--ui-interface-color);font-family:var(--ui-navigation-font-family);font-size:var(--ui-navigation-size);font-weight:var(--ui-navigation-weight);}
.ai-folder-choice:hover,.ai-folder-choice:focus-visible,.ai-folder-choice[aria-pressed="true"]{border-color:var(--ui-control-border);background:var(--c-accent-soft);color:var(--c-accent);}
.ai-upload-zone{border:2px dashed var(--ui-control-border);border-radius:var(--radius);background:var(--ui-bg-surface);}
.ai-upload-zone:hover,.ai-upload-zone.is-dragover{border-color:var(--c-accent);background:var(--c-accent-soft)}
.ai-upload-zone>label{color:var(--ui-label-color);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight)}.ai-selected-files{color:var(--c-text)}
.ai-selected-files.is-error{color:var(--c-danger);}
.files-path{border-bottom:1px solid var(--ui-border-color);font-weight:var(--ui-navigation-weight);}
.files-path a{color:var(--ui-link-color);text-decoration:none;}
.files-path>a:first-of-type{border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--ui-bg-surface);font-family:var(--ui-title-font-family);font-size:var(--ui-title-size);font-weight:var(--ui-title-weight);}
.files-path a:hover,.files-path a:focus-visible{text-decoration:underline;}
.files-path-separator{color:var(--ui-meta-color);}
.files-sidebar{border-right:1px solid var(--ui-border-color);background:var(--ui-bg-surface);}
.files-tree-toggle{border:0;background:transparent;color:var(--ui-action-color);}
.files-tree-toggle:focus-visible{outline:2px solid var(--c-accent);border-radius:var(--radius);}
.files-tree-children{border-left:1px solid var(--ui-control-border);}
.files-tree-link{border-left:3px solid transparent;border-radius:var(--radius);color:var(--ui-link-color);text-decoration:none;font-family:var(--ui-link-font-family);font-size:var(--ui-link-size);font-weight:var(--ui-link-weight);text-transform:var(--ui-link-transform);letter-spacing:var(--ui-link-letter-spacing);}
.files-tree-link.is-current-path{font-weight:var(--ui-title-weight);}
.files-tree-link:hover,.files-tree-link:focus-visible,.files-tree-link[aria-current="page"]{border-left-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent);outline:none;}
.files-tree-link.is-drop-target{outline:2px dashed var(--c-accent);background:var(--c-accent-soft);}
.files-main.is-dragover{background:var(--c-accent-soft);outline:2px dashed var(--c-accent);outline-offset:-5px;}
.files-create form{border:1px solid var(--ui-control-border);border-radius:var(--radius);background:var(--ui-bg-surface);}
.files-upload-row{border:2px dashed var(--ui-control-border);border-radius:var(--radius);background:var(--ui-bg-surface);}
.files-upload-heading{color:var(--ui-label-color);font-family:var(--ui-label-font-family);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.files-upload-heading strong{font-weight:var(--ui-title-weight);}
.files-selected-files,.files-entry-detail{color:var(--ui-meta-color);font-family:var(--ui-meta-font-family);font-size:var(--ui-meta-size);font-weight:var(--ui-meta-weight);}
.files-entry-list{border:1px solid var(--ui-control-border);border-radius:var(--radius);}
.files-entry-list li+li{border-top:1px solid var(--ui-border-color);}
.files-file-menu>summary:hover,.files-file-menu>summary:focus-visible{background:var(--c-accent-soft);color:var(--c-accent);outline:none;}
.files-file-menu>summary:focus-visible{box-shadow:inset 0 0 0 2px var(--c-accent);}
.files-entry-name strong{color:var(--ui-title-color);font-family:var(--ui-title-font-family);font-size:var(--ui-title-size);font-weight:var(--ui-title-weight);}
.files-file-actions{border-top:1px solid var(--ui-border-color);background:var(--ui-bg-surface);}
.files-file-actions [data-files-storage-delete] .btn{color:var(--c-danger);}
.files-action-help{color:var(--ui-help-color);font-family:var(--ui-help-font-family);font-size:var(--ui-help-size);font-weight:var(--ui-help-weight);}
.files-empty{border:1px dashed var(--ui-control-border);border-radius:var(--radius);background:var(--ui-bg-surface);color:var(--ui-meta-color);font-family:var(--ui-interface-font-family);font-size:var(--ui-interface-size);line-height:1.5;text-align:center;}
@media(max-width:760px){.files-sidebar{border-right:0;border-bottom:1px solid var(--ui-border-color);}}

/* Statistics keeps calculations and table geometry; the theme owns its semantic appearance. */
.work-stats-overview strong{color:var(--ui-title-color);font-family:var(--ui-title-font-family);font-size:calc(var(--ui-title-size) * 1.55);font-weight:var(--ui-title-weight);line-height:1.2;}
.work-stats-table th,.work-stats-table td{border-bottom:1px solid var(--ui-border-color);}
.work-stats-table th{color:var(--ui-label-color);font-family:var(--ui-label-font-family);font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);}
.work-stats-method summary{color:var(--ui-heading-color);font-family:var(--ui-heading-font-family);font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);}
.onboarding-wizard-nav [aria-current="step"]{font-weight:var(--ui-title-weight);}

/* Component appearance: settings.css; geometry stays with the page. */
.theme-settings-group>.card-head{background:var(--ui-bg-surface);}
.settings-profile-links a{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card);color:var(--c-text);text-decoration:none;}
.settings-profile-links a:hover{border-color:var(--c-accent);background:var(--c-accent-soft);}
.settings-profile-links b{color:var(--c-text);font-weight:var(--ui-heading-weight);font-size:var(--ui-label-size);}
.settings-profile-links span{color:var(--c-text-muted);font-size:var(--ui-meta-size);line-height:1.45;}
.settings-custom-theme{border-top:1px solid var(--c-border);}
.settings-custom-theme summary{color:var(--c-accent);font-weight:700;cursor:pointer;}
.settings-secondary-action{border-top:1px solid var(--c-border);}
.settings-weekdays-field{border:1px solid var(--ui-control-border);border-radius:var(--radius);}
.settings-weekdays-field legend{color:var(--ui-label-color);font-size:var(--ui-label-size);}
.theme-editor-controls details>summary{cursor:pointer;color:var(--ui-heading-color);font-size:var(--ui-heading-size);font-weight:var(--ui-heading-weight);}
.theme-role-contrast{font-size:var(--ui-meta-size);color:var(--ui-meta-color);}
.theme-role-contrast.is-good{color:var(--c-ok);}
.theme-role-contrast.is-warn{color:var(--c-warning);}
.theme-editor-controls input[type="range"]{accent-color:var(--c-accent);}
.theme-editor-actions{border:1px solid var(--ui-border-color);border-radius:var(--ui-radius);background:var(--ui-bg-card);box-shadow:0 8px 24px var(--c-tip-shadow);}
.theme-contrast-legend{font-size:var(--ui-meta-size);color:var(--ui-meta-color);}

/* Component appearance: theme_preview.css; geometry stays with the page. */
.theme-demo-app{background:var(--ui-bg-page);font-family:var(--app-font-family);font-size:var(--ui-interface-size);}
.theme-demo-pageheading{border:1px solid var(--ui-border-color);background:var(--ui-bg-card);}
.theme-surface-sample{border:1px solid var(--ui-border-color);border-radius:var(--ui-radius);}
.theme-surface-sample[data-theme-surface="ui-bg-page"]{background:var(--ui-bg-page);}
.theme-surface-sample[data-theme-surface="ui-bg-sidebar"]{background:var(--ui-bg-sidebar);}
.theme-surface-sample[data-theme-surface="ui-bg-card"]{background:var(--ui-bg-card);}
.theme-surface-sample[data-theme-surface="ui-bg-surface"]{background:var(--ui-bg-surface);}
.theme-surface-sample[data-theme-surface="ui-bg-field"]{background:var(--ui-bg-field);}
.theme-surface-sample[data-theme-surface="ui-bg-popover"]{background:var(--ui-bg-popover);}
.theme-surface-sample[data-theme-surface="ui-bg-help"]{background:var(--ui-bg-help);}
.theme-surface-sample[data-theme-surface="ui-bg-button"]{background:var(--ui-bg-button);}

/* Component appearance: coll_sent_monitor.css; geometry stays with the page. */
.coll-sent-monitor-head h1 {
  color: var(--ui-heading-color);
  font-family: var(--ui-heading-font-family);
  font-size: var(--ui-heading-size);
  font-weight: var(--ui-heading-weight);
  text-transform: var(--ui-heading-transform);}

.coll-sent-monitor-column {
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  background: var(--ui-bg-card);}

.coll-sent-monitor-column-head {
  border-radius: var(--radius) var(--radius) 0 0;
  background: var(--ui-bg-card);}

.coll-sent-monitor-person {
  border-bottom: 1px solid var(--c-border);
  background: var(--ui-bg-card);}

.coll-sent-monitor-person h2 {
  color: var(--ui-heading-color);
  font-family: var(--ui-heading-font-family);
  font-size: var(--ui-heading-size);
  font-weight: var(--ui-heading-weight);}

.coll-sent-monitor-person p {
  color: var(--ui-meta-color);
  font-family: var(--ui-meta-font-family);
  font-size: var(--ui-meta-size);}

.coll-sent-monitor-focus-head {
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  background: var(--ui-bg-card);}

.coll-sent-monitor-focus-head p {
  color: var(--ui-meta-color);
  font-size: var(--ui-meta-size);}

.coll-sent-monitor-stat-group {
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  background: var(--ui-bg-card);}

.coll-sent-monitor-stat-group h3 {
  color: var(--ui-heading-color);
  font-size: var(--ui-title-size);}

.coll-sent-monitor-stat {
  border-left: 3px solid var(--c-accent);
  border-radius:var(--radius);
  background: var(--ui-bg-field);}

.coll-sent-monitor-stat.is-danger {
  border-left-color: var(--c-danger);}

.coll-sent-monitor-stat.is-success {
  border-left-color: var(--c-ok);}

.coll-sent-monitor-stat span {
  color: var(--ui-meta-color);
  font-size: var(--ui-meta-size);}

.coll-sent-monitor-stat small {
  color: var(--ui-help-color);
  font-size: calc(var(--ui-meta-size) * .9);}

.coll-sent-monitor-stat b {
  color: var(--ui-title-color);}

.coll-sent-monitor-filters {
  border: 0;}

.coll-sent-monitor-card-controls {
  border-bottom: 1px solid var(--ui-border-color);
  background: var(--ui-bg-card);}

.coll-sent-monitor-filters .chk {
  font-size: var(--ui-meta-size);}

.coll-sent-monitor-shown {
  color: var(--ui-meta-color);
  font-size: var(--ui-meta-size);}

.coll-sent-monitor-task {
  padding: var(--ui-card-padding);
  border: 1px solid var(--c-border);
  border-radius:var(--radius);
  background: var(--ui-bg-card);}

.coll-sent-monitor-task.is-overdue {
  border-color: var(--c-danger);}

.coll-sent-monitor-task.is-completed,
.coll-sent-monitor-task.is-familiarized {
  border-color: color-mix(in srgb, var(--c-border) 76%, var(--ui-meta-color));
  background: color-mix(in srgb, var(--ui-bg-card) 86%, var(--ui-bg-field));}

.coll-sent-monitor-task.is-completed h3 a,
.coll-sent-monitor-task.is-familiarized h3 a {
  color: var(--ui-meta-color);}

.coll-sent-monitor-task-head h3 {
  font-family: var(--ui-title-font-family);
  font-size: var(--ui-title-size);
  font-weight: var(--ui-title-weight);
  line-height: 1.35;}

.coll-sent-monitor-task-meta {
  color: var(--ui-meta-color);
  font-family: var(--ui-meta-font-family);
  font-size: var(--ui-meta-size);}

/* Component appearance: coll_sent_sort.css; geometry stays with the page. */
.coll-sent-sort label {
  margin:0;
  color:var(--ui-label-color);
  font-family:var(--ui-label-font-family);
  font-size:var(--ui-label-size);
  font-weight:var(--ui-label-weight);}

.coll-dispatch-preview {
  color: var(--ui-body-color);
  font-family: var(--ui-body-font-family);
  font-size: var(--ui-body-size);
  font-weight: var(--ui-body-weight);
  line-height: 1.4;}

.coll-dispatch-actions > summary {
  list-style: none;}

.coll-dispatch-actions[open] > summary {
  border-color: var(--c-accent);
  background: var(--c-accent-soft);
  color: var(--c-accent);}

.coll-dispatch-actions-menu {
  border: 1px solid var(--ui-control-border);
  border-radius:var(--radius);
  background: var(--ui-bg-popover);
  box-shadow: 0 10px 24px var(--c-menu-shadow);}

.coll-dispatch-actions-menu a,
.coll-dispatch-actions-menu button {
  border: 0;
  border-bottom: 1px solid var(--c-border);
  border-radius: 0;
  background: transparent;
  color: var(--ui-action-color);
  font: inherit;
  text-decoration: none;
  cursor: pointer;}

.coll-dispatch-actions-menu > :last-child,
.coll-dispatch-actions-menu > :last-child > :last-child {
  border-bottom: 0;}

.coll-dispatch-actions-menu a:hover,
.coll-dispatch-actions-menu a:focus-visible,
.coll-dispatch-actions-menu button:hover,
.coll-dispatch-actions-menu button:focus-visible {
  outline: none;
  background: var(--c-accent-soft);
  color: var(--c-accent);}

.coll-dispatch-actions-menu button.is-danger {
  color: var(--c-danger);}

/* Component appearance: notes.css; geometry stays with the page. */
.notes-form-card .field-optional{font-weight:normal;color:var(--c-text-muted);}
.notes-confirm-card p{line-height:1.5;}
.notes-view-text{line-height:1.6;}
.notes-list-row{border:1px solid var(--ui-border-color);border-left:3px solid var(--ui-border-color);border-radius:var(--radius);background:var(--ui-bg-card);transition:border-color .15s ease,background-color .15s ease;}
.notes-list-row:last-child{border-bottom:1px solid var(--ui-border-color);}
.notes-list-row:hover,.notes-list-row:focus-within{border-color:color-mix(in srgb,var(--c-accent) 48%,var(--ui-border-color));}
.notes-list-row .list-name{line-height:1.4;}
.notes-list-row .list-name a:hover{color:var(--c-accent);}

/* Component appearance: org_admin.css; geometry stays with the page. */
.org-deputies-options{border:0;}
/* The checkerboard communicates image transparency and is independent of the chosen palette. */
.company-brand-preview .brand-logo{background-color:#fff;background-image:conic-gradient(#d5d5d5 25%,transparent 0 50%,#d5d5d5 0 75%,transparent 0);background-size:12px 12px;}
.org-admin-tabs a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-accent-soft);}
.page-org-admin .org-node{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.page-org-admin .org-tree-summary{cursor:pointer;}
.page-org-admin .org-tree-summary:hover,.page-org-admin .org-tree-summary:focus-visible{outline:none;background:var(--c-accent-soft);}
.page-org-admin .org-admin-access-note{line-height:1.5;}

/* Component appearance: system_admin.css; geometry stays with the page. */
.system-admin-tabs a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-accent-soft);}
.system-admin-page .card-head h2{line-height:1.35;}

/* Component appearance: team_task_read.css; geometry stays with the page. */
.team-task-back {
  color: var(--c-text-muted);
  text-decoration: none;}

.team-task-back:hover,
.team-task-back:focus-visible {
  color: var(--c-accent);}

.team-task-header p,
.team-task-kicker {
  color: var(--c-text-muted);}

.team-task-kicker {
  font-size: var(--ui-body-size);
  letter-spacing: .02em;}

.team-task-readonly-badge {
  border: 1px solid var(--ui-border-color);
  border-radius:var(--radius);
  color: var(--c-text-muted);
  background: var(--c-card);
  font-size: var(--ui-body-size);}

.team-task-readonly-note {
  border-left: 3px solid var(--c-accent);
  border-radius:var(--radius);
  background: var(--c-card);
  color: var(--c-text-muted);
  line-height: 1.45;}

.team-task-description h2,
.team-task-section .card-head h2 {
  font-size: calc(var(--ui-heading-size) * 16 / 14);}

.team-task-description p {
  line-height: 1.55;}

.team-task-facts {
  border: 1px solid var(--ui-border-color);
  border-radius:var(--radius);
  background: var(--ui-border-color);}

.team-task-facts > div {
  background: var(--c-card);}

.team-task-facts dt {
  color: var(--c-text-muted);
  font-size: var(--ui-meta-size);}

.team-task-facts dd {
  font-weight: 600;}

.team-task-facts dd span {
  color: var(--c-text-muted);
  font-size: var(--ui-meta-size);
  font-weight: 400;}

.team-task-section .card-head h2 span {
  color: var(--c-text-muted);
  font-weight: 500;}

.team-task-empty {
  color: var(--c-text-muted);}

.team-task-files,
.team-task-feed {
  list-style: none;}

.team-task-files li {
  border-bottom: 1px solid var(--ui-border-color);}

.team-task-files li:last-child,
.team-task-feed li:last-child {
  border-bottom: 0;}

.team-task-files a {
  font-weight: 600;}

.team-task-files span {
  color: var(--c-text-muted);
  font-size: var(--ui-meta-size);}

.team-task-feed li {
  border-bottom: 1px solid var(--ui-border-color);}

.team-task-feed-meta {
  color: var(--c-text-muted);
  font-size: var(--ui-meta-size);}

.team-task-feed-meta strong {
  color: var(--c-text);
  font-size: var(--ui-body-size);}

.team-task-feed p {
  line-height: 1.5;}

.team-task-feed small {
  color: var(--c-text-muted);}

.team-task-feed.is-history p {
  color: var(--c-text-muted);}

/* Component appearance: team_decision_read.css; geometry stays with the page. */
.team-decision-back {
  color: var(--ui-meta-color, #526170);
  text-decoration: none;}

.team-decision-back:hover,
.team-decision-back:focus-visible {
  color: var(--c-accent, #176c65);
  text-decoration: underline;}

.team-decision-header .page-title {
  font-size: clamp(24px, 2.5vw, 34px);
  line-height: 1.16;}

.team-decision-header p {
  color: var(--ui-meta-color, #64717e);}

.team-decision-kicker {
  color: var(--c-accent, #176c65);
  font-size: var(--ui-meta-size);
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;}

.team-decision-readonly-badge {
  border: 1px solid #cdd9d6;
  border-radius:var(--radius);
  background: #f2f7f6;
  color: #315e59;
  font-size: var(--ui-meta-size);
  font-weight: 700;}

.team-decision-readonly-note {
  border-left: 3px solid #72aaa4;
  border-radius:var(--radius);
  background: #f3f8f7;
  color: #314d4a;
  line-height: 1.45;}

.team-decision-card,
.team-decision-section,
.team-decision-denied {
  border: 1px solid var(--border-color, #dfe4e7);
  box-shadow: 0 5px 20px rgba(27, 42, 52, .04);}

.team-decision-essence h2,
.team-decision-section h2 {
  font-size: calc(var(--ui-heading-size) * 17 / 14);}

.team-decision-essence > p {
  color: var(--text-main, #28343d);
  line-height: 1.58;}

.team-decision-task-context {
  border-radius:var(--radius);
  background: #f7f8f9;}

.team-decision-task-context p {
  line-height: 1.5;}

.team-decision-facts {
  border-top: 1px solid var(--border-color, #e1e6e8);}

.team-decision-facts > div {
  border-bottom: 1px solid var(--border-color, #e8ecee);}

.team-decision-facts dt {
  color: var(--ui-meta-color, #687580);
  font-size: var(--ui-body-size);}

.team-decision-facts dd {
  color: var(--text-main, #293740);
  font-weight: 650;}

.team-decision-facts dd span {
  color: var(--ui-meta-color, #6a7680);
  font-size: var(--ui-meta-size);
  font-weight: 500;}

.team-decision-section .card-head {
  border-bottom: 1px solid var(--border-color, #e3e7e9);}

.team-decision-section .card-head h2 span {
  color: var(--ui-meta-color, #71808b);
  font-size: calc(var(--ui-heading-size) * 13 / 14);
  font-weight: 600;}

.team-decision-empty {
  color: var(--ui-meta-color, #6a7781);}

.team-decision-feed {
  list-style: none;}

.team-decision-feed li {
  border-bottom: 1px solid var(--border-color, #e8ecee);}

.team-decision-feed li:last-child {
  border-bottom: 0;}

.team-decision-feed-meta {
  color: var(--ui-meta-color, #687580);
  font-size: var(--ui-meta-size);}

.team-decision-feed-meta strong {
  color: var(--text-main, #2b3942);
  font-size: var(--ui-body-size);}

.team-decision-feed p {
  color: var(--text-main, #2c3942);
  line-height: 1.48;}

.team-decision-feed.is-history .team-decision-feed-meta span {
  border-radius:var(--radius);
  background: #f1f4f5;}

/* Component appearance: product_feedback.css; geometry stays with the page. */
.feedback-choice{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);cursor:pointer;}
.feedback-choice:hover{border-color:var(--c-accent);}
.feedback-choice input{accent-color:var(--c-accent);}
.feedback-choice span{font-weight:600;line-height:1.25;}
.feedback-choice:has(input:checked){border-color:var(--c-accent);background:var(--c-accent-soft);box-shadow:none;}
.feedback-context{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.feedback-checkbox{font-weight:600;cursor:pointer;}
.feedback-checkbox input{accent-color:var(--c-accent);}
.feedback-context-path{color:var(--c-text);}
.feedback-context-path span{color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);}
.feedback-own-item{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.feedback-own-item:target{border-color:var(--c-accent);}
.feedback-own-head h3{color:var(--c-text);font-size:var(--ui-label-size);line-height:1.4;}
.feedback-own-text{line-height:1.5;}
.feedback-status{border-radius:var(--radius);background:var(--c-card);color:var(--c-text-muted);font-size:calc(var(--ui-meta-size) * 11 / 12);}
.feedback-status--new{background:color-mix(in srgb,var(--c-info) 16%,var(--c-card));color:var(--c-info);}
.feedback-status--in-progress{background:color-mix(in srgb,var(--c-accent) 16%,var(--c-card));color:var(--c-accent);}
.feedback-status--closed{background:color-mix(in srgb,var(--c-ok) 16%,var(--c-card));color:var(--c-ok);}
.feedback-admin-note{border-left:3px solid var(--c-accent);border-radius:var(--radius);background:var(--c-card);line-height:1.5;}
.feedback-stat{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);color:var(--c-text);}
.feedback-stat:hover,.feedback-stat.active{border-color:var(--c-accent);color:var(--c-accent);}
.feedback-stat strong{font-size:calc(var(--ui-title-size) * 22 / 16);}
.feedback-queue-item{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);color:var(--c-text);}
.feedback-queue-item:hover,.feedback-queue-item.active{border-color:var(--c-accent);}
.feedback-detail-text{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);line-height:1.55;}
.feedback-detail-meta{color:var(--c-text-muted);}
.feedback-history-item{border-left:3px solid var(--c-border);background:var(--c-card-2);line-height:1.45;}
.feedback-pagination a,.feedback-pagination span{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card-2);}
.feedback-pagination span{border-color:var(--c-accent);color:var(--c-accent);}

/* Component appearance: project_textarea_resize_up.css; geometry stays with the page. */
.project-resize-up-handle {
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  background:var(--c-card);
  color:var(--ui-meta-color);
  cursor:ns-resize;}

.project-resize-up-handle > span,
.project-resize-up-handle > span::after {
  background:currentColor;}

.project-resize-up-handle:focus-visible {
  outline:2px solid var(--c-accent);
  outline-offset:2px;}

/* Component appearance: home_current_task.css; geometry stays with the page. */
.home-board-list .task.is-current-focus .t-name > a {
  font-weight: 800;}

.i2-create-button {
  border-radius:var(--radius);
  border: 1px solid #3a4256;
  background: #111827;
  color: #e5e7eb;
  cursor: pointer;
  font-weight: var(--ui-action-weight);
  line-height: 1.2;}

.i2-top-search {
  border: 1px solid #3a4256;
  border-radius:var(--radius);
  background: #111827;
  color: #e5e7eb;}

.i2-top-search input {
  border: none;
  outline: none;
  background: transparent;
  color: inherit;}

.i2-top-search input::placeholder {
  color: #9ca3af;}

/* Component appearance: auth.css; geometry stays with the page. */
body.page-auth .app.app-simple,
body.page-auth .app.app-simple.sidebar-collapsed{
  background:url(../pages/authorization.jpg) center center / cover no-repeat fixed;}
/* лёгкая вуаль для контраста формы */
body.page-auth .app-simple::before{
  background:linear-gradient(120deg,color-mix(in srgb,var(--c-bg) 45%,transparent),color-mix(in srgb,var(--c-bg) 12%,transparent));}

/* СТЕКЛЯННАЯ КАРТОЧКА (нейтральное матовое стекло) */
body.page-auth .card{
  background:var(--a-glass);
  border:1px solid var(--a-border);
  border-radius:16px;
  box-shadow:0 20px 60px var(--c-tip-shadow);
  color:var(--a-text);}
/* На сером стекле входа и регистрации подписи читаются как основной текст. */
body.page-auth .auth-account-card{--a-caption:var(--a-text);--a-muted:color-mix(in srgb,var(--a-text) 85%,var(--ui-bg-card));}
body.page-auth .card-head{
  border-bottom:1px solid var(--a-border);}
body.page-auth .card-head :is(h1,h2,h3){
  color:var(--a-caption);
  font-size:var(--ui-heading-size);
  font-weight:var(--ui-heading-weight);
  letter-spacing:.6px;
  text-transform:uppercase;}
body.page-auth .card-body{color:var(--a-text);}

/* ТЕКСТ И ПОДПИСИ */
body.page-auth .set-chk,
body.page-auth .field > .check-line,
body.page-auth .list-name{color:var(--a-text);}
body.page-auth .field > label:not(.check-line),
body.page-auth .set-row > label[for]{color:var(--a-caption);}
body.page-auth .set-note,
body.page-auth .field .hint,
body.page-auth .hint,
body.page-auth .list-meta,
body.page-auth .muted,
body.page-auth .small{color:var(--a-muted);}
body.page-auth .req{color:var(--c-danger);}
body.page-auth .field-optional{color:var(--a-muted);font-weight:normal;}
body.page-auth .section-title{
  border-top:1px solid var(--a-border);}

/* ПОЛЯ ВВОДА */
body.page-auth input[type="text"],
body.page-auth input[type="password"],
body.page-auth input[type="email"],
body.page-auth input[type="date"],
body.page-auth input[type="time"],
body.page-auth select,
body.page-auth textarea{
  background:var(--a-input);
  border:1px solid var(--a-border);
  border-radius:9px;
  color:var(--a-text);
  font-family:inherit;
  font-size:var(--ui-control-size);}
body.page-auth input::placeholder,
body.page-auth textarea::placeholder{color:var(--a-muted);}
body.page-auth input:focus,
body.page-auth select:focus,
body.page-auth textarea:focus{
  outline:none;
  border-color:var(--a-accent);
  background:var(--a-input-hover);}
body.page-auth select option{color:var(--c-text);background:var(--c-panel);}

/* верхняя плашка-подсказка (alert) */
body.page-auth .alert{
  background:var(--a-input);
  border:1px solid var(--a-border);
  color:var(--a-text);}
body.page-auth .alert-ok{
  background:var(--c-ok-soft);
  border-color:var(--c-ok);
  color:var(--c-ok);}
body.page-auth .alert-err{
  background:var(--c-danger-soft);
  border-color:var(--c-danger);
  color:var(--c-danger);}

/* запасной вариант: если backdrop-filter не поддерживается — плотнее фон */
@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  body.page-auth .card{background:var(--c-panel);}}

/* мелкие экраны */
@media screen and (max-width:800px){
  body.page-auth .app-simple{background-attachment:scroll;}}
#companyResults{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);}
.company-item{cursor:pointer;border-bottom:1px solid var(--c-border);}
.company-item:hover{background:var(--c-card-2);}
.company-empty{color:var(--c-text-muted);}
.onboarding-steps{list-style:none;}
.onboarding-steps :is(span,li){border:1px solid var(--a-border);border-radius:7px;color:var(--a-muted);font-size:var(--ui-meta-size);}
.onboarding-steps :is(span,li).active{border-color:var(--a-accent);color:var(--a-accent);}
.onboarding-steps :is(span,li).done{border-color:var(--c-ok);color:var(--c-ok);}
.onboarding-person{border-bottom:1px solid var(--a-border);}
.onboarding-person span{color:var(--a-muted);}
.onboarding-status-icon{border:1px solid var(--a-accent);border-radius:50%;color:var(--a-accent);font-weight:700;}
.onboarding-status p,.onboarding-intro p{color:var(--a-muted);}
.onboarding-search>label,.onboarding-help-admin label{color:var(--a-text);}
.onboarding-position{border-bottom:1px solid var(--a-border);cursor:pointer;}
.onboarding-position:hover{background:var(--a-input-hover);}
.onboarding-position small{color:var(--a-muted);}
.onboarding-tree-wrap,.onboarding-help-admin{border-top:1px solid var(--a-border);}
.onboarding-tree-wrap>summary,.onboarding-help-admin>summary{cursor:pointer;color:var(--a-accent);font-weight:700;}
.onboarding-tree-level{border-left:1px solid var(--a-border);}
.onboarding-branch>summary{cursor:pointer;color:var(--a-text);}
.onboarding-footer{border-top:1px solid var(--a-border);}

/* Component appearance: home_mockup.css; geometry stays with the page. */
/*
 * Desktop prototype of the daily home screen.
 * One global sidebar, one page-tab row, one temporal work queue and a separate
 * rail for decisions and exact changes. Geometry is intentionally local.
 */
.page-home-mockup{
  background:var(--ui-bg-page);}

.page-home-mockup :where(button,input){
  font:inherit;}

.page-home-mockup :where(button){
  color:inherit;}

.page-home-mockup :is(a,button,input,summary):focus-visible{
  outline:3px solid color-mix(in srgb,var(--ui-interface-color) 76%,transparent);
  outline-offset:2px;}

.hm-visually-hidden{
  border:0;}

.hm-skip-link{
  border:2px solid var(--ui-interface-color);
  border-radius:8px;
  background:var(--ui-bg-card);
  color:var(--ui-interface-color);}

/* Global navigation */
.hm-sidebar{
  border-right:1px solid var(--ui-border-color);
  background:var(--ui-bg-sidebar);}

.hm-brand{
  border-bottom:1px solid color-mix(in srgb,var(--ui-border-color) 82%,transparent);
  color:var(--ui-title-color);
  text-decoration:none;}

.hm-brand b{
  font:700 12px/1.2 var(--ui-title-font-family);
  letter-spacing:.055em;}

.hm-brand small{
  color:var(--hm-muted);
  font-size:var(--ui-meta-size);}

.hm-nav a,
.hm-more-nav > summary{
  border:1px solid transparent;
  border-radius:8px;
  color:var(--ui-navigation-color);
  font-family:var(--ui-navigation-font-family);
  font-size:var(--ui-navigation-size);
  font-weight:var(--ui-navigation-weight);
  text-decoration:none;
  cursor:pointer;}

.hm-nav a:hover,
.hm-more-nav > summary:hover{
  border-color:color-mix(in srgb,var(--ui-border-color) 88%,transparent);
  background:var(--ui-bg-surface);}

.hm-nav a.is-active{
  border-color:color-mix(in srgb,var(--ui-interface-color) 18%,var(--ui-border-color));
  background:color-mix(in srgb,var(--ui-interface-color) 10%,var(--ui-bg-card));
  color:var(--ui-interface-color);}

.hm-nav em{
  border-radius:10px;
  background:color-mix(in srgb,var(--c-danger) 12%,var(--ui-bg-card));
  color:var(--c-danger);
  font-size:calc(var(--ui-navigation-size) * 11 / 13);
  font-style:normal;
  font-weight:800;}

.hm-nav-label{
  color:var(--hm-muted);
  font-size:calc(var(--ui-navigation-size) * 10 / 13);
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;}

.hm-more-nav > summary{
  list-style:none;}

.hm-more-nav[open] > summary{
  background:var(--ui-bg-surface);}

.hm-scenario-switcher > summary{
  border:1px dashed var(--ui-border-color);
  border-radius:8px;
  color:var(--hm-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);
  list-style:none;
  cursor:pointer;}

.hm-scenario-switcher > div{
  border:1px solid var(--ui-border-color);
  border-radius:10px;
  background:var(--ui-bg-popover);
  box-shadow:var(--c-tip-shadow);}

.hm-scenario-switcher a{
  border-radius:6px;
  color:var(--ui-title-color);
  font-size:var(--ui-meta-size);
  text-decoration:none;}

.hm-scenario-switcher a:hover,
.hm-scenario-switcher a[aria-current="page"]{
  background:var(--ui-bg-surface);
  color:var(--ui-interface-color);}

.hm-topbar{
  border-bottom:1px solid var(--ui-border-color);
  background:color-mix(in srgb,var(--ui-bg-card) 96%,transparent);}

.hm-create-button{
  border:1px solid color-mix(in srgb,var(--ui-interface-color) 68%,var(--ui-border-color));
  border-radius:9px;
  background:var(--ui-interface-color);
  color:#fff;
  font-weight:var(--ui-action-weight);
  cursor:pointer;}

.hm-create-menu{
  border:1px solid var(--ui-border-color);
  border-radius:11px;
  background:var(--ui-bg-popover);
  box-shadow:var(--c-tip-shadow);}

.hm-create-menu a{
  border-radius:7px;
  color:var(--ui-title-color);
  text-decoration:none;}

.hm-create-menu a:hover{
  background:var(--ui-bg-surface);}

.hm-create-menu .ui-icon{
  color:var(--ui-interface-color);}

.hm-create-menu b{
  font-size:var(--ui-body-size);
  font-weight:var(--ui-action-weight);}

.hm-create-menu small{
  color:var(--hm-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.hm-search{
  border:1px solid var(--ui-field-border-color);
  border-radius:9px;
  background:var(--ui-bg-field);}

.hm-search:focus-within{
  border-color:color-mix(in srgb,var(--ui-interface-color) 70%,var(--ui-border-color));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-interface-color) 10%,transparent);}

.hm-search-submit{
  border:0;
  background:transparent;
  color:var(--hm-muted);
  cursor:pointer;}

.hm-search input[type="search"]{
  border:0;
  outline:0;
  background:transparent;
  color:var(--ui-title-color);
  font-size:var(--ui-control-size);}

.hm-search kbd{
  border:1px solid var(--ui-border-color);
  border-radius:5px;
  background:var(--ui-bg-surface);
  color:var(--hm-muted);
  font:10px/1 var(--app-font-family);}

.hm-search-options > summary{
  border-left:1px solid var(--ui-border-color);
  color:var(--hm-muted);
  list-style:none;
  cursor:pointer;}

.hm-search-options[open] > summary{
  color:var(--ui-interface-color);}

.hm-search-options-panel{
  border:1px solid var(--ui-border-color);
  border-radius:11px;
  background:var(--ui-bg-popover);
  box-shadow:var(--c-tip-shadow);}

.hm-search-options-panel fieldset{
  border:0;}

.hm-search-options-panel legend{
  color:var(--hm-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);
  font-weight:700;}

.hm-search-options-panel label{
  color:var(--ui-title-color);
  font-size:var(--ui-meta-size);}

.hm-search-exact small,
.hm-search-leader-note{
  color:var(--hm-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);
  font-weight:400;}

.hm-search-options-panel > a{
  color:var(--ui-interface-color);
  font-size:var(--ui-meta-size);
  font-weight:700;
  text-decoration:none;}

.hm-top-profile{
  border:1px solid transparent;
  border-radius:9px;
  color:var(--ui-title-color);
  text-decoration:none;}

.hm-top-profile:hover{
  border-color:var(--ui-border-color);
  background:var(--ui-bg-surface);}

.hm-profile-avatar{
  border-radius:50%;
  background:color-mix(in srgb,var(--ui-interface-color) 14%,var(--ui-bg-surface));
  color:var(--ui-interface-color);
  font-size:var(--ui-body-size);
  font-weight:800;}

.hm-top-profile b{
  font-size:var(--ui-meta-size);}

.hm-top-profile small{
  color:var(--hm-muted);
  font-size:calc(var(--ui-meta-size) * 10 / 12);}

.hm-top-profile > .ui-icon{
  color:var(--hm-muted);}

.hm-page-tabs{
  border-bottom:1px solid var(--ui-border-color);
  background:color-mix(in srgb,var(--ui-bg-page) 96%,transparent);}

.hm-record-nav > a,
.hm-record-more > summary{
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:var(--hm-muted);
  font-size:var(--ui-navigation-size);
  font-weight:var(--ui-navigation-weight);
  text-decoration:none;
  cursor:pointer;}

.hm-record-nav > a:hover,
.hm-record-more > summary:hover{
  color:var(--ui-title-color);
  background:color-mix(in srgb,var(--ui-bg-surface) 72%,transparent);}

.hm-record-nav > a.is-active{
  border-bottom-color:var(--ui-interface-color);
  color:var(--ui-interface-color);}

.hm-record-nav > a.has-alert em{
  background:color-mix(in srgb,var(--c-danger) 12%,var(--ui-bg-card));
  color:var(--c-danger);}

.hm-record-nav em{
  border-radius:10px;
  background:var(--ui-bg-surface);
  color:var(--hm-muted);
  font-size:calc(var(--ui-navigation-size) * 10 / 13);
  font-style:normal;
  font-weight:800;}

.hm-record-more > summary{
  list-style:none;}

.hm-record-more > summary::after{
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;}

.hm-record-more[open] > summary{
  color:var(--ui-interface-color);
  background:var(--ui-bg-surface);}

.hm-record-more > div{
  border:1px solid var(--ui-border-color);
  border-radius:11px;
  background:var(--ui-bg-popover);
  box-shadow:var(--c-tip-shadow);}

.hm-record-more > div a{
  border-radius:7px;
  color:var(--ui-title-color);
  text-decoration:none;}

.hm-record-more > div a:hover{
  background:var(--ui-bg-surface);}

.hm-record-more > div b{
  font-size:var(--ui-meta-size);
  font-weight:var(--ui-navigation-weight);}

.hm-record-more > div small{
  color:var(--hm-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.hm-page-head h1{
  color:var(--ui-title-color);
  font:720 25px/1.15 var(--ui-title-font-family);
  letter-spacing:-.02em;}

.hm-page-head p{
  color:var(--hm-muted);
  font-size:var(--ui-meta-size);}

.hm-work-sheet,
.hm-action-card,
.hm-events-card{
  border:1px solid var(--ui-border-color);
  border-radius:var(--hm-radius);
  background:var(--ui-bg-card);
  box-shadow:0 1px 2px color-mix(in srgb,var(--ui-title-color) 5%,transparent);}

.hm-sheet-section + .hm-sheet-section{
  border-top:8px solid var(--ui-bg-page);}

.hm-section-head{
  border-bottom:1px solid var(--ui-border-color);}

.hm-section-head h3{
  color:var(--ui-title-color);
  font:710 14px/1.25 var(--ui-title-font-family);}

.hm-section-head h3 > span{
  border-radius:10px;
  background:var(--ui-bg-surface);
  color:var(--hm-muted);
  font-size:calc(var(--ui-heading-size) * 10 / 14);}

.hm-section-head p{
  color:var(--hm-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.hm-section-head > a,
.hm-section-footer a,
.hm-section-footer button{
  border:0;
  background:transparent;
  color:var(--ui-interface-color);
  font-size:calc(var(--ui-action-size) * 11 / 13);
  font-weight:var(--ui-action-weight);
  text-decoration:none;
  cursor:pointer;}

.hm-sheet-section.is-current .hm-section-head{
  background:color-mix(in srgb,var(--ui-interface-color) 6%,var(--ui-bg-card));}

.hm-sheet-section.is-current .hm-section-head h3{
  color:var(--ui-interface-color);}

.hm-sheet-section.is-overdue .hm-section-head{
  background:color-mix(in srgb,var(--c-danger) 5%,var(--ui-bg-card));}

.hm-sheet-section.is-overdue .hm-section-head h3,
.hm-sheet-section.is-overdue .hm-section-head h3 > span{
  color:var(--c-danger);}

.hm-sheet-section.is-overdue .hm-section-head h3 > span{
  background:color-mix(in srgb,var(--c-danger) 10%,var(--ui-bg-card));}

.hm-work-row{
  border-bottom:1px solid color-mix(in srgb,var(--ui-border-color) 84%,transparent);
  background:var(--ui-bg-card);}

.hm-work-row:last-child{
  border-bottom:0;}

.hm-work-row::before{
  border-radius:0 3px 3px 0;
  background:transparent;}

.hm-work-row:hover,
.hm-work-row:focus-within{
  background:color-mix(in srgb,var(--ui-bg-surface) 68%,var(--ui-bg-card));}

.hm-work-row.is-current{
  background:color-mix(in srgb,var(--ui-interface-color) 6%,var(--ui-bg-card));}

.hm-work-row.is-current::before{
  background:var(--ui-interface-color);}

.hm-work-row.is-high::before{
  background:var(--c-priority-high);}

.hm-work-row.is-new{
  background:color-mix(in srgb,var(--c-info) 8%,var(--ui-bg-card));}

.hm-work-row.is-overdue .hm-row-due strong{
  color:var(--c-danger);}

.hm-work-row.is-completed{
  opacity:.55;}

.hm-work-row.is-completed .hm-row-title{
  text-decoration:line-through;}

.hm-kind-mark{
  border-radius:7px;
  background:var(--ui-bg-surface);
  color:var(--hm-muted);}

.hm-work-row.is-incoming_task .hm-kind-mark,
.hm-work-row.is-sent_dispatch .hm-kind-mark{
  background:color-mix(in srgb,var(--c-info) 10%,var(--ui-bg-card));
  color:var(--c-info);}

.hm-work-row.is-project_task .hm-kind-mark,
.hm-work-row.is-project .hm-kind-mark{
  background:color-mix(in srgb,var(--c-priority-mid) 11%,var(--ui-bg-card));
  color:var(--c-priority-mid);}

.hm-row-main{
  color:inherit;
  text-decoration:none;}

.hm-row-title{
  color:var(--ui-title-color);
  font-size:calc(var(--ui-title-size) * 13.5 / 16);
  font-weight:680;
  line-height:1.3;}

.hm-row-meta{
  color:var(--hm-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);
  line-height:1.25;}

.hm-new-label,
.hm-priority-label{
  border-radius:4px;
  font-size:calc(var(--ui-meta-size) * 9 / 12);
  font-weight:850;
  letter-spacing:.035em;
  text-transform:uppercase;}

.hm-new-label{
  background:color-mix(in srgb,var(--c-info) 13%,var(--ui-bg-card));
  color:var(--c-info);}

.hm-priority-label{
  background:color-mix(in srgb,var(--c-priority-high) 11%,var(--ui-bg-card));
  color:var(--c-priority-high);}

.hm-row-due{
  border-left:1px solid color-mix(in srgb,var(--ui-border-color) 70%,transparent);}

.hm-row-due strong{
  color:var(--ui-title-color);
  font-size:var(--ui-meta-size);
  font-weight:720;}

.hm-row-due span{
  color:var(--hm-muted);
  font-size:calc(var(--ui-meta-size) * 10 / 12);}

.hm-more-button{
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:var(--hm-muted);
  cursor:pointer;}

.hm-more-button:hover,
.hm-more-button[aria-expanded="true"]{
  border-color:var(--ui-border-color);
  background:var(--ui-bg-surface);
  color:var(--ui-title-color);}

.hm-row-menu{
  border:1px solid var(--ui-border-color);
  border-radius:9px;
  background:var(--ui-bg-popover);
  box-shadow:var(--c-tip-shadow);}

.hm-row-menu button{
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--ui-title-color);
  font-size:calc(var(--ui-action-size) * 12 / 13);
  font-weight:var(--ui-action-weight);
  cursor:pointer;}

.hm-row-menu button:hover{
  background:var(--ui-bg-surface);}

.hm-empty-current{
  color:var(--hm-muted);
  font-size:var(--ui-meta-size);}

.hm-section-footer{
  border-top:1px solid var(--ui-border-color);
  background:color-mix(in srgb,var(--ui-bg-surface) 55%,var(--ui-bg-card));
  color:var(--hm-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

.hm-day-empty > .ui-icon{
  border-radius:50%;
  background:color-mix(in srgb,var(--c-success) 12%,var(--ui-bg-card));
  color:var(--c-success);}

.hm-day-empty b{
  color:var(--ui-title-color);
  font-size:var(--ui-interface-size);}

.hm-day-empty span{
  color:var(--hm-muted);
  font-size:var(--ui-meta-size);}

.hm-day-empty a{
  color:var(--ui-interface-color);
  font-size:var(--ui-meta-size);
  font-weight:700;
  text-decoration:none;}

.hm-action-card > header,
.hm-events-card > header{
  border-bottom:1px solid var(--ui-border-color);}

.hm-action-card h2,
.hm-events-card h2{
  color:var(--ui-title-color);
  font:710 14px/1.2 var(--ui-title-font-family);}

.hm-action-card > header span,
.hm-events-card > header span{
  color:var(--hm-muted);
  font-size:calc(var(--ui-action-size) * 10 / 13);}

.hm-action-card > header span{
  border-radius:10px;
  background:color-mix(in srgb,var(--c-priority-mid) 12%,var(--ui-bg-card));
  color:var(--c-priority-mid);
  font-weight:800;}

.hm-events-card > header span b{
  color:var(--c-info);}

.hm-action-card > header a,
.hm-events-card > header a,
.hm-action-card > footer a,
.hm-events-card > footer a{
  color:var(--ui-interface-color);
  font-size:calc(var(--ui-action-size) * 11 / 13);
  font-weight:700;
  text-decoration:none;}

.hm-action-item{
  border-bottom:1px solid var(--ui-border-color);
  color:inherit;
  text-decoration:none;}

.hm-action-item:last-child{
  border-bottom:0;}

.hm-action-item:hover{
  background:var(--ui-bg-surface);}

.hm-action-kicker{
  color:var(--c-priority-mid);
  font-size:calc(var(--ui-action-size) * 10 / 13);
  font-weight:800;
  letter-spacing:.025em;
  text-transform:uppercase;}

.hm-action-item strong{
  color:var(--ui-title-color);
  font-size:calc(var(--ui-action-size) * 12.5 / 13);
  line-height:1.32;}

.hm-action-item > span:last-child{
  color:var(--hm-muted);
  font-size:calc(var(--ui-action-size) * 10 / 13);}

.hm-event-list{
  list-style:none;}

.hm-event-list li{
  border-bottom:1px solid var(--ui-border-color);}

.hm-event-list li:last-child{
  border-bottom:0;}

.hm-event-list li.is-new{
  background:color-mix(in srgb,var(--c-info) 7%,var(--ui-bg-card));}

.hm-event-list li.is-new::before{
  border-radius:50%;
  background:var(--c-info);}

.hm-event-list a{
  color:inherit;
  text-decoration:none;}

.hm-event-list a:hover{
  background:color-mix(in srgb,var(--ui-bg-surface) 72%,transparent);}

.hm-event-kicker{
  color:var(--hm-muted);
  font-size:calc(var(--ui-meta-size) * 9 / 12);
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;}

.hm-event-kicker em{
  border-radius:4px;
  background:color-mix(in srgb,var(--c-info) 13%,var(--ui-bg-card));
  color:var(--c-info);
  font-style:normal;}

.hm-event-list strong{
  color:var(--ui-title-color);
  font-size:calc(var(--ui-interface-size) * 12.5 / 14);
  line-height:1.3;}

.hm-event-change{
  color:var(--ui-title-color);
  font-size:calc(var(--ui-meta-size) * 10.5 / 12);
  line-height:1.25;}

.hm-event-meta{
  color:var(--hm-muted);
  font-size:calc(var(--ui-meta-size) * 10 / 12);}

.hm-action-card > footer,
.hm-events-card > footer{
  border-top:1px solid var(--ui-border-color);
  background:color-mix(in srgb,var(--ui-bg-surface) 55%,var(--ui-bg-card));}

.hm-event-empty{
  color:var(--hm-muted);
  font-size:var(--ui-meta-size);}

.hm-search-query{
  border-bottom:1px solid var(--ui-border-color);
  color:var(--hm-muted);
  font-size:calc(var(--ui-meta-size) * 11 / 12);}

/* Prototype feedback */
.hm-toast{
  border:1px solid var(--ui-border-color);
  border-radius:9px;
  background:var(--ui-bg-popover);
  color:var(--ui-title-color);
  box-shadow:var(--c-tip-shadow);
  font-size:var(--ui-meta-size);}

.hm-toast button{
  border:0;
  background:transparent;
  color:var(--ui-interface-color);
  font-weight:var(--ui-action-weight);
  cursor:pointer;}

@media (max-width:1380px){

  .hm-record-nav > a,
  .hm-record-more > summary{
    font-size:calc(var(--ui-navigation-size) * 12 / 13);}}

/* Component appearance: home_current_task.css; geometry stays with the page. */
.i2-top-toolbar {
      --i2-surface: var(--c-card-2, #edf2f5);
      --i2-border: var(--c-border, #c7d2da);
      --i2-text: var(--c-text, #263641);
      --i2-muted: var(--c-text-muted, #60727f);
      --i2-btn-bg: var(--c-card, #ffffff);
      --i2-btn-border: var(--c-accent, #285f88);
      --i2-btn-text: var(--c-text, #263641);
      --i2-focus-ring: color-mix(in srgb, var(--c-accent) 14%, transparent);}

    .i2-create-button {
      appearance: none;
      border: 1px solid var(--i2-btn-border);
      background: var(--i2-btn-bg);
      color: var(--i2-btn-text);
      font-weight: var(--ui-action-weight);
      line-height: 1;
      cursor: pointer;}

    .i2-create-button:hover,
    .i2-create-button:focus-visible {
      background: var(--c-accent-soft, rgba(40,95,136,.10));
      border-color: var(--c-accent, #285f88);
      outline: none;}

    .i2-top-search {
      border: 1px solid var(--i2-border);
      background: var(--i2-surface);
      color: var(--i2-text);}

    .i2-top-search:focus-within {
      border-color: var(--c-accent, #285f88);
      box-shadow: 0 0 0 3px var(--i2-focus-ring);}

    .i2-top-search .ui-icon,
    .i2-top-search .icon {
      color: var(--i2-muted);}

    .i2-top-search .i2-top-search-input {
      border: 0;
      outline: 0;
      background: transparent;
      color: var(--i2-text);
      font-size: var(--ui-control-size);}

    .i2-top-search .i2-top-search-input::placeholder {
      color: var(--i2-muted);
      opacity: 1;}

    .i2-top-search kbd {
      border: 1px solid var(--c-border, #c7d2da);
      border-radius:var(--radius);
      background: var(--c-card, #ffffff);
      color: var(--i2-muted);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: calc(var(--ui-meta-size) * 11 / 12);
      line-height: 1;
      opacity: 0.9;}

/* Component appearance: projects.css; geometry stays with the page. */
.project-health-ok {
  --project-tone:var(--c-ok);}

.project-health-warning {
  --project-tone:var(--c-priority-mid);}

.project-health-orange {
  --project-tone:var(--c-priority-high);}

.project-health-danger {
  --project-tone:var(--c-danger);}

.project-health-info {
  --project-tone:var(--c-info);}

.project-health-neutral {
  --project-tone:var(--c-text-muted);}

/* Component appearance: home_mockup.css; geometry stays with the page. */
/*
 * Desktop prototype of the daily home screen.
 * One global sidebar, one page-tab row, one temporal work queue and a separate
 * rail for decisions and exact changes. Geometry is intentionally local.
 */
.page-home-mockup{
  --hm-muted:color-mix(in srgb,var(--ui-meta-color) 78%,var(--ui-title-color));}

/* Component appearance: auth.css; geometry stays with the page. */
/* files/css/auth.css
   Оформление страниц входа и регистрации (body.page-auth).
   НЕЙТРАЛЬНОЕ, НЕ привязано к корпоративному цвету предприятия (корп-цвет
   настраивается отдельно, на странице входа компания ещё не известна).
   Матовое стекло сохраняется; кнопки и акценты берутся из общей темы витрины.
   Личные темы и режим работы за коллегу вне page-auth не меняются. */

body.page-auth{
  --a-glass:color-mix(in srgb,var(--c-panel) 82%,transparent);
  --a-input:color-mix(in srgb,var(--c-text) 7%,transparent);
  --a-input-hover:color-mix(in srgb,var(--c-text) 12%,transparent);
  --a-border:color-mix(in srgb,var(--c-text) 16%,transparent);
  --a-text:var(--c-text);
  --a-caption:var(--a-text);
  --a-muted:var(--c-text-muted);
  --a-accent:var(--c-accent);}

/* The editor inherits the working theme; auth pages retain their own scope. */
.task-editor-dialog{--a-glass:color-mix(in srgb,var(--c-panel) 54%,transparent);--a-border:color-mix(in srgb,var(--c-text) 24%,transparent);--a-text:var(--c-text);--c-card:color-mix(in srgb,var(--c-panel) 38%,transparent);--c-card-2:color-mix(in srgb,var(--c-panel) 18%,transparent);--ui-bg-field:color-mix(in srgb,var(--c-panel) 86%,transparent);--ui-control-compact-bg:var(--ui-bg-field);background:var(--a-glass);color:var(--a-text);border:1px solid var(--a-border);border-radius:var(--radius);box-shadow:0 20px 60px var(--c-tip-shadow);backdrop-filter:blur(12px) saturate(130%);}
.task-editor-dialog::backdrop{background:color-mix(in srgb,var(--c-text) 14%,transparent);}
.task-editor-head,.task-editor-footer{border-color:var(--a-border);}
.task-editor-status,.task-editor-dirty{background:var(--ui-bg-surface);border:1px solid var(--ui-control-border);border-radius:var(--radius);}
.task-editor-status.is-error{border-color:var(--c-danger);}
.task-editor-head h2{font-family:var(--ui-pageheading-font-family);font-size:var(--ui-pageheading-size);font-weight:var(--ui-pageheading-weight);color:var(--ui-pageheading-color);line-height:1.3;}
/* end theme.css */
