/* Connected Community — Meeting Room, бронь конференц-зала (19.10.2026): расписание дня, «Мои встречи», окно брони.
   Часть оформления портала. Файлы подключаются в templates/index.html по порядку номеров: поздние правила перебивают ранние. Цвета — только переменными. */
.meet-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
.meet-bar input[type=date]{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;}
.meet-bar .btn.secondary{min-width:40px;font-size:18px;line-height:1;}
.meet-day{font-weight:700;color:var(--ink);margin-left:6px;}
.meet-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;}
.meet-room{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px 14px;margin-bottom:14px;}
.meet-room-head{display:flex;gap:10px;align-items:baseline;margin-bottom:8px;color:var(--ink);}
.meet-grid{position:relative;}
.meet-hour{height:56px;border-top:1px solid var(--border);display:flex;align-items:flex-start;cursor:pointer;}
.meet-hour span{font-size:12px;color:var(--ink-soft);padding:3px 0 0;width:52px;flex:none;}
.meet-hour:hover{background:var(--orange-tint);}
.meet-block{position:absolute;left:58px;right:4px;background:var(--bg-soft);border:1px solid var(--border);border-left:4px solid var(--ink-soft);border-radius:10px;
  padding:4px 10px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;gap:1px;font-size:12.5px;color:var(--ink-soft);}
.meet-block b{font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.meet-block.mine{background:var(--orange-tint);border-color:var(--orange-soft);border-left-color:var(--orange);}
.meet-block:hover{border-color:var(--orange);}
.meet-block.short{flex-direction:row;align-items:center;gap:8px;padding:0 10px;white-space:nowrap;}   /* встреча короче часа — всё в одну строку (19.10.2026) */
.meet-block.short b{flex:1 1 auto;min-width:0;}
.meet-block.short .meet-bt{flex:none;}
.meet-block.short .meet-bo{display:none;}   /* в одной строке — тема и время; организатор — в окне встречи */
.meet-bt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.meet-out{font-size:12.5px;color:var(--ink-soft);padding:6px 4px;cursor:pointer;}
.meet-mine h3{margin:0 0 10px;font-size:16px;color:var(--ink);}
.meet-list{display:flex;flex-direction:column;gap:8px;}
.meet-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:3px;}
.meet-item:hover{border-color:var(--orange);}
.meet-item-top b{color:var(--ink);overflow-wrap:anywhere;}
.meet-ans{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px;}
.meet-ans .btn{padding:5px 12px;font-size:12.5px;}
.meet-tag{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--bg-soft);color:var(--ink-soft);}
.meet-tag.yes{background:var(--orange-tint);color:var(--orange-dark);}
.meet-tag.no{color:var(--danger);}
.meet-time-row{display:flex;align-items:center;gap:8px;}
.meet-time-row input{flex:1;min-width:0;}
.meet-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;}
.meet-chip{border:1px solid var(--orange-soft);background:var(--orange-tint);color:var(--orange-dark);border-radius:99px;padding:3px 10px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;}
.meet-people{max-height:220px;overflow:auto;border:1px solid var(--border);border-radius:10px;margin-top:6px;padding:4px 0;}
.field .meet-person{display:flex;align-items:center;gap:10px;padding:6px 10px;margin:0;font-size:13.5px;font-weight:400;color:var(--ink);cursor:pointer;text-transform:none;letter-spacing:0;}
.field .meet-person input{width:auto;flex:none;margin:0;padding:0;}   /* общее правило .field input растягивало галочку */
.field .meet-person:hover{background:var(--bg-soft);}
.field .meet-person .hr-row-sub{margin-left:auto;font-size:12px;}
.meet-person-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dashed var(--border);font-size:13.5px;color:var(--ink);}
@media (max-width:900px){
  .meet-layout{grid-template-columns:1fr;}
}
@media (max-width:380px){.meet-bo{display:none;}}   /* телефон 360: организатор обрезался краем на 5 px (обход сайта 28.10.2026) — он виден в окне встречи */
/* Зал в моём календаре (30.10.2026, ВСТ-17) */
.meet-feed-sec{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding-bottom:16px;}
.meet-feed-sec+.meet-feed-sec{border-top:1px solid var(--border);padding-top:16px;padding-bottom:0;}
.meet-feed-sec h4{margin:0;font-size:15px;color:var(--ink);}
.meet-feed-text{font-size:13.5px;color:var(--ink-soft);line-height:1.45;}
.meet-feed-row{display:flex;gap:8px;width:100%;}
.meet-feed-row input{flex:1;min-width:0;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);color:var(--ink);padding:0 10px;font-size:13px;}
.meet-feed a.btn{text-decoration:none;}