/* files/css/theme.css ДИЗАЙН-СИСТЕМА нового каркаса (layout.php). Тема-независимая: структура описана классами, ЦВЕТА — только в переменных. Тему задаёт атрибут . Дефолт (:root) = тёмная. Системные темы приходят из БД через theme_runtime.php; theme.css держит каркас и fallback. */ /* ===== ТЕМА ПО УМОЛЧАНИЮ (тёмная) ===== */ :root{ /* Семантические поверхности. Поле ввода, свободный фон и вложенная область намеренно не используют одну переменную. */ --ui-bg-page:#222426; --ui-bg-sidebar:#2b2e31; --ui-bg-card:#34383c; --ui-bg-surface:#3c4145; --ui-bg-field:#3c4145; --ui-bg-popover:#2b2e31; --ui-bg-help:#3c4145; --ui-bg-button:#3c4145; --ui-border-color:#41464b; --ui-field-border-color:#596168; --c-accent:#f69000; --c-accent-2:#ca252a; --c-ok:#3bbf6a; --c-info:#7fbef0; --c-danger:#ff8aa0; --c-brand-title:#ffffff; --c-on-accent:#ffffff; /* Совместимость старых страниц. Канонические значения находятся выше и в ролях текста ниже. */ --c-bg:var(--ui-bg-page); --c-panel:var(--ui-bg-sidebar); --c-card:var(--ui-bg-card); --c-card-2:var(--ui-bg-surface); --c-text:var(--ui-interface-color); --c-text-muted:var(--ui-meta-color); --c-border:var(--ui-border-color); --c-link:var(--ui-link-color); --c-tip-shadow:rgba(0,0,0,.5); --c-menu-shadow:rgba(0,0,0,.16); --c-accent-soft:rgba(246,144,0,.08); --c-danger-soft:color-mix(in srgb,var(--c-danger) 14%,transparent); --c-ok-soft:color-mix(in srgb,var(--c-ok) 18%,transparent); --c-border-soft:color-mix(in srgb,var(--c-text) 7%,transparent); --c-shadow-soft:color-mix(in srgb,var(--c-bg) 32%,transparent); --c-priority-low:#7894a6; --c-priority-mid:#ffc847; --c-priority-high:#ef7a32; --c-priority-top:#ff5b5e; --leader-mode-bg:#5a3117; --leader-mode-border:#f69000; --app-font-family:Verdana,Arial,sans-serif; --app-font-scale:1; --ui-heading-font-family:inherit; --ui-heading-color:#f69000; --ui-heading-size:calc(14px * var(--app-font-scale)); --ui-heading-weight:600; --ui-heading-transform:uppercase; --ui-heading-letter-spacing:0; --ui-heading-icon-size:16px; --ui-title-font-family:inherit; --ui-title-color:#e8eaec; --ui-title-size:calc(16px * var(--app-font-scale)); --ui-title-weight:600; --ui-title-transform:none; --ui-title-letter-spacing:0; --ui-body-font-family:inherit; --ui-body-color:#e8eaec; --ui-body-size:calc(13px * var(--app-font-scale)); --ui-body-weight:500; --ui-body-transform:none; --ui-body-letter-spacing:0; --ui-interface-font-family:inherit; --ui-interface-color:#e8eaec; --ui-interface-size:calc(14px * var(--app-font-scale)); --ui-interface-weight:400; --ui-interface-transform:none; --ui-interface-letter-spacing:0; --ui-navigation-font-family:inherit; --ui-navigation-color:#e8eaec; --ui-navigation-size:calc(13px * var(--app-font-scale)); --ui-navigation-weight:400; --ui-navigation-transform:none; --ui-navigation-letter-spacing:0; --ui-meta-font-family:inherit; --ui-meta-color:#9aa1a8; --ui-meta-size:calc(12px * var(--app-font-scale)); --ui-meta-weight:400; --ui-meta-transform:none; --ui-meta-letter-spacing:0; --ui-label-font-family:inherit; --ui-label-color:#e8eaec; --ui-label-size:calc(13px * var(--app-font-scale)); --ui-label-weight:400; --ui-label-transform:none; --ui-label-letter-spacing:0; --ui-control-font-family:inherit; --ui-control-color:#e8eaec; --ui-control-size:calc(13px * var(--app-font-scale)); --ui-control-weight:400; --ui-control-transform:none; --ui-control-letter-spacing:0; --ui-action-font-family:inherit; --ui-action-color:#f69000; --ui-action-size:calc(13px * var(--app-font-scale)); --ui-action-weight:400; --ui-action-transform:none; --ui-action-letter-spacing:0; --ui-link-font-family:inherit; --ui-link-color:#cfd4d9; --ui-link-size:calc(13px * var(--app-font-scale)); --ui-link-weight:400; --ui-link-transform:none; --ui-link-letter-spacing:0; --ui-help-font-family:inherit; --ui-help-color:#9aa1a8; --ui-help-size:calc(12px * var(--app-font-scale)); --ui-help-weight:400; --ui-help-transform:none; --ui-help-letter-spacing:0; --ui-button-bg:var(--ui-bg-button); --ui-button-color:var(--ui-action-color); --ui-button-border:var(--c-accent); --ui-button-weight:var(--ui-action-weight); --ui-secondary-button-bg:var(--ui-button-bg); --ui-secondary-button-color:var(--ui-button-color); --ui-secondary-button-border:var(--ui-button-border); --ui-secondary-button-weight:var(--ui-button-weight); --ui-button-active-bg:var(--c-accent); --ui-button-active-color:var(--c-on-accent); --ui-button-active-weight:var(--ui-button-weight); --ui-sort-button-bg:var(--ui-button-bg); --ui-sort-button-hover-bg:var(--c-accent-soft); --ui-sort-button-shadow:none; --ui-control-border:var(--ui-field-border-color); --ui-control-compact-bg:var(--ui-bg-field); --ui-native-color-scheme:dark; --ui-layout-gap:30px; --ui-section-gap:18px; --ui-card-padding:14px; --ui-control-height:40px; --ui-textarea-height:60px; --ui-radius:7px; --radius:var(--ui-radius); --gap:var(--ui-layout-gap); --gap-v:var(--ui-section-gap); } .layout-skip-link{ position:fixed; top:8px; left:8px; z-index:3000; padding:9px 13px; border:2px solid var(--c-accent); border-radius:7px; 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:13px; } } html[data-theme="light"], html[data-theme="business_light"], html[data-theme="cold"], html[data-theme="warm"], html[data-theme="spring"], html[data-theme="summer"], html[data-theme="autumn"], html[data-theme="winter"], html[data-theme="sand"], html[data-theme="mint"], html[data-theme="steel"], html[data-theme="lavender"]{--ui-native-color-scheme:light;} /* В светлых и альтернативных темах действие обозначает акцентная рамка, а основной текст сохраняет контраст; заливка по-прежнему означает active. */ html[data-theme]:not([data-theme="dark"]):not([data-theme="corporate"]){ --ui-button-bg:transparent; --ui-button-color:var(--c-text); --ui-button-border:color-mix(in srgb,var(--c-accent) 82%,var(--c-border)); --ui-button-weight:var(--ui-label-weight); --ui-secondary-button-bg:var(--ui-button-bg); --ui-secondary-button-color:var(--ui-button-color); --ui-secondary-button-border:var(--ui-button-border); --ui-secondary-button-weight:var(--ui-label-weight); --ui-button-active-weight:var(--ui-label-weight); --ui-sort-button-bg:var(--ui-button-bg); --ui-sort-button-hover-bg:color-mix(in srgb,var(--c-accent) 18%,var(--c-card-2)); --ui-sort-button-shadow:none; } /* ===== БАЗА документа нового каркаса ===== */ 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-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-height:54px;--layout-leader-offset:0px;--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-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-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-create{position:relative;min-width:0;width:var(--layout-topbar-control-width,auto);padding:2px;border:1px solid var(--ui-border-color);border-radius:10px;background:var(--ui-bg-surface);} .layout-topbar .layout-create-toggle{width:100%;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;border:1px solid var(--ui-button-active-bg);border-radius:7px;background:var(--ui-button-active-bg);color:var(--ui-button-active-color);font:inherit;font-size:var(--ui-action-size);font-weight:700;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:11px;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:7px;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);} .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-context{min-width:0;max-width:240px;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);text-overflow:ellipsis;white-space:nowrap;} .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:0;width:var(--layout-topbar-control-width,auto);flex:0 0 auto;display:flex;align-items:center;gap:2px;padding:2px;overflow-x:auto;border:1px solid var(--ui-border-color);border-radius:10px;background:var(--ui-bg-surface);scrollbar-width:thin;} .layout-topbar-tabs a{min-height:32px;display:inline-flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 8px;border-radius:7px;color:var(--ui-navigation-color);font-family:var(--ui-navigation-font-family);font-size:var(--ui-navigation-size);font-weight:var(--ui-navigation-weight);white-space:nowrap;} .layout-topbar-tabs a:hover,.layout-topbar-tabs a:focus-visible{background:var(--ui-bg-card);color:var(--ui-title-color);outline:none;} .layout-topbar-tabs a.is-active{background:var(--ui-bg-card);color:var(--ui-interface-color);box-shadow:0 1px 3px color-mix(in srgb,var(--ui-title-color) 10%,transparent);} .layout-topbar-end{min-width:0;display:grid;grid-template-columns:minmax(0,380px) auto;justify-content:end;align-items:center;gap:8px;} .layout-topbar-search{min-width:0;min-height:38px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;border:1px solid var(--ui-field-border-color);border-radius:9px;background:var(--ui-bg-field);} .layout-topbar-search:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft);} .layout-topbar-search-submit{width:30px;height:34px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--ui-meta-color);cursor:pointer;} .layout-topbar-search-submit:hover,.layout-topbar-search-submit:focus-visible{color:var(--ui-action-color);outline:none;} .layout-topbar-search-submit .ui-icon{width:18px;height:18px;} .layout-topbar-search input[type="search"]{min-width:0;width:100%;height:34px;padding:0 6px;border:0;outline:0;background:transparent;color:var(--ui-control-color);font-family:var(--ui-control-font-family);font-size:var(--ui-control-size);} .layout-topbar-search-more span{display:none;} .layout-topbar-search-more,.layout-topbar-search-more:link,.layout-topbar-search-more:visited{width:30px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0;border-left:1px solid var(--ui-border-color);color:var(--ui-action-color);font-family:var(--ui-action-font-family);font-size:var(--ui-action-size);font-weight:var(--ui-action-weight);white-space:nowrap;} .layout-topbar-search-more:hover,.layout-topbar-search-more:focus-visible{background:var(--c-accent-soft);color:var(--ui-action-color);outline:none;} .layout-topbar-search-more .ui-icon{width:16px;height:16px;} .layout-topbar-profile{min-width:0;display:flex;align-items:center;gap:5px;} .layout-topbar-profile-main,.layout-topbar-profile-main:link,.layout-topbar-profile-main:visited{min-width:0;max-width:220px;min-height:40px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:4px 7px;border:1px solid transparent;border-radius:9px;color:var(--ui-title-color);} .layout-topbar-profile-main:hover,.layout-topbar-profile-main:focus-visible{border-color:var(--ui-border-color);background:var(--ui-bg-surface);color:var(--ui-title-color);outline:none;} .layout-topbar-avatar{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:color-mix(in srgb,var(--c-accent) 14%,var(--ui-bg-surface));color:var(--ui-action-color);font-size:13px;font-weight:800;} .layout-topbar-profile-main>span:last-child,.layout-topbar-profile.is-context>span:last-child{min-width:0;display:grid;} .layout-topbar-profile b,.layout-topbar-profile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .layout-topbar-profile b{color:var(--ui-title-color);font-size:var(--ui-label-size);} .layout-topbar-profile small{color:var(--ui-meta-color);font-size:var(--ui-help-size);font-weight:var(--ui-help-weight);} .layout-topbar-profile.is-context{max-width:230px;min-height:40px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:4px 7px;border:1px solid var(--leader-mode-border);border-radius:9px;background:color-mix(in srgb,var(--leader-mode-bg) 38%,transparent);} /* === КОЛОНКА 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{display:flex;align-items:center;gap:10px;margin-bottom:4px;} .brand b{font-size:calc(17px * var(--app-font-scale));color:var(--c-brand-title);line-height:1.15;letter-spacing:1px;} .brand-logo{width:44px;height:44px;flex:0 0 auto;border-radius:50%;object-fit:contain;background:transparent;} .brand-date{margin:0 0 18px 0;color:var(--ui-navigation-color);opacity:.68;font-family:var(--ui-meta-font-family);font-size:var(--ui-meta-size);font-weight:var(--ui-meta-weight);} .profile{display:flex;align-items:center;gap:10px;padding:10px;background:var(--c-card);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(11px * var(--app-font-scale));} .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:7px;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:6px;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, .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{transform:rotate(90deg);} .nav a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;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:var(--c-accent);stroke-width:1.9;} .nav a:hover, .nav a.active{background:var(--c-card);color:var(--c-accent);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:20px;padding:1px 8px;font-size:calc(11px * var(--app-font-scale));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;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(11px * var(--app-font-scale));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:calc(12px * var(--app-font-scale));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);pointer-events:none; } #i2Tooltip.tip-wide{width:400px;} #i2Tooltip.tip-project-structure{width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;} #i2Tooltip .records-project-tip-stage small,#i2Tooltip .records-project-tip-step small{display:block;color:var(--c-text-muted);font-size:10px;font-weight:400;font-style:normal;line-height:1.4;white-space:pre-line;} .project-main-summary .record-mark{cursor:default;} .records-project-tip-counts{margin:0 0 8px;color:var(--c-text-muted);font-size:10px}.records-project-tip-counts b{color:var(--c-text);font-weight:600}.records-project-tip-stage-group{margin-top:8px;padding:7px 8px 8px;border:1px solid color-mix(in srgb,var(--c-border) 82%,transparent);border-radius:6px;background:color-mix(in srgb,var(--c-card-2) 66%,transparent)}.records-project-tip-stage-group .records-project-tip-stage{margin-top:0}.records-project-tip-stage-group .records-project-tip-step{margin-top:7px}.records-project-tip-subsection{margin:10px 0 4px;color:var(--c-accent);font-size:10px;text-transform:uppercase} .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:calc(12px * var(--app-font-scale));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:calc(12px * var(--app-font-scale));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(13px * var(--app-font-scale));} table.cal{width:100%;border-collapse:collapse;} table.cal th{color:var(--c-text-muted);font-size:calc(11px * var(--app-font-scale));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:6px;font-size:calc(12px * var(--app-font-scale));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:calc(13px * var(--app-font-scale));color:var(--c-text);} .leg div{margin:3px 0;font-size:calc(12px * var(--app-font-scale));} .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(11px * var(--app-font-scale));margin-top:3px;} /* поиск */ .search-row{display:flex;gap:8px;margin-bottom:10px;} .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:8px;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);} .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:calc(12px * var(--app-font-scale));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:7px;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:5px;color:var(--c-text-muted);font-size:calc(11px * var(--app-font-scale));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(11px * var(--app-font-scale));line-height:1.4;} /* пустые блоки */ .empty{padding:10px 4px;color:var(--c-text-muted);font-size:calc(12px * var(--app-font-scale));text-align: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:calc(13px * var(--app-font-scale));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:calc(14px * var(--app-font-scale));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:8px;background:transparent;color:inherit;font:inherit;font-size:22px;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-profile-main>span:last-child,.layout-topbar-profile.is-context>span:last-child{display:none;} .layout-topbar-profile-main,.layout-topbar-profile.is-context{width:42px;grid-template-columns:32px;padding:4px;} } @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) 230px;} .layout-topbar-context{max-width:140px;} .layout-topbar-search{grid-template-columns:36px minmax(0,1fr) auto;} .layout-topbar-search-more span{display:none;} .layout-topbar-search-more{width:38px;padding:0;} .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}.brand-date{display:none}.profile{margin:6px 0;padding:8px}.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:7px;background:var(--c-panel);color:var(--c-accent);font:inherit;font-size:calc(11px * var(--app-font-scale));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-page{grid-column:1/-1;grid-row:2;} .layout-topbar-end{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr) auto;} .layout-topbar-context{max-width:180px;} .layout-topbar-search{grid-template-columns:36px minmax(0,1fr) auto;} .layout-topbar-search kbd{display:none;} .layout-topbar-search-more span{display:none;} .layout-topbar-search-more{width:38px;padding:0;} .layout-topbar-profile-main>span:last-child,.layout-topbar-profile.is-context>span:last-child,.layout-topbar-exit{display:none;} .layout-topbar-profile-main,.layout-topbar-profile.is-context{width:42px;grid-template-columns:32px;padding:4px;} } @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,.app.sidebar-collapsed .brand-date{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 .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 .nav-badge{position:absolute;right:1px;top:1px;min-width:15px;padding:0 4px;font-size:9px;line-height:15px;text-align:center;} } /* кнопка "наверх" страницы */ #i2BackToTop{position:fixed;right:18px;bottom:18px;width:38px;height:38px;border-radius:50%;border:1px solid var(--c-border);background:var(--c-card-2);color:var(--c-accent);font-size:calc(18px * var(--app-font-scale));cursor:pointer;display:none;z-index:60;} #i2BackToTop.is-on{display:block;} #i2BackToTop:hover{background:var(--c-accent);color:var(--c-bg);} /* кнопка "наверх" внутри карточек */ .scroll-top-owner{position:relative;} .scroll-top-btn{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:50%;border:2px solid var(--c-accent);background:var(--c-accent);color:var(--c-on-accent);font-size:calc(15px * var(--app-font-scale));font-weight:800;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(--c-accent);color:var(--c-on-accent);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:6px;} /* счётчик просроченных */ .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(11px * var(--app-font-scale));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(11px * var(--app-font-scale));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:4px;} .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:calc(13px * var(--app-font-scale));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:20px;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:7px;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:7px;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(11px * var(--app-font-scale));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:calc(12px * var(--app-font-scale));} .card-tools .chip.is-active{background:var(--ui-button-active-bg);border-color:var(--ui-button-active-bg);color:var(--ui-button-active-color);font-weight:var(--ui-button-active-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:11px;text-transform:uppercase}.records-project-tip-name{margin-bottom:8px;color:var(--c-text-muted);font-size:14px;font-weight:600;font-style:italic;line-height:1.35}.records-project-tip-context{display:grid;gap:2px;margin-bottom:8px;font-size:12px}.records-project-tip-context span,.records-project-tip-meta span,.records-project-tip-description>span{color:var(--c-accent);font-size:11px;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:12px}.records-project-tip-description{margin-bottom:10px;font-size:12px;line-height:1.45}.records-project-tip-description>div{margin-top:2px;color:var(--c-text-muted)}.records-project-tip-section{margin:4px 0 6px;padding-top:8px;border-top:1px solid var(--c-border);color:var(--c-accent);font-size:11px;text-transform:uppercase}.records-project-tip-stage,.records-project-tip-step{display:grid;gap:2px;margin-top:6px;line-height:1.35}.records-project-tip-stage{padding-left:0}.records-project-tip-step{margin-left:18px;padding-left:10px;border-left:2px solid color-mix(in srgb,var(--c-accent) 45%,var(--c-border))}.records-project-tip-stage b{color:var(--c-text);font-size:12px;font-style:italic}.records-project-tip-step b{color:var(--c-text-muted);font-size:11px;font-style:italic}.records-project-tip-stage span,.records-project-tip-step span,.records-project-tip-more{color:var(--c-text-muted);font-size:10px}.records-project-tip-more{margin-top:7px;font-style:italic} .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} .records-monitor-column.is-overdue-column .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:8px;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(10px * var(--app-font-scale));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(11px * var(--app-font-scale));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}} .work-messages-page{max-width:none!important}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.work-message-compose{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}.work-message-recipients select{min-height:158px;resize:vertical}.work-message-text-field textarea{min-height:112px}.work-message-submit{grid-column:2;margin-top:0}.work-message-tabs{margin-bottom:10px}.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(11px * var(--app-font-scale))}.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:8px;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:calc(13px * var(--app-font-scale));color:var(--c-text);cursor:pointer;} .set-chk input{flex:0 0 auto;} .set-note{display:block;margin:5px 0 0 27px;font-size:calc(12px * var(--app-font-scale));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:calc(12px * var(--app-font-scale));color:var(--c-text);} .theme-color-row input[type="color"]{width:42px;height:32px;border:1px solid var(--ui-field-border-color);border-radius:7px;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:7px;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:7px;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:8px;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-restart{margin:0;flex:0 0 auto;} .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(15px * var(--app-font-scale));} .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:999px;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:12px;max-height:calc(100vh - 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:6px;color:var(--c-text);font-size:calc(13px * var(--app-font-scale));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: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;} .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:calc(14px * var(--app-font-scale));} .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-restart{margin-top:10px}.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:calc(13px * var(--app-font-scale));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(11px * var(--app-font-scale));} .subtitle{font-size:calc(13px * var(--app-font-scale));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 a{padding:7px 14px;border-radius:8px;background:var(--c-card-2);color:var(--c-text);font-size:calc(13px * var(--app-font-scale));} .tabs a:hover{color:var(--c-accent);} .tabs a.active{background:var(--c-accent);color:var(--c-on-accent);} .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:calc(13px * var(--app-font-scale));} .coll-sub-links a{color:var(--c-text-muted);text-decoration:none;} .coll-sub-links a.active{color:var(--c-accent);font-weight:600;} .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;} .coll-tab-title{margin-top:4px;margin-bottom:8px;} .coll-tab-links{display:flex;justify-content:center;gap:16px;margin:0 0 14px;font-size:calc(13px * var(--app-font-scale));} .coll-tab-links a{color:var(--c-text-muted);} .coll-tab-links a.active{color:var(--c-accent);font-weight:700;} .coll-tab-actions{margin:0 0 14px;} .page-coll .tabs-center{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;} .page-coll .tabs-center a{display:flex;flex:1 0 max-content;align-items:center;justify-content:center;min-width:max-content;gap:5px;white-space:nowrap;} .coll-dispatch-list{display:grid;gap:6px;} .list-row.coll-dispatch-row{align-items:stretch;padding:17px 18px;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-card);} .list-row.coll-dispatch-row:last-child{border-bottom:1px solid var(--c-border);} .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{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding-inline:0;} .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-x:auto;overflow-y:visible;padding-bottom:4px;} .coll-new-shell{display:grid;grid-template-columns:minmax(230px,280px) minmax(460px,var(--ui-coll-center-width)) minmax(260px,320px);justify-content:center;gap:18px;align-items:start;min-width:1040px;overflow:visible;} .coll-new-panel{position:relative;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px;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:7px;background:var(--c-card-2);color:var(--c-text);font:inherit;font-size:calc(13px * var(--app-font-scale));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(11px * var(--app-font-scale));} .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:calc(12px * var(--app-font-scale));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:8px;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%;border-top-left-radius:3px;border-top-right-radius:12px;} .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:10px;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{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin-bottom:10px;padding:10px 12px;border:1px solid var(--ui-control-border);border-radius:8px;background:var(--c-card);} .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;} .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:calc(13px * var(--app-font-scale));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:36px;border:1px solid var(--c-border);border-radius:8px;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:8px;box-shadow:0 10px 28px var(--c-tip-shadow);padding:10px 12px;color:var(--c-text);font-size:calc(13px * var(--app-font-scale));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:10px 12px;background:var(--c-card);border:1px solid var(--c-border);border-radius:8px;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:calc(12px * var(--app-font-scale));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:700;color:var(--c-text);text-align:left;cursor:pointer;} .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:calc(12px * var(--app-font-scale));} .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:8px;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:calc(12px * var(--app-font-scale));} .coll-pop-line{margin:4px 0;color:var(--c-text-muted);font-size:calc(12px * var(--app-font-scale));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:1260px){ .coll-new-shell{grid-template-columns:230px minmax(460px,var(--ui-coll-center-width)) 260px;min-width:980px;} } @media screen and (max-width:1100px){ .app-simple .page-full{width:100%;} .coll-new-shell{grid-template-columns:220px minmax(460px,var(--ui-coll-center-width)) 250px;min-width:950px;} } @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{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px 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:hover,.btn:focus-visible{border-color:var(--ui-button-border);background:var(--c-accent-soft);color:var(--ui-button-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(--c-accent);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-active-bg);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;} /* ряд кнопок/действий */ .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{font-size:calc(14px * var(--app-font-scale));color:var(--c-text);margin-bottom:3px;} .list-name 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:20px;padding:2px 10px;font-size:calc(11px * var(--app-font-scale));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:calc(13px * var(--app-font-scale));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:6px;background:var(--c-card-2);color:var(--c-text);font-size:calc(11px * var(--app-font-scale));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:700;} .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(10px * var(--app-font-scale));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(11px * var(--app-font-scale));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:calc(12px * var(--app-font-scale));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:6px;background:var(--c-card-2)}.ezh-selected-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-text)}.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:6px;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 .ezh-setting-card{margin-top:12px;border:1px solid var(--ui-control-border);border-radius:9px;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(18px * var(--app-font-scale));font-weight:800;line-height:1} .ezh-setting-body{padding:13px}.ezh-setting-body>.field:last-of-type{margin-bottom:0} .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:40px;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:7px 11px;border:1px solid var(--ui-control-border);border-radius:8px;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);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{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:7px;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:8px;background:var(--c-card)} .ezh-date-group h4{margin:0 0 9px;color:var(--c-text);font-size:calc(13px * var(--app-font-scale));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:40px;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:8px;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,.ezh-time-control>input.ezh-time-text:hover{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-open{position:absolute;top:1px;right:1px;bottom:1px;width:34px;border:0;border-radius:0 7px 7px 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,.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 7px 7px 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,.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:8px;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:7px;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:flex-end;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:8px;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(13px * var(--app-font-scale));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:6px;background:var(--c-card-2);color:var(--c-text);font:inherit;font-size:21px;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(11px * var(--app-font-scale));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:5px;background:transparent;color:var(--c-text);font:inherit;font-size:calc(12px * var(--app-font-scale));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(11px * var(--app-font-scale));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:7px;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:40px;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:calc(13px * var(--app-font-scale))} .ezh-recurring-interval input{width:76px;min-height:var(--ui-control-height);border:1px solid var(--ui-control-border);border-radius:7px;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:40px;padding-bottom:4px;cursor:pointer} .ezh-task-form .ezh-recurring-mode-fields input[type="number"]{width:90px;min-height:40px;resize:none} .ezh-recurring-summary{margin-top:8px;padding:0;border:0;background:transparent;color:var(--c-text-muted);font-size:calc(12px * var(--app-font-scale));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="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:8px;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="time"],.field input[type="email"],.field input[type="password"],.field select{min-height:var(--ui-control-height);} .field textarea{min-height:var(--ui-textarea-height);} .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:8px;padding:10px;} .org-tree-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:8px;font-size:calc(12px * var(--app-font-scale));} .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:7px;padding:6px 10px;cursor:pointer;font:inherit;font-size:calc(12px * var(--app-font-scale));} .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:7px;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:calc(12px * var(--app-font-scale));} /* сетки полей */ .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(11px * var(--app-font-scale));color:var(--c-text-muted);} .inline-form{display:inline-block;margin:0;} .mb-block{margin-bottom:var(--gap-v);} /* ===== УВЕДОМЛЕНИЯ (notifications.php) ===== */ /* непрочитанное: левая акцентная полоса + чуть светлее фон */ .notification-page-title .nav-badge{font-size:calc(11px * var(--app-font-scale));} .notification-tabs{margin-top:14px;} .notification-tabs a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-accent-soft);} .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(14px * var(--app-font-scale));font-weight:normal;line-height:1.45;overflow-wrap:anywhere;} .notif-row .notif-type{display:inline-block;font-size:calc(11px * var(--app-font-scale));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:calc(14px * var(--app-font-scale));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:20px;padding:1px 9px;font-size:calc(10px * var(--app-font-scale));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:20px;padding:1px 9px;font-size:calc(10px * var(--app-font-scale));font-weight:bold;margin-left:6px;vertical-align:middle;} .notif-row .notif-text{font-size:calc(13px * var(--app-font-scale));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);} .notif-row .list-action{min-width:150px;} .notif-row .list-action>.btn,.notif-row .list-action>.inline-form,.notif-row .list-action>.inline-form>.btn{width:100%;} .btn-mini{padding:4px 10px;font-size:calc(11px * var(--app-font-scale));} @media screen and (max-width:700px){ .notif-row{flex-direction:column;} .notif-row .list-action{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;} } /* ===== МОЙ КОНТРОЛЬ (my_control.php) ===== */ .control-page-title{margin-bottom:12px;} .control-page-title .nav-badge{font-size:calc(11px * var(--app-font-scale));} .control-list-card,.control-empty-card{margin-top:14px;} .control-list .control-row{align-items:center;padding:12px 4px;} .control-row .list-name{margin:0 0 5px;font-size:calc(14px * var(--app-font-scale));line-height:1.4;overflow-wrap:anywhere;} .control-meta{display:flex;align-items:center;gap:4px 0;flex-wrap:wrap;} .control-meta>span{display:inline-flex;align-items:center;} .control-meta>span:not(:last-child)::after{content:"·";margin:0 7px;color:var(--c-border);} .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:620px){ .control-list .control-row{align-items:stretch;flex-direction:column;} .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:8px;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(11px * var(--app-font-scale));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;font-size:calc(14px * var(--app-font-scale));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:calc(13px * var(--app-font-scale));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:8px;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:8px;padding:11px;resize:vertical;overflow:auto;color:var(--c-text);font-size:calc(14px * var(--app-font-scale));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(--c-accent);color:var(--c-on-accent);border-color:var(--c-accent);font-weight:600;} .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(--c-border);font-weight:600}.readonly-actions .readonly-action-btn-secondary:hover{border-color:var(--c-accent);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:8px;} .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:6px;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:6px;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:calc(13px * var(--app-font-scale));} .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;border:1px solid var(--c-border);background:var(--c-card-2);color:var(--c-text);border-radius:8px;padding:9px 6px;cursor:pointer;font:inherit;letter-spacing:.03em;} .readonly-tab:hover{border-color:var(--c-accent);} .readonly-tab.active{background:var(--c-accent);color:var(--c-on-accent);border-color:var(--c-accent);font-weight:600;} .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:12px;font-size:calc(13px * var(--app-font-scale));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(11px * var(--app-font-scale));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:6px;background:transparent;color:var(--c-text-muted);font-size:calc(13px * var(--app-font-scale));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);border-top-left-radius:3px;} .readonly-msg-me{align-self:flex-end;background:var(--c-card-2);color:var(--c-text);border:1px solid var(--c-accent);border-top-right-radius:3px;} .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:6px;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:6px;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:calc(13px * var(--app-font-scale));} .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(13px * var(--app-font-scale));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(11px * var(--app-font-scale))}.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:calc(14px * var(--app-font-scale));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:calc(13px * var(--app-font-scale));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:30px;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:13px;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:12px;background:var(--c-card);border:1px solid var(--c-border);color:var(--c-text);text-decoration:none;font-size:16px;font-weight:600;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:20px;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:14px;padding:12px 14px 14px;overflow:hidden;} .cmon-h{font-size:15px;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:11px;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:13px;color:var(--c-text);border-radius:8px;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:13px;} .cyear-head .yr-nav .ch{font-size:17px;} .cyear-head .yr-now{font-size:24px;} .cyear-head .yr-now small{font-size:10px;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;counter-reset:welcome-step;} .ui-welcome-steps li{counter-increment:welcome-step;} .ui-welcome-steps a{display:grid;grid-template-columns:28px 1fr;gap:2px 10px;padding:9px;border:1px solid var(--c-border);border-radius:7px;color:var(--c-text);text-decoration:none;background:var(--c-card-2);} .ui-welcome-steps a::before{content:counter(welcome-step);grid-row:1 / span 2;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--c-accent);color:var(--c-on-accent);font-weight:700;} .ui-welcome-steps a:hover{border-color:var(--c-accent);} .ui-welcome-steps span{color:var(--c-text-muted);font-size:12px;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:7px;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:12px;line-height:1.4;} .ui-help-more{display:inline-block;margin-top:5px;color:var(--c-accent);font-size:12px;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:12px;text-decoration:underline;cursor:pointer;white-space:nowrap;padding:3px 0;} .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{display:flex;align-items:center;justify-content:center;min-height:34px;padding:6px;border:1px solid var(--c-border);border-radius:7px;background:var(--c-card-2);color:var(--c-text);font-size:calc(12px * var(--app-font-scale));text-align:center;} .ws-tabs a:hover,.ws-tabs a.active{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-accent-soft);} .ws-tabs a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-accent-soft)} .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:7px;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:7px;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:7px;} .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(11px * var(--app-font-scale));} @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:50%;bottom:34px;z-index:90;max-width:calc(100vw - 28px);transform:translateX(-50%);padding:5px 9px;border:1px solid var(--c-border);border-radius:999px;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(11px * var(--app-font-scale));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{bottom:30px;padding:4px 7px;font-size:calc(10px * var(--app-font-scale))}} @media print{.app-page-performance{display:none}} /* end theme.css */