/* LOOP Media CRM – Custom Overrides
   WICHTIG: Tabler Layout-Klassen NICHT überschreiben (.page/.page-wrapper/.container-*/.row/.col-*)
   Sonst bricht das Grid/Container-Verhalten (wie gerade passiert).
*/

:root{
  --loop-bg-0:#0b1020;
  --loop-bg-1:#0a0f1f;
}

/* Nur Hintergrund/Feintuning – Tabler bleibt “Owner” des Layouts */
/* LMCRM:THEME_SPLIT:BEGIN */
html[data-bs-theme="dark"] body{
  background:
    radial-gradient(1100px 700px at 15% -10%, rgba(32,107,196,.22), transparent 60%),
    radial-gradient(900px 600px at 85% 0%, rgba(45,212,191,.10), transparent 55%),
    linear-gradient(180deg, var(--loop-bg-0), var(--loop-bg-1));
}

html[data-bs-theme="light"] body{
  background:
    radial-gradient(950px 550px at 10% -10%, rgba(32,107,196,.08), transparent 62%),
    radial-gradient(900px 520px at 90% 0%, rgba(45,212,191,.06), transparent 58%),
    linear-gradient(180deg, #f8fafc, #eef2f7);
}
/* LMCRM:THEME_SPLIT:END */

/* Typo minimal: nicht zu fett */
.page-title{ font-weight: 600; }
.navbar-brand{ font-weight: 700; letter-spacing: .2px; }

/* Footer-Link: gleiches Erscheinungsbild wie Text */
.footer a.text-secondary{ text-decoration: none; }
.footer a.text-secondary:hover{ text-decoration: underline; }

/* LMCRM: credentials-table-links */
#credentials-table a:not(.btn) {
  color: inherit;
  text-decoration: none;
}
#credentials-table a:not(.btn):hover {
  color: inherit;
  text-decoration: underline;
}

/* LMCRM:toast-css */
.lmcrm-toast-container{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:2000;pointer-events:none;display:flex;flex-direction:column;gap:8px;align-items:center;}
.lmcrm-toast{pointer-events:none;opacity:0;transform:translateY(-6px);transition:opacity .18s ease, transform .18s ease;max-width:min(92vw,560px);background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.22);color:#f8fafc;padding:10px 14px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:.95rem;}
.lmcrm-toast.is-show{opacity:1;transform:translateY(0);}

/* LMCRM:suggest-css */
.suggest{background:rgba(15,23,42,.98);border:1px solid rgba(148,163,184,.18);border-radius:12px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.4);}
.suggest__item{display:flex;gap:12px;align-items:center;padding:10px 12px;cursor:pointer;}
.suggest__item:hover,.suggest__item.is-active{background:rgba(148,163,184,.08);}
.suggest__meta{flex:1;min-width:0;}
.suggest__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.suggest__sub{color:rgba(226,232,240,.72);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.suggest__tag{font-size:.75rem;color:rgba(226,232,240,.75);border:1px solid rgba(148,163,184,.22);padding:2px 8px;border-radius:999px;white-space:nowrap;}

/* LMCRM:search-input-icon-fix:BEGIN */
/* Suggest-Box wird als weiteres Kind in form.input-icon angehängt.
   Dadurch greift Tablers :last-child-Regel für .input-icon-addon nicht mehr.
   Diese Regel hält die Such-Lupe nur beim globalen Suchfeld stabil rechts. */
form.input-icon > input[data-autocomplete="global"] ~ .input-icon-addon {
  left: auto;
  right: 0;
}
form.input-icon > input[data-autocomplete="global"] {
  background-image: none;
}
/* LMCRM:search-input-icon-fix:END */

/* LMCRM:text-selection-visibility:BEGIN */
/* Bessere Lesbarkeit bei markiertem Text im Dark-Theme */
::selection {
  background: rgba(45, 212, 191, 0.42);
  color: #f8fafc;
  text-shadow: none;
}
::-moz-selection {
  background: rgba(45, 212, 191, 0.42);
  color: #f8fafc;
  text-shadow: none;
}
input::selection,
textarea::selection {
  background: rgba(32, 107, 196, 0.52);
  color: #ffffff;
}
input::-moz-selection,
textarea::-moz-selection {
  background: rgba(32, 107, 196, 0.52);
  color: #ffffff;
}
/* LMCRM:text-selection-visibility:END */

/* LMCRM:LIGHT_OVERLAY_TUNING:BEGIN */
html[data-bs-theme="light"] .lmcrm-toast{
  background:#ffffff;
  border:1px solid rgba(15,23,42,.12);
  color:#0f172a;
  box-shadow:0 10px 24px rgba(15,23,42,.12);
}

html[data-bs-theme="light"] .suggest{
  background:#ffffff;
  border:1px solid rgba(15,23,42,.12);
  box-shadow:0 14px 30px rgba(15,23,42,.12);
}

html[data-bs-theme="light"] .suggest__item:hover,
html[data-bs-theme="light"] .suggest__item.is-active{
  background:rgba(15,23,42,.05);
}

html[data-bs-theme="light"] .suggest__sub,
html[data-bs-theme="light"] .suggest__tag{
  color:rgba(15,23,42,.72);
}
/* LMCRM:LIGHT_OVERLAY_TUNING:END */


/* LMCRM:BRAND_CENTER */
@media (max-width: 767.98px) {
  .lmcrm-brand-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* LMCRM:EDIT_ONLY_FIELDS - Beim Bearbeiten nur Formularfelder, keine Tabellenrahmen */
.lmcrm-edit-only table,
.lmcrm-edit-only table td,
.lmcrm-edit-only table th,
.lmcrm-edit-only .table { border: none !important; }
.lmcrm-edit-only td { display: block; padding: 1.5rem; background: var(--tblr-bg-surface-secondary); border-radius: 0.5rem; }
.lmcrm-edit-only .table-responsive { border: none; }
.lmcrm-edit-only .card { border: none; }











/* LMCRM:TAB_STABLE_V2 – minimaler Fix: nowrap + scrollbar, Tabler-Geometrie unangetastet */
.card-header-tabs {
  flex-wrap: nowrap !important;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.card-header-tabs::-webkit-scrollbar { display: none; }
.card > .card-header { flex-wrap: nowrap !important; }
#customer-ctx-btn { flex-shrink: 0; }
#customer-ctx-btn:focus, #customer-ctx-btn:focus-visible {
  box-shadow: none !important;
  outline: none !important;
}
/* LMCRM:TAB_STABLE_V2:END */

/* LMCRM:ACTIVE_TAB_NO_BG – aktiver Tab ohne hellen Hintergrund, nur Unterstreichung */
/* Verhindert visuellen "Sprung" durch plötzlich erscheinenden hellen Hintergrund */
.card-header-tabs .nav-link.active,
.card-header-tabs .nav-item.show .nav-link {
  background-color: transparent !important;
  border-color: transparent transparent currentColor !important;
  border-bottom-width: 2px !important;
  color: var(--tblr-primary) !important;
}
/* LMCRM:ACTIVE_TAB_NO_BG:END */