.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; }
}
@media(max-width:600px){
  .account-access-dialog{width:calc(100vw - 10px);max-height:calc(100dvh - 10px)}
  .account-access-dialog form.account-access-popover{padding:12px;max-height:calc(100dvh - 20px)}
  .account-access-dialog-head{gap:8px}.account-access-dialog-head .icon-button{width:34px;height:34px;flex-basis:34px}
  .role-setting-actions{gap:5px;flex-wrap:wrap}.role-toggle{min-height:36px;min-width:0;padding:5px 7px}
  .session-action{min-width:0}.all-pages-actions{gap:6px;margin:12px 0}.all-pages-actions>div{padding:8px}
}

.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}
.nav-unread-badge[hidden],.dashboard-offer-unread[hidden]{display:none!important}
.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}}

/* Houd paginatoegang binnen de kaart, ook wanneer drie rollen naast elkaar
   staan of een paginanaam lang is. */
.role-setting-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px 12px;
  min-width:0;
}
.role-setting-row>.page-order-controls{grid-column:1}
.role-setting-row>strong{grid-column:2;min-width:0;overflow-wrap:anywhere}
.role-setting-row>.role-setting-actions{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  min-width:0;
  margin:0;
}
.role-setting-actions form,.role-setting-actions .role-toggle{width:100%;min-width:0;max-width:100%}
.account-page-row{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;overflow:hidden}
.account-page-row>div{min-width:0;overflow-wrap:anywhere}
.account-page-row>.button{min-width:64px;max-width:100%;justify-self:end}
@media(max-width:700px){
  .role-setting-row>.role-setting-actions{grid-template-columns:1fr}
  .account-page-row{grid-template-columns:minmax(0,1fr) auto}
}
@media(max-width:380px){
  .account-page-row{grid-template-columns:1fr}
  .account-page-row>.button{width:100%;justify-self:stretch}
}

.dashboard-offer-activity{margin:0 0 28px;padding:22px}.dashboard-offer-activity>header{margin-bottom:10px}.dashboard-offer-activity h2{margin:0;font-size:1.35rem}.dashboard-offer-list{display:grid}.dashboard-offer-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 2px;border-top:1px solid var(--border)}.dashboard-offer-item:hover strong{color:var(--primary)}.dashboard-offer-item>i{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dashboard-offer-item.success>i{background:#24955f}.dashboard-offer-item.processing>i{background:var(--primary)}.dashboard-offer-item.failed>i{background:#d64b5d}.dashboard-offer-item.viewed>i{background:#24955f}.dashboard-offer-item.sent>i{background:#287cc4}.dashboard-offer-item>span{display:grid;gap:3px;min-width:0}.dashboard-offer-item>span:last-child{justify-items:end;text-align:right}.dashboard-offer-item strong{font-size:.82rem}.dashboard-offer-item b{display:inline-flex;width:max-content;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--muted) 14%,transparent);color:var(--muted);font-size:.7rem;line-height:1.2}.dashboard-offer-item.success b,.dashboard-offer-item.viewed b{background:color-mix(in srgb,#24955f 15%,transparent);color:#38ad76}.dashboard-offer-item.sent b{background:color-mix(in srgb,#287cc4 16%,transparent);color:#4599df}.dashboard-offer-item.failed b{background:color-mix(in srgb,#d64b5d 15%,transparent);color:#e26a79}.dashboard-offer-item.processing b{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.dashboard-offer-item small,.dashboard-offer-item time,.dashboard-offer-empty{color:var(--muted);font-size:.72rem}.dashboard-offer-item small{overflow-wrap:anywhere}.dashboard-offer-empty{margin:0;padding:12px 0 2px}
@media(max-width:650px){.dashboard-offer-activity{padding:17px}.dashboard-offer-item{grid-template-columns:12px minmax(0,1fr)}.dashboard-offer-item>span:last-child{grid-column:2;justify-items:start;text-align:left}}
.dashboard-offer-list{max-height:390px;overflow:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-gutter:stable}
.dashboard-offer-unread{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:7px;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:.7rem;vertical-align:2px}.dashboard-offer-item{grid-template-columns:12px minmax(0,1fr) auto auto}.dashboard-offer-item.unread{background:color-mix(in srgb,var(--primary) 6%,transparent)}.dashboard-offer-item.unread strong::after{content:"Nieuw";display:inline-flex;margin-left:7px;padding:2px 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:.58rem;vertical-align:2px}.dashboard-offer-link{display:grid;gap:3px;min-width:0;color:inherit;text-decoration:none}.dashboard-offer-actions{display:flex!important;grid-auto-flow:column;gap:6px}.dashboard-offer-actions button{min-height:30px;padding:4px 8px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--muted);font:inherit;font-size:.66rem;font-weight:750;cursor:pointer}.dashboard-offer-actions button:hover{border-color:var(--primary);color:var(--primary)}.dashboard-offer-actions button:disabled{cursor:wait;opacity:.55}@media(max-width:900px){.dashboard-offer-item{grid-template-columns:12px minmax(0,1fr) auto}.dashboard-offer-actions{grid-column:2/-1;justify-content:flex-start!important}}@media(max-width:650px){.dashboard-offer-item{grid-template-columns:12px minmax(0,1fr)}.dashboard-offer-item>span:last-of-type{grid-column:2;justify-items:start;text-align:left}.dashboard-offer-actions{grid-column:2!important;display:flex!important;flex-wrap:wrap}}
.dashboard-offer-activity>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-offer-activity>header .button{flex:0 0 auto}.dashboard-offer-activity>header .button:disabled{opacity:.5;cursor:default}@media(max-width:480px){.dashboard-offer-activity>header{align-items:flex-start}.dashboard-offer-activity>header .button{min-height:34px;padding:5px 9px;font-size:.7rem}}