/* RG COMPANY — account danger action + polished settings */

/* Destructive account action must always remain a solid red button. */
.admin-layout .account-management-grid .btn.danger,
.admin-layout .account-management-grid [data-delete] {
  background:var(--cab-danger)!important;
  border-color:var(--cab-danger)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--cab-danger) 22%,transparent)!important;
}
.admin-layout .account-management-grid .btn.danger:hover:not(:disabled),
.admin-layout .account-management-grid [data-delete]:hover:not(:disabled),
.admin-layout .account-management-grid .btn.danger:focus-visible,
.admin-layout .account-management-grid [data-delete]:focus-visible {
  background:var(--cab-danger-hover)!important;
  border-color:var(--cab-danger-hover)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 13px 30px color-mix(in srgb,var(--cab-danger) 30%,transparent)!important;
  transform:translateY(-1px)!important;
}
.admin-layout .account-management-grid [data-delete]:disabled {
  background:color-mix(in srgb,var(--cab-danger) 62%,var(--cab-panel))!important;
  border-color:transparent!important;
  color:rgba(255,255,255,.82)!important;
}

/* Settings page */
.settings-page-head { align-items:flex-end; gap:24px; }
.settings-eyebrow {
  display:block; margin:0 0 9px; color:var(--cab-muted); font-size:11px; font-weight:800;
  letter-spacing:.105em; text-transform:uppercase;
}
.settings-live-status {
  display:inline-flex; align-items:center; gap:9px; min-height:38px; padding:0 13px;
  border:1px solid var(--cab-line); border-radius:999px; background:var(--cab-panel);
  color:var(--cab-muted); font-size:12px; font-weight:700; white-space:nowrap;
  box-shadow:var(--cab-shadow-soft);
}
.settings-live-status > span {
  width:8px; height:8px; border-radius:50%; background:var(--cab-success);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--cab-success) 13%,transparent);
}
.settings-layout {
  display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); gap:18px; align-items:start;
}
.settings-main-card, .settings-preview-card { padding:0!important; overflow:hidden!important; }
.settings-main-card { min-width:0; }
.settings-card-head {
  display:flex; align-items:flex-start; gap:15px; padding:22px 22px 19px;
  border-bottom:1px solid var(--cab-line); background:linear-gradient(180deg,var(--cab-panel),var(--cab-panel-2));
}
.settings-card-head h2, .settings-preview-head h2 { margin:0; color:var(--cab-text); }
.settings-card-head h2 { font-size:18px; }
.settings-card-head p { margin:6px 0 0; max-width:680px; color:var(--cab-muted)!important; font-size:13px; line-height:1.55; }
.settings-card-icon {
  width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center;
  border:1px solid var(--cab-line); border-radius:14px; background:var(--cab-panel);
  color:var(--cab-text); box-shadow:0 7px 20px rgba(18,24,33,.06);
}
html[data-theme="dark"] .settings-card-icon { box-shadow:0 9px 24px rgba(0,0,0,.18); }
.settings-card-icon svg { width:21px; height:21px; }
.settings-editor { padding:22px 22px 0; }
.settings-editor-label { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:9px; }
.settings-editor-label label { color:var(--cab-text)!important; font-size:13px; font-weight:800; }
.settings-editor-label span { color:var(--cab-muted); font-size:11px; font-variant-numeric:tabular-nums; }
.settings-editor textarea {
  width:100%; min-height:230px; resize:vertical; padding:16px 17px!important; border-radius:16px!important;
  background:var(--cab-panel-2)!important; line-height:1.62; font-size:14px;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.settings-editor textarea:focus { background:var(--cab-panel)!important; }
.settings-hint {
  display:flex; align-items:flex-start; gap:10px; margin:14px 22px 0; padding:13px 14px;
  border:1px solid var(--cab-line); border-radius:14px; background:var(--cab-panel-2);
}
.settings-hint-icon {
  width:21px; height:21px; flex:0 0 21px; display:grid; place-items:center;
  border-radius:50%; background:var(--cab-text); color:var(--cab-bg); font-size:12px; font-weight:900;
}
.settings-hint p { margin:0!important; color:var(--cab-muted)!important; font-size:12px; line-height:1.55; }
.settings-actions {
  display:flex; justify-content:flex-end; gap:10px; padding:18px 22px 22px;
}
.settings-actions .btn { min-height:43px; padding-inline:17px; }
.settings-save-button { min-width:178px; }
.settings-preview-card { position:sticky; top:calc(var(--cabinet-header,76px) + 18px); }
.settings-preview-head {
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:20px 20px 17px;
  border-bottom:1px solid var(--cab-line);
}
.settings-preview-head > div > span {
  display:block; margin-bottom:5px; color:var(--cab-muted); font-size:10px; font-weight:800;
  letter-spacing:.09em; text-transform:uppercase;
}
.settings-preview-head h2 { font-size:16px; }
.telegram-message-preview {
  display:flex; align-items:flex-start; gap:11px; min-height:220px; padding:22px 18px;
  background:
    radial-gradient(circle at 18% 12%, color-mix(in srgb,var(--cab-text) 4%,transparent), transparent 34%),
    var(--cab-panel-2);
}
.telegram-preview-avatar {
  width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:50%;
  background:linear-gradient(180deg,#50c0e1,#2a96c9); color:#fff; font-size:13px; font-weight:800;
}
.telegram-preview-bubble {
  position:relative; min-width:0; max-width:100%; padding:12px 13px 20px; border:1px solid var(--cab-line);
  border-radius:7px 15px 15px 15px; background:var(--cab-panel); box-shadow:0 9px 26px rgba(15,23,42,.06);
}
html[data-theme="dark"] .telegram-preview-bubble { box-shadow:0 10px 28px rgba(0,0,0,.18); }
.telegram-preview-bubble strong { display:block; margin-bottom:5px; color:var(--cab-text); font-size:12px; }
.telegram-preview-bubble p {
  margin:0!important; color:var(--cab-text)!important; font-size:13px; line-height:1.52; white-space:pre-wrap; overflow-wrap:anywhere;
}
.telegram-preview-bubble time { position:absolute; right:10px; bottom:6px; color:var(--cab-muted); font-size:9px; }
.settings-preview-note {
  display:grid; gap:5px; padding:17px 20px 20px; border-top:1px solid var(--cab-line);
}
.settings-preview-note strong { color:var(--cab-text); font-size:12px; }
.settings-preview-note span { color:var(--cab-muted); font-size:12px; line-height:1.5; }

@media (max-width:1100px) {
  .settings-layout { grid-template-columns:1fr; }
  .settings-preview-card { position:static; }
  .telegram-message-preview { min-height:170px; }
}
@media (max-width:720px) {
  .settings-page-head { align-items:flex-start; }
  .settings-live-status { width:100%; white-space:normal; }
  .settings-card-head { padding:18px; }
  .settings-editor { padding:18px 18px 0; }
  .settings-editor textarea { min-height:200px; }
  .settings-hint { margin-inline:18px; }
  .settings-actions { padding:16px 18px 18px; flex-direction:column-reverse; }
  .settings-actions .btn { width:100%; }
  .settings-save-button { min-width:0; }
}