/* Local action sizes and aligned home facts; no behavior or data changes. */
:root[data-theme] .mc-member-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
:root[data-theme] .mc-member-actions .mc-icon-btn { box-sizing:border-box; min-width:44px; width:44px; height:44px; padding:4px; display:inline-flex; align-items:center; justify-content:center; border-radius:13px; }
:root[data-theme] .mc-member-actions .mc-icon-btn.wide { width:auto; min-width:46px; padding:4px 9px; }
:root[data-theme] .mc-member-actions .mc-icon-btn svg.crystal-icon { width:34px !important; height:34px !important; flex:0 0 34px; }
:root[data-theme] .network-hero-actions { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px !important; width:100%; }
:root[data-theme] .network-hero-actions .btn { box-sizing:border-box; min-width:0 !important; width:100%; height:82px !important; padding:8px 5px !important; display:flex !important; flex-direction:column !important; gap:5px !important; justify-content:center; align-items:center; }
:root[data-theme] .network-hero-actions .btn>span { max-width:100%; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; font-size:12px; line-height:16px; text-align:center; }
:root[data-theme] .format-art { height:46px; display:flex; align-items:center; }
:root[data-theme] .format-art svg.crystal-icon { width:42px !important; height:42px !important; }
:root[data-theme] .factrow { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px !important; align-items:stretch; }
:root[data-theme] .factrow .f { box-sizing:border-box; display:grid !important; grid-template-rows:46px 40px 34px 62px; justify-items:center; align-items:center; gap:0 !important; padding:12px 6px 8px !important; min-width:0; text-align:center !important; height:auto !important; }
:root[data-theme] .factrow .f>.tile { grid-row:1; margin:0 !important; width:44px !important; height:44px !important; }
:root[data-theme] .factrow .f>.tile svg { width:44px !important; height:44px !important; }
:root[data-theme] .factrow .f>.n { grid-row:2; margin:0 !important; font-size:30px !important; line-height:38px !important; font-weight:750; font-variant-numeric:tabular-nums; white-space:nowrap; letter-spacing:-.6px; }
:root[data-theme] .factrow .f>.k { grid-row:3; margin:0 !important; font-size:12px !important; line-height:16px !important; min-height:32px; display:flex; align-items:center; justify-content:center; white-space:normal !important; max-width:100%; }
:root[data-theme] .factrow .f>:is(.trend,.fact-platforms,.barrow) { grid-row:4; margin:0 !important; width:100%; min-width:0; align-self:center; }
:root[data-theme] .factrow .fact-platforms { display:grid; gap:4px; justify-content:center; }
:root[data-theme] .factrow .fact-platform { display:grid; grid-template-columns:18px 28px minmax(15px,auto); gap:3px; align-items:center; font-size:11px; line-height:20px; text-align:left; }
:root[data-theme] .factrow .fact-platform b { font-variant-numeric:tabular-nums; text-align:right; }
:root[data-theme] .factrow .fact-platform img.official-platform-logo { width:18px !important; height:18px !important; margin:0; }
:root[data-theme] .factrow .f>.trend { display:flex; flex-wrap:wrap; gap:3px; justify-content:center; font-size:11px !important; line-height:16px; white-space:normal !important; text-align:center; overflow:visible; }
:root[data-theme] .factrow .f>.trend span { white-space:normal !important; text-overflow:clip; overflow:visible; }
:root[data-theme] .factrow .barrow { display:flex; flex-direction:column; gap:7px; justify-content:center; align-items:center; }
:root[data-theme] .factrow .bar { width:100%; height:8px; border-radius:8px; overflow:hidden; background:#ded8f1; box-shadow:inset 0 1px 2px #37316126; }
:root[data-theme] .factrow .bar i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#2dbfff,#8655f5); box-shadow:inset 0 1px 0 #ffffff80; }
:root[data-theme] .factrow .pct { font-size:12px !important; line-height:16px; font-variant-numeric:tabular-nums; }
:root[data-theme="dark"] .factrow .bar { background:#404566; }
@media(max-width:350px) { :root[data-theme] .factrow .f>.n { font-size:26px !important; } :root[data-theme] .factrow .f { padding-left:4px !important; padding-right:4px !important; } }
:root[data-theme] .factrow .bar { flex:0 0 8px !important; min-height:8px; }
:root[data-theme] .activity-row>.activity-person { padding-right:80px; gap:8px; }
:root[data-theme] .activity-row .activity-person-name { flex:1 1 auto; min-width:0; white-space:nowrap !important; overflow:hidden; text-overflow:ellipsis; overflow-wrap:normal; }
/* Compact summary: fixed shared baselines without empty vertical bands. */
:root[data-theme] .factrow .f { grid-template-rows:36px 34px 28px 44px; padding:8px 6px !important; }
:root[data-theme] .factrow .f>.tile,:root[data-theme] .factrow .f>.tile svg { width:36px !important; height:36px !important; }
:root[data-theme] .factrow .f>.n { font-size:28px !important; line-height:34px !important; }
:root[data-theme] .factrow .f>.k { min-height:24px; font-size:11px !important; line-height:13px !important; }
:root[data-theme] .factrow .fact-platforms { gap:0; }
:root[data-theme] .factrow .f>.trend { font-size:10px !important; line-height:13px; }
:root[data-theme] .factrow .barrow { gap:5px; }
@media(max-width:350px) { :root[data-theme] .factrow .f>.n { font-size:25px !important; } }
:root[data-theme] .factrow .f>.k { height:28px; min-height:28px; }
/* Jewel artwork is already a button face: no second frame around icon actions. */
:root[data-theme] :is(.activity-write,.ev-write,.mod-write,.mc-iconbtn,.mc-member-actions .mc-icon-btn:not(.wide)) {
 background:none !important; border:0 !important; border-image:none !important; box-shadow:none !important; filter:none !important;
}
:root[data-theme] :is(.activity-write,.ev-write,.mod-write,.mc-iconbtn,.mc-member-actions .mc-icon-btn:not(.wide))::before,
:root[data-theme] :is(.activity-write,.ev-write,.mod-write,.mc-iconbtn,.mc-member-actions .mc-icon-btn:not(.wide))::after { display:none !important; }
:root[data-theme] :is(#scroll,#sheetBody) :is(.activity-write,.ev-write,.mod-write,.mc-iconbtn,.mc-member-actions .mc-icon-btn:not(.wide)):not(.ui-disabled) {
 background:none !important; border:0 !important; border-image:none !important; box-shadow:none !important; filter:none !important;
}
/* Режим набора на телефоне (62-editor.js): поле в обычном потоке страницы, всё остальное
   спрятано, кнопки прилипают к верху. Без position:fixed — на iPhone он ломал курсор и выделение.
   Селекторы с #scroll: правила buttons.css с :is(...#fab...) перебивают всё без id. */
:root[data-theme] #scroll .toolbar .kbd-ok,:root .toolbar .kbd-ok{display:none!important}
.kbd-panel{display:flex;gap:6px;align-items:center}.kbd-panel[hidden]{display:none!important}
.kbd-emoji{overflow-x:auto;scrollbar-width:none}.kbd-emoji::-webkit-scrollbar{display:none}
.kbd-emoji button{flex:none;width:34px;height:34px;border:0;border-radius:9px;background:#f5f3fc;font-size:18px;padding:0}
.kbd-link input{flex:1;min-width:0;height:34px;border:1px solid #e0dbeb;border-radius:9px;padding:0 10px;font:inherit;font-size:16px;background:#fff;color:#252842}
.rich.ai-busy{opacity:.45;pointer-events:none;transition:opacity .2s}
body.kbd-mode,body.kbd-mode .phone{background:#fff!important}
body.kbd-mode #tabbar,body.kbd-mode #fab,body.kbd-mode #wizbar,body.kbd-mode #savebar,body.kbd-mode #head,body.kbd-mode #searchHome{display:none!important}
body.kbd-mode #scroll{padding:0!important;background:#fff!important}
body.kbd-mode #scroll *:not(.kbd-edit):not(.kbd-edit *):not(:has(.kbd-edit)){display:none!important}
body.kbd-mode #scroll *:has(.kbd-edit){margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important;border-radius:0!important;transform:none!important;animation:none!important;filter:none!important;backdrop-filter:none!important;gap:0!important;max-width:none!important}
:root[data-theme] #scroll .kbd-edit{margin:0!important;padding:0 0 40vh!important;gap:0!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;min-height:100%}
:root[data-theme] #scroll .kbd-edit>.toolbar.rtb{position:sticky;top:0;z-index:5;flex:none;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden;gap:3px!important;padding:6px 8px!important;background:#fff!important;scrollbar-width:none}
:root[data-theme] #scroll .kbd-edit>.toolbar.rtb::-webkit-scrollbar{display:none}
:root[data-theme] #scroll .kbd-edit>.toolbar .tool{flex:none;min-width:27px!important;width:auto;height:32px!important;min-height:32px!important;padding:0 4px!important;font-size:12px!important;border-radius:8px!important;box-shadow:none!important;background:#f5f3fa!important;border:0!important;border-image:none!important;color:#252842!important;filter:none!important}
:root[data-theme] #scroll .kbd-edit>.toolbar .tool.on{background:#e9e0ff!important;color:#7444d7!important}
:root[data-theme] #scroll .kbd-edit>.toolbar .aibtn{margin-left:auto;position:sticky;right:48px;z-index:1;background:linear-gradient(135deg,#8a63f0,#5c35b2)!important;color:#fff!important;padding:0 8px!important;box-shadow:-6px 0 0 #fff,6px 0 0 #fff!important;border-image:none!important}
:root[data-theme] #scroll .kbd-edit>.toolbar .kbd-ok{display:inline-flex!important;align-items:center;justify-content:center;position:sticky;right:0;z-index:1;min-width:42px!important;background:#eee7fc!important;color:#7044ca!important;font-weight:750;box-shadow:-4px 0 0 #fff!important;border-image:none!important}
:root[data-theme] #scroll .kbd-edit>.kbd-panel{flex:none;padding:0 8px 6px;background:#fff}
:root[data-theme] #scroll .kbd-edit>.aistatus{flex:none;margin:0 8px 6px;border-radius:10px}
:root[data-theme] #scroll .kbd-edit>.rich{flex:none;min-height:55vh!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#252842!important;padding:10px 14px 24px!important;outline:none;font-size:16px}
:root[data-theme] #scroll .kbd-edit>.counter,:root[data-theme] #scroll .kbd-edit>.hint{display:none!important}
/* заметный курсор и подсветка выделения в поле текста (на телефоне системные тонкие и бледные) */
.rich{caret-color:#7044ca}.rich::selection,.rich *::selection{background:#c9b3ff;color:inherit}
:root[data-theme="dark"] .rich:not(.kbd-edit .rich){caret-color:#c7b2ff}
/* строка ссылки в режиме набора: общие стили полей растягивали её до 48 px со скруглением —
   текст упирался в изгиб, рамка фокуса налезала на кнопки */
:root[data-theme] #scroll .kbd-edit>.kbd-link{padding:4px 8px 8px!important;gap:6px!important;align-items:center}
:root[data-theme] #scroll .kbd-edit>.kbd-link input{flex:1 1 auto;min-width:0;width:auto;height:38px!important;min-height:38px!important;margin:0!important;padding:0 12px!important;border:1.5px solid #d8cff0!important;border-radius:10px!important;box-shadow:none!important;background:#fff!important;color:#252842!important;font-size:16px!important;line-height:36px!important;caret-color:#7044ca;outline:none;-webkit-appearance:none;appearance:none;text-overflow:ellipsis}
:root[data-theme] #scroll .kbd-edit>.kbd-link input:focus{border-color:#8a63f0!important;box-shadow:none!important}
:root[data-theme] #scroll .kbd-edit>.kbd-link input::placeholder{color:#9a9fb2;font-size:15px}
:root[data-theme] #scroll .kbd-edit>.kbd-link .chip{flex:none;height:38px!important;min-height:38px!important;padding:0 12px!important;border-radius:10px!important;font-size:13px!important;box-shadow:none!important;border-image:none!important}
/* высота приложения в режиме набора = видимая область над клавиатурой: iPhone не сдвигает страницу */
body.kbd-mode .phone{height:var(--kbd-vvh,100dvh)!important;min-height:0!important;max-height:var(--kbd-vvh,100dvh)!important}
body.kbd-mode #scroll{overscroll-behavior:contain}
/* простые поля (textarea): полоска с «ОК» сверху, поле на весь экран */
:root[data-theme] #scroll .kbd-edit>.kbd-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 6px 14px;background:#fff}
:root[data-theme] #scroll .kbd-edit>.kbd-bar span{font-size:13px;font-weight:650;color:#6b6f85}
:root[data-theme] #scroll .kbd-edit>.kbd-bar button{height:32px;min-width:44px;padding:0 10px;border:0!important;border-radius:8px!important;background:#eee7fc!important;color:#7044ca!important;font-weight:750;font-size:13px;box-shadow:none!important;border-image:none!important}
:root[data-theme] #scroll .kbd-edit textarea{display:block;width:100%!important;min-height:55vh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none;background:#fff!important;color:#252842!important;font-size:16px!important;line-height:1.5;padding:10px 14px!important;caret-color:#7044ca;resize:none}
:root[data-theme] #scroll .kbd-edit:not(:has(>.toolbar))>*:not(.kbd-bar):not(textarea):not(.varrow):not(:has(textarea)){display:none!important}
:root[data-theme] #scroll .kbd-edit>.varrow{padding:0 8px 6px!important;background:#fff}
:root[data-theme] #scroll .kbd-edit:has(>.kbd-bar) label{display:none!important}
textarea{caret-color:#7044ca}
body.kbd-mode #scroll *:has(.kbd-edit),body.kbd-mode #scroll .kbd-edit{opacity:1!important;pointer-events:auto!important}
/* «Вечная тишина» включена — остальные режимы не действуют (карточка чата, «Режим работы») */
.modes .mode.mode-dim{opacity:.45;filter:saturate(.4)}
/* кнопки в заголовках блоков («Обновить», «Все инструменты», порядок списка): один размер и
   выравнивание по центру строки — раньше были 52, 36 и 30 px и стояли криво */
:root[data-theme] #scroll .cap{display:flex;align-items:center;gap:8px;min-height:36px;white-space:normal;min-width:0}
:root[data-theme] #scroll .cap>.btn,:root[data-theme] #scroll .cap>.caplink,:root[data-theme] #scroll .cap>.sortchip{margin-left:auto!important;flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;height:34px!important;min-height:34px!important;max-height:34px;padding:0 12px!important;border-radius:12px!important;font-size:13px!important;font-weight:700!important;line-height:1!important;letter-spacing:0;text-transform:none;white-space:nowrap;align-self:center}
:root[data-theme] #scroll .cap>.btn svg,:root[data-theme] #scroll .cap>.caplink svg,:root[data-theme] #scroll .cap>.sortchip svg{width:16px!important;height:16px!important;flex:0 0 16px}
:root[data-theme] #scroll .cap>.q+.btn,:root[data-theme] #scroll .cap>.q+.caplink,:root[data-theme] #scroll .cap>.q+.sortchip{margin-left:auto!important}
/* «?» в углу плитки выбора (мастер поста, шаг «Формат») */
:root[data-theme] #scroll .modtile{position:relative}
:root[data-theme] #scroll .modtile>.tile-q{position:absolute;top:10px;right:10px;margin:0;display:inline-grid;place-items:center;width:30px;height:30px;min-width:30px;border-radius:50%;font-size:15px;font-weight:800;cursor:pointer;z-index:1}
/* выбранная плитка формата: раньше отличалась только цветом заголовка — в тёмной теме было не видно */
:root[data-theme] #scroll .modtile.sel{border-color:#8a63f0!important;box-shadow:inset 0 0 0 2px rgba(138,99,240,.55),0 6px 18px rgba(92,53,178,.28)!important}
:root[data-theme="dark"] #scroll .modtile.sel{background:linear-gradient(160deg,#2c2455,#211b40)!important}
:root[data-theme="light"] #scroll .modtile.sel,:root:not([data-theme="dark"]) #scroll .modtile.sel{background:linear-gradient(160deg,#f3eeff,#e9e1ff)!important}
:root[data-theme] #scroll .modtile.sel::after{content:"✓";position:absolute;right:12px;bottom:12px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#8a63f0;color:#fff;font-size:13px;font-weight:800;line-height:1}
/* 24.09.2026: «⤢ Развернуть» — рядом с ИИ справа; в развёрнутом режиме прячется (выход — «ОК») */
/* панель редактора компактнее: 32px, группы через тонкую черту, два ровных ряда */
:root[data-theme] #scroll .toolbar.rtb{display:flex;flex-wrap:wrap!important;overflow:visible!important;align-items:center;gap:4px!important}
:root[data-theme] #scroll .toolbar.rtb .tool{flex:0 0 auto;height:32px!important;min-height:32px!important;min-width:32px!important;padding:0 8px!important;border-radius:9px!important;font-size:13.5px!important;font-weight:700;line-height:1;box-shadow:none!important;transform:none!important}
:root[data-theme] #scroll .toolbar.rtb .tool.ic{padding:0!important;width:32px}
:root[data-theme] #scroll .toolbar.rtb .t-code{font-size:11.5px!important;letter-spacing:-.3px}
:root[data-theme] #scroll .toolbar.rtb .t-quote{font-size:17px!important}
:root[data-theme] #scroll .toolbar.rtb .t-var{font-size:12px!important;font-weight:650;padding:0 10px!important}
:root[data-theme] #scroll .toolbar.rtb .expandbtn{margin-left:auto;font-size:12.5px!important;font-weight:650;padding:0 10px!important}
:root[data-theme] #scroll .toolbar.rtb .tool.aibtn{width:auto!important;font-size:12.5px!important;padding:0 11px!important;white-space:nowrap}
:root[data-theme] #scroll .toolbar.rtb .expandbtn+.aibtn{margin-left:0}
.toolbar .tsep{flex:none;width:1px;height:18px;margin:0 3px;background:currentColor;opacity:.18}
.toolbar .tbreak{flex-basis:100%;height:0}
:root[data-theme] #scroll .kbd-edit>.toolbar .expandbtn,:root[data-theme] #scroll .kbd-edit>.toolbar .tbreak,:root[data-theme] #scroll .kbd-edit>.toolbar .tsep{display:none!important}
/* 🔂 вечный цикл в мастере поста (24.09.2026): плитка на всю ширину */
.menu-grid>.modtile.wiz-eternal{grid-column:1/-1}

/* «Стандартное предупреждение» (29.09.2026): набор из 5 картинок MODIX — первая крупно, остальные 2×2 */
#scroll .std-warn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#scroll .std-warn-cell{appearance:none;padding:0;margin:0;min-height:0;height:auto;border:1px solid var(--line-2);border-radius:12px;overflow:hidden;background:var(--card-2);aspect-ratio:16/9;cursor:zoom-in;box-shadow:none}
#scroll .std-warn-cell:first-child{grid-column:1/-1}
#scroll .std-warn-cell img{width:100%;height:100%;object-fit:cover;display:block}
#scroll .std-warn-btn{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px}
