/* home-bento.css — правила bento-сетки, поиска и аватаров главной, вырезанные без изменений
   из demo-web/styles/regatta.css (строки 1–31, 247–256, 362–366): главная в демо сидит на .regatta-module. */
/* ── bento grid ────────────────────────────────────────────────────────────── */
.regatta-module{--hover-bg:var(--muted-bg)}
.regatta-module .bento{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-md)}
.regatta-module .bento .col-full{grid-column:1 / -1}
.regatta-module .bento .col-2{grid-column:span 4}
.regatta-module .bento .col-1{grid-column:span 2}
.regatta-module .bento .col-half{grid-column:span 3}
.regatta-module .bento .card{display:flex;flex-direction:column;min-width:0}
.regatta-module .zone-label{margin-top:var(--sp-md)}
.regatta-module .bento-head{display:flex;align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-sm)}
.regatta-module .bento-head h3{margin:0}
.regatta-module .bento-ic{width:38px;height:38px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.regatta-module .bento-ic svg{width:20px;height:20px}
.regatta-module .bento-arrow{margin-left:auto;color:var(--muted);font-size:1.1rem;transition:transform .12s,color .12s}
@media(max-width:780px){
  .regatta-module .bento{grid-template-columns:1fr}
  .regatta-module .bento .col-full,.regatta-module .bento .col-2,.regatta-module .bento .col-1,.regatta-module .bento .col-half{grid-column:auto}
}

/* ── grid / grid-2 ─────────────────────────────────────────────────────────── */
.regatta-module .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:var(--sp-md)}
.regatta-module .grid-2{grid-template-columns:1fr 1fr}
@media(max-width:780px){.regatta-module .grid-2{grid-template-columns:1fr}}

/* ── card.clickable ─────────────────────────────────────────────────────────── */
.regatta-module .card.clickable{cursor:pointer}
.regatta-module .card.clickable:not(:has(a)):hover{background:var(--hover-bg)}
.regatta-module .card.clickable:hover .bento-arrow{color:var(--primary)}

.regatta-module .dash-search{margin:0 0 var(--sp-md);position:relative}
.regatta-module .dash-search .search{width:100%;max-width:none}
.regatta-module .dash-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:0 8px 24px rgba(0,0,0,.08);padding:4px;display:none;z-index:30;max-height:340px;overflow-y:auto}
.regatta-module .dash-suggest.open{display:block}
.regatta-module .dash-sugg{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);text-decoration:none;color:var(--fg)}
.regatta-module .dash-sugg:hover{background:var(--hover-bg)}
.regatta-module .dash-sugg-av{width:32px;height:32px;flex:0 0 auto}
.regatta-module .dash-sugg-txt{display:flex;flex-direction:column;min-width:0}
.regatta-module .dash-sugg-nm{font-weight:600}
.regatta-module .dash-sugg-sub{font-size:.78rem}

.regatta-module .avatar{width:44px;height:44px;border-radius:var(--r-md);background:var(--primary);color:var(--primary-fg);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;font-size:1rem;flex:0 0 auto}
.regatta-module .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.regatta-module .avatar-round{width:72px;height:72px;border-radius:var(--r-full);background:var(--muted-bg);color:var(--muted);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;font-size:1.5rem;flex:0 0 auto;border:1px solid var(--border)}
.regatta-module .avatar-round img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.regatta-module .avatar-round:has(img){background:none}