.leadmachine-dashboard-icon {
  background: #10182e !important;
  overflow: hidden;
  transition: background-color 0.2s ease;
}

.leadmachine-dashboard-icon img {
  width: 31px;
  height: 31px;
  object-fit: contain;
}

[data-theme="light"] .leadmachine-dashboard-icon {
  background: #fff !important;
}

.full-account-code {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 8px;
  background: var(--surface-2);
  font-size: 0.92rem;
  letter-spacing: 0.08em;
}

.code-migration-form {
  display: flex;
  gap: 7px;
  min-width: 275px;
}

.code-migration-form input {
  height: 38px;
  min-width: 155px;
}

.account-access-panel {
  margin-top: 24px;
}

.account-access-list {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.account-access-item {
  border: 1px solid var(--border);
  border-radius: 13px;
  background: var(--surface-2);
  overflow: hidden;
}

.account-access-item summary {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  font-weight: 700;
}

.account-access-item summary > span:last-child {
  margin-left: auto;
  color: var(--muted);
  font-size: 0.78rem;
}

.account-page-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 4px 16px 16px;
}

.account-page-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px;
  border-radius: 10px;
  background: var(--surface);
  border: 1px solid var(--border);
}

.account-page-row strong,.account-page-row small { display: block; }
.account-page-row small { color: var(--muted); font-size: 0.68rem; }
.reset-access-form { padding: 0 16px 16px; }

.account-access-dialog {
  width: min(760px, calc(100vw - 32px));
  max-height: min(760px, calc(100vh - 32px));
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 18px;
  color: var(--text);
  background: var(--surface-2);
  box-shadow: var(--shadow);
}
.account-access-dialog[open] { display: grid; place-items: center; }
.account-access-dialog::backdrop { background: rgba(2, 10, 24, .68); backdrop-filter: blur(4px); }
.account-access-dialog .account-access-popover { padding: 20px; overflow: auto; }
.account-access-dialog form.account-access-popover { box-sizing: border-box; width: min(100%, 560px); margin: 0 auto; max-height: calc(100vh - 48px); }
.account-access-dialog form.account-access-popover input,
.account-access-dialog form.account-access-popover select,
.account-access-dialog form.account-access-popover button { box-sizing: border-box; width: 100%; max-width: 100%; }
.account-access-dialog form.account-access-popover .icon-button { width: 40px; flex: 0 0 40px; }
.account-access-dialog form.account-access-popover label { margin-top: 14px; }
.account-access-dialog form.account-access-popover .button.full { margin-top: 20px; }
.account-access-dialog .account-page-grid { padding: 14px 0; }
.account-access-dialog .reset-access-form { padding: 0; }
.account-access-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }

@media (max-width: 720px) {
  .account-page-grid { grid-template-columns: 1fr; }
  .code-migration-form { min-width: 240px; }
  .account-access-dialog { width: calc(100vw - 18px); max-height: calc(100vh - 18px); }
  .account-access-dialog .account-access-popover { padding: 15px; }
}

.role-setting-row > strong { min-width: 130px; }
.role-setting-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.role-setting-actions form { margin: 0; }
.role-toggle { display: inline-flex; align-items: center; gap: 8px; min-width: 112px; padding: 7px 9px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface); color: var(--text); cursor: pointer; font: inherit; }
.role-toggle span { color: var(--muted); font-size: .72rem; }
.role-toggle b { margin-left: auto; font-size: .72rem; }
.role-toggle.is-on b { color: var(--success); }
.role-toggle.is-off b { color: var(--danger); }

@media (max-width: 620px) {
  .role-setting-row { align-items: flex-start; flex-direction: column; }
  .role-setting-actions { width: 100%; margin-left: 0; }
  .role-toggle { flex: 1; }
}

.session-table-title { justify-content: flex-start; }
.session-table-title form { margin: 0 0 0 auto; }
.session-action { min-width: 128px; }
.session-kill-one { min-height: 34px; padding: 0 12px; color: #fff; background: var(--danger); }
.session-kill-one:hover { filter: brightness(.92); }
.nav-unread-badge,.dashboard-unread-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:7px;border-radius:999px;background:#ef3340;color:#fff;font-size:.7rem;font-weight:850;line-height:1}.dashboard-unread-badge{vertical-align:2px;min-width:22px;height:22px;font-size:.72rem}
.service-status-section{margin-bottom:28px}.service-status-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.service-status-heading .eyebrow{margin-bottom:5px}.service-status-heading h2{margin:0;font-size:1.35rem}.service-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-status-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 18px}.service-status-card strong,.service-status-card small{display:block}.service-status-card small{color:var(--muted);margin-top:2px}.service-status-dot{width:12px;height:12px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 5px color-mix(in srgb,var(--muted) 12%,transparent)}.service-status-dot.ok{background:var(--success);box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 13%,transparent)}.service-status-dot.warning{background:#f4a62a;box-shadow:0 0 0 5px color-mix(in srgb,#f4a62a 14%,transparent)}.service-status-dot.down{background:var(--danger);box-shadow:0 0 0 5px color-mix(in srgb,var(--danger) 13%,transparent)}@media(max-width:650px){.service-status-grid{grid-template-columns:1fr}.service-status-heading{align-items:flex-start;flex-direction:column}}
.session-kill-all { background: var(--danger); color: #fff; }
.session-kill-all:hover { filter: brightness(1.08); }

.admin-save-toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 50;
  padding: 11px 15px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  color: var(--success);
  box-shadow: var(--shadow);
  font-weight: 750;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease;
}

.admin-save-toast.show { opacity: 1; transform: translateY(0); }

.page-order-controls { display: flex; gap: 4px; }
.page-order-controls form { margin: 0; }
.page-order-controls button { width: 29px; height: 29px; padding: 0; border: 1px solid var(--border); border-radius: 7px; background: var(--surface); color: var(--muted); cursor: pointer; font-weight: 850; }
.page-order-controls button:hover { color: var(--primary); border-color: var(--primary); }

.all-pages-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 18px 0; }
.all-pages-actions>div { display: flex; align-items: center; gap: 7px; padding: 11px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-2); }
.all-pages-actions strong { margin-right: auto; font-size: .82rem; }
.all-pages-actions form { margin: 0; }
.activity-log-card { margin-top: 24px; }
.activity-details { max-width: 300px; overflow: hidden; text-overflow: ellipsis; }
@media(max-width:700px){.all-pages-actions{grid-template-columns:1fr}.all-pages-actions>div{flex-wrap:wrap}}