:root{
  --accent:#ff4b1f;
  --accent-2:#ff7a2f;
  --accent-soft:#fff0eb;
  --ink:#17191f;
  --muted:#777d89;
  --muted-2:#9da2ab;
  --bg:#f5f6f8;
  --panel:#ffffff;
  --sidebar:#191a1d;
  --sidebar-2:#222327;
  --sidebar-line:#303137;
  --line:#e7e9ed;
  --success:#16a36a;
  --success-soft:#eaf9f2;
  --warning:#e99a14;
  --warning-soft:#fff7e5;
  --danger:#d84a4a;
  --danger-soft:#fff0f0;
  --blue:#377cf6;
  --blue-soft:#edf4ff;
  --purple:#7757db;
  --purple-soft:#f0ecff;
  --shadow:0 10px 28px rgba(22,25,31,.06);
  --shadow-lg:0 24px 70px rgba(22,25,31,.12);
  --radius:18px;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased
}
button,input,select,textarea{font:inherit}
button{color:inherit}
.hidden{display:none!important}
a{color:inherit}
svg{display:block}
.btn{
  min-height:42px;border:0;border-radius:12px;padding:10px 15px;font-weight:800;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease;text-decoration:none
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;box-shadow:0 8px 20px rgba(255,75,31,.18)}
.btn-primary:hover{box-shadow:0 12px 25px rgba(255,75,31,.24)}
.btn-light{background:#fff;border:1px solid var(--line);color:#363a42}
.btn-light:hover{border-color:#d5d8de;background:#fafafa}
.btn-danger{background:var(--danger-soft);border:1px solid #ffd1d1;color:#b52d2d}
.btn-blue{background:var(--blue-soft);border:1px solid #d6e5ff;color:#1f63d5}
.field{
  width:100%;min-height:42px;padding:10px 12px;border:1px solid #dfe2e7;border-radius:12px;background:#fff;color:var(--ink);
  outline:none;transition:border .15s,box-shadow .15s
}
.field:focus{border-color:#ff9a79;box-shadow:0 0 0 4px rgba(255,75,31,.08)}
textarea.field{min-height:96px;resize:vertical}
label{display:block;font-size:11px;font-weight:850;color:#666d79;margin-bottom:6px;letter-spacing:.015em}
.note{font-size:12px;color:var(--muted);line-height:1.55}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:10.5px;font-weight:900;white-space:nowrap}
.s-NEU{background:#f0f1f3;color:#565b64}.s-KONTAKTIERT{background:var(--blue-soft);color:#2766cc}
.s-INTERESSE{background:var(--warning-soft);color:#996008}.s-TERMIN{background:var(--purple-soft);color:#6245bd}
.s-ANGEBOT{background:#fff1e7;color:#b45d1d}.s-NACHFASSEN{background:var(--danger-soft);color:#b63838}
.s-GEWONNEN{background:var(--success-soft);color:#0f8051}.s-VERLOREN{background:#f1f2f4;color:#767b85}.s-SPÄTER{background:#eaf8fc;color:#21748b}
.role-CHEF{background:var(--accent-soft);color:#c53a18}.role-MANAGER{background:var(--purple-soft);color:#5e46b5}.role-MITARBEITER{background:var(--blue-soft);color:#2d65be}
.status-PENDING{background:var(--warning-soft);color:#97600c}.status-APPROVED{background:var(--success-soft);color:#0e8051}.status-REJECTED{background:var(--danger-soft);color:#b63838}

/* Login */
#authScreen{
  min-height:100vh;display:grid;place-items:center;padding:28px;
  background:
    radial-gradient(circle at 18% 15%,rgba(255,88,39,.20),transparent 27%),
    radial-gradient(circle at 84% 84%,rgba(255,144,70,.12),transparent 26%),
    #111216;
}
.authcard{
  width:min(500px,96vw);padding:28px;background:#fff;border:1px solid rgba(255,255,255,.18);
  border-radius:24px;box-shadow:0 35px 110px rgba(0,0,0,.35)
}
.authbrand{text-align:center;margin-bottom:22px}
.brandmark{
  width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin:0 auto 12px;
  background:linear-gradient(145deg,var(--accent),#ff7f28);color:white;box-shadow:0 14px 28px rgba(255,75,31,.28)
}
.authbrand h1{margin:0;font-size:25px;letter-spacing:-.03em}.authbrand .note{margin-top:5px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;background:#f2f3f5;border-radius:13px;margin-bottom:18px}
.auth-tab{border:0;background:transparent;border-radius:10px;padding:10px;font-weight:850;color:#737985;cursor:pointer}
.auth-tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 9px rgba(20,22,27,.07)}
.authpane{display:none}.authpane.active{display:block}.authpane .field{margin-bottom:11px}
.authmsg{font-size:12px;margin:10px 0;padding:10px 11px;border-radius:10px;display:none}.authmsg.show{display:block}.authmsg.ok{background:var(--success-soft);color:#0d754c}.authmsg.err{background:var(--danger-soft);color:#a93232}
.pendingbox{background:var(--warning-soft);border:1px solid #ffe1a5;border-radius:13px;padding:12px;margin-top:12px;color:#875806;font-size:12px;line-height:1.5}

/* App shell */
#app{min-height:100vh}
.app-shell{min-height:100vh}
.sidebar{
  position:fixed;left:0;top:0;bottom:0;width:274px;background:var(--sidebar);color:#f5f6f8;z-index:60;
  display:flex;flex-direction:column;border-right:1px solid var(--sidebar-line);box-shadow:12px 0 40px rgba(12,13,16,.08)
}
.sidebar-head{height:78px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--sidebar-line)}
.sidebar-head .brandmark{margin:0;width:42px;height:42px;border-radius:13px;box-shadow:none;flex:0 0 auto}
.brandcopy strong{font-size:17px;display:block;letter-spacing:-.02em}.brandcopy span{display:block;font-size:10px;color:#9da1aa;margin-top:2px;font-weight:800;letter-spacing:.08em}
.sidebar-search{padding:14px 14px 8px;position:relative}
.sidebar-search svg{position:absolute;left:26px;top:27px;color:#7e838c}
.sidebar-search input{
  width:100%;height:38px;background:#101114;border:1px solid #303137;color:white;border-radius:12px;padding:0 12px 0 38px;outline:none
}
.sidebar-search input::placeholder{color:#737780}
.nav-label{padding:16px 18px 7px;font-size:9.5px;color:#72767e;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.sidebar nav{padding:0 11px;display:grid;gap:4px}
.navbtn{
  width:100%;border:0;background:transparent;color:#c7c9ce;min-height:45px;border-radius:12px;padding:0 12px;
  display:flex;align-items:center;gap:12px;text-align:left;font-weight:780;font-size:13.5px;cursor:pointer;transition:.16s
}
.navbtn svg{width:18px;height:18px;color:#9b9ea6;flex:0 0 auto}
.navbtn:hover{background:#242529;color:#fff}
.navbtn.active{background:linear-gradient(90deg,rgba(255,75,31,.22),rgba(255,75,31,.08));color:#ff6b42;box-shadow:inset 3px 0 0 var(--accent)}
.navbtn.active svg{color:#ff6b42}
.nav-spacer{flex:1}
.sidebar-footer{padding:13px;border-top:1px solid var(--sidebar-line)}
.sidebar-user{background:#232428;border:1px solid #2e3035;border-radius:14px;padding:11px;display:flex;gap:10px;align-items:center}
.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,var(--accent),#ff7d27);display:grid;place-items:center;color:white;font-size:13px;font-weight:900;flex:0 0 auto}
.user-meta{min-width:0;flex:1}.userpill{font-size:11px;font-weight:850;color:#f5f6f8;white-space:normal;line-height:1.35}.user-role{font-size:9px;color:#8d9199;margin-top:2px;text-transform:uppercase;letter-spacing:.08em}
.logout-icon{width:34px;height:34px;border:0;background:transparent;color:#888d96;border-radius:9px;cursor:pointer}.logout-icon:hover{background:#303136;color:white}
.logo-image{
  width:100%;height:100%;object-fit:contain;display:block
}
.logo-big{border-radius:16px;overflow:hidden;background:#fff}
.logo-small{border-radius:13px;overflow:hidden;background:#fff}
.package-section{margin-bottom:17px}
.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.package-card{overflow:hidden;display:flex;flex-direction:column}
.package-cover{height:210px;background:#f2f3f5;border-bottom:1px solid var(--line)}
.package-cover img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.package-body{padding:16px}
.package-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.package-top h3{margin:0;font-size:20px;letter-spacing:-.02em}
.package-price{font-size:26px;font-weight:950;line-height:1;color:var(--accent)}
.package-sub{font-size:11px;color:var(--muted);font-weight:800;margin-top:4px}
.package-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.package-list li{font-size:12px;color:#454b55;display:flex;gap:8px;align-items:flex-start}
.package-list li:before{content:"✓";color:var(--success);font-weight:900}
.package-action{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}
.package-chip{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f7f8fa;border:1px solid var(--line);font-size:10px;font-weight:900;color:#646b75}
.package-value{color:#0f8051;background:var(--success-soft);border-color:#cdeedd}
.package-note{font-size:11px;color:#7b828d;line-height:1.45;margin-top:10px}
.package-col{white-space:nowrap}
.workspace{margin-left:274px;min-height:100vh}
.topbar{
  height:78px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:16px;padding:0 26px;position:sticky;top:0;z-index:40
}
.mobile-menu{display:none;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;justify-content:center;cursor:pointer}
.top-search{position:relative;flex:1;max-width:540px}.top-search svg{position:absolute;left:13px;top:12px;color:#9297a1}
.top-search input{width:100%;height:43px;border:1px solid var(--line);border-radius:13px;background:#f8f9fa;padding:0 14px 0 40px;outline:none}
.top-search input:focus{border-color:#efc0b2;background:#fff;box-shadow:0 0 0 4px rgba(255,75,31,.06)}
.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.top-icon{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;place-items:center;color:#777d87}
.top-date{padding:9px 12px;border:1px solid var(--line);background:#fff;border-radius:12px;line-height:1.05}.top-date small{font-size:9px;color:var(--muted);font-weight:750}.top-date strong{display:block;font-size:12px;margin-top:3px}
.content{padding:25px 27px 42px;max-width:1700px;margin:0 auto}
.page{display:none}.page.active{display:block}
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}
.eyebrow{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px}
.hero h1{margin:0;font-size:30px;letter-spacing:-.035em;line-height:1.08}.hero p{margin:7px 0 0;color:var(--muted);font-size:13px}
.datepill{border:1px solid #ffd8cc;background:var(--accent-soft);color:#bc3a1b;border-radius:12px;padding:10px 13px;font-size:12px;font-weight:850}

/* Dashboard components */
.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin:0 0 18px}
.kpi{padding:17px;min-height:128px;position:relative;overflow:hidden}
.kpi:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-24px;top:-25px;background:rgba(255,75,31,.055)}
.kpi-icon{width:34px;height:34px;border-radius:11px;background:#f6f7f9;display:grid;place-items:center;margin-bottom:15px;color:#747a85}
.kpi .lab{font-size:11px;color:var(--muted);font-weight:800}.kpi .val{font-size:28px;font-weight:950;margin-top:4px;letter-spacing:-.04em}
.kpi-foot{font-size:10px;color:#9a9faa;margin-top:4px}
.finder{
  padding:0;margin-bottom:18px;overflow:hidden;background:linear-gradient(135deg,#fff 60%,#fff7f3)
}
.finder-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid var(--line)}
.finder-title{display:flex;align-items:center;gap:11px}.finder-icon{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.finder-title h2{margin:0;font-size:16px}.finder-title .note{margin-top:2px}
.finder-body{padding:16px 18px}.finder-grid{display:grid;grid-template-columns:1fr 1fr auto auto;gap:9px;align-items:end}
.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;cursor:pointer;color:#616772}.chip:hover{border-color:#ffc2af;background:#fff8f5;color:#b93d1e}
.grid2{display:grid;grid-template-columns:1.3fr .7fr;gap:17px;align-items:start}.stack{display:grid;gap:17px}
.section{padding:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title h2{margin:0;font-size:16px;letter-spacing:-.015em}
.follow{padding:12px;border:1px solid var(--line);border-radius:13px;margin-bottom:9px;background:#fff}.follow:last-child{margin-bottom:0}.follow.late{background:#fff7f7;border-color:#ffd6d6}.follow.today{background:#fffaf0;border-color:#ffe1a5}
.goal{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.goal:last-child{border-bottom:0}.goal input{width:18px;height:18px;accent-color:var(--accent)}
.goalbar{margin:13px 0}.goalbar-top{display:flex;justify-content:space-between;font-size:11px;font-weight:850;margin-bottom:6px}
.bar{height:8px;border-radius:99px;background:#eef0f3;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:99px}

/* Leads */
.quick{display:grid;grid-template-columns:1.2fr .7fr .7fr auto;gap:9px;margin-bottom:13px}
.controls{display:grid;grid-template-columns:1.35fr .55fr .55fr .55fr;gap:9px;margin-bottom:13px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
table{width:100%;border-collapse:collapse;min-width:980px;background:#fff}th,td{padding:12px 12px;border-bottom:1px solid #eceef1;text-align:left;font-size:12px;vertical-align:middle}
th{background:#fafafa;color:#7d838d;font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;position:sticky;top:0}
tbody tr:hover{background:#fcfcfd}.icon{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer}.icon:hover{border-color:#ffc8b7;background:#fff8f5}

/* Analytics */
.filterbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:end}
.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0 17px}.analytics-grid .kpi{min-height:112px}
.chart-card{padding:18px}.chart-wrap{position:relative;height:310px}.chart-wrap canvas{width:100%;height:100%}


/* Account Management */
.account-create{
  padding:18px;margin-bottom:17px;
  background:linear-gradient(135deg,#fff 55%,#fff7f3);
  border-color:#f0dfd8
}
.account-create-grid{
  display:grid;grid-template-columns:1.1fr .85fr .85fr .75fr;gap:11px
}
.account-create-grid .span2{grid-column:span 2}
.account-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:11px 0 14px}
.account-type-card{
  border:1px solid var(--line);border-radius:13px;background:#fff;padding:12px;cursor:pointer;
  transition:.15s;position:relative
}
.account-type-card:hover{border-color:#ffc9b9;background:#fff9f6}
.account-type-card.selected{border-color:#ff9e80;background:#fff4ef;box-shadow:0 0 0 3px rgba(255,75,31,.06)}
.account-type-card input{position:absolute;opacity:0;pointer-events:none}
.account-type-card strong{display:block;font-size:12px}
.account-type-card span{display:block;font-size:10px;color:var(--muted);margin-top:3px;line-height:1.4}
.account-actions{display:flex;justify-content:flex-end;gap:9px;align-items:center;margin-top:13px;flex-wrap:wrap}
.account-result{
  margin-top:14px;border:1px solid #bfe9d8;background:#effbf6;border-radius:14px;padding:14px
}
.account-result-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.login-data{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px}
.login-data div{background:#fff;border:1px solid #dcefe7;border-radius:10px;padding:9px}
.login-data span{display:block;font-size:9px;color:#7a8580;text-transform:uppercase;font-weight:900;letter-spacing:.05em}
.login-data strong{display:block;font-size:13px;margin-top:3px;word-break:break-all}
.type-MITARBEITER{background:#edf4ff;color:#2863bc}
.type-FREELANCER{background:#f1edff;color:#6548be}
.type-AGENTUR{background:#fff0e9;color:#b64d24}
.team-contact{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}
.contact-chip{font-size:10px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 7px;color:#646b75}
.team-account-actions{display:flex;gap:7px;flex-wrap:wrap}
@media(max-width:1050px){
  .account-create-grid{grid-template-columns:1fr 1fr}
  .account-type-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .account-create-grid,.login-data{grid-template-columns:1fr}
  .account-create-grid .span2{grid-column:auto}
}

/* Team */
.team-row{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;margin-bottom:9px}
.smallstat{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.smallstat div{background:#f7f8fa;border:1px solid #f0f1f3;border-radius:9px;padding:8px;text-align:center;font-size:10px;color:#777d87}.smallstat strong{display:block;font-size:17px;color:var(--ink);margin-bottom:2px}


/* Sales CRM Pro */
.sales-cockpit{display:grid;grid-template-columns:1.35fr .65fr;gap:17px;margin-bottom:18px}
.cockpit-card{padding:18px}
.cockpit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
.cockpit-head h2{margin:0;font-size:16px;letter-spacing:-.015em}
.funnel{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.funnel-stage{position:relative;padding:13px 10px;border:1px solid var(--line);border-radius:13px;background:#fafbfc;min-width:0}
.funnel-stage:after{content:"";position:absolute;right:-7px;top:50%;width:12px;height:12px;border-top:1px solid #d9dce1;border-right:1px solid #d9dce1;transform:translateY(-50%) rotate(45deg);background:#fafbfc;z-index:2}
.funnel-stage:last-child:after{display:none}
.funnel-stage strong{display:block;font-size:23px;letter-spacing:-.035em}
.funnel-stage span{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.focus-list{display:grid;gap:8px}
.focus-item{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;gap:10px}
.focus-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:0 0 auto}
.focus-item strong{display:block;font-size:12px}.focus-item .note{margin-top:2px}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}
.mix-row{display:grid;grid-template-columns:120px 1fr 34px;gap:9px;align-items:center;margin:10px 0}
.mix-label{font-size:11px;font-weight:850;color:#545b65}
.mix-track{height:8px;background:#eef0f3;border-radius:999px;overflow:hidden}.mix-track span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}
.mix-value{text-align:right;font-size:11px;font-weight:900}
.activity-feed{display:grid;gap:0}
.activity-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid #eef0f2;align-items:center}
.activity-item:last-child{border-bottom:0}
.activity-icon{width:32px;height:32px;border-radius:10px;background:#f6f7f9;display:grid;place-items:center;font-size:14px}
.activity-item strong{font-size:12px}.activity-time{font-size:10px;color:#9a9faa;white-space:nowrap}

/* Pipeline */
.pipeline-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.pipeline-legend{display:flex;gap:7px;flex-wrap:wrap}
.pipeline-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(255px,1fr);gap:12px;overflow:auto;padding:2px 2px 14px}
.pipeline-col{border:1px solid var(--line);border-radius:15px;background:#f8f9fb;min-height:520px}
.pipeline-col-head{padding:12px 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#f8f9fb;border-radius:15px 15px 0 0;z-index:2}
.pipeline-col-head strong{font-size:12px}.pipeline-count{min-width:25px;height:25px;border-radius:999px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:10px;font-weight:900}
.pipeline-drop{padding:10px;display:grid;gap:9px;min-height:455px}
.pipeline-drop.drag-over{background:#fff4ef}
.pipeline-card{background:#fff;border:1px solid #e6e8ec;border-radius:13px;padding:12px;box-shadow:0 4px 12px rgba(20,24,30,.04);cursor:grab}
.pipeline-card:active{cursor:grabbing}.pipeline-card:hover{border-color:#ffc6b5;box-shadow:0 8px 18px rgba(20,24,30,.07)}
.pipeline-card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.pipeline-card h4{margin:0;font-size:13px}
.pipeline-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.pipeline-footer{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #eff0f2;font-size:10px;color:#858b94}
.priority{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900}
.prio-HOCH{background:#fff0f0;color:#b73838}.prio-MITTEL{background:#fff7e7;color:#95630a}.prio-NIEDRIG{background:#eef5ff;color:#3467ad}

/* Follow-up center */
.followup-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.followup-stat{padding:15px}.followup-stat .lab{font-size:10px;font-weight:850;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.followup-stat .val{font-size:27px;font-weight:950;margin-top:4px}
.followup-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.followup-column{padding:16px}.followup-column h3{margin:0 0 11px;font-size:14px}
.followup-row{padding:11px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;background:#fff}.followup-row:last-child{margin-bottom:0}
.followup-row.overdue{border-color:#ffd0d0;background:#fff8f8}.followup-row.today-due{border-color:#ffe0a4;background:#fffaf1}
.followup-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}

/* Lead extras */
.source-badge{display:inline-flex;padding:5px 7px;border-radius:8px;background:#f5f6f8;border:1px solid var(--line);font-size:9.5px;font-weight:800;color:#676e78}
.lead-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.empty-pro{padding:24px;text-align:center;color:var(--muted);font-size:12px}

/* Sales health */
.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.health-card{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff}
.health-card strong{font-size:22px;display:block}.health-card span{font-size:10px;color:var(--muted);font-weight:850}

@media(max-width:1250px){
  .sales-cockpit{grid-template-columns:1fr}
  .funnel{grid-template-columns:repeat(3,1fr)}
  .funnel-stage:nth-child(3):after,.funnel-stage:nth-child(6):after{display:none}
  .followup-groups{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .mini-grid,.followup-groups{grid-template-columns:1fr}
  .followup-summary{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .funnel{grid-template-columns:repeat(2,1fr)}
  .funnel-stage:after{display:none}
  .followup-summary,.health-grid{grid-template-columns:1fr}
  .mix-row{grid-template-columns:95px 1fr 30px}
}

/* Dialog */
dialog{width:min(800px,94vw);border:0;border-radius:22px;padding:0;box-shadow:var(--shadow-lg)}dialog::backdrop{background:rgba(18,19,23,.62);backdrop-filter:blur(2px)}
.modal-head,.modal-foot{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head{border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:18px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end}.modal-body{padding:20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}
.sidebar-shade{display:none}

@media(max-width:1250px){
  .kpis{grid-template-columns:repeat(3,1fr)}
  .grid2{grid-template-columns:1fr}
  .analytics-grid{grid-template-columns:repeat(2,1fr)}
  .package-grid{grid-template-columns:1fr}
}
@media(max-width:980px){
  .sidebar{transform:translateX(-100%);transition:.22s}.app-shell.sidebar-open .sidebar{transform:translateX(0)}
  .workspace{margin-left:0}.mobile-menu{display:flex}.sidebar-shade{display:block;position:fixed;inset:0;background:rgba(8,9,12,.5);z-index:55;opacity:0;pointer-events:none;transition:.2s}
  .app-shell.sidebar-open .sidebar-shade{opacity:1;pointer-events:auto}
  .finder-grid{grid-template-columns:1fr 1fr}.filterbar{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .topbar{padding:0 14px}.content{padding:18px 14px 32px}.top-search{display:none}.top-date{display:none}.top-icon{display:none}
  .hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:25px}
  .kpis{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}
  .quick,.controls,.finder-grid,.form-grid,.filterbar{grid-template-columns:1fr}.full{grid-column:auto}
  .team-row{grid-template-columns:1fr}.smallstat{grid-template-columns:repeat(2,1fr)}
}


/* ===========================
   Liefermio Modular V1
   additive module shell
   =========================== */
.module-root{min-height:calc(100vh - 78px)}
.module-placeholder{padding:28px;text-align:center;color:var(--muted)}
.module-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.module-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.module-toggle-card{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}
.module-toggle-card .module-info{flex:1;min-width:0}
.module-toggle-card h3{margin:0;font-size:14px}.module-toggle-card p{margin:4px 0 0;font-size:11px;color:var(--muted);line-height:1.5}
.switch{position:relative;width:46px;height:26px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;inset:0;background:#d9dde3;border-radius:999px;cursor:pointer;transition:.2s}
.slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 7px rgba(0,0,0,.18);transition:.2s}
.switch input:checked + .slider{background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.switch input:checked + .slider:before{transform:translateX(20px)}
.system-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.system-info-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}
.system-info-card strong{display:block;font-size:20px}.system-info-card span{font-size:10px;color:var(--muted);font-weight:850}
.backup-box{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.nav-group-title{padding:16px 18px 7px;font-size:9.5px;color:#72767e;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.external-nav{width:100%;border:0;background:transparent;color:#c7c9ce;min-height:45px;border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:780;font-size:13.5px;cursor:pointer;transition:.16s;text-decoration:none}
.external-nav:hover{background:#242529;color:#fff}
.external-nav svg{width:18px;height:18px;color:#9b9ea6;flex:0 0 auto}
.toast{position:fixed;right:20px;bottom:20px;z-index:1000;background:#17191f;color:#fff;border-radius:12px;padding:11px 14px;box-shadow:0 16px 40px rgba(0,0,0,.22);font-size:12px;font-weight:750;opacity:0;transform:translateY(10px);pointer-events:none;transition:.18s}
.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:900px){.module-toggle-grid,.system-info-grid{grid-template-columns:1fr}}


/* ===========================
   Liefermio Vertrieb Modular V2
   Restaurant 360° + Timeline + Tasks
   =========================== */
#globalDialog:has(.detail-modal){width:min(1180px,96vw);max-height:94vh}
.detail-head{align-items:flex-start}
.detail-head h3{font-size:24px;margin-top:3px}
.detail-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.detail-body{background:#f6f7f9}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,.75fr);gap:16px;align-items:start}
.detail-main,.detail-side{display:grid;gap:16px}
.detail-section{padding:17px}
.detail-section .section-title{margin-bottom:13px}
.detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.detail-info-grid>div{border:1px solid var(--line);background:#fafbfc;border-radius:12px;padding:11px}
.detail-info-grid span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:900;margin-bottom:4px}
.detail-info-grid strong{font-size:12px;word-break:break-word}
.detail-contact-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.detail-timeline{display:grid}
.detail-timeline-item{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:11px 0;border-bottom:1px solid #edf0f2}
.detail-timeline-item:last-child{border-bottom:0}
.timeline-icon{width:36px;height:36px;border-radius:11px;background:#f3f5f7;border:1px solid var(--line);display:grid;place-items:center;font-weight:900}
.timeline-copy strong{font-size:12px;display:block}
.timeline-copy div{font-size:11px;color:#555d67;margin-top:2px}
.timeline-copy span{font-size:9.5px;color:#9a9faa;display:block;margin-top:4px}
.detail-notes{white-space:pre-wrap;font-size:12px;line-height:1.65;color:#4c535d}
.sticky-card{position:sticky;top:0}
.next-action-box{border-radius:13px;padding:13px;margin-bottom:12px;border:1px solid var(--line)}
.next-action-box.has-date{background:#fff8f4;border-color:#ffd2c5}
.next-action-box.no-date{background:#fafbfc}
.next-action-box span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:900;display:block}
.next-action-box strong{font-size:14px;display:block;margin-top:4px}
.detail-side label{display:block;font-size:10px;font-weight:850;color:#676e78;margin:9px 0 5px}
.detail-wide{width:100%;margin-top:10px}
.quick-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.quick-action{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:72px;cursor:pointer;font-size:20px;font-weight:900;transition:.15s}
.quick-action span{display:block;font-size:10px;margin-top:5px;color:#555d67}
.quick-action:hover{border-color:#ffbda9;background:#fff8f5;transform:translateY(-1px)}
.quick-action.success{background:#f3fbf6;border-color:#ccebd6;color:#1d8b4d}
.quick-action.success span{color:#247947}
.btn-danger-soft{background:#fff2f2;color:#b63636;border:1px solid #ffd3d3}
.btn-mini{min-height:32px;padding:6px 10px;font-size:10px}
.row-actions{white-space:nowrap}
.lead-row{cursor:pointer}
.lead-row:hover td{background:#fff9f6}
.next-cell{font-size:11px}
@media(max-width:900px){
  #globalDialog:has(.detail-modal){width:96vw}
  .detail-grid{grid-template-columns:1fr}
  .sticky-card{position:static}
}
@media(max-width:650px){
  .detail-info-grid{grid-template-columns:1fr}
  .quick-action-grid{grid-template-columns:repeat(2,1fr)}
}


/* ===========================
   Liefermio Vertrieb Modular V3
   Tasks + Offers + Chef Analytics
   =========================== */
.task-kpis,.offer-kpis{margin-bottom:17px}
.task-list{display:grid;gap:9px}
.task-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff}
.task-row.is-overdue{border-color:#ffc6c6;background:#fff8f8}
.task-row.is-today{border-color:#ffd8b8;background:#fffaf5}
.task-row.is-done{opacity:.62;background:#f7f8f9}
.task-check{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;font-size:17px;font-weight:900}
.task-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.task-title strong{font-size:12px}
.task-meta{font-size:10px;color:var(--muted);margin-top:4px}
.task-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.offer-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.os-draft{background:#f1f2f4;color:#626873}
.os-sent{background:#fff2e7;color:#b85f13}
.os-accepted{background:#eaf8ef;color:#21804a}
.os-declined{background:#fff0f0;color:#b63c3c}
.mini-offer{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafbfc}
.mini-offer div span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:900}
.mini-offer div strong{font-size:13px;display:block;margin-top:4px}
.empty-pro.compact{padding:13px}
@media(max-width:700px){
  .task-row{grid-template-columns:36px 1fr}
  .task-actions{grid-column:1/-1;justify-content:flex-start}
}

/* V4 Onboarding + Chef Chat */
.soft-warning{background:#fff8e8;border:1px solid #f3d890;padding:12px 14px;border-radius:13px;margin-bottom:14px;font-size:11px;color:#6a5418}
.v4-onboard{min-height:560px}.ob-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px;border-bottom:1px solid var(--line);padding-bottom:10px}.ob-tab{border:0;background:#f3f4f6;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.ob-tab.active{background:#191b21;color:#fff}.ob-pane{display:none}.ob-pane.active{display:block}
.onboard-list{display:grid;gap:10px}.onboard-row{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px}.onboard-main{flex:1}.onboard-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.onboard-meta{font-size:10px;color:var(--muted);margin-top:5px}.progress{height:7px;background:#eceef1;border-radius:99px;overflow:hidden;margin-top:9px}.progress span{display:block;height:100%;background:#ff6633;border-radius:99px}
.hours-head,.hours-row{display:grid;grid-template-columns:110px 100px 1fr 24px 1fr 1fr 24px 1fr;align-items:center;gap:7px}.hours-head{font-size:9px;color:var(--muted);font-weight:900;text-transform:uppercase;margin-bottom:7px}.hours-row{border-top:1px solid var(--line);padding:7px 0;font-size:10px}.hours-row .field{padding:7px}.checkline{display:flex;gap:20px;flex-wrap:wrap}.sensitive-box{background:#faf6ff;border:1px solid #ded0ef;border-radius:14px;padding:14px}.sensitive-box p{font-size:10px;color:var(--muted)}
.upload-row{display:flex;gap:10px;align-items:center}.doc-list{display:grid;gap:8px;margin-top:13px}.doc-row{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);padding:10px 12px;border-radius:12px}.doc-row strong,.doc-row span{display:block}.doc-row span{font-size:9px;color:var(--muted);margin-top:3px}
.chat-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;min-height:570px}.chat-peers,.chat-panel{padding:14px}.chat-peer{width:100%;border:0;background:transparent;text-align:left;padding:11px;border-radius:11px;cursor:pointer;display:flex;justify-content:space-between;gap:8px}.chat-peer:hover{background:#f5f6f8}.chat-peer span{font-size:11px;font-weight:800}.chat-peer small{font-size:8px;color:var(--muted)}
.chat-panel{display:grid;grid-template-rows:auto 1fr auto}.chat-head{border-bottom:1px solid var(--line);padding-bottom:10px}.chat-head span,.chat-head strong{display:block}.chat-head span{font-size:9px;color:var(--muted);text-transform:uppercase}.chat-head strong{font-size:13px;margin-top:3px}.chat-messages{overflow:auto;padding:16px 5px;display:flex;flex-direction:column;gap:8px;max-height:480px}.chat-msg{max-width:78%;padding:10px 12px;border-radius:14px;font-size:11px}.chat-msg.mine{align-self:flex-end;background:#191b21;color:#fff;border-bottom-right-radius:4px}.chat-msg.theirs{align-self:flex-start;background:#f0f1f3;border-bottom-left-radius:4px}.chat-msg span{display:block;font-size:8px;opacity:.65;margin-top:5px}.chat-composer{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid var(--line);padding-top:10px}.chat-composer textarea{min-height:60px;resize:vertical}.hidden{display:none!important}
@media(max-width:850px){.chat-shell{grid-template-columns:1fr}.hours-head{display:none}.hours-row{grid-template-columns:1fr 1fr}.hours-row strong{grid-column:1/-1}.v4-onboard{min-height:auto}}