/* RU: Пояснения и настройки проводника. EN: Guide explanations and preferences. */ .guide-inline{display:none;font-size:13px;line-height:1.4;color:var(--muted);max-width:240px;margin:4px 0 8px}[data-guide-mode=inline] .guide-inline{display:block}.top>.guide-inline{position:absolute;top:100%;padding:8px;background:var(--surface);border:1px solid var(--line,#ccc);z-index:20}.top>.guide-inline{display:none!important}.guide-check{display:block;margin:16px 0}.guide-preview{min-height:170px;display:flex;align-items:center;justify-content:center}.guide-preview img{height:auto;max-width:100%}#guidePreferences fieldset{border:0;padding:0;min-width:0}#guidePreferences legend{font-weight:600;margin:12px 0}#guidePreferences .row{flex-wrap:wrap}#guideSize{display:block;width:100%;margin:12px 0}#guideTooltip{position:fixed;z-index:12000;max-width:min(300px,calc(100vw - 16px));padding:12px 15px;border-radius:10px;background:#17253e;color:#fff;font-size:13px;line-height:1.5;box-shadow:0 6px 24px #0003}#guideTooltip[hidden]{display:none}@media(max-width:600px){#guideQuick{max-width:82px;font-size:13px;padding:6px}.guide-preview img{max-width:100px}} [data-guide-motion=false] .tour-spot,[data-guide-motion=false] .tour-tip{transition:none!important;animation:none!important} /* RU: Меню доступно мышью, клавиатурой и отдельной кнопкой на телефоне. EN: Mouse, keyboard and touch menu. */ #guideMenu{position:fixed;z-index:12001;display:grid;gap:4px;width:260px;max-width:calc(100vw - 16px);padding:8px;border:1px solid var(--line,#ccc);border-radius:12px;background:var(--surface);box-shadow:0 8px 32px #0003}#guideMenu[hidden]{display:none}#guideMenu .btn{justify-content:flex-start;white-space:normal;text-align:left;min-height:42px}#guideMenu .btn:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}#guideMenuButton{min-width:32px;padding:6px}#guidePreferences .guide-check{display:flex;align-items:center;gap:10px}#guidePreferences .guide-check input{flex:0 0 20px;width:20px;height:20px;min-width:20px;min-height:20px;margin:0}@media(max-width:600px){.top #guideMenuButton{min-width:28px;width:28px;padding:2px}.top #guideQuick{max-width:74px;padding:4px;font-size:13px}} /* RU: Пояснения не меняют родителя исходных кнопок и полей. EN: Help never reparents business controls. */ .guide-affordance{display:none;vertical-align:middle;flex:none;max-width:100%}[data-guide-mode=inline] .guide-affordance{display:block;flex-basis:100%}.guide-affordance>.guide-inline{max-width:520px;margin:2px 0 8px}[data-guide-mode=inline] .reply-field,[data-guide-mode=inline] .ask-f{flex-wrap:wrap}[data-guide-mode=inline] .reply-field>.guide-affordance{order:3;width:100%}[data-guide-mode=inline] #dComp.fold>.acts>.main-act+.guide-affordance:not([hidden]){display:block}#guideTooltip{max-height:calc(100dvh - 16px);overflow:auto}#guideTooltip[hidden]{display:none} /* RU: Скрытое действие не оставляет подпись. EN: Hidden actions leave no visible caption. */ [data-guide-mode] .guide-affordance[hidden]{display:none} /* RU: Короткий маршрут и учебные задания помещаются на узком экране. EN: Short tour and exercises fit narrow screens. */ #guideIntroOffer{margin:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}#guideIntroOffer[hidden]{display:none}#guideIntroOffer .row{flex-wrap:wrap}.guide-intro-tip{width:430px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}.guide-intro-heading{display:flex;align-items:center;gap:16px}.guide-intro-heading img{flex:none;height:auto;max-width:160px}.guide-intro-heading img[hidden]{display:none}.guide-intro-heading h3{margin:4px 0}.guide-exercise{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:12px 0}.guide-exercise label{display:block;margin:12px 0 6px}.guide-exercise input{min-height:44px;width:100%;box-sizing:border-box;margin-bottom:12px}.guide-exercise .btn{white-space:normal;text-align:left;margin:4px 4px 4px 0;min-height:44px}.guide-intro-actions{flex-wrap:wrap;gap:8px}.guide-intro-actions .btn{white-space:normal;min-height:44px}.guide-practice-ok{color:var(--acc-soft-ink);font-weight:600}@media(max-width:600px){#guideIntroOffer{align-items:flex-start;flex-direction:column}.guide-intro-heading{gap:10px}.guide-intro-tip{padding:16px}} /* RU: Робот, стрелка и цветные отметки поверх страницы без подмены содержимого. EN: Robot, arrow and color marks without replacing page content. */ #guideVisualDrawing{position:fixed;inset:0;width:100%;height:100%;z-index:calc(var(--z-toast) + 5);pointer-events:none;overflow:hidden;--guide-stroke:#2457d6;--guide-fill:#6aa5ff}#guideVisualDrawing[data-color=green]{--guide-stroke:#16814a;--guide-fill:#60cf91}#guideVisualDrawing[data-color=amber]{--guide-stroke:#956100;--guide-fill:#ffd84d}#guideVisualRing,#guideVisualArrow{stroke:var(--guide-stroke)}#guideVisualHead path{fill:var(--guide-stroke)}#guideVisualMarks rect{fill:var(--guide-fill);fill-opacity:.32}#guideVisualDrawing[hidden],#guideVisualRing[hidden],#guideVisualArrow[hidden],#guideVisualCard[hidden]{display:none}#guideVisualCard{position:fixed;z-index:calc(var(--z-toast) + 6);width:min(390px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:14px;box-sizing:border-box;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-3)}.guide-visual-heading{display:flex;align-items:center;gap:12px}.guide-visual-heading>div{min-width:0;flex:1}.guide-visual-heading p{font-size:14px;line-height:1.45;margin:8px 0}#guideVisualCard .row{flex-wrap:wrap;margin-top:10px}#guideVisualCard .btn{min-height:44px}#guideActor{padding:0;border:0;flex:none;min-width:48px;min-height:48px;border-radius:22%;overflow:hidden;background:transparent}#guideActor[hidden]{display:none}.guide-pose{display:block;width:100%;height:100%;background-image:url('/static/guide-poses.png');background-repeat:no-repeat;background-size:300% 200%;background-position:0 0;pointer-events:none}.guide-pose[data-pose=welcome]{background-position:50% 0}.guide-pose[data-pose=point]{background-position:100% 0}.guide-pose[data-pose=wait]{background-position:0 100%}.guide-pose[data-pose=success]{background-position:50% 100%}.guide-pose[data-pose=error]{background-position:100% 100%}.tour-tip>#guideActor{float:left;margin:0 12px 8px 0}.tour-tip>.row{clear:both}.guide-picking #app,.guide-picking #app *,.guide-picking #layer *{cursor:crosshair!important}.guide-picking :is(button,img,p,h1,h2,h3,label,a,span):hover{outline:2px dashed var(--acc);outline-offset:3px} /* RU: Длинная инструкция остаётся в пределах экрана. EN: Long instructions stay within the viewport. */ .tour-tip{max-height:calc(100dvh - 16px);overflow:auto;box-sizing:border-box} /* RU: Пояснение переключателя не сжимает описание раздела и помещается в карточку. EN: Toggle help fits its card without squeezing the module description. */ [data-guide-mode=inline] .simple-module{grid-template-columns:minmax(0,1fr)} [data-guide-mode=inline] .simple-module>.simple-toggle{grid-column:1/-1;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;justify-content:start} [data-guide-mode=inline] .simple-toggle>.guide-affordance{min-width:0;width:auto} /* RU: Одна подпись для выбора размера команды; у каждой кнопки остаётся всплывающая помощь. EN: One caption for team size choices; every button keeps its popup help. */ [data-guide-mode=inline] .simple-about [role=group]{display:flex;flex-wrap:wrap;gap:8px} [data-guide-mode=inline] .simple-about [role=group]>.guide-affordance{order:1;width:100%} [data-guide-mode=inline] .simple-about [role=group]>.guide-affordance~.guide-affordance{display:none} [data-guide-mode=inline] .simple-point label{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%;overflow-wrap:anywhere} /* RU: Пояснение снятия фильтра переносится внутри плашки. EN: Wrap a filter-removal explanation within its pill. */ [data-guide-mode=inline] .nv-pill{flex-wrap:wrap;max-width:100%;overflow-wrap:anywhere} /* RU: У группы одинаковых фильтров одна подпись, а всплывающая помощь есть у каждой кнопки. EN: One inline note per filter group; each button retains popup help. */ [data-guide-mode=inline] :is(#ifl,#ifocus)>.guide-affordance:not(:last-child){display:none} /* RU: Одна подпись группы объявлений не вытесняет вкладки за край; помощь кнопок сохраняется. EN: One listing-group caption keeps tabs in view; each button retains popup help. */ [data-guide-mode=inline] :is(.lv-modes,.lv-tabs,.lv-chips){display:flex;flex-wrap:wrap;max-width:100%;overflow:visible} [data-guide-mode=inline] :is(.lv-modes,.lv-tabs,.lv-chips)>.guide-affordance{order:1;flex-basis:100%;width:100%;white-space:normal} [data-guide-mode=inline] :is(.lv-modes,.lv-tabs,.lv-chips)>.guide-affordance~.guide-affordance{display:none} /* RU: Длинные пояснения прокручиваются вместе с ответом и не закрывают переписку. EN: Long explanations scroll with the reply instead of covering the conversation. */ [data-guide-mode=inline] .inbox2.open .compose.live{position:static} [data-guide-mode=inline] #dSay>.rate{display:flex;flex-wrap:wrap;width:100%;min-width:0;max-width:100%} [data-guide-mode=inline] .compose .qr{-webkit-mask-image:none;mask-image:none} @media(max-width:820px){ [data-guide-mode=inline] .inbox2.open .compose:not(.live) details.more[open]>div{position:static;min-width:0;flex-wrap:wrap} } /* RU: В меню длинные подписи прокручиваются внутри окна. EN: Long menu captions scroll within the viewport. */ [data-guide-mode=inline] .lv-menu>.guide-affordance{padding:0 10px 8px} [data-guide-mode=inline] .lv-menu{max-height:calc(100dvh - 96px);box-sizing:border-box} @media(min-width:821px){ [data-guide-mode=inline] .lv-menu:not([hidden]){position:fixed;right:24px;left:auto;top:80px;bottom:auto} } /* RU: Помощь выбора не перекрывается самой галочкой; подпись находится под ней. EN: Selection help is not covered by its checkbox; the inline note follows it. */ [data-guide-mode=inline] .lv-pick{position:relative;top:auto;left:auto;margin:8px} [data-guide-mode=inline] .lv-pick+.guide-affordance{padding:0 8px} /* RU: Подробные пояснения группы не закрывают страницу; компактная панель прокручивается при необходимости. EN: Detailed batch help stays in document flow; the compact panel scrolls when necessary. */ [data-guide-mode=inline] .lv-batch{position:static;display:grid;grid-template-columns:minmax(0,1fr);width:auto;max-width:640px;margin:14px auto} /* RU: Подпись меню плитки занимает собственное место, не накладываясь на выбор и фотографию. EN: Tile menu captions occupy their own space instead of overlapping selection and the picture. */ [data-guide-mode=inline] .lv-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))} [data-guide-mode=inline] .lv-tile>.lv-more{position:static;padding:8px 12px;order:1} [data-guide-mode=inline] .lv-tile>.lv-tb{order:2} [data-guide-mode=inline] .lv-acts{display:block} [data-guide-mode=inline] .lv-acts>.btn{width:100%} [data-guide-mode=inline] :is(.lv-tile,.lv-row) .guide-inline{font-weight:400} @media(max-width:820px){[data-guide-mode=inline] .lv-tb .lv-acts{display:none}} /* RU: Помощь галочки не вытесняет название объявления или изображения сравнения. EN: Checkbox help never pushes the listing title or comparison images out of its row. */ [data-guide-mode=inline] :is(.lv-sendrow,.lv-revrow){display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);align-items:start} [data-guide-mode=inline] :is(.lv-sendrow,.lv-revrow)>input{grid-column:1;grid-row:1} [data-guide-mode=inline] :is(.lv-sendrow,.lv-revrow)>span:last-child{grid-column:2/4;grid-row:1;min-width:0;overflow-wrap:anywhere} [data-guide-mode=inline] :is(.lv-sendrow,.lv-revrow)>span:last-child{grid-column:2/-1} [data-guide-mode=inline] :is(.lv-sendrow,.lv-revrow)>.guide-affordance{grid-column:2/-1;grid-row:3} [data-guide-mode=inline] .lv-revrow>img{grid-row:2;grid-column:2;width:100%;max-width:128px} [data-guide-mode=inline] .lv-revrow>img+img{grid-column:3} /* RU: Подсказка остаётся открытой при переходе указателя на её текст. EN: Hovering tooltip content keeps it open. */ /* RU: Одна подпись выбора количества под вариантами; вопрос не сдвигает название. EN: One quantity caption follows both choices; help never displaces their labels. */ [data-guide-mode=inline] #stCreate .st-choice{display:grid;grid-template-columns:20px auto 20px auto;gap:8px;align-items:center} [data-guide-mode=inline] #stCreate .st-choice label{display:contents} [data-guide-mode=inline] #stCreate .st-choice label>span:last-child{display:flex;align-items:center;min-height:44px} [data-guide-mode=inline] #stCreate .st-choice input,[data-guide-mode=inline] #stCreate .st-choice label>span:last-child{grid-row:1} [data-guide-mode=inline] #stCreate .st-choice label:first-of-type input{grid-column:1} [data-guide-mode=inline] #stCreate .st-choice label:first-of-type>span:last-child{grid-column:2} [data-guide-mode=inline] #stCreate .st-choice label:last-of-type input{grid-column:3} [data-guide-mode=inline] #stCreate .st-choice label:last-of-type>span:last-child{grid-column:4} [data-guide-mode=inline] #stCreate .st-choice .guide-affordance{grid-column:1/-1;grid-row:2} [data-guide-mode=inline] #stCreate .st-choice label~label>.guide-affordance{display:none} /* RU: Подписи помощника помещаются в окно; закрытие и ввод не вытесняются. EN: Assistant captions fit the sheet without displacing close or input controls. */ #asBar[hidden]{display:none} [data-guide-mode=inline] .sheet.asst .sh-h{flex-wrap:wrap} [data-guide-mode=inline] .sheet.asst .sh-h>:is(.guide-inline,.guide-affordance){order:1;flex-basis:100%;max-width:100%;white-space:normal} [data-guide-mode=inline] .sheet.asst .ask-f{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center} [data-guide-mode=inline] .sheet.asst .ask-f>.inp{min-width:0;width:100%} [data-guide-mode=inline] .sheet.asst .ask-f>:is(.guide-inline,.guide-affordance){grid-column:1/-1;order:1;max-width:100%;margin:0} [data-guide-mode=inline] #asBar>:is(.guide-inline,.guide-affordance){flex-basis:100%;max-width:100%} /* RU: У трёх готовых просьб один общий текст; popup остаётся у каждой. EN: Three ready-made requests share one inline note; each retains its popup. */ [data-guide-mode=inline] #asBar [data-guide-action=assistant-example]~[data-guide-action=assistant-example]+:is(.guide-inline,.guide-affordance){display:none} [data-guide-mode=inline] .sheet.asst .as-lim{flex-wrap:wrap;margin:10px 0} [data-guide-mode=inline] .sheet.asst .as-lim>:is(.guide-inline,.guide-affordance){flex-basis:100%;max-width:100%} [data-guide-mode=inline] .sheet.asst .as-cls{display:block} [data-guide-mode=inline] .sheet.asst .as-cls>.seg{display:grid;grid-template-columns:minmax(0,1fr);white-space:normal} [data-guide-mode=inline] .sheet.asst .as-cls>.seg>:is(.guide-inline,.guide-affordance){max-width:100%;padding:0 8px} [data-guide-mode=inline] .sheet.asst .ac-row{flex-wrap:wrap} [data-guide-mode=inline] .sheet.asst .ac-row>:is(.guide-inline,.guide-affordance){flex-basis:100%;max-width:100%} /* RU: Рабочая подсказка оставляет место для ввода. EN: Work tips leave room for typing. */ .guide-work-tip h3{margin:0 0 8px} /* RU: Подпись возврата занимает отдельную строку и не раздвигает редактор на телефоне. EN: Back navigation help gets its own row without widening the mobile editor. */ [data-guide-mode=inline] #adEd .th-head{flex-wrap:wrap} [data-guide-mode=inline] #adEd .th-head>.guide-affordance{order:1;width:100%;min-width:0} /* RU: Замечание рядом с полем остаётся и без робота. EN: Field findings remain available without the character. */ #catForm [aria-invalid=true]{border-color:var(--bad);outline:1px solid var(--bad)} #catForm [data-category-error]{display:block;white-space:normal} /* RU: Раскрытая категория и её пояснения не расширяют рабочую форму. EN: Expanded category fields and explanations fit the working editor. */ #adMore,#adMore .ad-more-b,#catBox,#catBody,#catForm,#catForm [data-row]{min-width:0;max-width:100%} #catBody select,#catForm .guide-affordance{min-width:0;max-width:100%} #catForm .guide-inline{overflow-wrap:anywhere} #catOut .st{white-space:normal;max-width:100%} /* RU: Ошибки суммы видны независимо от режима помощи. EN: Money errors remain visible with help off. */ #adEd input[data-k][aria-invalid=true]{border-color:var(--bad);outline:1px solid var(--bad)} #adEd [data-money-error]{display:block;white-space:normal;overflow-wrap:anywhere} #adSaveFeedback:empty{display:none} #adCreateRecovery{grid-column:1/-1;white-space:normal;overflow-wrap:anywhere} #adCreateRecovery:empty{display:none} /* RU: Повтор доступен ниже закреплённой шапки. EN: Keep recovery actions below the sticky header. */ #newAd,#adSave,#adCreateCancel,#adSaveCancel{scroll-margin-block:88px} /* RU: Восстановление рядом с действием; длинные сообщения не расширяют экран. EN: Keep recovery controls by the action without overflow. */ #adRecovery,#adLoadNotice{overflow-wrap:anywhere;margin:12px 0;scroll-margin-block:88px}#adRecovery[hidden]{display:none}#adRecovery .acts,#adLoadNotice .acts{flex-wrap:wrap}