:root{--left-menu-width:var(--left_menu_width,65px);--aside-fullscreen-width:calc(100% - var(--left-menu-width))}
body.native-crm #records{height:100%;min-height:0}
.native-popup[hidden]{display:none!important}
.native-popup:not([hidden]){display:block}
body.native-crm #native-pipeline-menu{position:absolute;top:100%;left:0;min-width:230px;z-index:1100}
body.native-crm .list__top__preset{position:relative}
/* Inline integration artwork follows the stock selected/hover navigation states. */
body.native-crm #nav_menu .nav__menu__item__icon:has(>svg){display:flex;align-items:center;justify-content:center}
body.native-crm #nav_menu .nav__menu__item__icon>svg{position:relative;z-index:1;color:var(--palette-left-menu-text-primary)}
/* Stock menu outlines are about 1.1 CSS px; viewBox scaling must not thicken integrations. */
body.native-crm #nav_menu .nav__menu__item__icon>svg path{stroke-width:1.1px;vector-effect:non-scaling-stroke}
body.native-crm #nav_menu .nav__menu__item-selected .nav__menu__item__icon:has(>svg)::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);border-radius:50%;background:#2db0db;pointer-events:none}
body.native-crm #nav_menu .nav__menu__item-selected .nav__menu__item__icon>svg{color:#fff}
body.native-crm #nav_menu .nav__menu__item:not(.nav__menu__item-selected):hover .nav__menu__item__icon>svg{color:#fff}
/* Calendar selection colours the calendar itself, not the generic integration halo. */
body.native-crm #nav_menu [data-native-nav="calendar"].nav__menu__item-selected .nav__menu__item__icon::after{content:none}
body.native-crm #nav_menu [data-native-nav="calendar"].nav__menu__item-selected .native-calendar-body{fill:#2db0db;stroke:#2db0db}
body.native-crm .todo-line__item-icon-inner>.icon-case-red{margin-right:3px}
/* Source form columns; intrinsic-width controls remain only in the legacy non-lead forms. */
body.native-crm #native-filter .filter-search__form-wrapper{min-width:0}
body.native-crm #native-filter .filter__custom_settings__item > .text-input{box-sizing:border-box;width:100%;min-width:0}
body.native-crm #native-filter [data-lead-dropdown]{position:relative}
body.native-crm #native-filter [data-lead-dropdown].expanded{z-index:100}
body.native-crm #native-filter [data-lead-popup]:not([hidden]){display:block;position:absolute;top:100%;left:0;min-width:100%;max-height:320px;overflow:auto;z-index:101;background:var(--palette-background-primary);border:1px solid var(--palette-border-default)}
body.native-crm #native-filter [data-lead-popup] .control-checkbox__helper{border-color:#93a3bd;background-color:rgba(255,255,255,.04)}
body.native-crm #native-filter [data-lead-popup] .checkboxes_dropdown__label:hover .control-checkbox__helper{border-color:#c3cfdf}
body.native-crm #native-filter [data-lead-popup] .js-master-checkbox-wrapper .control-checkbox__helper{border-color:#b7c4d6}
body.native-crm #native-filter [data-lead-popup] .checkboxes_dropdown__list__wrapper__inner{max-height:none}
body.native-crm #native-filter [data-lead-popup] [data-lead-search]{box-sizing:border-box;width:100%}
body.native-crm #native-filter [data-lead-users] > [data-lead-toggle]{box-sizing:border-box;min-height:30px;border:1px solid var(--palette-border-default);border-radius:3px;padding:0 7px}
body.native-crm #native-filter [data-lead-users]{box-sizing:border-box;width:100%;margin:0}
body.native-crm #native-filter .multisuggest__list-item button{border:0;background:none;color:inherit;cursor:pointer}
body.native-crm #native-filter .tags-lib__header .tags-lib__tags-logic-holder{position:static}
body.native-crm #search_input_wrapper .option-delete{border:0;background:none;color:inherit;padding:0;cursor:pointer}
body.native-crm #native-filter button.date_field_wrapper--calendar{padding:0;border:0;background:none;color:inherit;cursor:pointer}
body.native-crm #native-filter .checkboxes_dropdown__title_wrapper{display:flex;align-items:center;justify-content:flex-start;gap:7px;text-align:left}
body.native-crm #native-filter .checkboxes_dropdown__title-selected{display:flex;align-items:center;justify-content:flex-start;flex:1;min-width:0;text-align:left}
body.native-crm #native-filter .checkboxes_dropdown__title{display:flex;align-items:center;justify-content:flex-start;min-width:0;width:100%;text-align:left}
body.native-crm #native-filter .checkboxes_dropdown__title-item{line-height:15px;text-align:left;width:auto;margin-left:0!important;margin-right:auto!important}
body.native-crm #native-filter [data-lead-dropdown]:not([data-lead-date]) > [data-lead-toggle]{padding-left:9px}
body.native-crm #native-filter .date_filter__head{display:flex;align-items:center}
body.native-crm #native-filter .users-select-wrapper .multisuggest__list{display:flex;flex-wrap:wrap;gap:3px;margin:0;padding:0;list-style:none}
body.native-crm #native-filter .users-select-wrapper .multisuggest__list-item{display:inline-flex;align-items:center;gap:4px}
body.native-crm #native-filter .users-select-wrapper button[data-lead-remove-user]{border:0;background:none;color:inherit;cursor:pointer}
body.native-crm [data-lead-user-popup]{max-height:300px;overflow:auto}
body.native-crm [data-lead-user-popup] .multisuggest__suggest{max-height:300px;overflow:auto}
body.native-crm [data-lead-user-popup] .users-select__head{cursor:pointer}
body.native-crm [data-lead-user-popup] .users-select__head .users-select__head-title-text,
body.native-crm [data-lead-user-popup] .users-select__head .users-select__head-allgroup{color:#16303b}
body.native-crm [data-lead-user-popup] .users-select__head .users-select__head-allgroup{cursor:pointer;text-decoration:underline;border:0;background:none;padding:0;color:#16303b}
body.native-crm .inbox-messaging-card-header .card-top-name{display:flex;align-items:center;gap:6px}
body.native-crm .inbox-messaging-card-header .card-fields__top-name-more{display:block}
body.native-crm .inbox-messaging-card-header .button-input-wrapper.button-input-more{position:relative}
body.native-crm .inbox-messaging-card-header .button-input-wrapper.button-input-more .button-input__context-menu{position:absolute;top:100%;left:0;z-index:1200;min-width:220px}
body.native-crm .inbox-messaging-card-header .button-input__context-menu:not([hidden]){display:block}
body.native-crm .notification-inner .notification-inner__from__message{flex:1;min-width:0}
body.native-crm .notification-inner__info>.nav__notifications__counter{position:static;top:auto;right:auto;flex:none;align-self:center;margin-left:6px}
body.native-crm .pipeline-scroller{overflow:auto}
body.native-crm .pipeline-scroller::-webkit-scrollbar{height:6px;width:6px}
body.native-crm .pipeline-scroller::-webkit-scrollbar-thumb{background:var(--palette-border-default,#415666);border-radius:3px}
body.native-crm .list-todo .cell-head:hover .cell-head__icon,body.native-crm .list-todo .cell-head:hover .cell-head__icon-sortable{display:flex}
body.native-crm .pipeline_leads__item{cursor:pointer}
body.native-crm [hidden]{display:none!important}
body.native-crm .n-avatar.native-initial-avatar{display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;background:var(--palette-background-primary);border:1px solid var(--palette-border-default)}
.native-chat-typing{position:absolute;bottom:100%;font-size:12px}
.native-message-controls{position:absolute;right:0;bottom:-20px;display:flex;gap:8px;opacity:0;pointer-events:none;z-index:10}
.feed-note-wrapper:hover .native-message-controls,.feed-note-wrapper:focus-within .native-message-controls{opacity:1;pointer-events:auto}
.native-message-controls button{border:0;background:none;padding:0;font-size:12px;white-space:nowrap}
/* Fixed source wrappers retain their own natural-height slot in the scrolling timeline. */
body.native-crm .notes-wrapper__notes .feed-note-wrapper.native-feed-sticky > .js-note.outside .feed-note{background:var(--palette-background-primary)}
body.native-crm #messages .feed-note__amojo-user{display:inline}
/* Source budget: `control-price_autosized` keeps the pretty input as wide as its text (the vendor
   sheet pins 127px) and puts the currency right after it. */
body.native-crm .card-holder__fields .card-budget__input .text-input{field-sizing:content;min-width:13px;width:auto}
/* Keep the source placeholder in the vertically centered flex row. The transparent input
   covers its hit area while idle and takes its place on focus or when a query exists. */
body.native-crm .notes-wrapper .list-top-search__input-block{position:relative}
body.native-crm .notes-wrapper .list-top-search__input-placeholder{flex:1;margin-left:0;pointer-events:none}
body.native-crm .notes-wrapper .native-feed-search{position:absolute;inset:0;height:100%}
body.native-crm .notes-wrapper .list-top-search__input-block:focus-within .native-feed-search,
body.native-crm .notes-wrapper .list-top-search__input-block.native-has-query .native-feed-search{position:static;inset:auto;height:auto}
body.native-crm .notes-wrapper .list-top-search__input-block:focus-within .list-top-search__input-placeholder,
body.native-crm .notes-wrapper .list-top-search__input-block.native-has-query .list-top-search__input-placeholder{display:none}
body.native-crm .modal-todo .tasks-date{position:relative}
body.native-crm .modal-todo .tasks-date__wrapper{top:0;left:0;z-index:20}
body.native-crm .control--select--list-opened{z-index:11}
body.native-crm .native-file-preview .modal-body>img,
body.native-crm .native-file-preview .modal-body>video{display:block;max-width:100%;max-height:calc(100vh - 200px);object-fit:contain;margin:auto}
body.native-crm .native-file-preview .modal-body>audio,
body.native-crm .native-file-preview .modal-body>iframe{display:block;width:100%}
#message-text:empty::before{content:attr(data-placeholder);opacity:.5;pointer-events:none}
#page_auth_holder [hidden]{display:none!important}

/* Печать карточки: вендорный print-слой (`native/assets/f24afb8a…css`) верстает карточку исходными
   правилами (скрывает меню, панель сохранения, композер), но оболочка порта держит вьюпортные высоты,
   а колонка полей — инлайновые 30% с исходными `max-width:50%`/`padding-right:65px`. Без этих правил
   лист обрезается, поля ужимаются, а заголовок и многострочные значения исчезают под вендорным
   `.text-input-textarea{display:none}`. */
@media print {
  html, body { height: auto !important; overflow: visible !important; }
  body.native-crm #app,
  body.native-crm #records,
  body.native-crm #list_page_holder,
  body.native-crm #page_holder,
  body.native-crm #list_holder { height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; }
  /* Вендор печатает карточку `inline-flex`-ом в вьюпортную рамку (`position:fixed`, `padding-right:65px`);
     блок снимает рамку и ставит ленту под колонку полей. */
  body.native-crm #card_holder { display: block !important; height: auto !important; max-height: none !important; min-width: 0 !important; padding: 0 !important; overflow: visible !important; }
  body.native-crm #card_fields { width: 100% !important; max-width: none !important; height: auto !important; }
  body.native-crm .card-holder__container { height: auto !important; max-height: none !important; overflow: visible !important; }
  body.native-crm .card-holder__feed { width: 100% !important; }
  /* Значения печатает сам control: так на бумагу попадает текущий черновик, зеркало осталось бы старым. */
  body.native-crm .text-input-textarea { display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; border: 0 !important; padding: 0 !important; resize: none; white-space: pre-wrap; color: #000 !important; }
  /* Вендор показывает зеркало вместо textarea; у нас печатается textarea, поэтому зеркало дало бы дубль. */
  body.native-crm .js-text-input-textarea-value { display: none !important; }
  body.native-crm #toast { display: none !important; }
}

/* Быстрое добавление на доске: подсказка контакта и компании. Вендор даёт обёртке
   `.control-wrapper.control--suggest` `position:relative;z-index:0`, поэтому открытый список
   (`z-index:20` внутри своей обёртки) уходит под соседние поля формы — телефон, почту, компанию —
   и клик по строке подсказки попадал в поле под ней. Открытый список поднимает только его обёртку. */
.pipeline_leads__quick_add_form .control-wrapper.control--suggest:has(.control--suggest--list-opened) { z-index: 3; }