/* Compact business pages and on-demand editors. */
.pagination-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:16px 0 22px; padding:14px 18px; border:1px solid var(--line); border-radius:9px; background:#fff; color:#8b9db7; font-size:12px; }
.pagination-bar>div { display:flex; align-items:center; gap:8px; }
.pagination-bar strong { color:#7a90b0; font-size:12px; font-weight:500; padding-inline:4px; }
[hidden] { display: none !important; }
body.drawer-locked { overflow: hidden; }
.count-label { margin-left: 7px; padding: 2px 7px; border-radius: 5px; background: #f1f5fb; color: #8a9bb5; font-size: 12px; font-weight: 400; }
.text-danger { color: #c56673; }
.clean-table td { padding-block: 17px; }
.clean-table td.row-actions { min-width: 120px; }
.clean-table .text-cell { max-width: 310px; }
.admin-drawer { position: fixed; inset: 0 0 0 auto; width: min(660px, 100vw); max-width: 100vw; height: 100vh; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; overflow: hidden; border: 0; border-left: 1px solid #e0e7f2; border-radius: 14px 0 0 14px; background: #fff; color: var(--text); box-shadow: -15px 0 60px rgb(16 32 60 / 12%); }
.admin-drawer:not([open]) { display: none; }
.admin-drawer[open] { display: grid; grid-template-rows: auto minmax(0, 1fr); }
.admin-drawer::backdrop { background: rgb(12 26 48 / 38%); }
.drawer-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 24px; border-bottom: 1px solid var(--line); }
.drawer-head h2 { color: #2e415f; font-size: 18px; }
.drawer-head p { margin: 6px 0 0; max-width: 490px; color: #8c9bb1; font-size: 12px; }
.drawer-head .icon-button { flex: 0 0 auto; margin: -2px -5px 0 0; }
.drawer-body { min-height: 0; padding: 24px; overflow: auto; overscroll-behavior: contain; }
.drawer-form { display: grid; gap: 20px; min-width: 0; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 18px; align-items: start; }
.form-grid .span-2 { grid-column: 1 / -1; }
.form-field { display: grid; gap: 8px; min-width: 0; }
.form-field > span { font-size: 12px; color: #667a97; }
.form-field :is(input, select, textarea) { width: 100%; min-width: 0; }
.form-field small, .form-help { color: #97a5b9; font-size: 12px; line-height: 1.8; }
.form-help { margin: 0; }
.required-mark { color: #cb8290; font-weight: 400; }
.form-toggle { align-self: end; min-height: 40px; }
.drawer-actions { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 20px; margin-top: 3px; border-top: 1px solid var(--line); }
.drawer-actions button { min-width: 94px; }
.record-facts { display: grid; gap: 14px; margin: 0 0 24px; padding: 19px; border: 1px solid var(--line); border-radius: 9px; background: #fafcfe; }
.record-facts > div { display: grid; grid-template-columns: 95px minmax(0, 1fr); gap: 15px; }
.record-facts dt { color: #98a6bb; font-size: 12px; }
.record-facts dd { margin: 0; color: #5e738f; font-size: 12px; overflow-wrap: anywhere; white-space: pre-wrap; }
.stacked-cards { display: grid; gap: 20px; }
.inner-card { padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: #fbfcff; }
.inner-card h3 { margin: 0; font-size: 14px; }
.inner-card > button { justify-self: start; }
.inline-fold { border: 1px solid var(--line); border-radius: 8px; padding: 13px 15px; }
.inline-fold > summary { color: #7187aa; font-size: 12px; cursor: pointer; }
.inline-fold textarea { width: 100%; margin-top: 14px; }
.review-panel { margin-bottom: 20px; }
.review-panel > summary { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 62px; padding: 17px 22px; cursor: pointer; list-style: none; color: #607592; font-size: 13px; }
.review-panel > summary::-webkit-details-marker, .settings-fold > summary::-webkit-details-marker { display: none; }
.review-panel > summary::after, .settings-fold > summary::after { content: "+"; margin-left: auto; color: #8aa0be; font-size: 18px; font-weight: 400; }
.review-panel[open] > summary::after, .settings-fold[open] > summary::after { content: "−"; }
.review-panel[open] > summary { border-bottom: 1px solid var(--line); }
.notice-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; padding: 16px 20px; margin-bottom: 20px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: #8798b1; font-size: 12px; }
.notice-strip strong { color: #50698d; font-weight: 500; }
.summary-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 20px; padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.summary-strip > div { display: flex; align-items: center; gap: 15px; padding-left: 20px; border-left: 1px solid var(--line); color: #8fa0b8; font-size: 12px; }
.summary-strip > div:first-child { padding-left: 0; border-left: 0; }
.summary-strip strong { font: 600 22px/1.4 "Segoe UI", sans-serif; color: #5878ab; }
.drawer-body .permission-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.permission-summary { display: flex; flex-wrap: wrap; gap: 4px 6px; max-width: 360px; }
.permission-summary span { padding: 2px 7px; border: 1px solid #e7edf7; border-radius: 5px; background: #f7f9fd; color: #8095b4; font-size: 12px; }
.settings-fold > summary { padding: 20px 22px; cursor: pointer; list-style: none; }
.settings-fold[open] > summary { border-bottom: 1px solid var(--line); }
.settings-fold > summary::after { align-self: center; }
.text-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 20px; padding: 15px 20px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.text-toolbar input { width: min(340px, 100%); flex: 1 1 220px; }
.text-toolbar select { min-width: 145px; }
.text-toolbar .result-count { margin-left: auto; color: #98a6bb; font-size: 12px; }
.template-key { margin: 0; padding: 12px 15px 0; font-size: 12px; color: #99a8bc; }
.text-form .settings-actions { position: sticky; bottom: 10px; z-index: 10; margin: 0 18px 18px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.menu-editor { display: grid; gap: 22px; padding: 24px; }
.drawer-body .menu-editor { padding: 0; }
.menu-response { display: grid; gap: 20px; }
.menu-button-editor { display: grid; gap: 14px; margin-top: 14px; }
.menu-button-editor .form-help { margin-bottom: 0; }
.menu-button-row { display: grid; grid-template-columns: minmax(100px, 1fr) 90px minmax(130px, 1.4fr) 65px 33px; gap: 9px; align-items: start; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: #fafcfe; }
.menu-button-row :is(input, select) { width: 100%; min-width: 0; font-size: 12px; }
.menu-button-row .icon-button { margin-top: 3px; }
.menu-button-row label { display: grid; gap: 6px; font-size: 12px; color: #9ba9bd; }
.menu-button-list { display: grid; gap: 10px; }
.menu-editor-footer { display: flex; gap: 10px; padding-top: 20px; border-top: 1px solid var(--line); }
.login-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-bottom: 22px; }
.login-steps button { color: #8a9bb5; border-color: var(--line); background: #fafcfe; font-size: 12px; }
.login-steps button[aria-selected="true"] { color: var(--accent); border-color: #ccdaf7; background: #f0f5ff; }
.login-stage { display: grid; gap: 20px; }
.stage-note { padding: 13px 15px; border: 1px solid var(--line); border-radius: 8px; color: #8b9cb5; font-size: 12px; line-height: 1.9; background: #fafcfe; }
@media (max-width: 900px) { .topbar { flex-wrap: wrap; } .page-actions { flex-wrap: wrap; } .summary-strip > div { flex-direction: column; align-items: flex-start; gap: 7px; } }
@media (max-width: 600px) { .admin-drawer { width: 100vw; border-radius: 0; } .drawer-head, .drawer-body { padding: 19px; } .form-grid { grid-template-columns: 1fr; gap: 18px; } .form-grid .span-2 { grid-column: 1; } .drawer-body .permission-groups { grid-template-columns: 1fr; } .menu-editor { padding: 18px; } .menu-button-row { grid-template-columns: minmax(0, 1fr) 90px 33px; } .menu-button-row label:nth-child(3) { grid-column: 1 / 3; grid-row: 2; } .menu-button-row label:nth-child(4) { grid-column: 3; grid-row: 2; } .menu-button-row > button { grid-column: 3; grid-row: 1; } .summary-strip { padding: 17px 13px; } .summary-strip > div { padding-left: 13px; font-size: 12px; } .summary-strip strong { font-size: 20px; } .text-toolbar { padding: 13px; } .text-toolbar .result-count { width: 100%; margin-left: 0; } .review-panel > summary { padding: 15px 17px; } .page-actions { gap: 7px; } .page-actions button { padding-inline: 11px; font-size: 12px; } }
.compact-stats{display:flex;gap:0;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:22px;padding:20px 24px}.compact-stats>div{display:grid;gap:8px;min-width:150px;padding-right:32px;margin-right:32px;border-right:1px solid var(--line)}.compact-stats>div:last-child{border:0}.compact-stats span{font-size:12px;color:var(--muted)}.compact-stats strong{font-size:24px}.inline-details{font-size:12px;margin-top:8px;max-width:340px;white-space:normal;overflow-wrap:anywhere}.inline-details summary{cursor:pointer;color:var(--accent)}.compact-fold{overflow:hidden}.compact-fold>summary{cursor:pointer;padding:20px 22px;font-weight:600;font-size:13px}.fold-body{padding:0 22px 22px;line-height:1.85;overflow-wrap:anywhere;font-size:13px}.bot-create-section{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.bot-create-section>summary{cursor:pointer;margin-bottom:16px}.bot-create-section>summary small{display:block;margin:8px 0;color:var(--muted)}.form-recovery-alert{grid-column:1/-1;background:#fff5ee;border:1px solid #f4d8bd;color:#915d20;padding:12px 14px;border-radius:8px;margin-bottom:16px;font-size:13px;overflow-wrap:anywhere}.badge.online,.badge.success{color:#198565;background:#edf9f3}.badge.failed,.badge.denied,.badge.offline{color:#b25155;background:#fff0f1}.badge.waiting,.badge.disabled,.badge.archived{color:#697b95;background:#f0f3f8}
@media(max-width:600px){.compact-stats{padding:16px}.compact-stats>div{min-width:0;flex:1;margin-right:16px;padding-right:16px}.compact-stats>div:last-child{margin-right:0;padding-right:0}.compact-stats strong{font-size:20px}}
.filterbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:18px 22px;border-bottom:1px solid var(--line)}.filterbar>label{display:grid;gap:6px;font-size:12px;color:var(--muted);min-width:160px}.filterbar input{min-width:240px}.inline-details summary{color:var(--accent)}
.bot-type-picker{display:grid;gap:20px}.bot-type-picker>.form-help{margin-top:-8px}.bot-create-fields{display:grid;gap:20px;min-width:0;margin:0;padding:0;border:0}.bot-create-fields>button{justify-self:start}