/* KundenFlow Mail inspired global dark/glass design for Brandschutz SaaS */
:root{
  --kf-bg:#050b16;
  --kf-bg-2:#081321;
  --kf-panel:#0b1628;
  --kf-card:rgba(12,22,40,.84);
  --kf-card-solid:#0d1a2e;
  --kf-card-soft:rgba(255,255,255,.055);
  --kf-line:rgba(255,255,255,.09);
  --kf-line-2:rgba(255,255,255,.14);
  --kf-text:#eef6ff;
  --kf-muted:#9fb0c6;
  --kf-muted-2:#708198;
  --kf-accent:#18d59d;
  --kf-accent-2:#0bb77f;
  --kf-danger:#ef4444;
  --kf-warning:#f59e0b;
  --kf-success:#22c55e;
  --brand-50:rgba(24,213,157,.12);
  --brand-100:rgba(24,213,157,.18);
  --brand-500:#18d59d;
  --brand-600:#18d59d;
  --brand-700:#0bb77f;
  --brand-900:#07111f;
  --slate-50:rgba(255,255,255,.045);
  --slate-100:rgba(255,255,255,.06);
  --slate-200:rgba(255,255,255,.10);
  --slate-300:rgba(255,255,255,.16);
  --slate-400:#8ea0b8;
  --slate-500:#9fb0c6;
  --slate-600:#b9c7d8;
  --slate-700:#d8e4f2;
  --slate-800:#e9f2ff;
  --slate-900:#f8fbff;
  --slate-950:#ffffff;
}
html,body{min-height:100%;background:radial-gradient(circle at 15% 0%,rgba(24,213,157,.14),transparent 32%),radial-gradient(circle at 85% 10%,rgba(59,130,246,.12),transparent 28%),linear-gradient(135deg,var(--kf-bg),var(--kf-bg-2) 55%,#040812)!important;color:var(--kf-text)!important;}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 78%);z-index:-1}
*{scrollbar-color:rgba(255,255,255,.22) transparent;}
a{color:var(--kf-accent)}
/* utility overrides */
.bg-slate-100,.bg-slate-50,.bg-white{background:var(--kf-card)!important;color:var(--kf-text)!important;border-color:var(--kf-line)!important;}
.bg-slate-900,.bg-slate-950{background:#07111f!important;}
.bg-brand-50,.bg-red-50,.bg-green-50,.bg-emerald-100,.bg-amber-100,.bg-slate-100\/90,.bg-brand-50\/40{background:rgba(255,255,255,.06)!important;color:var(--kf-text)!important;border-color:var(--kf-line)!important;}
.bg-brand-600,.bg-red-600{background:linear-gradient(135deg,var(--kf-accent),var(--kf-accent-2))!important;color:#04110c!important;border:0!important;box-shadow:0 14px 32px rgba(24,213,157,.22)!important;}
.hover\:bg-red-700:hover,.hover\:bg-slate-800:hover{filter:brightness(1.08)!important;}
.text-slate-900,.text-slate-950,.text-slate-800,.text-slate-700,.font-semibold,.font-bold,.font-black{color:var(--kf-text)!important;}
.text-slate-600,.text-slate-500,.text-slate-400,.text-slate-300{color:var(--kf-muted)!important;}
.text-brand-700,.text-red-600,.text-red-700,.text-green-700,.text-emerald-700,.text-amber-700{color:var(--kf-accent)!important;}
.border,.border-t,.border-b,.border-r,.border-slate-100,.border-slate-200,.border-red-100,.border-red-500{border-color:var(--kf-line)!important;}
.shadow-sm,.shadow-lg,.shadow-xl,.shadow-soft{box-shadow:0 22px 55px rgba(0,0,0,.26)!important;}
.rounded-3xl,.rounded-\[2rem\]{border-radius:24px!important;}
/* core cards/panels */
.glass-card,.rounded-3xl.bg-white,.rounded-\[2rem\].bg-white,section.bg-white,div.bg-white,form.bg-white,.contact-card,.price-card,.feature-card,.problem-card,.target-card,.trust-card,.industry-card,.compare-card{background:var(--kf-card)!important;border:1px solid var(--kf-line)!important;backdrop-filter:blur(22px)!important;box-shadow:0 24px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)!important;}
/* Sidebar */
.panel-sidebar,.app-sidebar{background:linear-gradient(180deg,rgba(8,19,33,.96),rgba(7,13,25,.98))!important;border-right:1px solid var(--kf-line)!important;color:var(--kf-text)!important;box-shadow:18px 0 50px rgba(0,0,0,.26)!important;}
.panel-sidebar nav button,.panel-sidebar .rounded-2xl,.app-sidebar nav button{border:1px solid transparent!important;color:var(--kf-muted)!important;background:transparent!important;box-shadow:none!important;}
.panel-sidebar nav button:hover,.app-sidebar nav button:hover{background:rgba(255,255,255,.06)!important;color:var(--kf-text)!important;border-color:var(--kf-line)!important;}
.panel-sidebar nav button.bg-brand-600,.app-sidebar nav button.bg-brand-600{background:linear-gradient(135deg,rgba(24,213,157,.22),rgba(24,213,157,.10))!important;color:var(--kf-text)!important;border:1px solid rgba(24,213,157,.28)!important;box-shadow:0 16px 38px rgba(24,213,157,.09)!important;}
.panel-sidebar .mt-auto button{background:rgba(255,255,255,.07)!important;border:1px solid var(--kf-line)!important;color:var(--kf-text)!important;}
/* Header/content */
main.flex-1>header, header.bg-white{background:rgba(7,17,31,.78)!important;border-bottom:1px solid var(--kf-line)!important;backdrop-filter:blur(20px)!important;position:sticky;top:0;z-index:40;}
main.flex-1>div,.max-w-7xl{position:relative;}
/* Forms */
input,select,textarea{background:#081322!important;border:1px solid var(--kf-line-2)!important;color:var(--kf-text)!important;border-radius:16px!important;outline:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;}
input::placeholder,textarea::placeholder{color:var(--kf-muted-2)!important;}
input:focus,select:focus,textarea:focus{border-color:rgba(24,213,157,.65)!important;box-shadow:0 0 0 4px rgba(24,213,157,.14)!important;}
input[type="color"]{padding:4px!important;background:#081322!important;}
label span,label{color:var(--kf-muted)!important;}
button{transition:.18s ease;}
button.bg-white,button.border{background:rgba(255,255,255,.055)!important;color:var(--kf-text)!important;border:1px solid var(--kf-line)!important;}
button.bg-white:hover,button.border:hover{background:rgba(255,255,255,.09)!important;}
/* Tables */
table{width:100%;border-collapse:separate!important;border-spacing:0!important;}
thead,.bg-slate-50{background:rgba(255,255,255,.045)!important;}
th{color:var(--kf-muted)!important;font-weight:800!important;text-transform:none!important;}
td,th{border-color:var(--kf-line)!important;}
tbody tr{transition:.16s ease;background:transparent!important;}
tbody tr:hover{background:rgba(255,255,255,.04)!important;}
/* Badges */
.inline-flex,.rounded-full{border-color:var(--kf-line)!important;}
/* Modals/toasts */
#panelModal,#moduleModal{backdrop-filter:blur(8px)!important;background:rgba(0,0,0,.62)!important;}
#panelModal>div,#moduleModal>div{background:#0b1628!important;border:1px solid var(--kf-line)!important;color:var(--kf-text)!important;}
/* Login */
.login-hero,section.login-hero{background:radial-gradient(circle at 30% 20%,rgba(24,213,157,.18),transparent 28%),linear-gradient(135deg,#081526,#050913)!important;}
.login-hero img{max-width:260px;height:auto!important;filter:drop-shadow(0 18px 34px rgba(0,0,0,.35));}
/* Portal */
.portal-shell,.portal-sidebar{background:var(--kf-card)!important;}
/* Module iframe */
iframe{background:transparent!important;}
/* Mobile responsive polish */
.kf-mobile-menu-btn{display:none;background:rgba(255,255,255,.07)!important;border:1px solid var(--kf-line)!important;color:var(--kf-text)!important;border-radius:14px!important;padding:.65rem .9rem!important;}
.kf-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(4px);z-index:79;}
.kf-overlay.show{display:block;}
@media(max-width:1023px){
  .min-h-screen.flex{display:block!important;}
  .kf-mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;}
  .app-sidebar{position:fixed!important;top:0;left:0;width:286px!important;max-width:86vw;height:100vh;z-index:80;transform:translateX(-105%);transition:transform .24s ease;overflow-y:auto;padding-top:18px!important;}
  .app-sidebar.open{transform:translateX(0);}
  main.flex-1>header{display:flex!important;gap:12px!important;align-items:center!important;padding:12px 14px!important;}
  main.flex-1>header .kf-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  main.flex-1>div{padding:14px!important;}
  .grid.lg\:grid-cols-3,.grid.lg\:grid-cols-2,.grid.lg\:grid-cols-\[260px_1fr\]{grid-template-columns:1fr!important;}
  .flex.items-center.justify-between{align-items:flex-start;gap:12px;}
  table{min-width:760px;}
  .overflow-x-auto{border-radius:18px;border:1px solid var(--kf-line);}
}
@media(max-width:640px){
  .text-5xl{font-size:2.3rem!important}.text-6xl{font-size:2.7rem!important}.text-3xl{font-size:1.55rem!important}.text-2xl{font-size:1.25rem!important}
  .p-8,.p-10,.p-12{padding:1.2rem!important}.p-6{padding:1rem!important}
  .rounded-3xl,.rounded-\[2rem\]{border-radius:20px!important;}
  .grid-cols-3{grid-template-columns:1fr!important;}
}

.hover\:bg-slate-100:hover{background:rgba(255,255,255,.06)!important;}
.text-red-700,.text-amber-700,.text-green-700,.text-sky-700,.text-orange-700{color:var(--kf-accent)!important;}
.bg-sky-50,.bg-orange-50,.bg-brand-100,.bg-sky-600,.bg-orange-50{background:rgba(255,255,255,.06)!important;}
.ring-2{box-shadow:0 0 0 2px rgba(24,213,157,.35),0 24px 70px rgba(0,0,0,.30)!important;}