/* pane.css — ปุ่มซ่อนแถบข้าง + โหมดฝังในหน้าหลายจอ (คู่กับ pane.js, 24 ต.ค. 69) */

/* ปุ่มซ่อนแถบข้าง (จอคอม) */
.sidebar-collapse-btn { flex-shrink: 0; }
.sidebar-collapse-btn[aria-pressed="true"] { color: var(--accent, #bc5c39); }
@media (min-width: 769px) {
  body.sidebar-hidden .sidebar { display: none; }
  /* โหมดโชว์ลูกค้า: ไม่โชว์ชื่อแชทเก่าในหน้าแรกด้วย */
  body.sidebar-hidden .recent-list,
  body.sidebar-hidden .home-sect:has(+ .recent-list) { display: none; }
}
@media (max-width: 768px) { .sidebar-collapse-btn { display: none; } }

.multi-link { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border: 1px solid var(--border); border-radius: 999px; color: var(--text-secondary); text-decoration: none; font-size: 13px; white-space: nowrap; flex-shrink: 0; }
.multi-link:hover { color: var(--text-primary); border-color: var(--text-secondary); }
@media (max-width: 768px) { .multi-link span { display: none; } }

/* โหมดฝัง: เหลือแค่ข้อความ + ช่องพิมพ์ */
html.embed .sidebar,
html.embed .sidebar-toggle,
html.embed .sidebar-backdrop,
html.embed .chat-header,
html.embed .input-hint { display: none !important; }
html.embed .recent-list,
html.embed .home-sect:has(+ .recent-list) { display: none; }
html.embed .messages { padding-left: 12px; padding-right: 12px; }
html.embed .chat-input-area { padding-left: 10px; padding-right: 10px; }