/* Сокращённый GID кабинета (gidMask в app/Common.php): на снимке экрана только начало и конец кода, целиком — кнопкой. Цвета наследуются: элемент стоит и на светлых, и на тёмных блоках */
.gid-mask{display:inline-flex;align-items:center;gap:2px;max-width:100%;min-width:0;vertical-align:middle}
.gid-mask code.gid-mask-text{display:inline;flex:0 1 auto;min-width:0;overflow:visible;font-size:12px;white-space:nowrap}
/* Полный код переносится по символам, чтобы не обрезаться в узкой карточке */
.gid-mask.is-open code.gid-mask-text{white-space:normal;overflow-wrap:anywhere}
.gid-mask-btn{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;opacity:.72;cursor:pointer;transition:background-color .15s,opacity .15s}
.gid-mask-btn:hover{opacity:1;background:rgba(100,116,139,.16)}
.gid-mask-btn:focus-visible{opacity:1;outline:2px solid #2563eb;outline-offset:1px}
.gid-mask-btn svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Второй значок кнопки: перечёркнутый глаз, когда код открыт, и галочка после копирования */
.gid-mask-btn .is-alt,.gid-mask-btn[aria-pressed=true] .is-main,.gid-mask-btn.is-done .is-main{display:none}
.gid-mask-btn[aria-pressed=true] .is-alt,.gid-mask-btn.is-done .is-alt{display:block}
.gid-mask-btn.is-done{opacity:1;color:#16a34a}
.gid-mask-btn.is-failed{opacity:1;color:#dc2626}
.gid-mask [data-gid-status]:empty{display:none}
.gid-mask-note{font-size:12px;overflow-wrap:anywhere}
/* Рядом с кнопкой «Копировать GID» код занимает остаток строки. На сенсорных экранах кнопки не меньше 44 px: кабинетом пользуются с планшетов */
.pbe-gid .gid-mask{flex:1 1 auto}
.lib-form-meta .gid-mask code.gid-mask-text{font-size:13px}
@media(hover:none),(pointer:coarse){.gid-mask-btn{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.gid-mask-btn{transition:none}}

/* Админка на Bootstrap 4: класса visually-hidden (Bootstrap 5), которым gid-mask.js прячет «Скопировано!», в ней нет (03.11.2026) */
.gid-mask .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}