/* Поле «Знаю код» и показ цвета на весь экран. Скругления те же, что у полей и кнопок инструмента (12 px). */
.adcx-rcfind { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 16px; padding:0; border:0; background:none; width:100%; max-width:760px; font-size:14px; }
.adcx-rcfind__lab { font-weight:600; font-size:14px; white-space:nowrap; }
.adcx-rcfind__in { flex:1 1 320px; min-width:0; width:auto; height:40px; padding:0 14px; box-sizing:border-box; border:1px solid var(--adcm-input-border, #8c90a3); border-radius:var(--adcm-r-md, 12px); font:inherit; font-size:14px; text-overflow:ellipsis; background:var(--lightColor, #fff); color:inherit; -webkit-appearance:none; appearance:none; }
.adcx-rcfind__in::placeholder { color:var(--greyColor, #666); opacity:1; }
.adcx-rcfind__in:focus { outline:none; border-color:var(--hoverColor, #2849a3); box-shadow:0 0 0 3px rgba(40,73,163,.2); }
.adcx-rcfind__btn { height:40px; padding:0 20px; font-size:13px; border:1px solid transparent; border-radius:var(--adcm-r-md, 12px); background:var(--hoverColor, #2849a3); color:#fff; font:inherit; font-weight:600; cursor:pointer; white-space:nowrap; }
.adcx-rcfind__btn:is(:hover, :active, :focus) { color:#fff; opacity:.92; }
html[data-theme="dark"] .adcx-rcfind__btn, html[data-theme="dark"] .adcx-rcfind__btn:is(:hover, :active, :focus) { color:#0b1220; }
.adcx-rcfind--tool { margin-top:4px; }
@media (pointer:coarse) { .adcx-rcfind__in, .adcx-rcfind__btn { height:44px; } .adcx-rcfind__in { font-size:16px; } .adcx-rcfind__btn { font-size:14px; } }
@media (max-width:560px) { .adcx-rcfind__lab { flex:1 0 100%; } .adcx-rcfind__in { flex:1 1 100%; } .adcx-rcfind__btn { flex:1 0 100%; } }
.adcx-ralc__cta { display:flex; gap:10px; flex-wrap:wrap; }
.adcx-ralc__btn--alt, .adcx-ralc__btn--alt:is(:hover, :active, :focus) { background:transparent; color:var(--hoverColor, #2849a3); border:2px solid var(--hoverColor, #2849a3); padding:0 16px; min-height:40px; box-sizing:border-box; font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.adcx-ralc .adcx-rcfind { margin:0 0 18px; }
.adcx-show { position:fixed; inset:0; z-index:100000; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; padding:max(24px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom)); box-sizing:border-box; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.adcx-show b { font-family:var(--monoFont, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace); font-size:clamp(2rem, 9vw, 4.5rem); line-height:1.05; }
.adcx-show span { font-size:clamp(1.1rem, 4vw, 1.8rem); margin-top:6px; }
.adcx-show small { font-size:1rem; opacity:.75; margin-top:10px; }
.adcx-show em { position:absolute; top:max(16px, env(safe-area-inset-top)); right:16px; font-style:normal; font-size:.9rem; opacity:.7; }
.ral-app .adcx-rcfind__btn { font-size:var(--ral-fs, 13px); }
@media (pointer:coarse) { .ral-app .adcx-rcfind__btn { font-size:14px; } }
.ral-app .adcx-rcfind__btn, .ral-app .adcx-rcfind__btn:is(:hover, :active, :focus) { background:var(--accent, #3d7fff); color:var(--on-accent, #fff); }

/* ── Значки на цветах: в избранное и копировать (при наведении; на телефоне видны всегда) ── */
.adcx-rcard { position: relative; display: block; min-width: 0; }
.adcx-rcard > a { height: 100%; }
.adcx-rtools { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); display: flex; gap: 6px; opacity: 0; pointer-events: none; transition: opacity .15s; z-index: 2; }
.adcx-rcard:hover .adcx-rtools, .adcx-rcard:has(.adcx-rtool:focus-visible) .adcx-rtools,
.adcx-rcard--main:hover > .adcx-rtools, .adcx-rcard--main:has(.adcx-rtool:focus-visible) > .adcx-rtools { opacity: 1; pointer-events: auto; }
.adcx-rtool { display: inline-grid; place-items: center; width: 32px; height: 32px; padding: 0; border-radius: 50%; border: 1px solid var(--borderColor, rgba(0,0,0,.18)); background: var(--lightColor, #fff); color: var(--mainColor, #14151f); cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, .14); transition: transform .15s, background-color .15s, color .15s; }
.adcx-rtool:hover { transform: scale(1.08); color: var(--hoverColor, #2849a3); }
.adcx-rtool:focus-visible { outline: 2px solid var(--hoverColor, #2849a3); outline-offset: 2px; }
.adcx-rtool .adcm-i { width: 16px; height: 16px; }
.adcx-rtool.on, .adcx-rtool.on:hover { background: #ef4444; border-color: #ef4444; color: #fff; }
.adcx-rtool.on .adcm-i, [data-adcx-fav-main].on .adcm-i { fill: currentColor; }
.adcx-rcard--main { position: relative; }
.adcx-rcard--main > .adcx-rtools { top: 14px; right: 14px; transform: none; }   /* как у малых карточек: при наведении или фокусе, на телефоне всегда */
[data-adcx-fav-main].on, [data-adcx-fav-main].on:is(:hover, :active, :focus) { background: #ef4444; border-color: #ef4444; color: #fff; }
@media (hover: none) { .adcx-rtools { opacity: 1; pointer-events: auto; } .adcx-rtool { width: 36px; height: 36px; } }
.adcx-rtoast { position: fixed; left: 50%; bottom: calc(72px + env(safe-area-inset-bottom, 0px)); transform: translate(-50%, 12px); z-index: 100001; max-width: calc(100vw - 32px); padding: 11px 16px; border-radius: 12px; background: #14151f; color: #fff; font-size: .9rem; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; }
.adcx-rtoast.is-on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.adcx-rtoast a { color: #a9bcff; font-weight: 600; margin-left: .25em; }
@media (prefers-reduced-motion: reduce) { .adcx-rtools, .adcx-rtool, .adcx-rtoast { transition: none; } }
.adcx-ralc__btn { gap: .5em; }
.adcx-ralc__btn .adcm-i { width: 1.15em; height: 1.15em; }

/* Меню «В подборку» */
.adcx-rmenu { position: fixed; z-index: 100002; width: min(300px, calc(100vw - 16px)); max-height: min(60vh, 420px); overflow: auto; padding: 6px; border-radius: 14px; background: var(--lightColor, #fff); color: var(--mainColor, #14151f); border: 1px solid var(--borderColor, rgba(0,0,0,.14)); box-shadow: 0 12px 32px rgba(0, 0, 0, .22); }
.adcx-rmenu__h { padding: 8px 10px 6px; font-size: .8125rem; font-weight: 600; color: var(--greyColor, #666); }
.adcx-rmenu__i { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 40px; padding: 0 10px; border: 0; border-radius: 10px; background: none; color: inherit; font: inherit; font-size: .9375rem; text-align: left; cursor: pointer; }
.adcx-rmenu__i span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adcx-rmenu__i em { font-style: normal; color: #22c55e; font-weight: 700; }
.adcx-rmenu__i:hover, .adcx-rmenu__i:focus-visible { background: var(--greyBg, #f1f3f8); outline: none; }
.adcx-rmenu__i:last-child { border-top: 1px solid var(--borderColor, rgba(0,0,0,.1)); border-radius: 0 0 10px 10px; margin-top: 4px; font-weight: 600; color: var(--hoverColor, #2849a3); }
html[data-theme="dark"] .adcx-rmenu__i:last-child { color: #a9bcff; }

/* ── Тёмная тема сайта ── */
html[data-theme="dark"] .adcx-ralc__btn--alt,
html[data-theme="dark"] .adcx-ralc__btn--alt:is(:hover, :active, :focus, :visited) { background: transparent; color: #a9bcff; border-color: #a9bcff; }
html[data-theme="dark"] .adcx-ralc__btn--alt:hover { background: rgba(169, 188, 255, .14); }
html[data-theme="dark"] [data-adcx-fav-main].on,
html[data-theme="dark"] [data-adcx-fav-main].on:is(:hover, :active, :focus, :visited) { background: #ef4444; border-color: #ef4444; color: #fff; }
html[data-theme="dark"] .adcx-rtool { background: #1b1f27; border-color: #3a4050; color: #e6eaf2; box-shadow: 0 2px 10px rgba(0, 0, 0, .5); }
html[data-theme="dark"] .adcx-rtool:hover { color: #a9bcff; }
html[data-theme="dark"] .adcx-rtool.on, html[data-theme="dark"] .adcx-rtool.on:hover { background: #ef4444; border-color: #ef4444; color: #fff; }
html[data-theme="dark"] .adcx-rmenu { background: #1b1f27; color: #e6eaf2; border-color: #3a4050; }
html[data-theme="dark"] .adcx-rmenu__h { color: #a7b0c0; }
html[data-theme="dark"] .adcx-rmenu__i:hover, html[data-theme="dark"] .adcx-rmenu__i:focus-visible { background: #262b36; }
html[data-theme="dark"] .adcx-rmenu__i:last-child { border-top-color: #3a4050; }
html[data-theme="dark"] .adcx-rcfind__in { background: #1b1f27; color: #e6eaf2; border-color: #4a5063; }
html[data-theme="dark"] .adcx-rcfind__lab { color: #e6eaf2; }
html[data-theme="dark"] .adcx-rtoast { background: #e6eaf2; color: #14151f; }
html[data-theme="dark"] .adcx-rtoast a { color: #2849a3; }