/* Дома игрока (js/ui/homewin.js): окна «Мои дома» и агентства, панель редактора внизу экрана. Шрифт — не мельче 11 px. */
.hcard { display: flex; gap: 12px; align-items: flex-start; padding: 10px; margin: 0 0 10px; background: #fff; border: 2px solid var(--line); border-radius: 16px; }
.hcard.here { border-color: var(--pink-2); box-shadow: 0 0 0 3px var(--pink-soft); }
.hcard .hplan { flex: none; background: #fbf4f7; border-radius: 10px; }
.hinfo { flex: 1; min-width: 0; }
.hinfo h4 { margin: 0 0 2px; font: 800 15px var(--f-d); color: var(--ink); }
.hinfo h4 small { font-size: 11px; }
.hinfo p { margin: 2px 0; font-size: 12px; }
.hinfo .hname { font: 700 14px var(--f-d); width: min(220px, 60%); padding: 2px 6px; border: 2px solid var(--line); border-radius: 8px; }
.hbtns { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; align-items: center; }
.hbtns .hvisit { padding: 5px 10px; border: 2px solid var(--line); border-radius: 10px; width: 180px; }
.hh { margin: 10px 0 6px; font-family: var(--f-d); }
.he-cats { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 8px; }
.he-cats button { border: 2px solid var(--line); background: #fff; border-radius: 10px; padding: 3px 8px; font: 700 12px var(--f-d); color: var(--ink-2); }
.he-cats button.on { background: var(--pink); color: #fff; border-color: var(--pink); }
.hfurn { display: flex; flex-direction: column; gap: 6px; }
.hf { display: flex; align-items: center; gap: 8px; padding: 6px 8px; background: #fff; border: 2px solid var(--line); border-radius: 12px; }
.hf > i { font-style: normal; font-size: 22px; width: 30px; text-align: center; }
.hf > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.hf small { font-size: 11px; }
.hf .hp { font: 800 13px var(--f-d); color: var(--wood); white-space: nowrap; }
.hfins { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px; }
.hfin { display: flex; align-items: center; gap: 8px; padding: 5px 8px; background: #fff; border: 2px solid var(--line); border-radius: 12px; font-size: 12px; }
.hfin b { flex: 1; }
.hfin .sw { width: 28px; height: 22px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, .2); flex: none; }

/* панель редактора: внизу по центру, над меню */
.homeed { position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); width: min(980px, 96vw); max-height: 46vh; overflow: auto; z-index: 18;
  background: var(--panel); border: 3px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); padding: 8px 10px; pointer-events: auto; }
.he-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.he-top .he-name { font: 800 14px var(--f-d); color: var(--pink); }
.he-top .mut { font-size: 12px; }
.he-top .he-sp { flex: 1; }
.he-top .btn[disabled] { opacity: .5; }
.he-modes { display: flex; gap: 4px; }
.he-modes button { border: 2px solid var(--line); background: #fff; border-radius: 10px; padding: 4px 10px; font: 800 12px var(--f-d); color: var(--ink-2); }
.he-modes button.on { background: var(--pink); color: #fff; border-color: var(--pink); }
.he-list { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; }
.he-list .mut { font-size: 12px; }
.he-card { flex: none; width: 96px; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 4px; background: #fff; border: 2px solid var(--line); border-radius: 12px; }
.he-card i { font-style: normal; font-size: 22px; }
.he-card b { font: 700 11px var(--f-d); text-align: center; line-height: 1.2; }
.he-card small { font-size: 11px; color: var(--ink-2); }
.he-card.on { border-color: var(--pink); background: var(--pink-soft); }
.he-card.none { opacity: .45; }
.he-tools { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.he-tools .mut { font-size: 12px; }
.he-tools .btn[disabled] { opacity: .45; }
.he-tools select, .he-room select { font: 700 12px var(--f-d); padding: 3px 6px; border: 2px solid var(--line); border-radius: 8px; background: #fff; }
.he-room { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 6px; font-size: 12px; }
.he-room label { display: inline-flex; gap: 4px; align-items: center; }
.he-pad { display: inline-flex; gap: 2px; align-items: center; }
.he-pad button { width: 28px; height: 26px; border: 2px solid var(--line); background: #fff; border-radius: 8px; font: 800 13px var(--f-d); color: var(--ink); padding: 0; }
.he-bad { margin-top: 6px; font-size: 12px; color: var(--bad); font-weight: 700; }
/* телефон: категории и карточки — одной прокручиваемой строкой, подсказки короче */
@media (max-width: 700px) {
  .homeed { max-height: 44vh; padding: 6px 8px; bottom: 4px; }
  .he-cats { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 2px; }
  .he-cats button { flex: none; }
  .he-card { width: 84px; }
  .he-tools > .mut:last-child { display: none; }
  .hcard { flex-direction: column; }
}