/* Scoped to the personal card inside the main website settings. */
#queryBotSettings .query-bot-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
#queryBotSettings .query-bot-grid>section{min-width:0}
#queryBotSettings .query-bot-grid h3{margin:0 0 8px;font-size:15px}
#queryBotSettings .query-bot-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 12px}
#queryBotSettings .query-bot-status>div{padding:12px;background:var(--bg,#f5f7fa);border:1px solid var(--line,#e1e6ee);border-radius:10px}
#queryBotSettings dt{font-size:12px;color:var(--muted,#637089)}
#queryBotSettings dd{margin:6px 0 0;font-size:13px;font-weight:600;overflow-wrap:anywhere}
#queryBotSettings .query-bot-pairing{padding:12px 14px;margin-top:12px;border-radius:10px;background:#eef4ff}
#queryBotSettings .query-bot-pairing code{display:block;font-size:17px;user-select:all;overflow-wrap:anywhere}
#queryBotSettings .query-bot-pairing small{display:block;margin-top:7px;color:var(--muted,#637089)}
#queryBotSettings .query-bot-error{color:#ab3030;overflow-wrap:anywhere}
#queryBotSettings [data-query-bot="error"]:empty{display:none}
#queryBotSettings [data-query-bot="feedback"]{min-height:20px}
@media(max-width:760px){#queryBotSettings .query-bot-grid{grid-template-columns:1fr;gap:20px}#queryBotSettings .query-bot-status{grid-template-columns:repeat(2,minmax(0,1fr))}}