/* MySlBots – GUI */
.slrb-wrap { max-width:1200px; margin:0 auto; padding:1rem 1.25rem 2rem; }
.slrb-title { font-size:2.2rem; margin:.5rem 0 1.2rem; font-weight:600; }
.slrb-row { margin-bottom:1rem; }
.slrb-grid { display:grid; grid-template-columns:2fr 1fr; gap:1rem; }
.slrb-col { display:flex; flex-direction:column; gap:1rem; }
.slrb-card { background:#fff; border:1px solid #e6e6e6; border-radius:14px; padding:1rem 1.1rem; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.slrb-card h3 { margin:.1rem 0 .8rem; font-size:1.1rem; }
.slrb-btn { appearance:none; border:1px solid #2271b1; background:#2271b1; color:#fff; padding:.35rem .7rem; border-radius:8px; cursor:pointer; font-size:.9rem; }
.slrb-btn:hover { filter:brightness(0.95); }
.slrb-btn.ghost { background:#f3f5f6; color:#1e293b; border-color:#cbd5e1; }
.slrb-btn.danger { background:#b91c1c; border-color:#b91c1c; }
.slrb-actions { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.6rem; }
.slrb-json { background:#111827; color:#9ae6b4; border-radius:10px; padding:.7rem; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:.85rem; min-height:56px; }
.slrb-form { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:.6rem; }
.slrb-field { display:flex; flex-direction:column; gap:.25rem; }
.slrb-field input { border:1px solid #cbd5e1; border-radius:8px; padding:.4rem .55rem; font-size:.95rem; }
.slrb-form .slrb-actions { grid-column:1 / -1; }
.slrb-note { margin-top:.4rem; font-family:monospace; font-size:.8rem; color:#475569; }
.slrb-chat { display:flex; flex-direction:column; gap:.5rem; }
.slrb-chat-log { height:220px; overflow:auto; border:1px solid #e5e7eb; border-radius:10px; padding:.5rem; background:#fafafa; font-family:monospace; }
.slrb-chat-send { display:flex; gap:.5rem; }
.slrb-chat-send input { flex:1; border:1px solid #cbd5e1; border-radius:8px; padding:.45rem .6rem; }
.slrb-grid-commands { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:.5rem; }
.slrb-nearby { min-height:120px; border:1px dashed #d1d5db; border-radius:10px; padding:.6rem; background:#fafafa; }
.slrb-map { height:220px; border:1px solid #e5e7eb; border-radius:10px; background:#eef2ff; }
.slrb-inventory { display:grid; grid-template-columns:1.4fr 1fr; gap:.7rem; }
.slrb-inv-list { min-height:220px; border:1px solid #e5e7eb; border-radius:10px; background:#fafafa; padding:.5rem; overflow:auto; }
.slrb-inv-details { border:1px solid #e5e7eb; border-radius:10px; padding:.6rem; }
.slrb-inv-details h4 { margin:0 0 .4rem; }
.slrb-inv-body { min-height:140px; font-family:monospace; background:#fdfdfd; border:1px dashed #e2e8f0; border-radius:8px; padding:.5rem; }
.mt { margin-top:.5rem; }
@media (max-width: 980px) { .slrb-grid { grid-template-columns:1fr; } }
/* --- My Bots layout (match Console) --- */
.slrb-card h3{margin:0 0 .5rem}
.slrb-form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.slrb-field{display:flex;flex-direction:column}
.slrb-field label{font-size:.825rem;color:#475569;margin-bottom:.25rem}
.slrb-field input{width:100%;max-width:none}
.slrb-actions{display:flex;gap:.5rem;margin-top:.25rem}
@media (max-width:900px){.slrb-form{grid-template-columns:1fr}}
/* rows in list */
#slrb-bot-list .slrb-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem .45rem;border-bottom:1px solid #e5e7eb}
#slrb-bot-list .slrb-row .muted{color:#64748b}