/* Слой перестройки /ia. Цвета, шрифты и рамки — те же, что на странице:
   меняется порядок и объём текста, а не оформление. Правило из разбора: сначала
   переставить блоки и сократить тексты, и только потом, если понадобится,
   трогать вид. Правка текста откатывается построчно, редизайн 4600 строк — нет. */

.ia-ribbon{
  background:#141414;color:#fff;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  padding:6px 34px;display:flex;gap:14px;align-items:center;font-weight:700;
}
.ia-ribbon a{color:#fff}
.ia-ribbon .ia-ribbon-note{font-weight:400;text-transform:none;letter-spacing:0;color:#c9c9c9}

/* Непопадание селектора обязано быть видно на экране: слой держится на чужой
   разметке, и «тихо не сработало» здесь неотличимо от «так и задумано». */
.ia-missing{
  margin:0 34px 12px;padding:11px 14px;border:1px solid #b42318;background:#fff4f2;
  font-size:12px;line-height:1.5;color:#7a1c12;
}
.ia-missing b{display:block;margin-bottom:4px}
.ia-missing ul{margin:6px 0 0;padding-left:18px}

/* --- шапка ------------------------------------------------------------- */
.ia-on .title h1{font-size:24px}
.ia-on .title p{margin-top:6px}
.ia-ver{color:#9a9a9a;font-size:11px;margin-left:8px;white-space:nowrap}
.ia-on .header{align-items:center;padding-bottom:14px}
.ia-on .actions{gap:8px}

.ia-state{font-size:12px;color:#555;display:flex;align-items:center;gap:7px;white-space:nowrap}
.ia-state .ia-dot-state{width:8px;height:8px;border-radius:50%;background:#166534;display:inline-block}
.ia-state.dirty .ia-dot-state{background:#8a4b08}
.ia-state.dirty{color:#8a4b08;font-weight:600}

/* Платон — плавающей кнопкой: он объясняет результат, а не является разделом
   ввода. В шапке он стоял вровень с «Сохранить» и «Сбросить». */
.ia-fab{
  position:fixed;right:22px;bottom:22px;z-index:70;border:1px solid #111;background:#070707;color:#fff;
  padding:12px 16px;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;
  box-shadow:0 6px 20px rgba(0,0,0,.22);
}
.ia-fab:hover{opacity:.88}
/* Подпись не прячется и на телефоне: точка без слов — это не помощник. */
.ia-fab .ai-label{display:inline!important}
.ia-fab-hint{
  position:fixed;right:22px;bottom:74px;z-index:69;max-width:280px;background:#fff;border:1px solid #111;
  padding:12px 34px 12px 14px;font-size:12px;line-height:1.5;color:#333;box-shadow:0 6px 20px rgba(0,0,0,.18);
}
.ia-fab-hint button{
  position:absolute;top:4px;right:6px;border:0;background:none;font-size:16px;cursor:pointer;color:#888;
}
.ia-ask{margin-top:14px}
@media(max-width:700px){.ia-fab-hint{right:14px;bottom:66px;max-width:75vw}}
/* В телеграме внизу прибита кнопка «Обновить расчёт в Telegram» (fixed во
   всю ширину): FAB и подсказка поднимаются, иначе перекрывают её. */
.ia-telegram .ia-fab{bottom:84px}
.ia-telegram .ia-fab-hint{bottom:136px}
@media(max-width:700px){
  .ia-telegram .ia-fab{bottom:80px}
  .ia-telegram .ia-fab-hint{bottom:128px}
}

/* --- навигация: пять разделов вместо девяти вкладок -------------------- */
.ia-on .tabs{display:none}
.ia-nav{
  padding:0 34px;border-bottom:1px solid var(--line);display:flex;gap:30px;overflow:auto;background:#fff;
}
.ia-nav button{
  border:0;background:none;padding:15px 0 12px;font-size:15px;font-weight:700;color:#333;
  white-space:nowrap;border-bottom:3px solid transparent;cursor:pointer;
}
.ia-nav button.active{color:#000;border-color:#000}
.ia-next{
  margin-left:auto;border:1px solid #111;background:#070707;color:#fff;
  padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer;border-radius:999px;white-space:nowrap;
}
.ia-next:hover{opacity:.85}
.ia-sub{align-items:center}
.ia-mark{margin-left:7px;font-size:10px;font-weight:600}
.ia-sub button .ia-mark.ok{color:#166534}
.ia-sub button.active .ia-mark.ok{color:#9fd6ae}
.ia-mark.opt{color:#999;font-weight:400}
.ia-sub button.active .ia-mark.opt{color:#cfcfcf}
.ia-mark.need{color:#8a4b08;font-weight:600}
.ia-sub button.active .ia-mark.need{color:#ecc394}
.ia-mark.warn{color:#b42318}
.ia-sub button.active .ia-mark.warn{color:#ffb4a8}
.ia-step-hint{padding:9px 34px 0;font-size:12px;color:#666;background:#fff;line-height:1.5}
@media(max-width:700px){.ia-step-hint{padding-left:16px;padding-right:16px}}
/* Неприменённый расчёт участка: плашка ходит за человеком по вкладкам. */
.ia-pending{
  margin:10px 34px 0;padding:10px 14px;border:1px solid #b42318;background:#fff4f2;
  font-size:12px;line-height:1.5;color:#7a1c12;display:flex;gap:10px;align-items:center;flex-wrap:wrap;
}
.ia-pending b{font-weight:600}
.ia-pending button{
  border:1px solid #b42318;background:#fff;color:#7a1c12;padding:5px 12px;font-size:12px;
  font-weight:600;cursor:pointer;border-radius:999px;
}
.ia-pending button:first-of-type{background:#b42318;border-color:#b42318;color:#fff}
.ia-pending button:disabled{opacity:.55;cursor:default}
@media(max-width:700px){.ia-pending{margin-left:16px;margin-right:16px}}
@media print{.ia-pending{display:none}}
.ia-sub{padding:10px 34px 0;display:flex;gap:8px;flex-wrap:wrap;background:#fff}
.ia-sub:empty{display:none}
.ia-sub button{
  border:1px solid #d5d5d5;background:#fff;padding:6px 12px;font-size:12px;font-weight:600;
  color:#555;cursor:pointer;border-radius:999px;
}
.ia-sub button.active{background:#111;border-color:#111;color:#fff}

/* --- первый экран ------------------------------------------------------ */
/* Поле участка — первое действие на странице, а не третий экран. */
.ia-on #iaSite .import-card{margin-bottom:0}
.ia-on .import-head p{font-size:13px;line-height:1.5}
.ia-on .import-fallback summary{font-size:13px;font-weight:600;color:#555}

.ia-example{margin-left:8px}

/* Методика уходит под раскрытие: она нужна один раз, а место занимала всегда. */
.ia-method{border:1px solid #e2e2e2;background:#fafaf8;padding:0 13px;margin-top:12px}
.ia-method summary{font-size:12px;font-weight:600;color:#555;padding:10px 0}
.ia-method .header-note{margin:0 0 11px;border:0;background:none;padding:0}
.ia-class-table{border-collapse:collapse;margin:4px 0 8px;font-size:12px}
.ia-class-table th,.ia-class-table td{border:1px solid #ddd;padding:6px 10px;text-align:left}
.ia-class-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#777}

.ia-setup{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}
.ia-setup .scenario{font-size:13px}

/* --- карточка решения -------------------------------------------------- */
.ia-verdict{border:1px solid #111;border-top:6px solid #111;padding:20px 22px;margin-bottom:18px;background:#fff}
.ia-verdict.pass{border-top-color:var(--positive)}
.ia-verdict.edge{border-top-color:var(--warn)}
.ia-verdict.fail{border-top-color:var(--negative)}
.ia-verdict h2{margin:0 0 4px;font-size:21px}
.ia-verdict.pass h2{color:var(--positive)}
.ia-verdict.edge h2{color:var(--warn)}
.ia-verdict.fail h2{color:var(--negative)}
.ia-verdict .ia-verdict-lead{margin:0 0 16px;font-size:13px;color:#555}
.ia-verdict-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.ia-verdict-cell{background:#fff;padding:14px 15px;min-height:84px}
.ia-verdict-cell span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#777;display:block}
.ia-verdict-cell b{display:block;font-size:21px;margin-top:8px;font-weight:620}
.ia-verdict-cell small{display:block;margin-top:5px;font-size:11px;color:#888;line-height:1.4}
.ia-verdict-cell.wait b{color:#999;font-weight:400;font-size:15px}
.ia-stamp{margin-top:12px;font-size:11px;color:#8a8a8a;line-height:1.5}

@media(max-width:1100px){.ia-verdict-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .ia-ribbon,.ia-nav,.ia-sub{padding-left:16px;padding-right:16px}
  .ia-missing{margin-left:16px;margin-right:16px}
  .ia-verdict-grid{grid-template-columns:1fr}
  .ia-nav{gap:18px}
  .ia-nav button{font-size:14px}
  .ia-fab{right:14px;bottom:14px;padding:11px 14px}
}

.ia-on #moParamsBox{border:1px solid #e5e5e3;background:none;padding:2px 12px}
.ia-on #moParamsBox>summary{font-size:13px;font-weight:600;color:#555;padding:8px 0}

.ia-suggest{
  display:none;position:absolute;left:0;right:0;top:100%;z-index:75;background:#fff;
  border:1px solid #111;box-shadow:0 8px 24px rgba(0,0,0,.15);max-height:280px;overflow:auto;
}
.ia-suggest button{
  display:block;width:100%;text-align:left;border:0;background:none;padding:9px 12px;
  font-size:13px;cursor:pointer;border-top:1px solid #eee;
}
.ia-suggest button:first-child{border-top:0}
.ia-suggest button:hover{background:#f5f5f3}
.ia-suggest button small{display:block;color:#777;font-size:11px;margin-top:2px}

/* Предупреждение resolveHouse: каким текстом на самом деле найден участок. */
.ia-suggest-note{
  display:none;margin-top:6px;padding:8px 10px;font-size:12px;line-height:1.45;
  color:#7a4b00;background:#fff7e8;border:1px solid #e8c98a;
}

.ia-toast{
  position:fixed;top:14px;left:50%;transform:translate(-50%,-30px);z-index:90;
  background:#070707;color:#fff;padding:10px 20px;font-size:13px;font-weight:700;
  opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 6px 20px rgba(0,0,0,.25);
}
.ia-toast.show{opacity:1;transform:translate(-50%,0)}

@media print{.ia-ribbon,.ia-nav,.ia-sub,.ia-fab,.ia-missing,.ia-suggest{
  display:none;position:absolute;left:0;right:0;top:100%;z-index:75;background:#fff;
  border:1px solid #111;box-shadow:0 8px 24px rgba(0,0,0,.15);max-height:280px;overflow:auto;
}
.ia-suggest button{
  display:block;width:100%;text-align:left;border:0;background:none;padding:9px 12px;
  font-size:13px;cursor:pointer;border-top:1px solid #eee;
}
.ia-suggest button:first-child{border-top:0}
.ia-suggest button:hover{background:#f5f5f3}
.ia-suggest button small{display:block;color:#777;font-size:11px;margin-top:2px}

.ia-toast{display:none}}