/* ============================================================
   Lore Web V2 - Kortbetalningar / Checkout dashboard
   Scoped till checkout-dashboard-shell
   ============================================================ */

.checkout-dashboard-shell {
  --co-navy: #071426;
  --co-navy-2: #0b1b31;
  --co-navy-3: #10243e;
  --co-blue: #2563eb;
  --co-blue-2: #1d4ed8;
  --co-bg: #f4f8fd;
  --co-panel: #ffffff;
  --co-border: #d9e4f1;
  --co-border-soft: #e8eef7;
  --co-text: #071b35;
  --co-muted: #637389;
  --co-green: #16a34a;
  --co-green-bg: #dcfce7;
  --co-yellow-bg: #fef3c7;
  --co-yellow-text: #8a5a00;
  --co-red: #dc2626;
  --co-red-bg: #fee2e2;
  --co-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
  --co-shadow-soft: 0 8px 20px rgba(15, 23, 42, 0.06);

  width: 100%;
  min-height: calc(100vh - 0px);
  display: grid;
  grid-template-columns: 244px minmax(0, 1fr);
  background: var(--co-bg);
  color: var(--co-text);
  font-family: Arial, Helvetica, sans-serif;
}

.checkout-dashboard-shell,
.checkout-dashboard-shell * {
  box-sizing: border-box;
}

.checkout-dashboard-shell button,
.checkout-dashboard-shell table {
  font-family: Arial, Helvetica, sans-serif;
}

/* Sidebar */

.checkout-dashboard-shell .co-sidebar {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(96, 165, 250, 0.18), transparent 34%),
    linear-gradient(180deg, var(--co-navy) 0%, var(--co-navy-2) 52%, #08101e 100%);
  color: #e5eefb;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  position: sticky;
  top: 0;
}

.checkout-dashboard-shell .co-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 22px 28px;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.checkout-dashboard-shell .co-brand-shield {
  width: 26px;
  height: 26px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e8f1ff;
  color: var(--co-navy);
  font-size: 14px;
}

.checkout-dashboard-shell .co-search {
  margin: 0 20px 22px;
  height: 42px;
  border: 1px solid rgba(203, 213, 225, 0.20);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  color: #8da0ba;
  font-size: 13px;
  background: rgba(15, 23, 42, 0.35);
}

.checkout-dashboard-shell .co-menu {
  display: grid;
  gap: 2px;
  padding: 0 0 16px;
}

.checkout-dashboard-shell .co-menu-item {
  min-height: 42px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 10px;
  padding: 0 22px;
  color: #d9e5f6;
  font-size: 14px;
  font-weight: 700;
}

.checkout-dashboard-shell .co-menu-icon {
  color: #c3d4ea;
  text-align: center;
}

.checkout-dashboard-shell .co-menu-arrow {
  color: #7d90aa;
  text-align: right;
}

.checkout-dashboard-shell .co-menu-item-open {
  margin-top: 6px;
  background: rgba(37, 99, 235, 0.12);
  color: #dbeafe;
}

.checkout-dashboard-shell .co-submenu {
  display: grid;
  gap: 1px;
  padding: 6px 0 0;
}

.checkout-dashboard-shell .co-submenu-item {
  appearance: none;
  border: 0;
  background: transparent;
  color: #b8c7db;
  min-height: 38px;
  text-align: left;
  padding: 0 22px 0 60px;
  font-size: 13px;
  cursor: pointer;
}

.checkout-dashboard-shell .co-submenu-item:hover {
  background: rgba(255,255,255,0.06);
  color: #ffffff;
}

.checkout-dashboard-shell .co-submenu-item.active {
  background: linear-gradient(90deg, #1d74e8 0%, #0f5fcf 100%);
  color: #ffffff;
}

.checkout-dashboard-shell .co-sidebar-bottom {
  margin-top: auto;
  border-top: 1px solid rgba(203, 213, 225, 0.14);
  padding: 18px 22px 0;
}

.checkout-dashboard-shell .co-logout {
  appearance: none;
  border: 0;
  background: transparent;
  color: #e5eefb;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
  padding: 8px 0;
}

.checkout-dashboard-shell .co-copyright {
  margin-top: 54px;
  color: #9eb0c8;
  font-size: 12px;
  line-height: 1.5;
}

/* Main */

.checkout-dashboard-shell .co-main {
  min-width: 0;
  background:
    radial-gradient(circle at top right, rgba(219, 234, 254, 0.68), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
}

.checkout-dashboard-shell .co-topbar {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 28px 0 34px;
  border-bottom: 1px solid var(--co-border-soft);
  background: rgba(255,255,255,0.84);
  backdrop-filter: blur(8px);
}

.checkout-dashboard-shell .co-breadcrumb {
  display: flex;
  align-items: center;
  gap: 13px;
  color: #66758a;
  font-size: 13px;
  font-weight: 700;
}

.checkout-dashboard-shell .co-breadcrumb strong {
  color: #111827;
}

.checkout-dashboard-shell .co-user {
  color: #111827;
  font-size: 13px;
  font-weight: 900;
}

.checkout-dashboard-shell .co-user-icon {
  margin-left: 8px;
  color: #cbd5e1;
}

.checkout-dashboard-shell .co-content {
  padding: 28px 28px 34px;
  max-width: 1320px;
}

/* Header */

.checkout-dashboard-shell .co-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 22px;
}

.checkout-dashboard-shell .co-page-head h1 {
  margin: 0 0 10px;
  color: #071b35;
  font-size: 30px;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -0.035em;
}

.checkout-dashboard-shell .co-page-head p {
  margin: 0;
  color: #4b5d74;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
}

.checkout-dashboard-shell .co-page-head p span {
  color: #7a889b;
}

.checkout-dashboard-shell .co-source-line {
  display: none;
}

.checkout-dashboard-shell .co-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.checkout-dashboard-shell .co-btn {
  appearance: none;
  min-height: 38px;
  border-radius: 8px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  border: 1px solid transparent;
  box-shadow: 0 4px 10px rgba(15,23,42,0.05);
}

.checkout-dashboard-shell .co-btn-white {
  background: #ffffff;
  color: #1f2937;
  border-color: #dbe4ef;
}

.checkout-dashboard-shell .co-btn-white:hover {
  background: #f8fafc;
}

.checkout-dashboard-shell .co-btn-blue {
  background: linear-gradient(180deg, #2f80ed 0%, #1d5fd7 100%);
  color: #ffffff;
  border-color: #1d5fd7;
}

.checkout-dashboard-shell .co-btn-blue:hover {
  filter: brightness(0.98);
}

.checkout-dashboard-shell .co-btn-small {
  min-height: 34px;
  padding: 0 12px;
}

/* Cards */

.checkout-dashboard-shell .co-info-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 22px;
}

.checkout-dashboard-shell .co-info-card,
.checkout-dashboard-shell .co-panel {
  background: rgba(255,255,255,0.96);
  border: 1px solid var(--co-border);
  border-radius: 12px;
  box-shadow: var(--co-shadow-soft);
}

.checkout-dashboard-shell .co-info-card {
  min-height: 200px;
  padding: 18px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  position: relative;
  overflow: hidden;
}

.checkout-dashboard-shell .co-info-card::before,
.checkout-dashboard-shell .co-panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: #60a5fa;
}

.checkout-dashboard-shell .co-info-card {
  position: relative;
}

.checkout-dashboard-shell .co-info-ok::before { background: #22c55e; }
.checkout-dashboard-shell .co-info-warn::before { background: #facc15; }
.checkout-dashboard-shell .co-info-error::before { background: #ef4444; }
.checkout-dashboard-shell .co-info-off::before { background: #94a3b8; }
.checkout-dashboard-shell .co-info-neutral::before { background: #60a5fa; }

.checkout-dashboard-shell .co-info-icon,
.checkout-dashboard-shell .co-info-bubble,
.checkout-dashboard-shell .co-provider-logo {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: start;
  font-weight: 950;
}

.checkout-dashboard-shell .co-icon-card {
  background: linear-gradient(180deg, #dbeafe 0%, #2563eb 100%);
  color: #ffffff;
}

.checkout-dashboard-shell .co-provider-logo {
  background: #006891;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: -0.04em;
}

.checkout-dashboard-shell .co-info-bubble {
  background: #87b8ff;
  color: #ffffff;
  font-size: 23px;
}

.checkout-dashboard-shell .co-info-main {
  min-width: 0;
}

.checkout-dashboard-shell .co-info-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.checkout-dashboard-shell .co-info-title-row h2 {
  margin: 0;
  color: #071b35;
  font-size: 16px;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.checkout-dashboard-shell .co-info-main h3 {
  margin: 0 0 8px;
  font-size: 15px;
  color: #111827;
}

.checkout-dashboard-shell .co-info-main p {
  margin: 0 0 14px;
  color: #172a44;
  font-size: 13px;
  line-height: 1.48;
}

.checkout-dashboard-shell .co-card-footer {
  margin-top: 26px;
  color: #66758a;
  font-size: 12px;
  line-height: 1.45;
}

.checkout-dashboard-shell .co-card-footer span,
.checkout-dashboard-shell .co-mini-dates span,
.checkout-dashboard-shell .co-kv span {
  display: block;
  color: #68788e;
  font-size: 12px;
  font-weight: 700;
}

.checkout-dashboard-shell .co-card-footer strong,
.checkout-dashboard-shell .co-mini-dates strong,
.checkout-dashboard-shell .co-kv strong {
  color: #1e293b;
  font-size: 13px;
  font-weight: 800;
}

.checkout-dashboard-shell .co-mini-dates {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.checkout-dashboard-shell .co-settings-card {
  grid-column: 1 / -1;
}

.checkout-dashboard-shell .co-kv {
  min-height: 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  font-size: 13px;
}

.checkout-dashboard-shell .co-link-btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: #2563eb;
  padding: 10px 0 0;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

/* Badges and icons */

.checkout-dashboard-shell .co-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 4px 13px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
  border: 1px solid transparent;
}

.checkout-dashboard-shell .co-badge-ok {
  background: var(--co-green-bg);
  color: #166534;
  border-color: #bbf7d0;
}

.checkout-dashboard-shell .co-badge-warn {
  background: var(--co-yellow-bg);
  color: var(--co-yellow-text);
  border-color: #fde68a;
}

.checkout-dashboard-shell .co-badge-error {
  background: var(--co-red-bg);
  color: #991b1b;
  border-color: #fecaca;
}

.checkout-dashboard-shell .co-badge-off {
  background: #f1f5f9;
  color: #475569;
  border-color: #e2e8f0;
}

.checkout-dashboard-shell .co-badge-neutral {
  background: #dbeafe;
  color: #1d4ed8;
  border-color: #bfdbfe;
}

.checkout-dashboard-shell .co-check {
  font-size: 20px;
  font-weight: 950;
  line-height: 1;
}

.checkout-dashboard-shell .co-check-ok {
  color: #16a34a;
}

.checkout-dashboard-shell .co-check-no {
  color: #ef4444;
}

/* Panels and tables */

.checkout-dashboard-shell .co-panel {
  position: relative;
  padding: 18px;
  margin-bottom: 22px;
}

.checkout-dashboard-shell .co-panel h2 {
  margin: 0 0 16px;
  color: #071b35;
  font-size: 17px;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.checkout-dashboard-shell .co-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.checkout-dashboard-shell .co-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: #071b35;
  font-size: 13px;
}

.checkout-dashboard-shell .co-table th {
  background: #f7f9fc;
  color: #354359;
  text-align: left;
  font-weight: 950;
  padding: 13px 14px;
  border-bottom: 1px solid var(--co-border-soft);
  white-space: nowrap;
}

.checkout-dashboard-shell .co-table td {
  padding: 13px 14px;
  border-bottom: 1px solid var(--co-border-soft);
  vertical-align: middle;
}

.checkout-dashboard-shell .co-table tbody tr:last-child td {
  border-bottom: 0;
}

.checkout-dashboard-shell .co-method {
  display: flex;
  align-items: center;
  gap: 12px;
}

.checkout-dashboard-shell .co-method strong {
  color: #071b35;
  font-weight: 950;
}

.checkout-dashboard-shell .co-method-logo {
  width: 42px;
  height: 34px;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 950;
  color: #111827;
  border: 1px solid transparent;
}

.checkout-dashboard-shell .co-method-card { background: #dff3ff; color: #0369a1; }
.checkout-dashboard-shell .co-method-klarna { background: #ffb3cf; color: #111827; }
.checkout-dashboard-shell .co-method-swish { background: #ecfeff; color: #0e7490; }
.checkout-dashboard-shell .co-method-paypal { background: #dbeafe; color: #1d4ed8; }
.checkout-dashboard-shell .co-method-apple { background: #ffffff; color: #111827; border-color: #111827; }
.checkout-dashboard-shell .co-method-google { background: #ffffff; color: #111827; border-color: #e5e7eb; }
.checkout-dashboard-shell .co-method-bank { background: #eef2f7; color: #334155; font-size: 20px; }

.checkout-dashboard-shell .co-separate-row td {
  background: #e9f6ff;
}

/* Bottom panels */

.checkout-dashboard-shell .co-bottom-grid {
  display: grid;
  grid-template-columns: minmax(330px, 0.78fr) minmax(560px, 1.35fr);
  gap: 22px;
  align-items: start;
}

.checkout-dashboard-shell .co-provider-list {
  display: grid;
}

.checkout-dashboard-shell .co-provider-row {
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 30px;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--co-border-soft);
  padding: 10px 0;
}

.checkout-dashboard-shell .co-provider-row:last-child {
  border-bottom: 0;
}

.checkout-dashboard-shell .co-provider-row strong {
  display: block;
  color: #071b35;
  font-size: 13px;
  font-weight: 950;
}

.checkout-dashboard-shell .co-provider-row span {
  display: block;
  color: #4f6075;
  font-size: 12px;
  margin-top: 2px;
}

.checkout-dashboard-shell .co-open-arrow {
  appearance: none;
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  color: #0f172a;
  font-size: 24px;
  cursor: pointer;
}

.checkout-dashboard-shell .co-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 4px;
}

.checkout-dashboard-shell .co-panel-head h2 {
  margin-bottom: 12px;
}

.checkout-dashboard-shell .co-events-table td,
.checkout-dashboard-shell .co-events-table th {
  font-size: 12px;
}

/* Alerts/footer/loading */

.checkout-dashboard-shell .co-alert,
.checkout-dashboard-shell .co-loading {
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 800;
}

.checkout-dashboard-shell .co-alert-error {
  background: var(--co-red-bg);
  color: #991b1b;
  border: 1px solid #fecaca;
}

.checkout-dashboard-shell .co-alert-warn,
.checkout-dashboard-shell .co-loading {
  background: var(--co-yellow-bg);
  color: var(--co-yellow-text);
  border: 1px solid #fde68a;
}

.checkout-dashboard-shell .co-empty {
  color: var(--co-muted);
  font-size: 13px;
  padding: 10px 0;
}

.checkout-dashboard-shell .co-footer {
  text-align: center;
  color: #7a889b;
  font-size: 12px;
  margin-top: 4px;
}

.checkout-dashboard-shell .co-footer code {
  color: #1d4ed8;
  background: transparent;
}

/* Hide old surrounding portal chrome only while checkout dashboard is active, if present */

body:has(.checkout-dashboard-shell) .topbar,
body:has(.checkout-dashboard-shell) .portal-topbar,
body:has(.checkout-dashboard-shell) #portalTopbar {
  display: none !important;
}

body:has(.checkout-dashboard-shell) #portalContent,
body:has(.checkout-dashboard-shell) .portal-content,
body:has(.checkout-dashboard-shell) .main-content {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}

/* Responsive */

@media (max-width: 1180px) {
  .checkout-dashboard-shell {
    grid-template-columns: 1fr;
  }

  .checkout-dashboard-shell .co-sidebar {
    display: none;
  }

  .checkout-dashboard-shell .co-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .checkout-dashboard-shell .co-bottom-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .checkout-dashboard-shell .co-content {
    padding: 18px;
  }

  .checkout-dashboard-shell .co-topbar {
    padding: 0 18px;
  }

  .checkout-dashboard-shell .co-page-head {
    display: block;
  }

  .checkout-dashboard-shell .co-actions {
    justify-content: flex-start;
    margin-top: 16px;
  }

  .checkout-dashboard-shell .co-info-grid {
    grid-template-columns: 1fr;
  }

  .checkout-dashboard-shell .co-info-card {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   Checkout dashboard finputs mot referensbild
   ============================================================ */

body:has(.checkout-dashboard-shell) {
  overflow-x: hidden !important;
}

body:has(.checkout-dashboard-shell) .superadmin-close,
body:has(.checkout-dashboard-shell) .sa-close,
body:has(.checkout-dashboard-shell) .modal-close,
body:has(.checkout-dashboard-shell) .panel-close,
body:has(.checkout-dashboard-shell) .drawer-close,
body:has(.checkout-dashboard-shell) .close-button,
body:has(.checkout-dashboard-shell) .floating-close,
body:has(.checkout-dashboard-shell) button[aria-label="Close"],
body:has(.checkout-dashboard-shell) button[aria-label="Stäng"] {
  display: none !important;
}

.checkout-dashboard-shell {
  grid-template-columns: 224px minmax(0, 1fr) !important;
}

.checkout-dashboard-shell .co-sidebar {
  border-radius: 0 !important;
}

.checkout-dashboard-shell .co-content {
  max-width: none !important;
  padding: 24px 28px 30px !important;
}

.checkout-dashboard-shell .co-page-head {
  margin-bottom: 20px !important;
}

.checkout-dashboard-shell .co-page-head h1 {
  font-size: 29px !important;
}

.checkout-dashboard-shell .co-actions {
  padding-top: 2px !important;
}

.checkout-dashboard-shell .co-btn {
  min-height: 36px !important;
  border-radius: 7px !important;
  padding: 0 13px !important;
  font-size: 12px !important;
}

.checkout-dashboard-shell .co-info-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
}

.checkout-dashboard-shell .co-info-card {
  min-height: 188px !important;
  padding: 16px !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 12px !important;
}

.checkout-dashboard-shell .co-info-icon,
.checkout-dashboard-shell .co-info-bubble,
.checkout-dashboard-shell .co-provider-logo {
  width: 42px !important;
  height: 42px !important;
}

.checkout-dashboard-shell .co-info-title-row {
  gap: 8px !important;
  align-items: flex-start !important;
}

.checkout-dashboard-shell .co-info-title-row h2 {
  font-size: 15px !important;
  max-width: calc(100% - 82px) !important;
}

.checkout-dashboard-shell .co-badge {
  min-height: 24px !important;
  padding: 4px 10px !important;
  border-radius: 7px !important;
  font-size: 11px !important;
  flex: 0 0 auto !important;
  max-width: none !important;
}

.checkout-dashboard-shell .co-info-main p {
  font-size: 12px !important;
  line-height: 1.42 !important;
  margin-bottom: 12px !important;
}

.checkout-dashboard-shell .co-card-footer {
  margin-top: 18px !important;
}

.checkout-dashboard-shell .co-panel {
  padding: 16px 18px !important;
  margin-bottom: 20px !important;
  border-radius: 11px !important;
}

.checkout-dashboard-shell .co-method-panel {
  margin-bottom: 22px !important;
}

.checkout-dashboard-shell .co-table th {
  padding: 12px 14px !important;
  font-size: 12px !important;
}

.checkout-dashboard-shell .co-table td {
  padding: 12px 14px !important;
  font-size: 12px !important;
}

.checkout-dashboard-shell .co-method-logo {
  width: 38px !important;
  height: 30px !important;
  font-size: 11px !important;
}

.checkout-dashboard-shell .co-bottom-grid {
  grid-template-columns: minmax(340px, 0.68fr) minmax(620px, 1.42fr) !important;
  gap: 22px !important;
}

.checkout-dashboard-shell .co-events-table td:nth-child(3),
.checkout-dashboard-shell .co-events-table th:nth-child(3) {
  max-width: 190px !important;
  width: 190px !important;
}

.checkout-dashboard-shell .co-events-table td:nth-child(3) {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.checkout-dashboard-shell .co-events-table td,
.checkout-dashboard-shell .co-events-table th {
  white-space: nowrap !important;
}

.checkout-dashboard-shell .co-events-table td:nth-child(5),
.checkout-dashboard-shell .co-events-table th:nth-child(5) {
  white-space: normal !important;
}

.checkout-dashboard-shell .co-footer {
  margin-top: 8px !important;
}

@media (max-width: 1280px) {
  .checkout-dashboard-shell {
    grid-template-columns: 210px minmax(0, 1fr) !important;
  }

  .checkout-dashboard-shell .co-info-grid {
    gap: 12px !important;
  }

  .checkout-dashboard-shell .co-info-card {
    padding: 14px !important;
  }

  .checkout-dashboard-shell .co-info-title-row h2 {
    font-size: 14px !important;
  }
}


/* Sidebar ska bara vara Banking-navigation på kortdashboarden */
.checkout-dashboard-shell .co-sidebar-bottom,
.checkout-dashboard-shell .co-logout,
.checkout-dashboard-shell .co-copyright {
  display: none !important;
}

.checkout-dashboard-shell .co-sidebar {
  padding-bottom: 0 !important;
}

.checkout-dashboard-shell .co-menu {
  padding-bottom: 0 !important;
}


/* Finputs: dölj portalens gula close/floating-knapp på checkout-dashboarden */
body:has(.checkout-dashboard-shell) button[style*="yellow"],
body:has(.checkout-dashboard-shell) button[style*="#ffd"],
body:has(.checkout-dashboard-shell) button[style*="#ff"],
body:has(.checkout-dashboard-shell) .yellow-close,
body:has(.checkout-dashboard-shell) .floating-yellow-close,
body:has(.checkout-dashboard-shell) .portal-floating-close,
body:has(.checkout-dashboard-shell) .portal-close-btn,
body:has(.checkout-dashboard-shell) .sa-floating-close,
body:has(.checkout-dashboard-shell) .superadmin-floating-close,
body:has(.checkout-dashboard-shell) [class*="close"],
body:has(.checkout-dashboard-shell) [id*="close"],
body:has(.checkout-dashboard-shell) [class*="Close"],
body:has(.checkout-dashboard-shell) [id*="Close"] {
  display: none !important;
}

/* Ta bort gammal wrapper-känsla runt specialdashboarden om portalen lägger ram runt root */
body:has(.checkout-dashboard-shell) #app,
body:has(.checkout-dashboard-shell) #portalRoot,
body:has(.checkout-dashboard-shell) #portalPage,
body:has(.checkout-dashboard-shell) .portal-page,
body:has(.checkout-dashboard-shell) .page-shell,
body:has(.checkout-dashboard-shell) .superadmin-shell,
body:has(.checkout-dashboard-shell) .superadmin-content {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Gör första raden i toppkorten luftigare så PREPARED inte klipps */
.checkout-dashboard-shell .co-info-title-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.checkout-dashboard-shell .co-info-title-row h2 {
  max-width: none !important;
  overflow: visible !important;
}

.checkout-dashboard-shell .co-info-card:first-child .co-info-title-row h2 {
  font-size: 14px !important;
}

.checkout-dashboard-shell .co-info-card:first-child .co-badge {
  padding-left: 8px !important;
  padding-right: 8px !important;
  font-size: 10.5px !important;
}


/* ============================================================
   Checkout dashboard v2 - bättre riktig Banking-dashboard
   ============================================================ */

body:has(.checkout-dashboard-shell) {
  background: #eef4fb !important;
  overflow-x: hidden !important;
}

.checkout-dashboard-shell {
  grid-template-columns: 238px minmax(0, 1fr) !important;
  background: #eef4fb !important;
}

.checkout-dashboard-shell .co-sidebar {
  background:
    radial-gradient(circle at 18% 0%, rgba(59, 130, 246, 0.25), transparent 32%),
    linear-gradient(180deg, #07182d 0%, #071426 54%, #050d19 100%) !important;
  box-shadow: inset -1px 0 rgba(255,255,255,0.06) !important;
}

.checkout-dashboard-shell .co-brand {
  padding-bottom: 22px !important;
}

.checkout-dashboard-shell .co-search {
  margin-bottom: 16px !important;
}

.checkout-dashboard-shell .co-side-status {
  margin: 0 16px 18px !important;
  padding: 14px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(37, 99, 235, 0.18), rgba(15, 23, 42, 0.28)) !important;
  border: 1px solid rgba(191, 219, 254, 0.16) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.18) !important;
}

.checkout-dashboard-shell .co-side-status-label {
  color: #93c5fd !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 6px !important;
}

.checkout-dashboard-shell .co-side-status-title {
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  margin-bottom: 12px !important;
}

.checkout-dashboard-shell .co-side-status-grid {
  display: grid !important;
  gap: 8px !important;
}

.checkout-dashboard-shell .co-side-status-grid div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
}

.checkout-dashboard-shell .co-side-status-grid span {
  color: #9fb3cc !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.checkout-dashboard-shell .co-side-status-grid strong {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.checkout-dashboard-shell .co-side-status .co-badge {
  min-height: 22px !important;
  padding: 4px 8px !important;
  font-size: 10px !important;
}

.checkout-dashboard-shell .co-menu-item-open {
  background: rgba(37, 99, 235, 0.18) !important;
  border-left: 3px solid #60a5fa !important;
  padding-left: 19px !important;
}

.checkout-dashboard-shell .co-submenu-item {
  padding-left: 54px !important;
}

.checkout-dashboard-shell .co-submenu-item.active {
  background: linear-gradient(90deg, #2683f3 0%, #1768d8 100%) !important;
  box-shadow: inset 3px 0 #93c5fd !important;
}

.checkout-dashboard-shell .co-main {
  background:
    radial-gradient(circle at 72% 0%, rgba(191, 219, 254, 0.55), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f6faff 48%, #eef4fb 100%) !important;
}

.checkout-dashboard-shell .co-topbar {
  height: 58px !important;
  background: rgba(255,255,255,0.92) !important;
}

.checkout-dashboard-shell .co-content {
  max-width: none !important;
  padding: 24px 28px 30px !important;
}

.checkout-dashboard-shell .co-page-head-dashboard {
  padding: 18px 20px !important;
  border: 1px solid #d9e5f3 !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(219, 234, 254, 0.8), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,251,255,0.96)) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.055) !important;
  margin-bottom: 12px !important;
}

.checkout-dashboard-shell .co-page-eyebrow {
  color: #2563eb !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.09em !important;
  margin-bottom: 7px !important;
}

.checkout-dashboard-shell .co-page-head h1 {
  font-size: 31px !important;
  margin-bottom: 8px !important;
}

.checkout-dashboard-shell .co-page-head p {
  max-width: 760px !important;
  color: #40516a !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.checkout-dashboard-shell .co-actions {
  align-self: center !important;
}

.checkout-dashboard-shell .co-btn {
  min-height: 36px !important;
  border-radius: 9px !important;
}

.checkout-dashboard-shell .co-checkout-strip {
  display: grid !important;
  grid-template-columns: 1.15fr 0.9fr 0.85fr 0.65fr 0.55fr 0.75fr 1fr !important;
  gap: 1px !important;
  overflow: hidden !important;
  border: 1px solid #d9e5f3 !important;
  border-radius: 14px !important;
  background: #d9e5f3 !important;
  box-shadow: 0 8px 20px rgba(15,23,42,0.045) !important;
  margin-bottom: 18px !important;
}

.checkout-dashboard-shell .co-strip-item {
  min-height: 58px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 10px 14px !important;
  background: rgba(255,255,255,0.92) !important;
}

.checkout-dashboard-shell .co-strip-item span {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.checkout-dashboard-shell .co-strip-item strong {
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.checkout-dashboard-shell .co-strip-status {
  align-items: flex-start !important;
}

.checkout-dashboard-shell .co-info-grid {
  gap: 14px !important;
  margin-bottom: 18px !important;
}

.checkout-dashboard-shell .co-info-card {
  min-height: 176px !important;
  border-radius: 14px !important;
  padding: 16px !important;
  background: rgba(255,255,255,0.98) !important;
  box-shadow: 0 8px 22px rgba(15,23,42,0.055) !important;
}

.checkout-dashboard-shell .co-info-card::before,
.checkout-dashboard-shell .co-panel::before {
  height: 3px !important;
}

.checkout-dashboard-shell .co-info-title-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
}

.checkout-dashboard-shell .co-info-title-row h2 {
  max-width: none !important;
  font-size: 15px !important;
}

.checkout-dashboard-shell .co-info-main p {
  color: #263852 !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
}

.checkout-dashboard-shell .co-panel {
  border-radius: 14px !important;
  background: rgba(255,255,255,0.98) !important;
  box-shadow: 0 8px 22px rgba(15,23,42,0.055) !important;
}

.checkout-dashboard-shell .co-method-panel {
  margin-bottom: 18px !important;
}

.checkout-dashboard-shell .co-table th {
  background: #f4f7fb !important;
}

.checkout-dashboard-shell .co-bottom-grid {
  grid-template-columns: minmax(340px, 0.72fr) minmax(620px, 1.42fr) !important;
  gap: 20px !important;
}

.checkout-dashboard-shell .co-events-table td:nth-child(3) {
  max-width: 190px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.checkout-dashboard-shell .co-footer {
  margin-top: 10px !important;
}

/* Dölj kvarvarande gul/flytande close-knapp från portalwrapper på denna specialvy */
body:has(.checkout-dashboard-shell) [class*="close"],
body:has(.checkout-dashboard-shell) [id*="close"],
body:has(.checkout-dashboard-shell) [class*="Close"],
body:has(.checkout-dashboard-shell) [id*="Close"],
body:has(.checkout-dashboard-shell) button[aria-label="Close"],
body:has(.checkout-dashboard-shell) button[aria-label="Stäng"] {
  display: none !important;
}

@media (max-width: 1300px) {
  .checkout-dashboard-shell .co-checkout-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .checkout-dashboard-shell .co-checkout-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* ============================================================
   Checkout dashboard final polish
   Behåll nuvarande layout, bara finputs.
   ============================================================ */

.checkout-dashboard-shell {
  grid-template-columns: 232px minmax(0, 1fr) !important;
}

.checkout-dashboard-shell .co-sidebar {
  background:
    radial-gradient(circle at 20% 0%, rgba(59, 130, 246, 0.22), transparent 30%),
    linear-gradient(180deg, #07182d 0%, #061426 58%, #040b16 100%) !important;
}

.checkout-dashboard-shell .co-brand {
  padding: 0 20px 20px !important;
}

.checkout-dashboard-shell .co-search {
  margin: 0 16px 14px !important;
  height: 40px !important;
  border-radius: 10px !important;
}

.checkout-dashboard-shell .co-side-status {
  margin: 0 14px 16px !important;
  padding: 13px !important;
  border-radius: 14px !important;
}

.checkout-dashboard-shell .co-side-status-label {
  margin-bottom: 5px !important;
  font-size: 10.5px !important;
}

.checkout-dashboard-shell .co-side-status-title {
  font-size: 15px !important;
  margin-bottom: 10px !important;
}

.checkout-dashboard-shell .co-side-status-grid {
  gap: 7px !important;
}

.checkout-dashboard-shell .co-side-status-grid span {
  font-size: 10.5px !important;
}

.checkout-dashboard-shell .co-side-status-grid strong {
  font-size: 11.5px !important;
}

.checkout-dashboard-shell .co-menu-item {
  min-height: 39px !important;
}

.checkout-dashboard-shell .co-submenu-item {
  min-height: 37px !important;
  font-size: 12.5px !important;
}

.checkout-dashboard-shell .co-topbar {
  height: 56px !important;
}

.checkout-dashboard-shell .co-content {
  padding: 22px 28px 28px !important;
}

.checkout-dashboard-shell .co-page-head-dashboard {
  padding: 16px 20px !important;
  border-radius: 15px !important;
  margin-bottom: 10px !important;
}

.checkout-dashboard-shell .co-page-eyebrow {
  margin-bottom: 6px !important;
}

.checkout-dashboard-shell .co-page-head h1 {
  font-size: 30px !important;
  margin-bottom: 7px !important;
}

.checkout-dashboard-shell .co-page-head p {
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

.checkout-dashboard-shell .co-btn {
  min-height: 35px !important;
  border-radius: 8px !important;
  padding: 0 13px !important;
  font-size: 12px !important;
}

.checkout-dashboard-shell .co-checkout-strip {
  margin-bottom: 16px !important;
  border-radius: 13px !important;
  grid-template-columns: 1.1fr 0.85fr 0.8fr 0.58fr 0.5fr 0.72fr 0.95fr !important;
}

.checkout-dashboard-shell .co-strip-item {
  min-height: 52px !important;
  padding: 8px 13px !important;
}

.checkout-dashboard-shell .co-strip-item span {
  font-size: 10.5px !important;
}

.checkout-dashboard-shell .co-strip-item strong {
  font-size: 12.5px !important;
}

.checkout-dashboard-shell .co-info-grid {
  gap: 13px !important;
  margin-bottom: 16px !important;
}

.checkout-dashboard-shell .co-info-card {
  min-height: 168px !important;
  padding: 15px !important;
  border-radius: 13px !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 11px !important;
}

.checkout-dashboard-shell .co-info-icon,
.checkout-dashboard-shell .co-info-bubble,
.checkout-dashboard-shell .co-provider-logo {
  width: 39px !important;
  height: 39px !important;
}

.checkout-dashboard-shell .co-info-title-row h2 {
  font-size: 14.5px !important;
  line-height: 1.12 !important;
}

.checkout-dashboard-shell .co-info-card:first-child .co-info-title-row h2 {
  font-size: 14px !important;
}

.checkout-dashboard-shell .co-info-main h3 {
  font-size: 14px !important;
  margin-bottom: 7px !important;
}

.checkout-dashboard-shell .co-info-main p {
  font-size: 11.8px !important;
  line-height: 1.4 !important;
  margin-bottom: 10px !important;
}

.checkout-dashboard-shell .co-mini-dates {
  gap: 7px !important;
  margin-top: 12px !important;
}

.checkout-dashboard-shell .co-card-footer {
  margin-top: 14px !important;
}

.checkout-dashboard-shell .co-card-footer span,
.checkout-dashboard-shell .co-mini-dates span,
.checkout-dashboard-shell .co-kv span {
  font-size: 10.8px !important;
}

.checkout-dashboard-shell .co-card-footer strong,
.checkout-dashboard-shell .co-mini-dates strong,
.checkout-dashboard-shell .co-kv strong {
  font-size: 12px !important;
}

.checkout-dashboard-shell .co-kv {
  min-height: 25px !important;
}

.checkout-dashboard-shell .co-badge {
  min-height: 22px !important;
  padding: 4px 9px !important;
  border-radius: 7px !important;
  font-size: 10.5px !important;
}

.checkout-dashboard-shell .co-panel {
  padding: 15px 17px !important;
  border-radius: 13px !important;
  margin-bottom: 18px !important;
}

.checkout-dashboard-shell .co-panel h2 {
  font-size: 16.5px !important;
  margin-bottom: 14px !important;
}

.checkout-dashboard-shell .co-table th {
  padding: 11px 13px !important;
  font-size: 11.5px !important;
}

.checkout-dashboard-shell .co-table td {
  padding: 11px 13px !important;
  font-size: 11.8px !important;
}

.checkout-dashboard-shell .co-method-logo {
  width: 36px !important;
  height: 29px !important;
  border-radius: 8px !important;
}

.checkout-dashboard-shell .co-bottom-grid {
  grid-template-columns: minmax(330px, 0.68fr) minmax(620px, 1.42fr) !important;
  gap: 18px !important;
}

.checkout-dashboard-shell .co-provider-row {
  min-height: 54px !important;
  padding: 9px 0 !important;
}

.checkout-dashboard-shell .co-provider-row strong {
  font-size: 12.5px !important;
}

.checkout-dashboard-shell .co-provider-row span {
  font-size: 11.5px !important;
}

.checkout-dashboard-shell .co-events-table td,
.checkout-dashboard-shell .co-events-table th {
  font-size: 11.5px !important;
}

.checkout-dashboard-shell .co-events-table td:nth-child(3) {
  max-width: 180px !important;
}

.checkout-dashboard-shell .co-footer {
  font-size: 11.5px !important;
  margin-top: 6px !important;
}

/* Snyggare tabellrad-hover utan att kännas demo */
.checkout-dashboard-shell .co-table tbody tr:hover td {
  background: #f8fbff !important;
}

.checkout-dashboard-shell .co-separate-row:hover td,
.checkout-dashboard-shell .co-separate-row td {
  background: #e8f5ff !important;
}

/* Inställningslänk döljs tills riktig inställningssida är klar */
.checkout-dashboard-shell .co-link-btn,
.checkout-dashboard-shell #cardOpenSettings {
  display: none !important;
}

/* Undvik gammal ram/kant från portalwrapper */
body:has(.checkout-dashboard-shell) .portal-card,
body:has(.checkout-dashboard-shell) .portal-panel,
body:has(.checkout-dashboard-shell) .superadmin-card,
body:has(.checkout-dashboard-shell) .superadmin-panel {
  box-shadow: none !important;
}

@media (max-width: 1320px) {
  .checkout-dashboard-shell {
    grid-template-columns: 224px minmax(0, 1fr) !important;
  }

  .checkout-dashboard-shell .co-content {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .checkout-dashboard-shell .co-info-card {
    padding: 14px !important;
  }
}


/* ============================================================
   Checkout dashboard - tydligare färgkodning
   ============================================================ */

/* Sidans statusruta */
.checkout-dashboard-shell .co-side-status {
  background:
    radial-gradient(circle at top right, rgba(34, 197, 94, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(30, 64, 175, 0.42), rgba(15, 23, 42, 0.36)) !important;
  border-color: rgba(147, 197, 253, 0.28) !important;
}

.checkout-dashboard-shell .co-side-status:has(.co-badge-ok) {
  background:
    radial-gradient(circle at top right, rgba(34, 197, 94, 0.28), transparent 38%),
    linear-gradient(180deg, rgba(20, 83, 45, 0.42), rgba(15, 23, 42, 0.36)) !important;
  border-color: rgba(134, 239, 172, 0.35) !important;
}

.checkout-dashboard-shell .co-side-status:has(.co-badge-warn) {
  background:
    radial-gradient(circle at top right, rgba(250, 204, 21, 0.28), transparent 38%),
    linear-gradient(180deg, rgba(113, 63, 18, 0.44), rgba(15, 23, 42, 0.36)) !important;
  border-color: rgba(253, 230, 138, 0.35) !important;
}

.checkout-dashboard-shell .co-side-status:has(.co-badge-error) {
  background:
    radial-gradient(circle at top right, rgba(239, 68, 68, 0.30), transparent 38%),
    linear-gradient(180deg, rgba(127, 29, 29, 0.46), rgba(15, 23, 42, 0.38)) !important;
  border-color: rgba(252, 165, 165, 0.38) !important;
}

/* Checkout-statusraden */
.checkout-dashboard-shell .co-checkout-strip {
  border-color: #cfe0f4 !important;
  background: #cfe0f4 !important;
}

.checkout-dashboard-shell .co-strip-item {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(1) {
  border-left: 4px solid #2563eb !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(3) {
  border-left: 4px solid #facc15 !important;
  background: linear-gradient(180deg, #fffdf2 0%, #fffbea 100%) !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(6):has(.co-badge-ok) {
  border-left: 4px solid #22c55e !important;
  background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%) !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(6):has(.co-badge-warn) {
  border-left: 4px solid #facc15 !important;
  background: linear-gradient(180deg, #fefce8 0%, #ffffff 100%) !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(6):has(.co-badge-error) {
  border-left: 4px solid #ef4444 !important;
  background: linear-gradient(180deg, #fef2f2 0%, #ffffff 100%) !important;
}

/* Toppkorten färgkodade med svag bakgrund, inte bara topplinje */
.checkout-dashboard-shell .co-info-ok {
  background:
    radial-gradient(circle at top right, rgba(34, 197, 94, 0.14), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f5fff8 100%) !important;
  border-color: #bbf7d0 !important;
}

.checkout-dashboard-shell .co-info-warn {
  background:
    radial-gradient(circle at top right, rgba(250, 204, 21, 0.16), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #fffdf2 100%) !important;
  border-color: #fde68a !important;
}

.checkout-dashboard-shell .co-info-error {
  background:
    radial-gradient(circle at top right, rgba(239, 68, 68, 0.15), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #fff7f7 100%) !important;
  border-color: #fecaca !important;
}

.checkout-dashboard-shell .co-info-neutral {
  background:
    radial-gradient(circle at top right, rgba(96, 165, 250, 0.16), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f5faff 100%) !important;
  border-color: #bfdbfe !important;
}

/* Badges lite tydligare */
.checkout-dashboard-shell .co-badge-ok {
  background: #d9fbe7 !important;
  color: #116235 !important;
  border-color: #86efac !important;
  box-shadow: inset 0 0 0 1px rgba(22, 163, 74, 0.08) !important;
}

.checkout-dashboard-shell .co-badge-warn {
  background: #fff0b8 !important;
  color: #7a4d00 !important;
  border-color: #facc15 !important;
  box-shadow: inset 0 0 0 1px rgba(202, 138, 4, 0.08) !important;
}

.checkout-dashboard-shell .co-badge-error {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border-color: #fca5a5 !important;
}

.checkout-dashboard-shell .co-badge-off {
  background: #eef2f7 !important;
  color: #475569 !important;
  border-color: #cbd5e1 !important;
}

/* Tabell: status och checkkolumner får tydligare färgkänsla */
.checkout-dashboard-shell .co-method-table td:nth-child(4):has(.co-badge-ok) {
  background: #f0fdf4 !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(4):has(.co-badge-off) {
  background: #f8fafc !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(5):has(.co-check-ok) {
  color: #16a34a !important;
  background: #f7fef9 !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(5):has(.co-check-no) {
  color: #dc2626 !important;
  background: #fff7f7 !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(6):has(.co-check-no) {
  background: #fff7f7 !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(6):has(.co-check-ok) {
  background: #f0f9ff !important;
}

.checkout-dashboard-shell .co-check-ok {
  color: #059669 !important;
  text-shadow: 0 0 0 rgba(0,0,0,0) !important;
}

.checkout-dashboard-shell .co-check-no {
  color: #ef4444 !important;
}

/* Separat modul-rad = blå informationsrad */
.checkout-dashboard-shell .co-separate-row td,
.checkout-dashboard-shell .co-separate-row:hover td {
  background: #e3f3ff !important;
  border-top: 1px solid #c7e6ff !important;
  border-bottom: 1px solid #c7e6ff !important;
}

.checkout-dashboard-shell .co-separate-row td:first-child {
  border-left: 4px solid #3b82f6 !important;
}

/* Relaterade providers färgmarkering per status */
.checkout-dashboard-shell .co-provider-row:has(.co-badge-ok) {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.08), transparent 55%) !important;
}

.checkout-dashboard-shell .co-provider-row:has(.co-badge-warn) {
  background: linear-gradient(90deg, rgba(250, 204, 21, 0.12), transparent 55%) !important;
}

.checkout-dashboard-shell .co-provider-row:has(.co-badge-error) {
  background: linear-gradient(90deg, rgba(239, 68, 68, 0.10), transparent 55%) !important;
}

/* Events: tydligare statusrader */
.checkout-dashboard-shell .co-events-table tr:has(.co-badge-ok) td {
  background: #fbfffc !important;
}

.checkout-dashboard-shell .co-events-table tr:has(.co-badge-warn) td {
  background: #fffdf2 !important;
}

.checkout-dashboard-shell .co-events-table tr:has(.co-badge-error) td {
  background: #fff7f7 !important;
}

/* Panelernas topplinje lite mer statuskänsla */
.checkout-dashboard-shell .co-method-panel::before {
  background: linear-gradient(90deg, #2563eb 0%, #22c55e 45%, #60a5fa 100%) !important;
}

.checkout-dashboard-shell .co-related-panel::before {
  background: linear-gradient(90deg, #facc15 0%, #22c55e 55%, #60a5fa 100%) !important;
}

.checkout-dashboard-shell .co-events-panel::before {
  background: linear-gradient(90deg, #22c55e 0%, #2563eb 100%) !important;
}


/* ============================================================
   Checkout dashboard - STARK färgkodning
   Mer tydlig driftfärg, inte svag pastell.
   ============================================================ */

/* Toppkort: tydligare statusytor */
.checkout-dashboard-shell .co-info-ok {
  background: linear-gradient(180deg, #ecfdf3 0%, #ffffff 58%) !important;
  border-color: #4ade80 !important;
  box-shadow:
    inset 0 4px 0 #22c55e,
    0 10px 24px rgba(22, 163, 74, 0.12) !important;
}

.checkout-dashboard-shell .co-info-warn {
  background: linear-gradient(180deg, #fff7cc 0%, #ffffff 62%) !important;
  border-color: #facc15 !important;
  box-shadow:
    inset 0 4px 0 #eab308,
    0 10px 24px rgba(202, 138, 4, 0.14) !important;
}

.checkout-dashboard-shell .co-info-error {
  background: linear-gradient(180deg, #ffecec 0%, #ffffff 62%) !important;
  border-color: #f87171 !important;
  box-shadow:
    inset 0 4px 0 #ef4444,
    0 10px 24px rgba(239, 68, 68, 0.14) !important;
}

.checkout-dashboard-shell .co-info-neutral {
  background: linear-gradient(180deg, #eaf4ff 0%, #ffffff 62%) !important;
  border-color: #60a5fa !important;
  box-shadow:
    inset 0 4px 0 #3b82f6,
    0 10px 24px rgba(37, 99, 235, 0.12) !important;
}

/* Statusraden under rubriken ska synas tydligare */
.checkout-dashboard-shell .co-checkout-strip {
  border: 2px solid #bfdbfe !important;
  background: #bfdbfe !important;
}

.checkout-dashboard-shell .co-strip-item {
  background: #ffffff !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(1) {
  background: #eaf2ff !important;
  border-left: 5px solid #2563eb !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(3) {
  background: #fff3bf !important;
  border-left: 5px solid #eab308 !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(6):has(.co-badge-ok) {
  background: #dffbe9 !important;
  border-left: 5px solid #16a34a !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(6):has(.co-badge-warn) {
  background: #fff0b8 !important;
  border-left: 5px solid #eab308 !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(6):has(.co-badge-error) {
  background: #ffe2e2 !important;
  border-left: 5px solid #dc2626 !important;
}

/* Badges: starkare och mer läsbara */
.checkout-dashboard-shell .co-badge-ok {
  background: #bbf7d0 !important;
  color: #064e2b !important;
  border: 1px solid #22c55e !important;
  font-weight: 950 !important;
}

.checkout-dashboard-shell .co-badge-warn {
  background: #fde68a !important;
  color: #713f12 !important;
  border: 1px solid #eab308 !important;
  font-weight: 950 !important;
}

.checkout-dashboard-shell .co-badge-error {
  background: #fecaca !important;
  color: #7f1d1d !important;
  border: 1px solid #ef4444 !important;
  font-weight: 950 !important;
}

.checkout-dashboard-shell .co-badge-off {
  background: #dbe2ea !important;
  color: #334155 !important;
  border: 1px solid #94a3b8 !important;
  font-weight: 950 !important;
}

/* Tabellen: stark färgkodning per betydelse */
.checkout-dashboard-shell .co-method-table td:nth-child(4) {
  box-shadow: inset 4px 0 #cbd5e1 !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(4):has(.co-badge-ok) {
  background: #dcfce7 !important;
  box-shadow: inset 4px 0 #16a34a !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(4):has(.co-badge-off) {
  background: #e5e7eb !important;
  box-shadow: inset 4px 0 #64748b !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(5):has(.co-check-ok) {
  background: #dffbe9 !important;
  box-shadow: inset 4px 0 #22c55e !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(5):has(.co-check-no) {
  background: #fee2e2 !important;
  box-shadow: inset 4px 0 #ef4444 !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(6):has(.co-check-no) {
  background: #ffe2e2 !important;
  box-shadow: inset 4px 0 #ef4444 !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(6):has(.co-check-ok) {
  background: #dbeafe !important;
  box-shadow: inset 4px 0 #2563eb !important;
}

.checkout-dashboard-shell .co-check-ok {
  color: #047857 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

.checkout-dashboard-shell .co-check-no {
  color: #dc2626 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

/* Bankgiro/OCR separat modul: tydlig blå rad */
.checkout-dashboard-shell .co-separate-row td,
.checkout-dashboard-shell .co-separate-row:hover td {
  background: #dbeeff !important;
  border-top: 2px solid #93c5fd !important;
  border-bottom: 2px solid #93c5fd !important;
}

.checkout-dashboard-shell .co-separate-row td:first-child {
  border-left: 6px solid #2563eb !important;
}

/* Relaterade providers: mer synliga statusband */
.checkout-dashboard-shell .co-provider-row {
  border-radius: 9px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin-bottom: 4px !important;
}

.checkout-dashboard-shell .co-provider-row:has(.co-badge-ok) {
  background: #dcfce7 !important;
  border-left: 5px solid #16a34a !important;
}

.checkout-dashboard-shell .co-provider-row:has(.co-badge-warn) {
  background: #fef3c7 !important;
  border-left: 5px solid #eab308 !important;
}

.checkout-dashboard-shell .co-provider-row:has(.co-badge-error) {
  background: #fee2e2 !important;
  border-left: 5px solid #dc2626 !important;
}

.checkout-dashboard-shell .co-provider-row:has(.co-badge-off) {
  background: #e5e7eb !important;
  border-left: 5px solid #64748b !important;
}

/* Events: tydligare rader efter status */
.checkout-dashboard-shell .co-events-table tr:has(.co-badge-ok) td {
  background: #ecfdf3 !important;
}

.checkout-dashboard-shell .co-events-table tr:has(.co-badge-warn) td {
  background: #fff7cc !important;
}

.checkout-dashboard-shell .co-events-table tr:has(.co-badge-error) td {
  background: #ffecec !important;
}

.checkout-dashboard-shell .co-events-table tr:has(.co-badge-off) td {
  background: #f1f5f9 !important;
}

/* Sidostatus ännu tydligare */
.checkout-dashboard-shell .co-side-status {
  background:
    radial-gradient(circle at top right, rgba(34, 197, 94, 0.38), transparent 36%),
    linear-gradient(180deg, #12422a 0%, #0a2435 100%) !important;
  border: 1px solid rgba(134, 239, 172, 0.45) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.26) !important;
}

/* Panelrubriker får små statusstreck */
.checkout-dashboard-shell .co-method-panel h2::before,
.checkout-dashboard-shell .co-related-panel h2::before,
.checkout-dashboard-shell .co-events-panel h2::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 18px;
  border-radius: 99px;
  margin-right: 8px;
  vertical-align: -3px;
}

.checkout-dashboard-shell .co-method-panel h2::before {
  background: #2563eb;
}

.checkout-dashboard-shell .co-related-panel h2::before {
  background: #eab308;
}

.checkout-dashboard-shell .co-events-panel h2::before {
  background: #16a34a;
}


/* ============================================================
   Checkout dashboard - EXTRA tydlig färgkodning
   Mer synlig driftstatus utan att ändra layout.
   ============================================================ */

/* Sidostatus: mer tydlig grön driftpanel */
.checkout-dashboard-shell .co-side-status {
  background:
    linear-gradient(135deg, rgba(22, 163, 74, 0.95) 0%, rgba(20, 83, 45, 0.78) 42%, rgba(15, 23, 42, 0.78) 100%) !important;
  border: 1px solid rgba(134, 239, 172, 0.75) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.32),
    inset 0 0 0 1px rgba(255,255,255,0.10) !important;
}

.checkout-dashboard-shell .co-side-status-label {
  color: #d9ffe8 !important;
}

.checkout-dashboard-shell .co-side-status-title {
  color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,0.20) !important;
}

/* Header-statusrad: starkare sektioner */
.checkout-dashboard-shell .co-checkout-strip {
  border: 2px solid #93c5fd !important;
  background: #93c5fd !important;
  box-shadow: 0 10px 26px rgba(37, 99, 235, 0.16) !important;
}

.checkout-dashboard-shell .co-strip-item {
  background: #ffffff !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(1) {
  background: #dbeafe !important;
  border-left: 7px solid #1d4ed8 !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(2) {
  background: #eff6ff !important;
  border-left: 5px solid #60a5fa !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(3) {
  background: #fde68a !important;
  border-left: 7px solid #ca8a04 !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(6):has(.co-badge-ok) {
  background: #bbf7d0 !important;
  border-left: 7px solid #15803d !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(6):has(.co-badge-warn) {
  background: #fde68a !important;
  border-left: 7px solid #ca8a04 !important;
}

.checkout-dashboard-shell .co-strip-item:nth-child(6):has(.co-badge-error) {
  background: #fecaca !important;
  border-left: 7px solid #dc2626 !important;
}

/* Toppkorten: starkare band och synligare status */
.checkout-dashboard-shell .co-info-card {
  border-width: 2px !important;
}

.checkout-dashboard-shell .co-info-card::before {
  height: 7px !important;
}

.checkout-dashboard-shell .co-info-ok {
  background: linear-gradient(180deg, #dcfce7 0%, #ffffff 64%) !important;
  border-color: #22c55e !important;
}

.checkout-dashboard-shell .co-info-warn {
  background: linear-gradient(180deg, #fef08a 0%, #ffffff 66%) !important;
  border-color: #eab308 !important;
}

.checkout-dashboard-shell .co-info-neutral {
  background: linear-gradient(180deg, #dbeafe 0%, #ffffff 66%) !important;
  border-color: #3b82f6 !important;
}

.checkout-dashboard-shell .co-info-error {
  background: linear-gradient(180deg, #fecaca 0%, #ffffff 66%) !important;
  border-color: #ef4444 !important;
}

/* Badges: tydligare piller */
.checkout-dashboard-shell .co-badge {
  border-width: 2px !important;
  font-weight: 950 !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.65) inset !important;
}

.checkout-dashboard-shell .co-badge-ok {
  background: #86efac !important;
  color: #052e16 !important;
  border-color: #16a34a !important;
}

.checkout-dashboard-shell .co-badge-warn {
  background: #facc15 !important;
  color: #422006 !important;
  border-color: #a16207 !important;
}

.checkout-dashboard-shell .co-badge-error {
  background: #fca5a5 !important;
  color: #450a0a !important;
  border-color: #dc2626 !important;
}

.checkout-dashboard-shell .co-badge-off {
  background: #cbd5e1 !important;
  color: #0f172a !important;
  border-color: #64748b !important;
}

/* Tabell: stark kolumnfärg, syns direkt */
.checkout-dashboard-shell .co-method-table th:nth-child(4),
.checkout-dashboard-shell .co-method-table td:nth-child(4) {
  border-left: 4px solid #16a34a !important;
  border-right: 4px solid #16a34a !important;
}

.checkout-dashboard-shell .co-method-table th:nth-child(5),
.checkout-dashboard-shell .co-method-table td:nth-child(5) {
  border-left: 4px solid #059669 !important;
  border-right: 4px solid #059669 !important;
}

.checkout-dashboard-shell .co-method-table th:nth-child(6),
.checkout-dashboard-shell .co-method-table td:nth-child(6) {
  border-left: 4px solid #dc2626 !important;
  border-right: 4px solid #dc2626 !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(4):has(.co-badge-ok) {
  background: #bbf7d0 !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(4):has(.co-badge-off) {
  background: #cbd5e1 !important;
  border-left-color: #64748b !important;
  border-right-color: #64748b !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(5):has(.co-check-ok) {
  background: #bbf7d0 !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(5):has(.co-check-no) {
  background: #fecaca !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(6):has(.co-check-no) {
  background: #fecaca !important;
}

.checkout-dashboard-shell .co-method-table td:nth-child(6):has(.co-check-ok) {
  background: #bfdbfe !important;
  border-left-color: #2563eb !important;
  border-right-color: #2563eb !important;
}

.checkout-dashboard-shell .co-check-ok {
  color: #006b3c !important;
  font-size: 25px !important;
  font-weight: 950 !important;
}

.checkout-dashboard-shell .co-check-no {
  color: #b91c1c !important;
  font-size: 25px !important;
  font-weight: 950 !important;
}

/* Bankgiro/OCR: tydlig separat blå modulrad */
.checkout-dashboard-shell .co-separate-row td,
.checkout-dashboard-shell .co-separate-row:hover td {
  background: #bfdbfe !important;
  border-top: 2px solid #2563eb !important;
  border-bottom: 2px solid #2563eb !important;
}

.checkout-dashboard-shell .co-separate-row td:first-child {
  border-left: 8px solid #1d4ed8 !important;
}

/* Relaterade providers: starkare statuskort */
.checkout-dashboard-shell .co-provider-row {
  border-radius: 10px !important;
  margin-bottom: 6px !important;
  border: 1px solid transparent !important;
}

.checkout-dashboard-shell .co-provider-row:has(.co-badge-ok) {
  background: #bbf7d0 !important;
  border-color: #22c55e !important;
  border-left: 8px solid #15803d !important;
}

.checkout-dashboard-shell .co-provider-row:has(.co-badge-warn) {
  background: #fde68a !important;
  border-color: #eab308 !important;
  border-left: 8px solid #ca8a04 !important;
}

.checkout-dashboard-shell .co-provider-row:has(.co-badge-error) {
  background: #fecaca !important;
  border-color: #ef4444 !important;
  border-left: 8px solid #dc2626 !important;
}

.checkout-dashboard-shell .co-provider-row:has(.co-badge-off) {
  background: #d1d5db !important;
  border-color: #64748b !important;
  border-left: 8px solid #475569 !important;
}

/* Events: tydligare loggradfärger */
.checkout-dashboard-shell .co-events-table tr:has(.co-badge-ok) td {
  background: #dcfce7 !important;
}

.checkout-dashboard-shell .co-events-table tr:has(.co-badge-warn) td {
  background: #fef08a !important;
}

.checkout-dashboard-shell .co-events-table tr:has(.co-badge-error) td {
  background: #fecaca !important;
}

.checkout-dashboard-shell .co-events-table tr:has(.co-badge-off) td {
  background: #e5e7eb !important;
}

/* Panel-topplinjer ännu tydligare */
.checkout-dashboard-shell .co-method-panel::before,
.checkout-dashboard-shell .co-related-panel::before,
.checkout-dashboard-shell .co-events-panel::before {
  height: 5px !important;
}

.checkout-dashboard-shell .co-method-panel::before {
  background: linear-gradient(90deg, #1d4ed8 0%, #16a34a 48%, #dc2626 100%) !important;
}

.checkout-dashboard-shell .co-related-panel::before {
  background: linear-gradient(90deg, #ca8a04 0%, #16a34a 55%, #2563eb 100%) !important;
}

.checkout-dashboard-shell .co-events-panel::before {
  background: linear-gradient(90deg, #16a34a 0%, #2563eb 100%) !important;
}