/* Форум родителей (05.10.2026) — оформление. Логика — assets/hb-forum.js.
   Цвета — те же токены, что в index.html (--ink, --paper, --dawn, --sage…);
   свои значения по умолчанию на случай, если страница их не задала. */
.hbf{--f-ink:var(--ink,#17213A);--f-muted:var(--ink-60,rgba(23,33,58,.62));--f-line:var(--line,rgba(23,33,58,.12));
  --f-paper:var(--paper,#FDFAF5);--f-mist:var(--mist,#F4EDE4);--f-dawn:var(--dawn,#E8A34D);--f-sage:var(--sage,#4E9C8F);
  --f-warm:#FFF1DC;--f-warm-line:#F0C68E;color:var(--f-ink);font-size:1rem;line-height:1.5;min-width:0;}
.hbf *{box-sizing:border-box;}
.hbf h3{margin:0;}
.hbf .hbf-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--f-sage);margin:0 0 6px;}
.hbf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.hbf-head h3{font-size:1.35rem;line-height:1.25;}
.hbf-sub{color:var(--f-muted);font-size:.9rem;margin:4px 0 0;}
.hbf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;border-radius:12px;
  border:1.5px solid var(--f-line);background:#fff;color:var(--f-ink);font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;
  text-decoration:none;transition:border-color .15s,background .15s;}
.hbf-btn:hover{border-color:var(--f-sage);background:var(--f-mist);}
.hbf-btn:focus-visible,.hbf-chip:focus-visible,.hbf-row:focus-visible,.hbf-act:focus-visible{outline:2px solid var(--f-sage);outline-offset:2px;}
.hbf-btn--pri{background:var(--f-ink);border-color:var(--f-ink);color:#fff;}
.hbf-btn--pri:hover{background:#26324f;border-color:#26324f;}
.hbf-btn--warm{background:var(--f-dawn);border-color:var(--f-dawn);color:#2B1A05;}
.hbf-btn--sm{min-height:36px;padding:6px 12px;font-size:.85rem;border-radius:10px;}
.hbf-btn[disabled]{opacity:.55;cursor:default;}
.hbf-link{background:none;border:0;padding:0;font:inherit;color:#2E7D6E;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.hbf-search{display:flex;gap:8px;margin:0 0 14px;}
.hbf-input,.hbf-select,.hbf-textarea{width:100%;min-height:44px;padding:10px 14px;border:1.5px solid var(--f-line);border-radius:12px;
  background:#fff;font:inherit;font-size:.95rem;color:var(--f-ink);}
.hbf-textarea{min-height:120px;resize:vertical;line-height:1.5;}
.hbf-input:focus,.hbf-select:focus,.hbf-textarea:focus{outline:none;border-color:var(--f-sage);}
.hbf-field{margin:0 0 14px;}
.hbf-field > label,.hbf-label{display:block;font-weight:600;font-size:.92rem;margin:0 0 6px;}
.hbf-hint{font-size:.84rem;color:var(--f-muted);margin:5px 0 0;}
.hbf-count{float:right;font-weight:400;color:var(--f-muted);font-size:.8rem;}
.hbf-err{color:#A83718;font-size:.88rem;margin:8px 0 0;min-height:0;}
.hbf-err:empty{display:none;}
.hbf-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.hbf-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px;}
.hbf-chip{min-height:40px;padding:7px 14px;border-radius:100px;border:1.5px solid var(--f-line);background:#fff;font:inherit;font-size:.86rem;
  font-weight:600;color:var(--f-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.hbf-chip.on{background:var(--f-ink);border-color:var(--f-ink);color:#fff;}
.hbf-chip i{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:100px;background:var(--f-dawn);color:#3A2306;font-size:.72rem;
  display:inline-flex;align-items:center;justify-content:center;}
.hbf-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px;}
.hbf-cat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;padding:10px 12px;border-radius:14px;border:1.5px solid var(--f-line);
  background:#fff;font:inherit;text-align:left;cursor:pointer;color:var(--f-ink);}
.hbf-cat b{font-size:.88rem;line-height:1.25;}
.hbf-cat span{font-size:.76rem;color:var(--f-muted);}
.hbf-cat .new{color:#8A5A12;font-weight:700;}
.hbf-cat.on{border-color:var(--f-sage);background:#EEF7F4;}
.hbf-list{display:flex;flex-direction:column;gap:8px;}
.hbf-row{display:block;width:100%;text-align:left;padding:13px 16px;border:1.5px solid var(--f-line);border-radius:14px;background:#fff;
  font:inherit;color:var(--f-ink);cursor:pointer;transition:border-color .15s;}
.hbf-row:hover{border-color:var(--f-sage);}
.hbf-row.pin{border-color:#E9CFA2;background:#FFFBF3;}
.hbf-row .t{display:block;font-weight:650;font-size:1rem;line-height:1.35;overflow-wrap:anywhere;}
.hbf-row .m{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px;font-size:.8rem;color:var(--f-muted);}
.hbf-row .m b{color:#8A5A12;}
.hbf-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:100px;font-size:.74rem;font-weight:700;line-height:1.5;}
.hbf-tag--comp{background:var(--f-warm);border:1px solid var(--f-warm-line);color:#7A4A0C;}
.hbf-tag--off{background:#E7F3EF;border:1px solid #B9DED6;color:#235E54;}
.hbf-tag--rev{background:#F3F0FA;border:1px solid #D9D1EE;color:#4F3F86;}
.hbf-tag--pin{background:#FCEFD9;color:#7A4A0C;}
.hbf-tag--closed{background:#ECEDF1;color:#4A5370;}
.hbf-empty{padding:22px 16px;text-align:center;color:var(--f-muted);border:1.5px dashed var(--f-line);border-radius:14px;}
.hbf-more{margin-top:12px;text-align:center;}
.hbf-note{font-size:.84rem;color:var(--f-muted);margin:16px 0 0;padding-top:12px;border-top:1px solid var(--f-line);}
.hbf-back{margin:0 0 12px;}
/* тема */
.hbf-topic-h{font-size:1.3rem;line-height:1.3;margin:6px 0 4px;overflow-wrap:anywhere;}
.hbf-banner{display:flex;gap:10px;align-items:flex-start;margin:10px 0 4px;padding:10px 14px;border-radius:12px;background:var(--f-warm);
  border:1px solid var(--f-warm-line);font-size:.88rem;color:#5A3A0E;}
.hbf-post{padding:14px 0;border-top:1px solid var(--f-line);}
.hbf-post:first-of-type{border-top:0;}
.hbf-post.best{margin:6px 0 4px;padding:12px 14px;border:1.5px solid #9ACFC4;border-radius:14px;background:#F2FAF7;}
.hbf-post.off .hbf-pb{background:var(--f-warm);border:1px solid var(--f-warm-line);border-radius:14px;padding:12px 14px;}
.hbf-post.gone .hbf-pt{color:var(--f-muted);font-style:italic;}
.hbf-post.review{opacity:.9;}
.hbf-pa{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:.85rem;margin:0 0 6px;}
.hbf-pa b{font-weight:700;}
.hbf-pa .r{color:var(--f-muted);}
.hbf-ava{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none;}
.hbf-pt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.98rem;}
.hbf-pt a{color:#2E7D6E;}
.hbf-q{margin:0 0 8px;padding:8px 12px;border-left:3px solid var(--f-dawn);background:var(--f-mist);border-radius:0 10px 10px 0;font-size:.86rem;color:var(--f-muted);
  white-space:pre-wrap;overflow-wrap:anywhere;}
.hbf-q b{color:var(--f-ink);}
.hbf-acts{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;}
.hbf-act{min-height:36px;padding:6px 10px;border-radius:10px;border:1px solid transparent;background:none;font:inherit;font-size:.82rem;font-weight:600;
  color:var(--f-muted);cursor:pointer;}
.hbf-act:hover{background:var(--f-mist);color:var(--f-ink);}
.hbf-act.on{color:#235E54;background:#E7F3EF;}
.hbf-menu{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:10px;border-radius:12px;background:var(--f-mist);}
.hbf-menu p{width:100%;margin:0 0 2px;font-size:.84rem;font-weight:600;}
.hbf-reply{margin-top:16px;padding-top:14px;border-top:1px solid var(--f-line);}
.hbf-reply .row{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:8px;}
.hbf-alert{margin:12px 0;padding:12px 14px;border-radius:12px;font-size:.9rem;}
.hbf-alert--review{background:#F3F0FA;border:1px solid #D9D1EE;color:#3C2F6B;}
.hbf-alert--urgent{background:#FFF1DC;border:1px solid #F0C68E;color:#5A3A0E;}
.hbf-alert--ok{background:#E7F3EF;border:1px solid #B9DED6;color:#235E54;}
.hbf-alert .hbf-btn{margin-top:10px;}
.hbf-sugg{margin:8px 0 0;padding:10px 14px;border-radius:12px;background:#F6F8FB;border:1px solid var(--f-line);}
.hbf-sugg p{margin:0 0 6px;font-size:.84rem;font-weight:700;}
.hbf-sugg ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;}
.hbf-sugg li{font-size:.9rem;}
.hbf-sugg li span{color:var(--f-muted);font-size:.78rem;margin-left:6px;}
.hbf-rules{margin:0 0 12px;padding:0 0 0 20px;display:flex;flex-direction:column;gap:6px;font-size:.92rem;}
.hbf-check{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;font-weight:600;cursor:pointer;min-height:44px;padding:10px 0;}
.hbf-check input{width:20px;height:20px;margin:2px 0 0;flex:none;}
/* карточка «Обсуждают родители» на «Главном» */
.hbf-home .hbf-list{gap:6px;}
.hbf-home .hbf-row{padding:10px 14px;}
.hbf-home .hbf-row .t{font-size:.95rem;}
.hbf-home-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
/* админ */
.hbf-adm-q{display:flex;flex-direction:column;gap:10px;}
.hbf-adm-item{padding:14px 16px;border:1.5px solid var(--f-line);border-radius:14px;background:#fff;}
.hbf-adm-item.urgent{border-color:#E59A86;background:#FFF6F3;}
.hbf-adm-item .h{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:.84rem;color:var(--f-muted);margin-bottom:6px;}
.hbf-adm-item .h b{color:var(--f-ink);}
.hbf-adm-item .flags{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0;}
.hbf-adm-item .flags span{padding:2px 8px;border-radius:100px;background:#FCEFD9;color:#7A4A0C;font-size:.75rem;font-weight:700;}
.hbf-adm-item .acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.hbf-adm-who{margin-top:8px;font-size:.85rem;padding:8px 12px;border-radius:10px;background:var(--f-mist);}
.hbf-adm-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px;}
.hbf-adm-facts div{padding:12px;border-radius:12px;background:var(--f-mist);}
.hbf-adm-facts b{display:block;font-size:1.4rem;}
.hbf-adm-facts span{font-size:.8rem;color:var(--f-muted);}
.hbf-adm-off{margin:0 0 12px;padding:9px 12px;border-radius:10px;background:#FCEFD9;color:#7A4A0C;font-size:.86rem;}
.hbf-adm-trow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--f-line);}
.hbf-adm-trow .t{flex:1 1 240px;min-width:0;font-weight:600;overflow-wrap:anywhere;}
.hbf-adm-trow .t small{display:block;font-weight:400;color:var(--f-muted);}
.hbf-adm-trow select{min-height:36px;border-radius:10px;border:1.5px solid var(--f-line);font:inherit;font-size:.82rem;padding:4px 8px;background:#fff;max-width:100%;}
.hbf-adm-badge{display:inline-flex;align-items:center;margin-left:8px;padding:3px 10px;border-radius:100px;background:var(--f-dawn,#E8A34D);color:#2B1A05;
  font-size:.78rem;font-weight:700;cursor:pointer;border:0;font-family:inherit;vertical-align:middle;}
/* вкладка «Форум» в кабинете родителя: одна колонка во всю ширину */
#dash-parent[data-ptab="forum"] .dash-grid{grid-template-columns:minmax(0,1fr)!important;}
#dash-forum .wrap{max-width:900px;}
@media(max-width:760px){
  #dash-parent[data-ptab] .par-tabs.hbf-has{grid-template-columns:repeat(5,minmax(0,1fr));}
  #dash-parent[data-ptab] .par-tabs.hbf-has button{font-size:.68rem;padding:7px 1px 6px;}
  /* разделы — одной полосой с прокруткой пальцем: темы видны на первом экране */
  .hbf-cats{display:flex;overflow-x:auto;gap:8px;margin:0 -4px 14px;padding:2px 4px 6px;scroll-snap-type:x proximity;scrollbar-width:none;}
  .hbf-cats::-webkit-scrollbar{display:none;}
  .hbf-cat{flex:0 0 150px;scroll-snap-align:start;min-height:60px;}
  .hbf-two{grid-template-columns:1fr;}
  .hbf-head h3{font-size:1.2rem;}
  .hbf-act{min-height:44px;padding:8px 10px;}
  .hbf-chip{min-height:44px;}
  .hbf-adm-facts{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:380px){
  .hbf-search .hbf-btn{padding:10px 12px;}
  .hbf-cat{flex-basis:136px;padding:8px 10px;}
}