/* M.A.I. v42 Clean UI – No Flicker */
:root{--bg:#07111f;--panel:#101b2b;--panel2:#0d1827;--line:rgba(190,210,255,.14);--text:#f7fbff;--muted:#9fb2cf;--accent:#65e4c5;--blue:#72a8ff;--danger:#ff7474;--shadow:0 30px 100px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}
.public-mode{background:radial-gradient(circle at 18% 18%,rgba(101,228,197,.13),transparent 34%),radial-gradient(circle at 80% 16%,rgba(114,168,255,.09),transparent 34%),var(--bg)}
.public-shell{min-height:100vh;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:46px 0 60px}
.public-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:48px;align-items:center;min-height:auto;padding:70px 0 36px}
.brand-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(101,228,197,.30);background:rgba(101,228,197,.08);border-radius:999px;padding:8px 12px;color:var(--accent);margin-bottom:18px}
.brand-pill span,.top-brand span{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--blue));color:#07111f;display:inline-flex;align-items:center;justify-content:center;font-weight:1000;font-size:11px}
.brand-pill b{white-space:nowrap}
.hero-copy h1{font-size:clamp(42px,5.2vw,72px);line-height:.98;letter-spacing:-.06em;margin:0 0 18px;max-width:760px}
.hero-copy p{font-size:18px;line-height:1.62;color:var(--muted);max-width:680px;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.primary-link,.secondary-link{text-decoration:none;font-weight:1000;border-radius:16px;padding:14px 18px;display:inline-flex;align-items:center;justify-content:center;min-height:46px}
.primary-link{color:#07111f;background:linear-gradient(135deg,var(--accent),var(--blue))}.secondary-link{color:var(--text);border:1px solid var(--line);background:rgba(255,255,255,.04)}
.preview-card{width:100%;max-width:460px;margin-left:auto;border:1px solid var(--line);border-radius:28px;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:var(--shadow)}
.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.preview-head strong{color:var(--accent)}.preview-dots{display:flex;gap:8px}.preview-dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.25)}
.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.preview-grid div,.mail-preview{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.18);padding:14px}.preview-grid span,.mail-preview span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.preview-grid strong{color:var(--accent)}.mail-preview p{margin:0;color:#dce7f8;line-height:1.45}.mail-preview.muted{margin-top:10px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0 28px}.feature-grid div,.login-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045);padding:18px}.feature-grid div{min-height:122px}.feature-grid b{display:block;font-size:17px;margin-bottom:8px}.feature-grid span,.login-card p{color:var(--muted);line-height:1.5}
.login-card{width:min(760px,100%);margin:0 auto}.eyebrow{color:var(--accent);font-weight:1000;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.login-card h2{font-size:34px;margin:6px 0}
.login-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:14px}
input,textarea,select{width:100%;border:1px solid var(--line);border-radius:16px;background:#101b2b;color:var(--text);padding:14px;outline:none;color-scheme:dark}select option{background:#101b2b;color:#f7fbff}textarea{resize:vertical;line-height:1.55}
button,.login-form button,.card-head button,.top-actions button,.quick-grid button,.button-grid button,.inline-form button,.tabs button,.list-row button{border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--text);border-radius:14px;padding:11px 14px;font-weight:900}button:hover{border-color:rgba(101,228,197,.55);color:var(--accent)}button.danger,.danger{border-color:rgba(255,116,116,.45)!important;color:#ffd7d7!important}
.status-line{margin-top:10px;color:var(--muted)}.status-line.error{color:#ff9a9a}.status-line.ok{color:var(--accent)}
.app-mode{background:var(--bg)}.app-frame{min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(101,228,197,.08),transparent 35%),radial-gradient(circle at 92% 10%,rgba(114,168,255,.07),transparent 35%),var(--bg)}
.topbar{height:66px;position:sticky;top:0;z-index:99;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(7,17,31,.92);backdrop-filter:blur(18px)}.top-brand{display:flex;align-items:center;gap:12px}.top-brand strong{display:block}.top-brand small{display:block;color:var(--muted)}.top-actions{display:flex;gap:8px}
.workspace{width:min(1440px,calc(100% - 28px));margin:18px auto 44px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;min-height:calc(100vh - 106px)}
.sidebar{position:sticky;top:84px;align-self:start;min-height:calc(100vh - 106px);border:1px solid rgba(101,228,197,.24);border-radius:24px;background:linear-gradient(180deg,rgba(101,228,197,.075),rgba(114,168,255,.030));padding:16px}.side-logo{display:grid;gap:4px;margin-bottom:18px}.side-logo span{color:var(--accent);font-weight:1000;font-size:12px}.side-logo b{font-size:24px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{height:46px;text-align:left;display:flex;gap:10px;align-items:center}.sidebar nav button b{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(101,228,197,.10);color:var(--accent)}.sidebar nav button.active{border-color:rgba(101,228,197,.55);background:rgba(101,228,197,.12)}.side-user{position:absolute;bottom:16px;left:16px;right:16px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:12px;word-break:break-word}
.main-panel{min-width:0}.page-hero,.page-title,.card,.action-card{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.045);padding:20px;margin-bottom:14px}.page-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:linear-gradient(145deg,rgba(101,228,197,.07),rgba(114,168,255,.035))}.page-hero h1,.page-title h1{font-size:clamp(36px,4vw,56px);line-height:1.02;letter-spacing:-.055em;margin:0 0 8px}.page-hero p,.page-title p,.card p{color:var(--muted)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric-grid.compact{grid-template-columns:repeat(3,1fr)}.metric{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.045);padding:18px}.metric span{display:block;color:var(--muted);font-weight:900;font-size:13px}.metric strong{display:block;font-size:42px;line-height:1;margin:8px 0}.metric small{color:var(--accent)}
.quick-grid,.button-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.button-grid{grid-template-columns:repeat(3,1fr)}.card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.card h2{margin:0 0 8px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.data-grid div,.score-row span{border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.16);padding:10px}.data-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900}.score-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quality{border:1px solid rgba(101,228,197,.30);background:rgba(101,228,197,.07);border-radius:16px;padding:12px;margin:10px 0;color:#dffcf6}.inline-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin:10px 0}
.company-list,.crm-company-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.company-card,.crm-company-card{text-align:left;border-radius:18px;padding:14px;display:block}.company-card.active{border-color:rgba(101,228,197,.55);background:rgba(101,228,197,.10)}.company-card span,.crm-company-card strong{display:block;color:var(--accent);font-weight:900}.company-card strong{font-size:30px}.company-card small,.crm-company-card span,.crm-company-card small{display:block;color:var(--muted)}
.crm-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.list{display:grid;gap:10px}.list-row{border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.16);padding:12px;display:grid;gap:6px}.list-row strong{color:var(--accent)}.list-row span{color:var(--muted);font-size:13px}.empty,.error-card{border:1px dashed rgba(101,228,197,.35);border-radius:18px;padding:18px;color:var(--muted)}.error-card{border-color:rgba(255,116,116,.45);color:#ffd7d7}
.pipeline-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.pipeline-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px}.pipeline-column{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035);padding:12px;min-height:420px}.pipeline-column header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pipeline-column h3{margin:0;color:var(--accent);font-size:17px}.pipeline-column header span{border:1px solid rgba(101,228,197,.28);background:rgba(101,228,197,.08);color:var(--accent);border-radius:999px;padding:5px 9px;font-weight:900}.pipeline-items{display:grid;gap:10px}.pipeline-card{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.18);padding:12px}.pipeline-card strong{display:block;color:var(--text);font-size:16px;margin-bottom:6px}.pipeline-card span,.pipeline-card small{display:block;color:var(--muted);font-size:13px}.pipeline-card small{font-size:11px;margin:8px 0}.pipeline-empty{border:1px dashed rgba(255,255,255,.14);border-radius:16px;padding:14px;color:var(--muted);text-align:center}
@media(max-width:1050px){.workspace{grid-template-columns:1fr}.sidebar{position:relative;top:0;min-height:auto}.sidebar nav{grid-template-columns:repeat(4,1fr)}.sidebar nav button{justify-content:center}.sidebar nav button span{display:none}.side-user{position:static;margin-top:12px}.public-hero{grid-template-columns:1fr;gap:28px;padding:42px 0 28px}.preview-card{max-width:100%;margin:0}.feature-grid,.metric-grid,.quick-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.company-list,.crm-company-list{grid-template-columns:1fr 1fr}.pipeline-board{grid-template-columns:repeat(5,260px)}}
@media(max-width:720px){.topbar{height:auto;display:block;padding:12px}.top-actions{margin-top:10px;display:grid;grid-template-columns:1fr 1fr 1fr}.workspace{width:calc(100% - 12px);margin:8px auto}.login-form,.feature-grid,.metric-grid,.quick-grid,.button-grid,.data-grid,.score-row,.company-list,.crm-company-list,.crm-form-grid,.inline-form{grid-template-columns:1fr}.hero-copy h1{font-size:38px}.public-shell{width:calc(100% - 20px);padding:24px 0 40px}}
/* --- M.A.I. v42.1 Branding & Meaning Fix --- */

.brand-pill.mai-brand-large{
  padding:10px 14px !important;
  gap:14px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg, rgba(101,228,197,.14), rgba(114,168,255,.08)) !important;
  border:1px solid rgba(101,228,197,.38) !important;
  box-shadow:0 18px 60px rgba(101,228,197,.08) !important;
}

.brand-pill.mai-brand-large > span{
  width:54px !important;
  height:54px !important;
  border-radius:18px !important;
  font-size:15px !important;
  font-weight:1000 !important;
  letter-spacing:-.03em !important;
  background:linear-gradient(135deg,#65e4c5,#72a8ff) !important;
  color:#06111f !important;
  box-shadow:0 12px 28px rgba(114,168,255,.22) !important;
}

.brand-pill.mai-brand-large div{
  display:grid;
  gap:2px;
}

.brand-pill.mai-brand-large b{
  color:#f7fbff !important;
  font-size:22px !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
}

.brand-pill.mai-brand-large small{
  color:#9fb2cf !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
}

.mai-meaning-box{
  border:1px solid rgba(101,228,197,.26);
  background:rgba(101,228,197,.055);
  border-radius:20px;
  padding:14px 16px;
  margin:0 0 18px;
  max-width:680px;
}

.mai-meaning-box strong{
  display:block;
  color:#65e4c5;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}

.mai-meaning-box p{
  margin:0 !important;
  color:#dce7f8 !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.mai-meaning-box b{
  color:#ffffff;
}

.top-brand span.mai-app-logo-large{
  width:44px !important;
  height:44px !important;
  border-radius:16px !important;
  font-size:13px !important;
  box-shadow:0 12px 28px rgba(114,168,255,.20);
}

.side-logo .mai-side-badge{
  display:inline-flex !important;
  width:max-content !important;
  border:1px solid rgba(101,228,197,.28);
  background:rgba(101,228,197,.09);
  color:#65e4c5 !important;
  border-radius:999px;
  padding:6px 10px;
  font-size:13px !important;
  font-weight:1000 !important;
  letter-spacing:.04em;
}

.side-logo small{
  color:#9fb2cf;
  font-size:12px;
  line-height:1.35;
  margin-top:2px;
}

@media(max-width:720px){
  .brand-pill.mai-brand-large > span{
    width:46px !important;
    height:46px !important;
    font-size:13px !important;
  }

  .brand-pill.mai-brand-large b{
    font-size:19px !important;
  }

  .mai-meaning-box{
    padding:12px;
  }
}
/* --- M.A.I. v42.2 Login & Legal Footer Fix --- */

.login-card.login-card-premium{
  width:min(820px,100%) !important;
  margin:8px auto 0 !important;
  padding:22px !important;
  border:1px solid rgba(101,228,197,.28) !important;
  background:
    linear-gradient(145deg, rgba(101,228,197,.065), rgba(114,168,255,.040)),
    rgba(255,255,255,.045) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.20) !important;
}

.login-card.login-card-premium .eyebrow{
  color:#65e4c5 !important;
  margin:0 0 4px !important;
}

.login-card.login-card-premium h2{
  font-size:32px !important;
  margin:4px 0 8px !important;
  letter-spacing:-.04em !important;
}

.login-card.login-card-premium p{
  max-width:720px !important;
  line-height:1.55 !important;
}

.login-form.login-form-premium{
  display:grid !important;
  grid-template-columns:1fr 1fr 150px !important;
  gap:10px !important;
  margin-top:16px !important;
}

.login-form.login-form-premium input{
  min-height:50px !important;
  border-radius:16px !important;
  background:#0d1827 !important;
  border:1px solid rgba(190,210,255,.16) !important;
}

.login-form.login-form-premium input:focus{
  border-color:rgba(101,228,197,.65) !important;
  box-shadow:0 0 0 3px rgba(101,228,197,.10) !important;
}

.login-form.login-form-premium button{
  min-height:50px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#65e4c5,#72a8ff) !important;
  color:#06111f !important;
  border:none !important;
  font-weight:1000 !important;
}

.login-trust-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:14px;
}

.login-trust-row span{
  border:1px solid rgba(101,228,197,.22);
  background:rgba(101,228,197,.055);
  color:#dce7f8;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:800;
}

.login-legal-mini{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(190,210,255,.12);
  color:#9fb2cf;
  font-size:12px;
  line-height:1.5;
}

.login-legal-mini a{
  color:#65e4c5;
  text-decoration:none;
  font-weight:900;
}

.login-legal-mini a:hover{
  text-decoration:underline;
}

.mai-legal-footer{
  width:100%;
  margin:34px auto 0;
  padding:22px 0 0;
  border-top:1px solid rgba(190,210,255,.12);
  display:grid;
  grid-template-columns:220px 1fr auto;
  gap:18px;
  align-items:start;
  color:#9fb2cf;
}

.mai-footer-brand{
  display:grid;
  gap:4px;
}

.mai-footer-brand strong{
  color:#65e4c5;
  font-size:22px;
  letter-spacing:-.04em;
}

.mai-footer-brand span{
  font-size:12px;
}

.mai-footer-text p{
  margin:0 0 6px;
  line-height:1.5;
}

.mai-created-by strong{
  color:#f7fbff;
}

.mai-footer-text a,
.mai-footer-links a{
  color:#65e4c5;
  text-decoration:none;
  font-weight:900;
}

.mai-footer-links{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.mai-footer-links a{
  border:1px solid rgba(190,210,255,.14);
  border-radius:999px;
  padding:8px 11px;
  background:rgba(255,255,255,.035);
}

.mai-footer-links a:hover{
  border-color:rgba(101,228,197,.45);
}

@media(max-width:900px){
  .login-form.login-form-premium{
    grid-template-columns:1fr !important;
  }

  .mai-legal-footer{
    grid-template-columns:1fr;
  }

  .mai-footer-links{
    justify-content:flex-start;
  }
}
/* --- M.A.I. v42.3 Section Alignment Fix --- */

body.public-mode .public-shell{
  width:min(1120px, calc(100vw - 48px)) !important;
  margin:0 auto !important;
}

body.public-mode .mai-section-aligned,
body.public-mode .mai-brand-row,
body.public-mode .hero-grid,
body.public-mode .feature-grid,
body.public-mode .login-card,
body.public-mode .mai-legal-footer{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

body.public-mode .mai-brand-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin:0 0 26px !important;
  padding:0 !important;
}

body.public-mode .mai-brand-row .brand-pill{
  margin:0 !important;
}

body.public-mode .hero-grid{
  margin-bottom:26px !important;
}

body.public-mode .feature-grid{
  margin-top:0 !important;
  margin-bottom:26px !important;
}

body.public-mode .login-card{
  margin-top:0 !important;
  margin-bottom:26px !important;
}

body.public-mode .mai-legal-footer{
  margin-top:0 !important;
  padding-top:22px !important;
}

@media(max-width:900px){
  body.public-mode .public-shell{
    width:min(100%, calc(100vw - 28px)) !important;
  }

  body.public-mode .mai-brand-row{
    margin-bottom:18px !important;
  }

  body.public-mode .hero-grid,
  body.public-mode .feature-grid,
  body.public-mode .login-card{
    margin-bottom:20px !important;
  }
}
/* --- M.A.I. v42.4 Hero Refinement & Demo Fix --- */

body.public-mode .hero-copy h1{
  font-size: clamp(54px, 5vw, 76px) !important;
  line-height: .96 !important;
  letter-spacing: -.06em !important;
  max-width: 620px !important;
  margin-bottom: 18px !important;
}

body.public-mode .hero-grid.hero-grid-refined{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 420px) !important;
  gap: 34px !important;
  align-items: stretch !important;
}

body.public-mode .hero-copy.hero-copy-refined{
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

body.public-mode .hero-panel.hero-panel-refined,
body.public-mode .hero-preview.hero-panel-refined,
body.public-mode .demo-card.hero-panel-refined,
body.public-mode .hero-card.hero-panel-refined{
  height: auto !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

body.public-mode .hero-copy-refined > p{
  display: none !important;
}

body.public-mode .hero-actions,
body.public-mode .cta-row,
body.public-mode .button-row{
  margin-top: 14px !important;
}

body.public-mode .hero-actions a,
body.public-mode .hero-actions button,
body.public-mode .cta-row a,
body.public-mode .button-row a{
  min-height: 48px !important;
}

body.public-mode .demo-request-row{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(190,210,255,.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #9fb2cf;
  font-size: 13px;
}

body.public-mode .demo-request-row a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 9px 12px;
  border: 1px solid rgba(101,228,197,.25);
  background: rgba(101,228,197,.06);
  color: #65e4c5;
  text-decoration: none;
  font-weight: 900;
}

body.public-mode .demo-request-row a:hover{
  border-color: rgba(101,228,197,.55);
}

@media (max-width: 980px){
  body.public-mode .hero-grid.hero-grid-refined{
    grid-template-columns: 1fr !important;
  }

  body.public-mode .hero-copy h1{
    font-size: clamp(42px, 9vw, 62px) !important;
  }

  body.public-mode .demo-request-row{
    flex-direction: column;
    align-items: flex-start;
  }
}
/* --- M.A.I. v42.5 Actual Landing Fix --- */
/* Nutzt die echten v42 Klassen: .public-hero, .hero-copy, .preview-card */

body.public-mode.mai-v425-landing-fixed .public-shell{
  width:min(1120px, calc(100vw - 48px)) !important;
  padding-top:34px !important;
}

body.public-mode.mai-v425-landing-fixed .public-hero,
body.public-mode .public-hero.mai-v425-hero{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(380px, 420px) !important;
  gap:44px !important;
  align-items:center !important;
  padding:42px 0 26px !important;
  margin:0 !important;
  min-height:auto !important;
}

/* Überschrift wirklich kleiner */
body.public-mode.mai-v425-landing-fixed .hero-copy h1,
body.public-mode .hero-copy.mai-v425-copy h1{
  font-size:clamp(46px, 4.45vw, 64px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  max-width:620px !important;
  margin:0 0 16px !important;
}

/* Der doppelte Absatz wird per JS entfernt, falls er doch da ist, ausblenden */
body.public-mode.mai-v425-landing-fixed .hero-copy > p{
  display:none !important;
}

/* Nur der erste CTA bleibt */
body.public-mode.mai-v425-landing-fixed .hero-actions{
  margin-top:18px !important;
  display:flex !important;
  gap:12px !important;
}

body.public-mode.mai-v425-landing-fixed .hero-actions a:nth-child(n+2),
body.public-mode.mai-v425-landing-fixed .hero-actions button:nth-child(n+2){
  display:none !important;
}

body.public-mode.mai-v425-landing-fixed .hero-actions a,
body.public-mode.mai-v425-landing-fixed .hero-actions button{
  min-height:46px !important;
  padding:0 18px !important;
}

/* Was ist M.A.I. Box sauberer */
body.public-mode.mai-v425-landing-fixed .mai-meaning-box{
  max-width:620px !important;
  margin:0 0 0 !important;
}

/* Preview rechts passend und höher */
body.public-mode.mai-v425-landing-fixed .preview-card,
body.public-mode .preview-card.mai-v425-preview{
  width:100% !important;
  max-width:420px !important;
  min-height:390px !important;
  margin-left:auto !important;
  align-self:center !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}

body.public-mode.mai-v425-landing-fixed .preview-grid{
  margin:14px 0 !important;
}

body.public-mode.mai-v425-landing-fixed .mail-preview{
  margin-top:10px !important;
}

/* Feature und Login dichter, aber sauber */
body.public-mode.mai-v425-landing-fixed .feature-grid{
  margin-top:4px !important;
  margin-bottom:24px !important;
}

body.public-mode.mai-v425-landing-fixed .login-card{
  margin-top:0 !important;
}

/* Demo Zugang sichtbar und passend */
body.public-mode.mai-v425-landing-fixed .demo-request-row{
  margin-top:14px !important;
}

/* Responsive */
@media(max-width:980px){
  body.public-mode.mai-v425-landing-fixed .public-hero,
  body.public-mode .public-hero.mai-v425-hero{
    grid-template-columns:1fr !important;
    gap:26px !important;
    padding-top:30px !important;
  }

  body.public-mode.mai-v425-landing-fixed .preview-card{
    max-width:100% !important;
    min-height:auto !important;
    margin-left:0 !important;
  }

  body.public-mode.mai-v425-landing-fixed .hero-copy h1{
    font-size:clamp(40px, 8.5vw, 56px) !important;
  }
}

@media(max-width:680px){
  body.public-mode.mai-v425-landing-fixed .public-shell{
    width:calc(100vw - 22px) !important;
  }

  body.public-mode.mai-v425-landing-fixed .hero-copy h1{
    font-size:38px !important;
  }
}
/* --- M.A.I. v42.6 Premium Landing & Reports Fix --- */

body.public-mode.mai-v426-premium .public-shell{
  width:min(1120px, calc(100vw - 48px)) !important;
  padding-top:30px !important;
  padding-bottom:44px !important;
}

body.public-mode.mai-v426-premium .public-hero{
  padding-top:36px !important;
  padding-bottom:30px !important;
  gap:46px !important;
}

body.public-mode.mai-v426-premium .hero-copy h1{
  font-size:clamp(44px, 4.15vw, 62px) !important;
  line-height:.99 !important;
  letter-spacing:-.055em !important;
}

body.public-mode.mai-v426-premium .brand-pill{
  margin-bottom:22px !important;
}

body.public-mode.mai-v426-premium .mai-meaning-box{
  margin-top:2px !important;
  margin-bottom:20px !important;
}

body.public-mode.mai-v426-premium .hero-actions{
  margin-top:20px !important;
  display:flex !important;
  gap:12px !important;
  align-items:center !important;
}

body.public-mode.mai-v426-premium .hero-actions .primary-link{
  min-width:132px !important;
  box-shadow:0 16px 36px rgba(114,168,255,.16) !important;
}

body.public-mode.mai-v426-premium .hero-actions .demo-access-btn{
  border-color:rgba(101,228,197,.25) !important;
  background:rgba(101,228,197,.055) !important;
  color:#dffcf6 !important;
}

body.public-mode.mai-v426-premium .hero-actions .demo-access-btn:hover{
  border-color:rgba(101,228,197,.55) !important;
  color:#65e4c5 !important;
}

/* Premium rechter Demo-Block */
body.public-mode.mai-v426-premium .preview-card.mai-v426-preview{
  border-color:rgba(190,210,255,.18) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.032)),
    radial-gradient(circle at 80% 0%, rgba(101,228,197,.10), transparent 38%) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.26) !important;
  min-height:420px !important;
  justify-content:space-between !important;
}

.preview-status-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(101,228,197,.18);
  background:rgba(101,228,197,.055);
  border-radius:16px;
  padding:10px 12px;
  margin-bottom:12px;
}

.preview-status-bar span{
  color:#9fb2cf;
  font-size:12px;
  font-weight:900;
}

.preview-status-bar b{
  color:#65e4c5;
  font-size:12px;
}

.preview-note{
  border:1px solid rgba(114,168,255,.18);
  background:rgba(114,168,255,.045);
  border-radius:18px;
  padding:13px;
  margin-top:10px;
}

.preview-note strong{
  display:block;
  color:#72a8ff;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}

.preview-note p{
  margin:0;
  color:#dce7f8;
  line-height:1.45;
  font-size:13px;
}

/* Features mit besseren Abständen */
body.public-mode.mai-v426-premium .feature-grid{
  gap:16px !important;
  margin-top:8px !important;
  margin-bottom:26px !important;
}

body.public-mode.mai-v426-premium .feature-grid div{
  min-height:132px !important;
  padding:20px !important;
  background:linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.032)) !important;
}

/* Login Premium */
body.public-mode.mai-v426-premium .login-card.mai-v426-login{
  margin-top:0 !important;
  padding:24px !important;
  border-color:rgba(101,228,197,.30) !important;
  box-shadow:0 22px 80px rgba(0,0,0,.18) !important;
}

body.public-mode.mai-v426-premium .login-form.mai-v426-login-form{
  grid-template-columns:1fr 1fr 150px !important;
  gap:10px !important;
}

body.public-mode.mai-v426-premium .demo-request-row{
  margin-top:14px !important;
  padding-top:13px !important;
  border-top:1px solid rgba(190,210,255,.12) !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  color:#9fb2cf !important;
}

body.public-mode.mai-v426-premium .demo-request-row a{
  text-decoration:none !important;
  color:#06111f !important;
  background:linear-gradient(135deg,#65e4c5,#72a8ff) !important;
  border-radius:999px !important;
  padding:9px 13px !important;
  font-weight:1000 !important;
}

/* Footer sauberer */
body.public-mode.mai-v426-premium .mai-legal-footer{
  margin-top:28px !important;
  padding-top:24px !important;
  border-top:1px solid rgba(190,210,255,.16) !important;
}

body.public-mode.mai-v426-premium .mai-footer-links a{
  transition:all .18s ease !important;
}

body.public-mode.mai-v426-premium .mai-footer-links a:hover{
  transform:translateY(-1px);
}

/* Berichte klickbar */
.reports-list-v426{
  gap:12px !important;
}

.report-row-v426{
  width:100% !important;
  text-align:left !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.045) !important;
  padding:14px !important;
  color:var(--text) !important;
  display:grid !important;
  gap:6px !important;
}

.report-row-v426:hover{
  border-color:rgba(101,228,197,.55) !important;
  background:rgba(101,228,197,.065) !important;
}

.report-row-v426 strong{
  color:#65e4c5 !important;
  font-size:16px !important;
}

.report-row-v426 span{
  color:#9fb2cf !important;
}

.report-row-v426 small{
  color:#72a8ff !important;
  font-weight:900 !important;
}

@media(max-width:980px){
  body.public-mode.mai-v426-premium .public-hero{
    gap:26px !important;
  }

  body.public-mode.mai-v426-premium .preview-card.mai-v426-preview{
    min-height:auto !important;
  }
}

@media(max-width:720px){
  body.public-mode.mai-v426-premium .public-shell{
    width:calc(100vw - 22px) !important;
  }

  body.public-mode.mai-v426-premium .hero-copy h1{
    font-size:38px !important;
  }

  body.public-mode.mai-v426-premium .login-form.mai-v426-login-form{
    grid-template-columns:1fr !important;
  }

  body.public-mode.mai-v426-premium .demo-request-row{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}
/* --- M.A.I. v43 CRM Case Flow & Demo Request --- */

.demo-request-panel-v43{
  margin-top:18px;
  border:1px solid rgba(101,228,197,.24);
  background:rgba(101,228,197,.045);
  border-radius:22px;
  padding:18px;
}

.demo-request-head-v43{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:14px;
}

.demo-request-head-v43 h3{
  font-size:26px;
  margin:4px 0 6px;
  letter-spacing:-.04em;
}

.demo-request-head-v43 button{
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:var(--text);
  border-radius:999px;
  padding:9px 12px;
  font-weight:900;
}

.demo-request-form-v43{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.demo-request-form-v43 textarea,
.demo-request-form-v43 button{
  grid-column:1 / -1;
}

.demo-request-form-v43 button{
  min-height:50px;
  background:linear-gradient(135deg,#65e4c5,#72a8ff);
  color:#06111f;
  border:none;
  font-weight:1000;
}

.pipeline-card-v43 select{
  margin-top:10px;
}

.pipeline-card-actions-v43{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:10px;
}

.pipeline-card-actions-v43 button{
  padding:9px 8px;
  font-size:12px;
  border-radius:12px;
  border:1px solid rgba(190,210,255,.14);
  background:rgba(255,255,255,.045);
  color:#f7fbff;
  font-weight:900;
}

.pipeline-card-actions-v43 button:hover{
  border-color:rgba(101,228,197,.55);
  color:#65e4c5;
}

.case-panel-v43 h3{
  color:#65e4c5;
  margin-top:0;
}

.case-panel-v43 .report-row-v426{
  cursor:pointer;
}

.followup-create-v43 textarea{
  margin-top:10px;
}

@media(max-width:760px){
  .demo-request-head-v43{
    display:block;
  }

  .demo-request-head-v43 button{
    margin-top:10px;
  }

  .demo-request-form-v43,
  .pipeline-card-actions-v43{
    grid-template-columns:1fr;
  }
}
/* --- M.A.I. v43.1 Pipeline UX / Follow-up / Demo Fix --- */

.pipeline-board-v431{
  grid-template-columns:repeat(5, minmax(280px, 1fr)) !important;
  gap:14px !important;
}

.pipeline-column-v431{
  min-width:280px !important;
}

.pipeline-card-v431{
  padding:14px !important;
  border-radius:20px !important;
}

.pipeline-card-head-v431 strong{
  font-size:16px !important;
  line-height:1.25 !important;
}

.pipeline-card-v431 select{
  margin-top:12px !important;
  min-height:44px !important;
}

.pipeline-card-actions-v431{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin-top:10px !important;
}

.pipeline-card-actions-v431 button{
  min-height:40px !important;
  border-radius:13px !important;
  padding:8px 10px !important;
  font-size:12px !important;
  line-height:1.15 !important;
  white-space:normal !important;
  text-align:center !important;
}

.pipeline-card-actions-v431 button:nth-child(3),
.pipeline-card-actions-v431 button:nth-child(4){
  background:rgba(101,228,197,.055) !important;
  border-color:rgba(101,228,197,.20) !important;
}

.case-tabs-v431{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:12px 0 16px;
}

.case-tabs-v431 button{
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
  color:var(--text);
  border-radius:999px;
  padding:9px 12px;
  font-weight:900;
}

.case-tabs-v431 button.active{
  border-color:rgba(101,228,197,.55);
  background:rgba(101,228,197,.10);
  color:#65e4c5;
}

.case-panel-v431 h3{
  color:#65e4c5;
  margin-top:0;
}

.followup-row-v431{
  border-color:rgba(101,228,197,.18) !important;
}

.followup-row-v431 small{
  color:#dce7f8;
}

.followup-create-v431 textarea{
  margin-top:10px;
}

.demo-success-v431{
  display:grid;
  gap:5px;
  border:1px solid rgba(101,228,197,.35);
  background:rgba(101,228,197,.085);
  color:#dffcf6;
  border-radius:18px;
  padding:14px;
  margin-bottom:14px;
}

.demo-success-v431 strong{
  color:#65e4c5;
}

.demo-success-v431 span{
  color:#dce7f8;
  line-height:1.45;
}

@media(max-width:1200px){
  .pipeline-board-v431{
    grid-template-columns:repeat(5, 300px) !important;
  }
}

@media(max-width:760px){
  .pipeline-card-actions-v431{
    grid-template-columns:1fr !important;
  }
}
/* --- M.A.I. v43.2 Pipeline Layout / Clickable Follow-ups --- */

/* Keine horizontale Scroll-Leiste: alle 5 Status-Spalten sichtbar */
.pipeline-board-v432{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:10px !important;
  overflow-x:visible !important;
  padding-bottom:0 !important;
}

.pipeline-column-v432{
  min-width:0 !important;
  padding:10px !important;
  border-radius:20px !important;
}

.pipeline-column-v432 h3{
  font-size:15px !important;
}

.pipeline-column-v432 header span{
  padding:4px 8px !important;
}

/* Kompakte Karten, Aktionen untereinander */
.pipeline-card-v432{
  padding:12px !important;
  border-radius:18px !important;
}

.pipeline-card-main-v432 strong{
  font-size:15px !important;
  line-height:1.25 !important;
  word-break:break-word !important;
}

.pipeline-card-main-v432 span,
.pipeline-card-main-v432 small{
  font-size:12px !important;
}

.pipeline-card-v432 select{
  margin-top:10px !important;
  min-height:40px !important;
  font-size:13px !important;
  border-radius:13px !important;
}

.pipeline-card-actions-v432{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
  margin-top:10px !important;
}

.pipeline-card-actions-v432 button{
  width:100% !important;
  min-height:38px !important;
  padding:8px 9px !important;
  border-radius:12px !important;
  font-size:12px !important;
  line-height:1.15 !important;
  text-align:center !important;
  white-space:normal !important;
  border:1px solid rgba(190,210,255,.14) !important;
  background:rgba(255,255,255,.045) !important;
  color:#f7fbff !important;
  font-weight:900 !important;
}

.pipeline-card-actions-v432 button:hover{
  border-color:rgba(101,228,197,.55) !important;
  color:#65e4c5 !important;
}

.pipeline-card-actions-v432 button:nth-child(3),
.pipeline-card-actions-v432 button:nth-child(4){
  background:rgba(101,228,197,.055) !important;
  border-color:rgba(101,228,197,.20) !important;
}

.case-tabs-v432{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:12px 0 16px;
}

.case-tabs-v432 button{
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
  color:var(--text);
  border-radius:999px;
  padding:9px 12px;
  font-weight:900;
}

.case-tabs-v432 button.active{
  border-color:rgba(101,228,197,.55);
  background:rgba(101,228,197,.10);
  color:#65e4c5;
}

.case-panel-v432 h3{
  color:#65e4c5;
  margin-top:0;
}

.followup-click-row-v432{
  cursor:pointer !important;
  text-align:left !important;
  width:100% !important;
  border-color:rgba(101,228,197,.18) !important;
}

.followup-click-row-v432:hover{
  border-color:rgba(101,228,197,.55) !important;
  background:rgba(101,228,197,.065) !important;
}

.followup-click-row-v432 small{
  color:#dce7f8 !important;
}

.followup-click-row-v432 em{
  color:#72a8ff;
  font-style:normal;
  font-weight:900;
  font-size:12px;
}

.followup-create-v432 textarea{
  margin-top:10px;
}

/* Bei kleineren Bildschirmen darf die Pipeline untereinander gehen, aber ohne horizontalen Balken */
@media(max-width:1250px){
  .pipeline-board-v432{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media(max-width:760px){
  .pipeline-board-v432{
    grid-template-columns:1fr !important;
  }
}
/* --- M.A.I. v43.5 Reply Studio & Clickable Reports Fix --- */

.reply-studio-v435{
  border-color:rgba(101,228,197,.26)!important;
  background:linear-gradient(145deg, rgba(101,228,197,.060), rgba(114,168,255,.035))!important;
}

.reply-studio-v435 .card-head{
  align-items:flex-start;
}

.reply-studio-v435 h2{
  margin:4px 0 8px!important;
}

.reply-style-grid-v435{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}

.reply-style-grid-v435 button{
  min-height:42px;
  border:1px solid rgba(190,210,255,.16);
  background:rgba(255,255,255,.045);
  color:#f7fbff;
  border-radius:14px;
  padding:9px 10px;
  font-weight:900;
  font-size:13px;
}

.reply-style-grid-v435 button:hover,
.reply-style-grid-v435 button.active{
  border-color:rgba(101,228,197,.55);
  background:rgba(101,228,197,.12);
  color:#65e4c5;
}

.reply-custom-v435{
  margin-top:10px;
}

.reply-custom-v435 input{
  border-color:rgba(101,228,197,.22)!important;
}

.reply-hint-v435{
  margin-top:10px;
  color:#9fb2cf;
  font-size:13px;
}

.reply-hint-v435 strong{
  color:#65e4c5;
}

.reports-list-v435{
  gap:12px!important;
}

.report-row-v435{
  width:100%!important;
  text-align:left!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  padding:15px!important;
  color:#f7fbff!important;
  display:grid!important;
  gap:6px!important;
  cursor:pointer!important;
}

.report-row-v435:hover{
  border-color:rgba(101,228,197,.55)!important;
  background:rgba(101,228,197,.070)!important;
}

.report-row-v435 strong{
  color:#65e4c5!important;
  font-size:16px!important;
}

.report-row-v435 span{
  color:#9fb2cf!important;
  font-size:13px!important;
}

.report-row-v435 small{
  color:#72a8ff!important;
  font-weight:900!important;
}

@media(max-width:1100px){
  .reply-style-grid-v435{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:650px){
  .reply-style-grid-v435{
    grid-template-columns:1fr;
  }
}
/* --- M.A.I. v43.6 Reply Studio Business Filters Fix --- */

.reply-style-grid-v435{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}

.reply-style-grid-v435 button{
  min-height:44px!important;
}

.reply-business-note-v436{
  margin-top:10px;
  border:1px solid rgba(101,228,197,.20);
  background:rgba(101,228,197,.055);
  border-radius:14px;
  padding:10px 12px;
  color:#dce7f8;
  font-size:13px;
  line-height:1.45;
}

.reply-business-note-v436 strong{
  color:#65e4c5;
}

#replyStudioStatusV435{
  white-space:pre-wrap;
}

#replyStudioStatusV435.error{
  color:#ff9a9a!important;
}

@media(max-width:1280px){
  .reply-style-grid-v435{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:900px){
  .reply-style-grid-v435{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:560px){
  .reply-style-grid-v435{
    grid-template-columns:1fr!important;
  }
}
/* --- M.A.I. v43.7 Reply Studio Hard Fix --- */

#replyStudioV435{
  display:none!important;
}

.reply-studio-v437{
  border-color:rgba(101,228,197,.30)!important;
  background:linear-gradient(145deg, rgba(101,228,197,.065), rgba(114,168,255,.035))!important;
}

.reply-style-grid-v437{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}

.reply-style-grid-v437 button{
  min-height:44px;
  border:1px solid rgba(190,210,255,.16);
  background:rgba(255,255,255,.045);
  color:#f7fbff;
  border-radius:14px;
  padding:9px 10px;
  font-weight:900;
  font-size:13px;
}

.reply-style-grid-v437 button:hover,
.reply-style-grid-v437 button.active{
  border-color:rgba(101,228,197,.55);
  background:rgba(101,228,197,.12);
  color:#65e4c5;
}

#replyCustomInstructionV437{
  border-color:rgba(101,228,197,.22)!important;
}

.reply-business-note-v437{
  margin-top:10px;
  border:1px solid rgba(101,228,197,.20);
  background:rgba(101,228,197,.055);
  border-radius:14px;
  padding:10px 12px;
  color:#dce7f8;
  font-size:13px;
}

.reply-business-note-v437 strong{
  color:#65e4c5;
}

#replyStudioStatusV437{
  white-space:pre-wrap;
}

@media(max-width:1280px){
  .reply-style-grid-v437{grid-template-columns:repeat(4,minmax(0,1fr));}
}

@media(max-width:900px){
  .reply-style-grid-v437{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:560px){
  .reply-style-grid-v437{grid-template-columns:1fr;}
}

/* PHASE5_4_2_LICENSE_ERROR_CSS */
.mai-license-error {
  margin: 16px auto;
  max-width: 980px;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid rgba(255, 107, 107, .45);
  background: rgba(255, 107, 107, .12);
  color: #fff;
  box-shadow: 0 16px 50px rgba(0,0,0,.25);
}
.mai-license-error strong {
  display: block;
  margin-bottom: 6px;
  color: #ffb3b3;
  font-size: 16px;
}
.mai-license-error p {
  margin: 0;
  color: #ffecec;
  line-height: 1.45;
}
/* END_PHASE5_4_2_LICENSE_ERROR_CSS */

/* PHASE5_5_WORKSPACE_LICENSE_STATUS_CSS */
.mai-workspace-license-box {
  max-width: 980px;
  margin: 12px auto 18px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(109, 241, 220, .25);
  background: rgba(17, 27, 46, .78);
  color: #eef7ff;
  box-shadow: 0 16px 50px rgba(0,0,0,.20);
}
.mai-workspace-license-box .mai-license-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.mai-workspace-license-box .mai-license-head span {
  font-weight: 800;
  letter-spacing: .04em;
}
.mai-workspace-license-box .mai-license-head strong {
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(109, 241, 220, .15);
  color: #6df1dc;
}
.mai-workspace-license-box.is-blocked {
  border-color: rgba(255, 107, 107, .55);
  background: rgba(255, 107, 107, .10);
}
.mai-workspace-license-box.is-blocked .mai-license-head strong {
  background: rgba(255, 107, 107, .16);
  color: #ffb3b3;
}
.mai-license-details p {
  margin: 5px 0;
  color: #dbeafe;
}
.mai-license-message {
  font-weight: 800;
}
.mai-license-disabled-action {
  opacity: .55 !important;
  cursor: not-allowed !important;
  filter: grayscale(.25);
}
/* END_PHASE5_5_WORKSPACE_LICENSE_STATUS_CSS */

/* PHASE5_5_7_PROFESSIONAL_READONLY_ACCESS_CONTROL_CSS */
[data-mai-hidden-object-object="true"] {
  display: none !important;
}
.mai-professional-readonly-box {
  max-width: 980px;
  margin: 12px auto 18px;
}
.mai-professional-readonly-box.is-blocked {
  border-color: rgba(255,107,107,.55);
  background: rgba(255,107,107,.10);
}
.mai-readonly-disabled {
  opacity: .46 !important;
  cursor: not-allowed !important;
  filter: grayscale(.25);
}
#maiLicenseErrorBox.mai-license-error {
  border: 1px solid rgba(255,107,107,.55);
  background: rgba(255,107,107,.12);
  color: #ffecec;
  border-radius: 16px;
  padding: 14px 16px;
  margin: 12px auto 18px;
  max-width: 980px;
  box-shadow: 0 16px 48px rgba(0,0,0,.20);
  z-index: 9999;
}
#maiLicenseErrorBox.mai-license-error strong {
  display: block;
  margin-bottom: 6px;
  color: #ffb3b3;
}
#maiLicenseErrorBox.mai-license-error p {
  margin: 0;
}
/* END_PHASE5_5_7_PROFESSIONAL_READONLY_ACCESS_CONTROL_CSS */

/* PHASE6_3_2_CASES_UI_POLISH
   Kompaktere Darstellung der neuen Vorgangsseite.
   Nur CSS. Keine Logik, keine API, keine Datenbank.
*/

#casesMetrics630.metric-grid {
  gap: 14px;
}

#casesMetrics630 .metric {
  min-height: 92px;
  padding: 16px;
}

#casesMetrics630 .metric span {
  font-size: 12px;
  letter-spacing: .02em;
}

#casesMetrics630 .metric strong {
  font-size: 30px;
  line-height: 1.05;
}

#casesMetrics630 .metric small {
  font-size: 12px;
}

#casesList630.list {
  display: grid;
  gap: 10px;
}

#casesList630 .mai-case-row {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  min-height: auto;
  line-height: 1.35;
  border-radius: 16px;
}

#casesList630 .mai-case-row > div {
  min-width: 0;
  flex: 1;
}

#casesList630 .mai-case-row strong {
  display: block;
  font-size: 15px;
  line-height: 1.25;
  margin-bottom: 5px;
  color: var(--accent, #62f5d2);
}

#casesList630 .mai-case-row span {
  display: block;
  font-size: 12px;
  line-height: 1.35;
  color: var(--muted, #a9b7c9);
  margin-bottom: 4px;
}

#casesList630 .mai-case-row small {
  display: block;
  font-size: 11px;
  line-height: 1.35;
  color: rgba(220,235,255,.72);
  word-break: break-word;
}

#casesList630 .mai-case-row > small {
  flex: 0 0 auto;
  white-space: nowrap;
  text-align: right;
  color: rgba(220,235,255,.65);
}

#caseDetail630.action-card {
  padding: 18px;
  margin-top: 14px;
}

#caseDetail630 .page-hero {
  margin-bottom: 14px;
}

#caseDetail630 .page-hero h2 {
  font-size: 24px;
  line-height: 1.15;
  margin: 4px 0 8px;
}

#caseDetail630 .page-hero p {
  font-size: 13px;
  line-height: 1.45;
  max-width: 980px;
  color: rgba(220,235,255,.82);
}

#caseDetail630 .metric-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

#caseDetail630 .metric {
  min-height: 92px;
  padding: 14px 16px;
}

#caseDetail630 .metric span {
  font-size: 12px;
}

#caseDetail630 .metric strong {
  font-size: 24px;
  line-height: 1.08;
  word-break: break-word;
}

#caseDetail630 .metric small {
  font-size: 11px;
}

#caseDetail630 .quick-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#caseDetail630 .quick-grid .card {
  padding: 16px;
  min-height: 120px;
}

#caseDetail630 .quick-grid .card h3 {
  font-size: 17px;
  margin-bottom: 10px;
}

#caseDetail630 .quick-grid .card p {
  font-size: 13px;
  line-height: 1.4;
}

#caseDetail630 .empty {
  font-size: 13px;
  padding: 12px;
}

@media (max-width: 1100px) {
  #caseDetail630 .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #caseDetail630 .quick-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  #casesList630 .mai-case-row {
    display: block;
  }

  #casesList630 .mai-case-row > small {
    text-align: left;
    margin-top: 8px;
  }

  #caseDetail630 .metric-grid {
    grid-template-columns: 1fr;
  }

  #caseDetail630 .page-hero h2 {
    font-size: 21px;
  }

  #caseDetail630 .metric strong {
    font-size: 21px;
  }
}

/* END_PHASE6_3_2_CASES_UI_POLISH */

/* PHASE6_3_3_CASE_EDIT_UI_CSS */
.mai633-edit-panel {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(120,160,190,.25);
  border-radius: 18px;
  background: rgba(8,18,34,.42);
}

.mai633-edit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}

.mai633-edit-grid label,
.mai633-action-grid label {
  display: grid;
  gap: 6px;
  font-size: 12px;
  color: rgba(220,235,255,.78);
}

.mai633-edit-grid select,
.mai633-action-grid select,
.mai633-action-grid input,
.mai633-action-grid textarea {
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(120,160,190,.25);
  background: rgba(9,19,36,.9);
  color: #f3f7ff;
  padding: 10px 12px;
  outline: none;
}

.mai633-save-wrap {
  display: flex;
  align-items: end;
}

.mai633-save-wrap button,
.mai633-action-grid button {
  width: 100%;
}

.mai633-action-grid {
  margin-top: 14px;
}

.mai633-action-grid .card {
  display: grid;
  gap: 10px;
}

.mai633-task-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.status-line.ok {
  color: #36e2b5;
  font-weight: 800;
}

.status-line.err {
  color: #ff8a8a;
  font-weight: 800;
}

@media (max-width: 1000px) {
  .mai633-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .mai633-edit-grid,
  .mai633-task-row {
    grid-template-columns: 1fr;
  }
}
/* END_PHASE6_3_3_CASE_EDIT_UI_CSS */

/* PHASE6_3_4_CASE_TIMELINE_BADGES_FILTER_CSS */
.mai634-filterbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 12px;
}

.mai634-filterbar button {
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background: rgba(9, 19, 36, .65);
  border: 1px solid rgba(120,160,190,.25);
  color: rgba(230,240,255,.78);
}

.mai634-filterbar button.active {
  color: #071421;
  background: #5ff5ce;
  border-color: #5ff5ce;
}

.mai634-card-badges,
.mai634-detail-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 6px 0 8px;
}

.mai634-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(120,160,190,.12);
  color: rgba(230,240,255,.82);
}

.mai634-open {
  background: rgba(54,226,181,.12);
  color: #5ff5ce;
  border-color: rgba(95,245,206,.35);
}

.mai634-progress {
  background: rgba(80,160,255,.14);
  color: #8dc4ff;
  border-color: rgba(141,196,255,.32);
}

.mai634-wait {
  background: rgba(255,198,90,.14);
  color: #ffd277;
  border-color: rgba(255,210,119,.35);
}

.mai634-done {
  background: rgba(120,255,140,.12);
  color: #9dffa8;
  border-color: rgba(157,255,168,.32);
}

.mai634-critical {
  background: rgba(255,100,120,.14);
  color: #ff9aa8;
  border-color: rgba(255,154,168,.35);
}

.mai634-warn {
  background: rgba(255,198,90,.14);
  color: #ffd277;
  border-color: rgba(255,210,119,.35);
}

.mai634-low,
.mai634-neutral {
  background: rgba(120,160,190,.12);
  color: rgba(230,240,255,.76);
}

.mai634-task-list {
  display: grid;
  gap: 10px;
}

.mai634-task-card {
  padding: 12px;
  border: 1px solid rgba(120,160,190,.22);
  border-radius: 14px;
  background: rgba(9,19,36,.46);
}

.mai634-task-card b {
  display: block;
  margin-bottom: 6px;
}

.mai634-task-card span {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mai634-task-card p {
  margin: 8px 0 0;
  color: rgba(220,235,255,.75);
}

.mai634-timeline {
  position: relative;
  display: grid;
  gap: 12px;
  padding-left: 8px;
}

.mai634-timeline-item {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  align-items: start;
}

.mai634-dot {
  width: 10px;
  height: 10px;
  margin-top: 4px;
  border-radius: 999px;
  background: #5ff5ce;
  box-shadow: 0 0 0 4px rgba(95,245,206,.12);
}

.mai634-timeline-item b {
  display: block;
  font-size: 13px;
  color: rgba(240,248,255,.95);
}

.mai634-timeline-item small {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  color: rgba(220,235,255,.62);
}
/* END_PHASE6_3_4_CASE_TIMELINE_BADGES_FILTER_CSS */

/* PHASE6_3_5_CASE_LIST_BADGE_FIX
   Fix: Badges in der Vorgangsliste dürfen nicht als volle Balken erscheinen.
   Nur CSS. Keine Logik, keine API, keine DB.
*/

#casesList630 .mai-case-row .mai634-card-badges {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 7px 0 8px;
}

#casesList630 .mai-case-row .mai634-card-badges .mai634-badge {
  display: inline-flex !important;
  width: auto !important;
  max-width: max-content;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 10.5px;
  line-height: 1;
  white-space: nowrap;
}

#casesList630 .mai-case-row > div > small {
  display: block;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid rgba(120,160,190,.12);
  font-size: 11px;
  line-height: 1.45;
  color: rgba(220,235,255,.74);
}

#casesList630 .mai-case-row strong {
  font-size: 14px;
  margin-bottom: 4px;
}

#casesList630 .mai-case-row {
  padding: 13px 15px;
}

#caseDetail630 .mai634-detail-badges .mai634-badge {
  display: inline-flex !important;
  width: auto !important;
  max-width: max-content;
}

/* END_PHASE6_3_5_CASE_LIST_BADGE_FIX */

/* PHASE6_3_6_CASE_DETAIL_SPACING
   Vorgangsdetail luftiger darstellen.
   Mail-/Beschreibungstext größer und besser lesbar.
   Schließen-Button sauber ausrichten.
   Nur CSS. Keine Logik, keine API, keine DB.
*/

#caseDetail630 {
  padding: 22px !important;
}

#caseDetail630 > .page-hero,
#caseDetail630 .page-hero:first-child {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 22px !important;
  padding: 18px 20px !important;
  margin-bottom: 18px !important;
  border: 1px solid rgba(120,160,190,.22) !important;
  border-radius: 20px !important;
  background: rgba(9,19,36,.42) !important;
}

#caseDetail630 .page-hero .eyebrow {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

#caseDetail630 .page-hero h2 {
  font-size: 25px !important;
  line-height: 1.18 !important;
  margin: 0 0 12px !important;
}

#caseDetail630 .page-hero p {
  font-size: 14.5px !important;
  line-height: 1.58 !important;
  max-width: none !important;
  color: rgba(232,242,255,.9) !important;
  margin: 0 !important;
}

#caseDetail630 .mai634-detail-badges {
  margin-top: 14px !important;
  gap: 7px !important;
}

#caseDetail630 #closeCaseDetail630 {
  min-width: 104px !important;
  height: 42px !important;
  padding: 0 18px !important;
  align-self: start !important;
  justify-self: end !important;
  border-radius: 14px !important;
  white-space: nowrap !important;
}

#caseDetail630 .metric-grid {
  margin-top: 16px !important;
}

#caseDetail630 .mai633-edit-panel {
  margin-top: 16px !important;
}

#casesList630 .mai-case-row > div > small {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

@media (max-width: 760px) {
  #caseDetail630 > .page-hero,
  #caseDetail630 .page-hero:first-child {
    grid-template-columns: 1fr !important;
  }

  #caseDetail630 #closeCaseDetail630 {
    justify-self: start !important;
  }

  #caseDetail630 .page-hero p {
    font-size: 14px !important;
  }
}

/* END_PHASE6_3_6_CASE_DETAIL_SPACING */

/* PHASE6_4_3_CUSTOMER_LINK_UI_CSS */
.mai643-customer-panel {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid rgba(120,160,190,.22);
  border-radius: 20px;
  background: rgba(9,19,36,.42);
}

.mai643-customer-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: 16px;
  align-items: start;
  margin-bottom: 14px;
}

.mai643-customer-head h3 {
  margin: 0 0 6px;
}

.mai643-customer-head p {
  margin: 0;
  color: rgba(220,235,255,.72);
}

.mai643-customer-linked,
.mai643-customer-empty {
  padding: 12px;
  border-radius: 16px;
  background: rgba(6,15,28,.52);
  border: 1px solid rgba(120,160,190,.18);
}

.mai643-customer-linked {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: start;
}

.mai643-customer-linked b {
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
}

.mai643-customer-linked span,
.mai643-customer-linked small {
  display: block;
  font-size: 12px;
  color: rgba(220,235,255,.7);
}

.mai643-customer-empty {
  font-size: 12.5px;
  color: rgba(220,235,255,.72);
}

.mai643-customer-form {
  display: grid;
  grid-template-columns: 1.2fr 1fr .9fr;
  gap: 10px;
}

.mai643-customer-form label {
  display: grid;
  gap: 6px;
}

.mai643-customer-form label span {
  font-size: 11px;
  font-weight: 800;
  color: rgba(220,235,255,.72);
}

.mai643-customer-form input {
  width: 100%;
}

.mai643-customer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.mai643-customer-msg {
  min-height: 18px;
  margin-top: 10px;
  font-size: 12px;
  color: rgba(220,235,255,.7);
}

.mai643-customer-msg.ok {
  color: #5ff5ce;
}

.mai643-customer-msg.error {
  color: #ff9aa8;
}

@media (max-width: 900px) {
  .mai643-customer-head,
  .mai643-customer-form {
    grid-template-columns: 1fr;
  }
}
/* END_PHASE6_4_3_CUSTOMER_LINK_UI_CSS */

/* PHASE6_4_4_CUSTOMER_PANEL_UI_FIX
   Kunde/Firma Bereich im Vorgangsdetail besser lesbar und ruhiger darstellen.
   Nur CSS. Keine Logik, keine API, keine DB.
*/

#caseDetail630 .page-hero p {
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  color: rgba(238, 246, 255, .94) !important;
}

#caseDetail630 .mai643-customer-panel {
  margin-top: 18px !important;
  padding: 22px !important;
  border-radius: 22px !important;
  background: rgba(9, 19, 36, .50) !important;
  border: 1px solid rgba(120, 160, 190, .25) !important;
}

#caseDetail630 .mai643-customer-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
  gap: 24px !important;
  align-items: start !important;
  margin-bottom: 20px !important;
}

#caseDetail630 .mai643-customer-head .eyebrow {
  margin-bottom: 8px !important;
}

#caseDetail630 .mai643-customer-head h3 {
  font-size: 20px !important;
  line-height: 1.25 !important;
  margin: 0 0 8px !important;
}

#caseDetail630 .mai643-customer-head p {
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: rgba(220, 235, 255, .82) !important;
}

#caseDetail630 .mai643-customer-linked,
#caseDetail630 .mai643-customer-empty {
  padding: 16px !important;
  border-radius: 18px !important;
  min-height: 88px !important;
  background: rgba(6, 15, 28, .62) !important;
  border: 1px solid rgba(120, 160, 190, .24) !important;
}

#caseDetail630 .mai643-customer-linked {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;
}

#caseDetail630 .mai643-customer-linked b {
  font-size: 15.5px !important;
  line-height: 1.25 !important;
  margin-bottom: 6px !important;
}

#caseDetail630 .mai643-customer-linked span,
#caseDetail630 .mai643-customer-linked small {
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: rgba(225, 238, 255, .78) !important;
}

#caseDetail630 .mai643-customer-form {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  gap: 14px !important;
  margin-top: 8px !important;
}

#caseDetail630 .mai643-customer-form label {
  display: grid !important;
  gap: 8px !important;
}

#caseDetail630 .mai643-customer-form label span {
  font-size: 12px !important;
  font-weight: 900 !important;
  color: rgba(220, 235, 255, .78) !important;
}

#caseDetail630 .mai643-customer-form input {
  min-height: 48px !important;
  padding: 0 15px !important;
  border-radius: 14px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  background: rgba(5, 15, 30, .72) !important;
  border: 1px solid rgba(120, 160, 190, .28) !important;
}

#caseDetail630 .mai643-customer-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

#caseDetail630 .mai643-customer-actions button {
  min-height: 46px !important;
  padding: 0 20px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

#caseDetail630 #mai643LinkCustomerBtn {
  min-width: 190px !important;
}

#caseDetail630 .mai643-customer-msg {
  margin-top: 12px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* Status/Priorität/Risiko Bearbeitung optisch an Kunde/Firma angleichen */
#caseDetail630 .mai633-edit-panel {
  padding: 18px !important;
  border-radius: 20px !important;
}

#caseDetail630 .mai633-edit-panel select,
#caseDetail630 .mai633-edit-panel button {
  min-height: 46px !important;
  font-size: 14px !important;
  border-radius: 14px !important;
}

@media (max-width: 1050px) {
  #caseDetail630 .mai643-customer-head,
  #caseDetail630 .mai643-customer-form {
    grid-template-columns: 1fr !important;
  }
}

/* END_PHASE6_4_4_CUSTOMER_PANEL_UI_FIX */

/* PHASE6_4_6_CASE_LIST_CUSTOMER_VIEW_CSS */
#casesList630 {
  display: grid !important;
  gap: 14px !important;
}

#casesList630 .mai646-case-row {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  padding: 18px 20px !important;
  border-radius: 18px !important;
  background: rgba(7, 17, 32, .58) !important;
  border: 1px solid rgba(120,160,190,.22) !important;
}

#casesList630 .mai646-case-row:hover {
  background: rgba(12, 28, 48, .72) !important;
  border-color: rgba(95,245,206,.36) !important;
}

.mai646-case-main {
  display: grid !important;
  gap: 9px !important;
}

.mai646-case-titleline {
  display: flex !important;
  justify-content: space-between !important;
  gap: 18px !important;
  align-items: start !important;
}

#casesList630 .mai646-case-titleline strong {
  font-size: 15.5px !important;
  line-height: 1.35 !important;
  color: #5ff5ce !important;
}

#casesList630 .mai646-case-titleline small {
  font-size: 12px !important;
  color: rgba(180,210,255,.78) !important;
  white-space: nowrap !important;
}

#casesList630 .mai634-card-badges {
  margin: 0 !important;
}

.mai646-customer-line {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  border: 1px solid rgba(120,160,190,.16) !important;
}

.mai646-customer-line span {
  color: rgba(220,235,255,.70) !important;
  font-weight: 800 !important;
}

.mai646-customer-line b {
  color: rgba(240,248,255,.94) !important;
  font-weight: 900 !important;
}

.mai646-customer-line.linked {
  background: rgba(95,245,206,.08) !important;
  border-color: rgba(95,245,206,.22) !important;
}

.mai646-customer-line.pending {
  background: rgba(255,210,119,.08) !important;
  border-color: rgba(255,210,119,.22) !important;
}

.mai646-customer-line.none {
  background: rgba(120,160,190,.08) !important;
}

#casesList630 .mai646-case-desc {
  display: block !important;
  margin-top: 2px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(120,160,190,.14) !important;
  font-size: 13.2px !important;
  line-height: 1.55 !important;
  color: rgba(230,240,255,.82) !important;
}

@media (max-width: 760px) {
  .mai646-case-titleline {
    display: grid !important;
    gap: 6px !important;
  }

  #casesList630 .mai646-case-titleline small {
    white-space: normal !important;
  }
}
/* END_PHASE6_4_6_CASE_LIST_CUSTOMER_VIEW_CSS */

/* PHASE6_4_7_CASE_LIST_CLICK_TYPOGRAPHY_FIX_CSS
   Vorgangsliste besser lesbar und eindeutig klickbar.
*/

#casesList630 .mai646-case-row {
  cursor: pointer !important;
  pointer-events: auto !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  letter-spacing: normal !important;
  padding: 20px 22px !important;
}

#casesList630 .mai646-case-row * {
  pointer-events: auto !important;
  letter-spacing: normal !important;
}

#casesList630 .mai646-case-row:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
}

#casesList630 .mai646-case-row.mai647-opening {
  outline: 2px solid rgba(95,245,206,.55) !important;
  outline-offset: 2px !important;
}

#casesList630 .mai646-case-main {
  gap: 12px !important;
}

#casesList630 .mai646-case-titleline strong {
  font-size: 17px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  color: #5ff5ce !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

#casesList630 .mai646-case-titleline small {
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: rgba(190,220,255,.82) !important;
}

#casesList630 .mai634-card-badges .mai634-badge {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  padding: 5px 9px !important;
}

#casesList630 .mai646-customer-line {
  font-size: 14px !important;
  line-height: 1.45 !important;
  padding: 10px 12px !important;
  border-radius: 13px !important;
}

#casesList630 .mai646-customer-line span {
  font-weight: 750 !important;
}

#casesList630 .mai646-customer-line b {
  font-weight: 800 !important;
}

#casesList630 .mai646-case-desc {
  font-size: 14px !important;
  line-height: 1.6 !important;
  font-weight: 600 !important;
  color: rgba(232,242,255,.86) !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

#casesList630 .mai646-case-desc::before {
  content: "Auszug: ";
  color: rgba(95,245,206,.9);
  font-weight: 850;
}

/* END_PHASE6_4_7_CASE_LIST_CLICK_TYPOGRAPHY_FIX_CSS */

/* PHASE6_4_9_INLINE_CASE_DETAIL_CSS */
#casesList630 #caseDetail630.mai649-inline-detail,
#caseDetail630.mai649-inline-detail {
  margin: 2px 0 18px !important;
  padding: 20px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(95,245,206,.24) !important;
  background: rgba(8, 18, 34, .72) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.22) !important;
  animation: mai649OpenDetail .18s ease-out;
}

#casesList630 .mai649-active-row {
  border-color: rgba(95,245,206,.48) !important;
  background: rgba(10, 32, 48, .78) !important;
}

#casesList630 .mai649-active-row::after {
  content: "Geöffnet";
  display: inline-flex;
  width: fit-content;
  margin-top: 10px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  color: #071421;
  background: #5ff5ce;
}

@keyframes mai649OpenDetail {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* END_PHASE6_4_9_INLINE_CASE_DETAIL_CSS */

/* PHASE6_5_1_CUSTOMER_OVERVIEW_FRONTEND */
.mai651-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.mai651-workspace-pill {
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  font-size: 13px;
  white-space: nowrap;
}

.mai651-toolbar {
  display: grid;
  grid-template-columns: 1fr minmax(260px, 420px) auto;
  gap: 14px;
  align-items: center;
  margin-bottom: 16px;
}

.mai651-toolbar small {
  display: block;
  opacity: .72;
  margin-top: 4px;
}

.mai651-toolbar input {
  width: 100%;
}

.mai651-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}

.mai651-metric {
  padding: 16px;
}

.mai651-metric span {
  display: block;
  opacity: .72;
  font-size: 13px;
  margin-bottom: 6px;
}

.mai651-metric strong {
  font-size: 28px;
  line-height: 1;
}

.mai651-layout {
  display: grid;
  grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.mai651-section-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.mai651-section-head h2 {
  margin: 0 0 4px;
}

.mai651-section-head p {
  margin: 0;
  opacity: .72;
}

.mai651-customer-list {
  display: grid;
  gap: 10px;
}

.mai651-customer-card {
  width: 100%;
  text-align: left;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.045);
  color: inherit;
  cursor: pointer;
}

.mai651-customer-card:hover,
.mai651-customer-card.active {
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.24);
}

.mai651-customer-main strong,
.mai651-customer-main span,
.mai651-customer-main small {
  display: block;
}

.mai651-customer-main strong {
  font-size: 15px;
  margin-bottom: 6px;
}

.mai651-customer-main span {
  opacity: .82;
  font-size: 13px;
  margin-bottom: 5px;
  word-break: break-word;
}

.mai651-customer-main small {
  opacity: .62;
}

.mai651-customer-count {
  min-width: 72px;
  text-align: center;
  border-radius: 14px;
  padding: 10px;
  background: rgba(255,255,255,.07);
}

.mai651-customer-count b,
.mai651-customer-count span {
  display: block;
}

.mai651-customer-count b {
  font-size: 22px;
}

.mai651-customer-count span {
  font-size: 11px;
  opacity: .72;
}

.mai651-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.mai651-detail-head h2 {
  margin: 0 0 6px;
}

.mai651-detail-head p {
  margin: 0;
  opacity: .76;
  word-break: break-word;
}

.mai651-status {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(61,220,151,.12);
  border: 1px solid rgba(61,220,151,.28);
  font-size: 12px;
  white-space: nowrap;
}

.mai651-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.mai651-detail-grid > div {
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.09);
}

.mai651-detail-grid small,
.mai651-detail-grid strong {
  display: block;
}

.mai651-detail-grid small {
  opacity: .64;
  margin-bottom: 5px;
}

.mai651-detail-grid strong {
  word-break: break-word;
}

.mai651-subsection {
  margin-top: 18px;
}

.mai651-subsection h3 {
  margin: 0 0 10px;
}

.mai651-case-list,
.mai651-contact-list {
  display: grid;
  gap: 10px;
}

.mai651-case-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 13px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.045);
}

.mai651-case-row strong,
.mai651-case-row span,
.mai651-case-row small {
  display: block;
}

.mai651-case-row strong {
  margin-bottom: 5px;
}

.mai651-case-row span {
  opacity: .75;
  font-size: 13px;
  margin-bottom: 5px;
}

.mai651-case-row small {
  opacity: .62;
}

.mai651-case-row button {
  white-space: nowrap;
}

.mai651-contact-row {
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04);
}

.mai651-contact-row strong,
.mai651-contact-row span {
  display: block;
}

.mai651-contact-row span {
  opacity: .72;
  font-size: 13px;
  margin-top: 4px;
}

@media (max-width: 900px) {
  .mai651-title,
  .mai651-detail-head {
    display: block;
  }

  .mai651-workspace-pill {
    display: inline-block;
    margin-top: 10px;
  }

  .mai651-toolbar {
    grid-template-columns: 1fr;
  }

  .mai651-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mai651-layout {
    grid-template-columns: 1fr;
  }

  .mai651-detail-grid {
    grid-template-columns: 1fr;
  }

  .mai651-case-row {
    grid-template-columns: 1fr;
  }
}
/* END_PHASE6_5_1_CUSTOMER_OVERVIEW_FRONTEND */

/* PHASE6_5_3_CUSTOMER_EDIT_FRONTEND */
.mai653-head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mai653-edit-box {
  margin: 0 0 18px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.12);
}

.mai653-edit-head h3 {
  margin: 0 0 4px;
}

.mai653-edit-head p {
  margin: 0 0 14px;
  opacity: .72;
}

.mai653-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.mai653-form-grid label {
  display: grid;
  gap: 6px;
}

.mai653-form-grid label span {
  font-size: 13px;
  opacity: .76;
}

.mai653-form-grid input,
.mai653-form-grid select,
.mai653-form-grid textarea {
  width: 100%;
}

.mai653-form-grid textarea {
  resize: vertical;
  min-height: 90px;
}

.mai653-full {
  grid-column: 1 / -1;
}

.mai653-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  flex-wrap: wrap;
}

.mai653-actions .secondary {
  background: rgba(255,255,255,.08);
}

#mai653EditStatusText {
  font-size: 13px;
  opacity: .78;
}

#mai653EditStatusText.ok {
  color: #6ee7b7;
}

#mai653EditStatusText.err {
  color: #fca5a5;
}

@media (max-width: 700px) {
  .mai653-head-actions {
    margin-top: 10px;
  }

  .mai653-form-grid {
    grid-template-columns: 1fr;
  }
}
/* END_PHASE6_5_3_CUSTOMER_EDIT_FRONTEND */



/* PHASE6_6_1_CASE_COCKPIT_CSS */
.mai661-panel {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 18px;
  background: rgba(15, 23, 42, .72);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .24);
}

.mai661-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.mai661-eyebrow {
  margin: 0 0 6px;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .72;
}

.mai661-head h3 {
  margin: 0 0 6px;
  font-size: 22px;
}

.mai661-head p {
  margin: 0;
  opacity: .78;
}

.mai661-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.mai661-badge {
  min-width: 92px;
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(30, 41, 59, .85);
  border: 1px solid rgba(148, 163, 184, .18);
}

.mai661-badge span,
.mai661-field span,
.mai661-section span {
  display: block;
  font-size: 12px;
  opacity: .68;
  margin-bottom: 4px;
}

.mai661-badge strong,
.mai661-field strong {
  font-size: 14px;
}

.mai661-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.mai661-field {
  padding: 12px;
  border-radius: 14px;
  background: rgba(2, 6, 23, .32);
  border: 1px solid rgba(148, 163, 184, .14);
  overflow-wrap: anywhere;
}

.mai661-section {
  margin-top: 10px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(2, 6, 23, .22);
  border: 1px solid rgba(148, 163, 184, .12);
}

.mai661-section p {
  margin: 0;
  line-height: 1.5;
}

@media (max-width: 820px) {
  .mai661-head {
    flex-direction: column;
  }

  .mai661-status {
    justify-content: flex-start;
  }

  .mai661-grid {
    grid-template-columns: 1fr;
  }
}
/* END_PHASE6_6_1_CASE_COCKPIT_CSS */



/* PHASE6_6_5a_EDIT_UNDERSTANDING_CSS */
.mai665a-toolbar {
  margin-top: 14px;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.mai665a-edit {
  margin-top: 14px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(2, 6, 23, .38);
  border: 1px solid rgba(94, 234, 212, .24);
}

.mai665a-edit h4 {
  margin: 0 0 14px;
}

.mai665a-edit label {
  display: block;
  margin: 10px 0 5px;
  font-size: 12px;
  opacity: .78;
}

.mai665a-edit input,
.mai665a-edit textarea,
.mai665a-edit select {
  width: 100%;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, .24);
  background: rgba(15, 23, 42, .82);
  color: inherit;
  padding: 10px 12px;
  font: inherit;
}

.mai665a-edit textarea {
  resize: vertical;
  min-height: 82px;
}

.mai665a-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.mai665a-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 14px;
}

.mai665a-status {
  margin: 10px 0 0;
  opacity: .8;
}

@media (max-width: 820px) {
  .mai665a-row {
    grid-template-columns: 1fr;
  }
}
/* END_PHASE6_6_5a_EDIT_UNDERSTANDING_CSS */



/* PHASE6_6_6a_CREATE_TASKS_FROM_NEXT_STEPS_CSS */
.mai666a-toolbar {
  align-items: center;
}

.mai666a-status {
  font-size: 13px;
  opacity: .82;
  align-self: center;
}

#mai666aCreateTasks {
  border-color: rgba(94, 234, 212, .35);
}
/* END_PHASE6_6_6a_CREATE_TASKS_FROM_NEXT_STEPS_CSS */



/* PHASE6_6_7b_EDIT_TASKS_LOCK_BUTTON_CSS */
.mai667b-task-card {
  border: 1px solid rgba(148, 163, 184, .20);
  border-radius: 14px;
  padding: 12px;
  margin: 10px 0;
  background: rgba(15, 23, 42, .48);
}

.mai667b-task-card.mai667b-task-done {
  opacity: .72;
}

.mai667b-task-card.mai667b-task-done b {
  text-decoration: line-through;
}

.mai667b-task-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.mai667b-task-top small {
  display: block;
  opacity: .74;
  margin-top: 4px;
}

.mai667b-task-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.mai667b-task-edit {
  margin-top: 12px;
  border-top: 1px solid rgba(148, 163, 184, .18);
  padding-top: 12px;
}

.mai667b-task-edit label {
  display: block;
  font-size: 12px;
  opacity: .75;
  margin: 8px 0 5px;
}

.mai667b-task-edit input,
.mai667b-task-edit textarea,
.mai667b-task-edit select {
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, .24);
  background: rgba(2, 6, 23, .45);
  color: inherit;
  padding: 9px 10px;
  font: inherit;
}

.mai667b-task-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

.mai667b-edit-actions {
  margin-top: 12px;
}

.mai667bTaskStatusMsg,
.mai667b-status {
  font-size: 13px;
  opacity: .78;
  margin: 8px 0 0;
}

#mai666aCreateTasks.mai667b-locked,
#mai666aCreateTasks:disabled {
  opacity: .48;
  cursor: not-allowed;
}

@media (max-width: 820px) {
  .mai667b-task-top {
    flex-direction: column;
  }

  .mai667b-task-row {
    grid-template-columns: 1fr;
  }

  .mai667b-task-actions {
    justify-content: flex-start;
  }
}
/* END_PHASE6_6_7b_EDIT_TASKS_LOCK_BUTTON_CSS */



/* PHASE6_6_7c_TASK_DESIGN_POLISH_CSS */

.mai667c-task-box {
  display: flex;
  flex-direction: column;
}

.mai667c-task-card {
  position: relative;
  border-radius: 18px;
  padding: 16px;
  margin: 14px 0;
  background: rgba(15, 23, 42, .58);
  border: 1px solid rgba(148, 163, 184, .18);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .16);
  overflow: hidden;
}

.mai667c-task-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  opacity: .95;
}

.mai667c-priority-low::before {
  background: #2dd4bf;
}

.mai667c-priority-normal::before {
  background: #60a5fa;
}

.mai667c-priority-high::before {
  background: #f59e0b;
}

.mai667c-priority-urgent::before {
  background: #ef4444;
}

.mai667c-status-done {
  opacity: .82;
}

.mai667c-status-done h4 {
  text-decoration: line-through;
  opacity: .72;
}

.mai667c-task-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 118px;
  gap: 14px;
  align-items: start;
}

.mai667c-task-content {
  min-width: 0;
}

.mai667c-task-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.mai667c-task-title-row h4 {
  margin: 0;
  font-size: 15px;
  line-height: 1.35;
  color: #f8fafc;
}

.mai667c-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 9px;
}

.mai667c-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .01em;
  border: 1px solid rgba(148, 163, 184, .22);
  background: rgba(15, 23, 42, .82);
  color: #dbeafe;
  white-space: nowrap;
}

.mai667c-badge-open {
  background: rgba(245, 158, 11, .16);
  color: #fde68a;
  border-color: rgba(245, 158, 11, .35);
}

.mai667c-badge-in_progress {
  background: rgba(96, 165, 250, .16);
  color: #bfdbfe;
  border-color: rgba(96, 165, 250, .35);
}

.mai667c-badge-done {
  background: rgba(45, 212, 191, .16);
  color: #99f6e4;
  border-color: rgba(45, 212, 191, .35);
}

.mai667c-badge-prio-low {
  background: rgba(45, 212, 191, .14);
  color: #99f6e4;
  border-color: rgba(45, 212, 191, .32);
}

.mai667c-badge-prio-normal {
  background: rgba(96, 165, 250, .14);
  color: #bfdbfe;
  border-color: rgba(96, 165, 250, .32);
}

.mai667c-badge-prio-high {
  background: rgba(245, 158, 11, .16);
  color: #fde68a;
  border-color: rgba(245, 158, 11, .36);
}

.mai667c-badge-prio-urgent {
  background: rgba(239, 68, 68, .16);
  color: #fecaca;
  border-color: rgba(239, 68, 68, .36);
}

.mai667c-badge-due {
  background: rgba(168, 85, 247, .14);
  color: #e9d5ff;
  border-color: rgba(168, 85, 247, .30);
}

.mai667c-badge-done-date {
  background: rgba(34, 197, 94, .14);
  color: #bbf7d0;
  border-color: rgba(34, 197, 94, .30);
}

.mai667c-badge-muted {
  color: #94a3b8;
  background: rgba(148, 163, 184, .08);
}

.mai667c-description {
  margin: 12px 0 0;
  color: #cbd5e1;
  font-size: 13px;
  line-height: 1.5;
}

.mai667c-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
}

.mai667c-btn,
.mai667c-actions button,
.mai667c-edit-actions button {
  min-height: 36px;
  border-radius: 12px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.mai667c-btn-ok {
  border-color: rgba(45, 212, 191, .35);
  background: rgba(45, 212, 191, .10);
}

.mai667c-edit {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(148, 163, 184, .16);
}

.mai667c-edit-row {
  grid-template-columns: 1fr 1fr 1fr;
}

.mai667c-edit-actions {
  justify-content: flex-end;
}

.mai667b-task-card {
  display: none;
}

.mai667c-task-card .mai667b-task-edit {
  display: block;
}

.mai667c-task-card .mai667b-task-edit[hidden] {
  display: none;
}

#mai666aCreateTasks.mai667b-locked,
#mai666aCreateTasks:disabled {
  opacity: .48;
  cursor: not-allowed;
  border-color: rgba(148, 163, 184, .20);
}

#mai666aStatus {
  max-width: 240px;
  font-size: 12px;
  line-height: 1.35;
  color: #cbd5e1;
}

@media (max-width: 980px) {
  .mai667c-task-main {
    grid-template-columns: 1fr;
  }

  .mai667c-actions {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .mai667c-actions button {
    flex: 1 1 130px;
  }
}

@media (max-width: 640px) {
  .mai667c-edit-row {
    grid-template-columns: 1fr;
  }

  .mai667c-badge {
    white-space: normal;
  }
}

/* END_PHASE6_6_7c_TASK_DESIGN_POLISH_CSS */



/* PHASE6_6_7d_CASE_COCKPIT_STATUS_DESIGN_CSS */

.mai667d-panel {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.mai667d-panel::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  opacity: .95;
}

.mai667d-overall-critical::before,
.mai667d-kpi-critical::before {
  background: #ef4444;
}

.mai667d-overall-high::before,
.mai667d-kpi-high::before {
  background: #f59e0b;
}

.mai667d-overall-active::before,
.mai667d-kpi-active::before,
.mai667d-kpi-in_progress::before {
  background: #60a5fa;
}

.mai667d-overall-done::before,
.mai667d-kpi-done::before,
.mai667d-kpi-low::before {
  background: #2dd4bf;
}

.mai667d-overall-normal::before,
.mai667d-kpi-normal::before,
.mai667d-kpi-open::before,
.mai667d-kpi-none::before {
  background: #64748b;
}

.mai667d-topline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  gap: 14px;
  align-items: start;
  margin-bottom: 14px;
}

.mai667d-topline h3 {
  margin-bottom: 6px;
}

.mai667d-subtitle {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.45;
}

.mai667d-overall {
  border-radius: 16px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .22);
  background: rgba(15, 23, 42, .72);
  text-align: center;
}

.mai667d-overall span {
  display: block;
  font-size: 11px;
  color: #93c5fd;
  margin-bottom: 5px;
}

.mai667d-overall strong {
  display: block;
  font-size: 14px;
  line-height: 1.25;
}

.mai667d-overall-critical .mai667d-overall {
  border-color: rgba(239, 68, 68, .42);
  background: rgba(239, 68, 68, .12);
}

.mai667d-overall-high .mai667d-overall {
  border-color: rgba(245, 158, 11, .42);
  background: rgba(245, 158, 11, .12);
}

.mai667d-overall-active .mai667d-overall {
  border-color: rgba(96, 165, 250, .42);
  background: rgba(96, 165, 250, .12);
}

.mai667d-overall-done .mai667d-overall {
  border-color: rgba(45, 212, 191, .42);
  background: rgba(45, 212, 191, .12);
}

.mai667d-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.mai667d-kpi {
  position: relative;
  min-height: 76px;
  border-radius: 16px;
  padding: 12px 12px 12px 16px;
  background: rgba(15, 23, 42, .76);
  border: 1px solid rgba(148, 163, 184, .20);
  overflow: hidden;
}

.mai667d-kpi::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
}

.mai667d-kpi span {
  display: block;
  font-size: 11px;
  color: #93c5fd;
  margin-bottom: 7px;
}

.mai667d-kpi strong {
  display: block;
  font-size: 17px;
  line-height: 1.2;
  color: #f8fafc;
}

.mai667d-kpi small {
  display: block;
  margin-top: 6px;
  color: #cbd5e1;
  font-size: 11px;
}

.mai667d-kpi-urgent,
.mai667d-kpi-critical {
  border-color: rgba(239, 68, 68, .38);
  background: rgba(239, 68, 68, .10);
}

.mai667d-kpi-high,
.mai667d-kpi-medium {
  border-color: rgba(245, 158, 11, .38);
  background: rgba(245, 158, 11, .10);
}

.mai667d-kpi-active,
.mai667d-kpi-in_progress {
  border-color: rgba(96, 165, 250, .38);
  background: rgba(96, 165, 250, .10);
}

.mai667d-kpi-low,
.mai667d-kpi-done {
  border-color: rgba(45, 212, 191, .38);
  background: rgba(45, 212, 191, .10);
}

.mai667d-info-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.mai667d-info-field {
  border-radius: 14px;
  padding: 11px;
  background: rgba(2, 6, 23, .34);
  border: 1px solid rgba(148, 163, 184, .16);
  min-height: 62px;
}

.mai667d-info-field span {
  display: block;
  font-size: 11px;
  color: #93c5fd;
  margin-bottom: 6px;
}

.mai667d-info-field strong {
  display: block;
  font-size: 13px;
  line-height: 1.35;
  color: #f8fafc;
  word-break: break-word;
}

.mai667d-section {
  border-radius: 15px;
  padding: 13px;
  margin: 10px 0;
  background: rgba(2, 6, 23, .30);
  border: 1px solid rgba(148, 163, 184, .15);
}

.mai667d-section span {
  display: block;
  font-size: 11px;
  color: #93c5fd;
  margin-bottom: 7px;
}

.mai667d-section p {
  margin: 0;
  line-height: 1.5;
}

.mai667d-section ul {
  margin: 0;
  padding-left: 20px;
}

.mai667d-section li {
  margin: 4px 0;
  line-height: 1.45;
}

.mai667d-toolbar {
  margin-top: 14px;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 1100px) {
  .mai667d-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mai667d-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .mai667d-topline {
    grid-template-columns: 1fr;
  }

  .mai667d-kpi-grid,
  .mai667d-info-grid {
    grid-template-columns: 1fr;
  }
}

/* END_PHASE6_6_7d_CASE_COCKPIT_STATUS_DESIGN_CSS */



/* PHASE6_6_7e_COMPACT_CASE_COCKPIT_CSS */

.mai667e-panel {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  padding: 18px;
}

.mai667e-panel::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  opacity: .9;
}

.mai667e-overall-critical::before {
  background: #ef4444;
}

.mai667e-overall-high::before {
  background: #f59e0b;
}

.mai667e-overall-active::before {
  background: #60a5fa;
}

.mai667e-overall-done::before {
  background: #2dd4bf;
}

.mai667e-overall-normal::before {
  background: #64748b;
}

.mai667e-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.mai667e-header h3 {
  margin: 2px 0 0;
  font-size: 18px;
  line-height: 1.25;
}

.mai667e-chipbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 14px;
}

.mai667e-chip {
  border-radius: 14px;
  padding: 10px 11px;
  min-height: 55px;
  border: 1px solid rgba(148, 163, 184, .18);
  background: rgba(15, 23, 42, .58);
}

.mai667e-chip span {
  display: block;
  font-size: 10px;
  color: #93c5fd;
  margin-bottom: 5px;
}

.mai667e-chip strong {
  display: block;
  font-size: 14px;
  line-height: 1.15;
  color: #f8fafc;
}

.mai667e-chip-open,
.mai667e-chip-normal,
.mai667e-chip-none {
  border-color: rgba(100, 116, 139, .32);
  background: rgba(100, 116, 139, .10);
}

.mai667e-chip-active,
.mai667e-chip-in_progress {
  border-color: rgba(96, 165, 250, .40);
  background: rgba(96, 165, 250, .12);
}

.mai667e-chip-done,
.mai667e-chip-low {
  border-color: rgba(45, 212, 191, .42);
  background: rgba(45, 212, 191, .12);
}

.mai667e-chip-medium,
.mai667e-chip-high {
  border-color: rgba(245, 158, 11, .42);
  background: rgba(245, 158, 11, .12);
}

.mai667e-chip-urgent,
.mai667e-chip-critical {
  border-color: rgba(239, 68, 68, .44);
  background: rgba(239, 68, 68, .13);
}

.mai667e-contact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0;
}

.mai667e-address {
  margin: 8px 0 12px;
}

.mai667e-mini {
  border-radius: 13px;
  padding: 10px;
  background: rgba(2, 6, 23, .28);
  border: 1px solid rgba(148, 163, 184, .14);
  min-height: 52px;
}

.mai667e-mini span {
  display: block;
  font-size: 10px;
  color: #93c5fd;
  margin-bottom: 5px;
}

.mai667e-mini strong {
  display: block;
  font-size: 12px;
  line-height: 1.32;
  word-break: break-word;
  color: #f8fafc;
}

.mai667e-section {
  border-radius: 14px;
  padding: 11px 12px;
  margin: 8px 0;
  background: rgba(2, 6, 23, .25);
  border: 1px solid rgba(148, 163, 184, .13);
}

.mai667e-section span {
  display: block;
  font-size: 10px;
  color: #93c5fd;
  margin-bottom: 6px;
}

.mai667e-section p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.mai667e-section ul {
  margin: 0;
  padding-left: 18px;
}

.mai667e-section li {
  margin: 3px 0;
  font-size: 13px;
  line-height: 1.42;
}

.mai667e-toolbar {
  margin-top: 12px;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}

.mai667e-toolbar button {
  min-height: 38px;
  border-radius: 12px;
  padding: 8px 12px;
}

.mai667d-panel .mai667d-topline,
.mai667d-panel .mai667d-kpi-grid,
.mai667d-panel .mai667d-info-grid {
  display: none;
}

@media (max-width: 1100px) {
  .mai667e-chipbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mai667e-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .mai667e-chipbar,
  .mai667e-contact-grid {
    grid-template-columns: 1fr;
  }
}

/* END_PHASE6_6_7e_COMPACT_CASE_COCKPIT_CSS */



/* PHASE6_6_7f_TASK_BUTTON_CLICK_FIX_CSS */
.mai667b-task-card.mai667c-task-card {
  display: block;
}

.mai667c-task-card button {
  pointer-events: auto;
  position: relative;
  z-index: 5;
}

.mai667c-task-card .mai667b-task-edit {
  position: relative;
  z-index: 4;
}
/* END_PHASE6_6_7f_TASK_BUTTON_CLICK_FIX_CSS */



/* PHASE6_6_8a_CASE_REPLY_DRAFT_PANEL_CSS */

.mai668a-panel {
  margin-top: 18px;
  border-radius: 18px;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, .18);
  background: rgba(15, 23, 42, .58);
}

.mai668a-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px;
  gap: 14px;
  align-items: start;
  margin-bottom: 12px;
}

.mai668a-head h3 {
  margin: 2px 0 4px;
}

.mai668a-head p {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.45;
}

.mai668a-warning,
.mai668a-ok {
  border-radius: 14px;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.mai668a-warning {
  color: #fde68a;
  border: 1px solid rgba(245, 158, 11, .36);
  background: rgba(245, 158, 11, .12);
}

.mai668a-ok {
  color: #99f6e4;
  border: 1px solid rgba(45, 212, 191, .36);
  background: rgba(45, 212, 191, .12);
}

.mai668a-note {
  margin: 8px 0 12px;
  color: #cbd5e1;
  font-size: 13px;
  line-height: 1.45;
}

#mai668aReplyText {
  width: 100%;
  box-sizing: border-box;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, .22);
  background: rgba(2, 6, 23, .38);
  color: #f8fafc;
  padding: 14px;
  font: inherit;
  line-height: 1.5;
  resize: vertical;
  min-height: 260px;
}

.mai668a-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.mai668a-actions button {
  min-height: 38px;
  border-radius: 12px;
  padding: 8px 13px;
}

.mai668a-status {
  margin: 10px 0 0;
  color: #cbd5e1;
  font-size: 13px;
}

@media (max-width: 760px) {
  .mai668a-head {
    grid-template-columns: 1fr;
  }
}

/* END_PHASE6_6_8a_CASE_REPLY_DRAFT_PANEL_CSS */



/* PHASE6_6_8b_CASE_DETAIL_DESIGN_POLISH_CSS */

/* obere Vorgangs-Karten kompakter */
.mai668b-summary-card {
  position: relative;
  min-height: 82px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  overflow: hidden;
}

.mai668b-summary-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  opacity: .95;
  background: #64748b;
}

.mai668b-summary-card h3,
.mai668b-summary-card h4,
.mai668b-summary-card b,
.mai668b-summary-card strong {
  line-height: 1.15 !important;
}

.mai668b-summary-card strong,
.mai668b-summary-card b {
  font-size: 22px !important;
}

.mai668b-summary-card small,
.mai668b-summary-card p,
.mai668b-summary-card span {
  font-size: 12px !important;
}

.mai668b-created-card strong,
.mai668b-created-card b {
  font-size: 18px !important;
  line-height: 1.15 !important;
}

.mai668b-created-card {
  opacity: .92;
}

/* Statusfarben */
.mai668b-status-open::before {
  background: #60a5fa;
}

.mai668b-status-active::before {
  background: #f59e0b;
}

.mai668b-status-done::before {
  background: #2dd4bf;
}

/* Priorität */
.mai668b-priority-low::before {
  background: #2dd4bf;
}

.mai668b-priority-normal::before {
  background: #60a5fa;
}

.mai668b-priority-high::before {
  background: #f59e0b;
}

.mai668b-priority-critical::before {
  background: #ef4444;
}

/* Risiko */
.mai668b-risk-none::before {
  background: #64748b;
}

.mai668b-risk-low::before {
  background: #2dd4bf;
}

.mai668b-risk-normal::before {
  background: #f59e0b;
}

.mai668b-risk-high::before,
.mai668b-risk-critical::before {
  background: #ef4444;
}

/* Kundenblock ruhiger */
.mai668b-customer-block {
  position: relative;
  border-radius: 22px !important;
}

.mai668b-customer-linked {
  border-color: rgba(45, 212, 191, .24) !important;
  background:
    linear-gradient(135deg, rgba(45, 212, 191, .055), transparent 42%),
    rgba(15, 23, 42, .48) !important;
}

.mai668b-customer-linked::after {
  content: "Firma bereits verknüpft";
  position: absolute;
  right: 22px;
  top: 18px;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 900;
  color: #99f6e4;
  background: rgba(45, 212, 191, .12);
  border: 1px solid rgba(45, 212, 191, .32);
  pointer-events: none;
}

.mai668b-customer-linked input.mai668b-readonly-input {
  opacity: .82;
  cursor: not-allowed;
  border-color: rgba(45, 212, 191, .18) !important;
}

.mai668b-disabled-button,
.mai668b-customer-linked button:disabled {
  opacity: .46 !important;
  cursor: not-allowed !important;
  filter: grayscale(.15);
}

/* Formularbereiche darunter etwas ruhiger */
.mai668b-customer-block + div,
.mai668b-customer-block ~ div {
  scroll-margin-top: 20px;
}

@media (max-width: 760px) {
  .mai668b-customer-linked::after {
    position: static;
    display: inline-flex;
    margin: 10px 0 0;
  }

  .mai668b-summary-card strong,
  .mai668b-summary-card b {
    font-size: 18px !important;
  }

  .mai668b-created-card strong,
  .mai668b-created-card b {
    font-size: 16px !important;
  }
}

/* END_PHASE6_6_8b_CASE_DETAIL_DESIGN_POLISH_CSS */



/* PHASE6_6_8e_CUSTOMER_BUTTON_LOCK_ONLY_CSS */
.mai668e-disabled,
.mai668e-customer-linked-lock button:disabled {
  opacity: .42 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.mai668e-readonly {
  opacity: .72 !important;
  cursor: not-allowed !important;
}
/* END_PHASE6_6_8e_CUSTOMER_BUTTON_LOCK_ONLY_CSS */



/* PHASE6_6_9b_AI_REPLY_FROM_CASE_CSS */

.mai669b-ai-reply-box {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(148, 163, 184, .12);
}

.mai669b-ai-reply-row {
  display: grid;
  grid-template-columns: minmax(150px, 190px) 1fr auto;
  gap: 10px;
  align-items: center;
}

.mai669b-ai-reply-row select,
.mai669b-ai-reply-row input {
  min-height: 40px;
}

.mai669b-ai-reply-row button {
  min-height: 40px;
  white-space: nowrap;
}

.mai669b-reply-status {
  margin-top: 8px;
  font-size: 12px;
  opacity: .82;
}

.mai669b-reply-status.ok {
  color: #99f6e4;
  opacity: 1;
}

.mai669b-reply-status.error {
  color: #fecaca;
  opacity: 1;
}

@media (max-width: 860px) {
  .mai669b-ai-reply-row {
    grid-template-columns: 1fr;
  }

  .mai669b-ai-reply-row button {
    width: 100%;
  }
}

/* END_PHASE6_6_9b_AI_REPLY_FROM_CASE_CSS */



/* PHASE6_6_10b_CASE_CLOSE_BUTTON_CSS */

.mai6610b-close-box {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, .14);
  background: rgba(15, 23, 42, .34);
}

.mai6610b-close-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.mai6610b-close-head strong {
  display: block;
  font-size: 14px;
  margin-bottom: 3px;
}

.mai6610b-close-head span {
  display: block;
  font-size: 12px;
  opacity: .78;
}

.mai6610b-close-head button {
  min-height: 40px;
  border-radius: 12px;
  white-space: nowrap;
}

.mai6610b-close-box.ready {
  border-color: rgba(45, 212, 191, .28);
  background: rgba(20, 184, 166, .08);
}

.mai6610b-close-box.closed {
  border-color: rgba(45, 212, 191, .22);
  background: rgba(20, 184, 166, .06);
}

.mai6610b-close-box.blocked {
  opacity: .94;
}

.mai6610b-close-head button.disabled,
.mai6610b-close-head button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.mai6610b-close-status {
  margin-top: 8px;
  font-size: 12px;
  opacity: .82;
}

.mai6610b-close-status.ok {
  color: #99f6e4;
  opacity: 1;
}

.mai6610b-close-status.error {
  color: #fecaca;
  opacity: 1;
}

@media (max-width: 760px) {
  .mai6610b-close-head {
    align-items: stretch;
    flex-direction: column;
  }

  .mai6610b-close-head button {
    width: 100%;
  }
}

/* END_PHASE6_6_10b_CASE_CLOSE_BUTTON_CSS */



/* PHASE6_6_10c_CLOSED_CASE_READONLY_LOCK_CSS */

.mai6610c-closed-box {
  margin-bottom: 14px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(45, 212, 191, .24);
  background: rgba(20, 184, 166, .07);
}

.mai6610c-closed-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}

.mai6610c-closed-head strong {
  display: block;
  font-size: 15px;
  margin-bottom: 3px;
}

.mai6610c-closed-head span {
  font-size: 12px;
  opacity: .82;
}

.mai6610c-closed-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px !important;
  font-weight: 900;
  color: #99f6e4;
  background: rgba(45, 212, 191, .12);
  border: 1px solid rgba(45, 212, 191, .28);
  opacity: 1 !important;
  white-space: nowrap;
}

.mai6610c-final-reply {
  border-top: 1px solid rgba(148, 163, 184, .13);
  padding-top: 10px;
}

.mai6610c-final-reply summary {
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  color: #bfdbfe;
}

.mai6610c-final-reply pre {
  margin: 10px 0 0;
  padding: 14px;
  border-radius: 14px;
  background: rgba(2, 6, 23, .36);
  border: 1px solid rgba(148, 163, 184, .12);
  color: rgba(226, 232, 240, .95);
  white-space: pre-wrap;
  line-height: 1.5;
  font-family: inherit;
  font-size: 13px;
}

.mai6610c-disabled-control,
.mai6610c-readonly-area button:disabled {
  opacity: .42 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.mai6610c-readonly-textarea {
  opacity: .74 !important;
  cursor: text !important;
  background: rgba(2, 6, 23, .24) !important;
}

.mai6610c-hidden-after-close {
  display: none !important;
}

body.mai6610c-case-closed-active #mai669bAiReplyBox {
  display: none !important;
}

body.mai6610c-case-closed-active #mai668aReplyText {
  min-height: 90px;
  opacity: .55;
}

@media (max-width: 760px) {
  .mai6610c-closed-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* END_PHASE6_6_10c_CLOSED_CASE_READONLY_LOCK_CSS */



/* PHASE6_6_13a_CLOSED_CASE_BACK_TO_LIST_BUTTON_CSS */

.mai6613a-back-btn {
  border: 1px solid rgba(96, 165, 250, .35) !important;
  background: rgba(59, 130, 246, .14) !important;
  color: #dbeafe !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  white-space: nowrap;
}

.mai6613a-back-btn:hover {
  background: rgba(59, 130, 246, .24) !important;
  border-color: rgba(147, 197, 253, .55) !important;
}

.mai6610c-closed-head {
  gap: 12px;
  flex-wrap: wrap;
}

/* END_PHASE6_6_13a_CLOSED_CASE_BACK_TO_LIST_BUTTON_CSS */



/* PHASE6_6_17b_CASE_LIST_SORT_STATUS_POLISH_CSS
   Kleine fachliche Listenverbesserung. Kein Redesign.
*/

#casesList630 .mai-case-row.mai6617b-case-done {
  opacity: .78;
  border-color: rgba(148, 163, 184, .16) !important;
}

#casesList630 .mai-case-row.mai6617b-case-open {
  border-color: rgba(45, 212, 191, .22) !important;
}

#casesList630 .mai6617b-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .01em;
  border: 1px solid rgba(148, 163, 184, .22);
}

#casesList630 .mai6617b-status-pill.is-open {
  color: #99f6e4;
  background: rgba(45, 212, 191, .12);
  border-color: rgba(45, 212, 191, .32);
}

#casesList630 .mai6617b-status-pill.is-done {
  color: rgba(203, 213, 225, .88);
  background: rgba(148, 163, 184, .10);
  border-color: rgba(148, 163, 184, .18);
}

/* END_PHASE6_6_17b_CASE_LIST_SORT_STATUS_POLISH_CSS */



/* PHASE6_6_17c_CASE_LIST_STATUS_COLORS_ONLY
   Ziel:
   - Offen und Erledigt in der Vorgangsliste klarer unterscheiden
   - Offen = Blau
   - Erledigt = Grün
   - Kein Layout-Umbau, keine JS-/Backend-/DB-Änderung
*/

/* Offene Vorgänge: blauer Akzent statt türkis/grün */
#casesList630 .mai-case-row.mai6617b-case-open {
  border-color: rgba(96, 165, 250, .42) !important;
  box-shadow: inset 3px 0 0 rgba(96, 165, 250, .85);
}

#casesList630 .mai-case-row.mai6617b-case-open strong {
  color: #bfdbfe !important;
}

#casesList630 .mai-case-row.mai6617b-case-open .mai6617b-status-pill.is-open {
  color: #dbeafe !important;
  background: rgba(59, 130, 246, .20) !important;
  border-color: rgba(96, 165, 250, .58) !important;
}

/* Erledigte Vorgänge: grün, aber Karte ruhiger */
#casesList630 .mai-case-row.mai6617b-case-done {
  opacity: .86 !important;
  border-color: rgba(45, 212, 191, .24) !important;
  box-shadow: inset 3px 0 0 rgba(34, 197, 94, .78);
}

#casesList630 .mai-case-row.mai6617b-case-done strong {
  color: rgba(203, 213, 225, .92) !important;
}

#casesList630 .mai-case-row.mai6617b-case-done .mai6617b-status-pill.is-done {
  color: #bbf7d0 !important;
  background: rgba(34, 197, 94, .18) !important;
  border-color: rgba(34, 197, 94, .55) !important;
}

/* Die Status-Zeile unten klarer machen */
#casesList630 .mai6617b-status-pill {
  min-width: 72px;
  font-weight: 950 !important;
}

/* Wenn erledigt, Beschreibung etwas ruhiger */
#casesList630 .mai-case-row.mai6617b-case-done span,
#casesList630 .mai-case-row.mai6617b-case-done small {
  color: rgba(203, 213, 225, .72) !important;
}

/* Wenn offen, wichtige Kurzinfos klarer lesbar */
#casesList630 .mai-case-row.mai6617b-case-open span,
#casesList630 .mai-case-row.mai6617b-case-open small {
  color: rgba(219, 234, 254, .82) !important;
}

/* END_PHASE6_6_17c_CASE_LIST_STATUS_COLORS_ONLY */\n\n
/* PHASE6_8_0f_NEU_CASE_ROW_GROUP_LINE_CSS */
#casesList630 .mai680f-group-line{
  border-color: rgba(101,228,197,.24);
  background: rgba(101,228,197,.07);
}

#casesList630 .mai680f-group-line span{
  color: var(--accent);
}

#casesList630 .mai680f-group-line b{
  color: rgba(235,245,255,.92);
  font-weight: 850;
}
/* END_PHASE6_8_0f_NEU_CASE_ROW_GROUP_LINE_CSS */
\n


/* PHASE6_8_4c5e_TEAM_GROUP_CARD_POLISH */
#mai684c3Groups {
  gap: 14px;
}

#mai684c3Groups > .mai684c3-group-row {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 16px 16px 18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.035), rgba(0,0,0,.16));
  box-shadow:
    0 10px 32px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#mai684c3Groups > .mai684c3-group-row:hover {
  transform: translateY(-1px);
}

#mai684c3Groups > .mai684c3-group-row:nth-child(3n+1) {
  border-color: rgba(101,228,197,.62);
  border-left: 4px solid rgba(101,228,197,.85);
  box-shadow:
    0 10px 32px rgba(0,0,0,.18),
    0 0 0 1px rgba(101,228,197,.08),
    inset 0 1px 0 rgba(255,255,255,.035);
}

#mai684c3Groups > .mai684c3-group-row:nth-child(3n+2) {
  border-color: rgba(114,168,255,.62);
  border-left: 4px solid rgba(114,168,255,.90);
  box-shadow:
    0 10px 32px rgba(0,0,0,.18),
    0 0 0 1px rgba(114,168,255,.08),
    inset 0 1px 0 rgba(255,255,255,.035);
}

#mai684c3Groups > .mai684c3-group-row:nth-child(3n+3) {
  border-color: rgba(210,126,255,.58);
  border-left: 4px solid rgba(210,126,255,.85);
  box-shadow:
    0 10px 32px rgba(0,0,0,.18),
    0 0 0 1px rgba(210,126,255,.08),
    inset 0 1px 0 rgba(255,255,255,.035);
}

/* Gruppen-Überschriften kleiner und moderner */
#mai684c3Groups > .mai684c3-group-row > div:first-child > div:first-child > strong {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: -0.015em;
}

#mai684c3Groups > .mai684c3-group-row:nth-child(3n+1) > div:first-child > div:first-child > strong {
  color: #65e4c5;
}

#mai684c3Groups > .mai684c3-group-row:nth-child(3n+2) > div:first-child > div:first-child > strong {
  color: #72a8ff;
}

#mai684c3Groups > .mai684c3-group-row:nth-child(3n+3) > div:first-child > div:first-child > strong {
  color: #d47cff;
}

#mai684c3Groups > .mai684c3-group-row > div:first-child > div:first-child > span,
#mai684c3Groups > .mai684c3-group-row > div:first-child > div:first-child > small {
  font-size: 11px;
  line-height: 1.35;
  opacity: .86;
}

#mai684c3Groups .mai653-form-grid label span {
  font-size: 11px;
  letter-spacing: .015em;
  opacity: .72;
}

#mai684c3Groups input,
#mai684c3Groups select {
  font-size: 13px;
}

#mai684c3Groups button {
  font-size: 13px;
  padding: 10px 13px;
}
/* END_PHASE6_8_4c5e_TEAM_GROUP_CARD_POLISH */


/* PHASE6_8_5c1c_UI_TYPO_MENU_COMPACT_POLISH */

/* Große Seitenüberschriften im Workspace ruhiger machen */
.page-hero h1,
.page-title h1 {
  font-size: clamp(30px, 3.1vw, 42px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
  margin-bottom: 8px !important;
}

/* Hero-/Titelkarten etwas kompakter */
.page-hero,
.page-title {
  padding: 18px 20px !important;
  border-radius: 22px !important;
}

/* Kartenüberschriften moderner und weniger wuchtig */
.action-card h3,
.card h3,
.list-row h3 {
  font-size: 16px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
  margin-bottom: 8px !important;
}

/* Linkes Workspace-Menü kompakter machen */
.workspace nav {
  gap: 8px !important;
}

.workspace nav button,
.workspace [data-go] {
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
}

/* Icons im Menü kleiner und ruhiger */
.workspace nav button i,
.workspace [data-go] i,
.workspace nav button span:first-child,
.workspace [data-go] span:first-child {
  transform: scale(.92);
}

/* Sidebar-Branding weniger dominant */
.workspace aside h1,
.workspace aside h2,
.workspace .sidebar h1,
.workspace .sidebar h2 {
  font-size: 24px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
}

.workspace aside small,
.workspace .sidebar small {
  font-size: 11px !important;
}

/* Benutzerverwaltung-Zeilen kompakter */
.mai685c1-user-row {
  padding: 10px 12px !important;
  border-radius: 14px !important;
}

.mai685c1-user-row strong {
  font-size: 14px !important;
}

.mai685c1-user-row span,
.mai685c1-user-row small {
  font-size: 11px !important;
}

/* Teamverwaltungs-Gruppen bleiben farbig, aber etwas eleganter */
#mai684c3Groups > .mai684c3-group-row {
  padding: 14px 14px 16px !important;
  border-radius: 18px !important;
}

#mai684c3Groups > .mai684c3-group-row > div:first-child > div:first-child > strong {
  font-size: 14px !important;
  font-weight: 820 !important;
}

/* Mobile nicht zu eng machen */
@media(max-width:720px){
  .page-hero h1,
  .page-title h1 {
    font-size: 30px !important;
  }

  .workspace nav button,
  .workspace [data-go] {
    min-height: 40px !important;
    font-size: 13px !important;
  }
}

/* END_PHASE6_8_5c1c_UI_TYPO_MENU_COMPACT_POLISH */


/* PHASE6_8_8d_DASHBOARD_CARD_VISIBILITY_POLISH
   Dashboard Karten stärker sichtbar machen.
   Nur Design, keine Logik.
*/

#dashCards.metric-grid .metric {
  border-width: 1.8px !important;
  background:
    radial-gradient(circle at top left, rgba(101,228,197,.10), transparent 38%),
    linear-gradient(145deg, rgba(16,31,49,.96), rgba(10,22,36,.96)) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
  min-height: 116px;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

#dashCards.metric-grid .metric:hover {
  transform: translateY(-2px);
  box-shadow:
    0 18px 42px rgba(0,0,0,.36),
    0 0 0 1px rgba(101,228,197,.10),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

#dashCards.metric-grid .metric span {
  color: #b9d3ff !important;
  font-weight: 900 !important;
  letter-spacing: .01em;
}

#dashCards.metric-grid .metric strong {
  font-size: clamp(34px, 3vw, 46px) !important;
  line-height: 1 !important;
  text-shadow: 0 0 18px rgba(255,255,255,.10);
}

#dashCards.metric-grid .metric small {
  color: #62f0d2 !important;
  font-weight: 650 !important;
}

/* Kartenfarben gezielter und stärker */
#dashCards.metric-grid .metric:nth-child(1),
#dashCards.metric-grid .metric:nth-child(2),
#dashCards.metric-grid .metric:nth-child(7) {
  border-color: rgba(255,190,90,.72) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,190,90,.08),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

#dashCards.metric-grid .metric:nth-child(3),
#dashCards.metric-grid .metric:nth-child(8) {
  border-color: rgba(255,116,116,.74) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,116,116,.10),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

#dashCards.metric-grid .metric:nth-child(4),
#dashCards.metric-grid .metric:nth-child(5),
#dashCards.metric-grid .metric:nth-child(6) {
  border-color: rgba(101,228,197,.68) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.30),
    0 0 0 1px rgba(101,228,197,.09),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* Dashboard Listenbereiche etwas klarer */
#mai688cGroups .list-row,
#mai688cRecentCases .list-row {
  border: 1.4px solid rgba(101,228,197,.22) !important;
  background:
    linear-gradient(135deg, rgba(13,28,45,.94), rgba(8,19,32,.94)) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.20);
}

#mai688cGroups .list-row {
  border-left: 4px solid rgba(101,228,197,.70) !important;
}

#mai688cRecentCases .list-row {
  border-left: 4px solid rgba(114,168,255,.62) !important;
}

#mai688cGroups .list-row strong,
#mai688cRecentCases .list-row strong {
  color: #61f1d2 !important;
}

#mai688cLicenseBox {
  border: 1.6px solid rgba(101,228,197,.36) !important;
  background:
    radial-gradient(circle at top left, rgba(101,228,197,.10), transparent 35%),
    linear-gradient(145deg, rgba(15,30,48,.96), rgba(9,20,34,.96)) !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* Schnellaktionen stärker sichtbar */
.action-card .quick-grid button {
  border: 1.3px solid rgba(185,211,255,.23) !important;
  background: linear-gradient(145deg, rgba(31,44,64,.98), rgba(20,33,51,.98)) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18);
}

.action-card .quick-grid button:hover {
  border-color: rgba(101,228,197,.58) !important;
  transform: translateY(-1px);
}

/* END_PHASE6_8_8d_DASHBOARD_CARD_VISIBILITY_POLISH */

/* PHASE6_8_8e_CLICKABLE_DASHBOARD_CARDS_POLISH */
#dashCards.metric-grid .metric.mai688e-click-card,
#dashCards.metric-grid .metric[data-dashboard-go] {
  cursor: pointer;
  position: relative;
}

#dashCards.metric-grid .metric.mai688e-click-card::after,
#dashCards.metric-grid .metric[data-dashboard-go]::after {
  content: "öffnen";
  position: absolute;
  right: 14px;
  top: 12px;
  font-size: 10px;
  letter-spacing: .04em;
  text-transform: uppercase;
  opacity: .58;
  color: #b9d3ff;
}

#dashCards.metric-grid .metric.mai688e-click-card:hover,
#dashCards.metric-grid .metric[data-dashboard-go]:hover {
  border-color: rgba(101,228,197,.88) !important;
}

#dashCards.metric-grid .metric.mai688e-click-card:focus,
#dashCards.metric-grid .metric[data-dashboard-go]:focus {
  outline: 2px solid rgba(101,228,197,.50);
  outline-offset: 3px;
}
/* END_PHASE6_8_8e_CLICKABLE_DASHBOARD_CARDS_POLISH */

/* PHASE6_8_8f_RECENT_CASE_BADGES_CLICK_POLISH */
#mai688cRecentCases .mai688f-recent-case-click {
  cursor: pointer;
  position: relative;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

#mai688cRecentCases .mai688f-recent-case-click:hover {
  transform: translateY(-2px);
  border-color: rgba(101,228,197,.72) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.30),
    0 0 0 1px rgba(101,228,197,.10) !important;
}

#mai688cRecentCases .mai688f-recent-case-click:focus {
  outline: 2px solid rgba(101,228,197,.55);
  outline-offset: 3px;
}

.mai688f-case-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 8px;
}

.mai688f-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .01em;
  border: 1px solid rgba(185,211,255,.22);
  background: rgba(255,255,255,.04);
  color: #d8e6ff;
}

.mai688f-badge-blue {
  border-color: rgba(114,168,255,.55);
  background: rgba(114,168,255,.12);
  color: #b9d3ff;
}

.mai688f-badge-green {
  border-color: rgba(101,228,197,.58);
  background: rgba(101,228,197,.12);
  color: #72f3d5;
}

.mai688f-badge-orange {
  border-color: rgba(255,190,90,.62);
  background: rgba(255,190,90,.13);
  color: #ffd18a;
}

.mai688f-badge-red {
  border-color: rgba(255,116,116,.68);
  background: rgba(255,116,116,.14);
  color: #ffb0b0;
}

.mai688f-open-hint {
  color: #b9d3ff;
  opacity: .62;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 10px !important;
  font-weight: 900;
}
/* END_PHASE6_8_8f_RECENT_CASE_BADGES_CLICK_POLISH */

/* PHASE6_8_8g_DASHBOARD_DIRECT_OPEN_CASE_POLISH */
#caseDetail630.mai688g-opened-from-dashboard {
  border: 1.8px solid rgba(101,228,197,.58) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    0 0 0 1px rgba(101,228,197,.16),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
}
/* END_PHASE6_8_8g_DASHBOARD_DIRECT_OPEN_CASE_POLISH */

/* PHASE6_8_9b_CASE_CARD_BADGES_TASK_COUNTS_POLISH */
#casesList630 .mai-case-row.mai689b-case-row {
  border-width: 1.7px !important;
  border-left: 5px solid rgba(114,168,255,.62) !important;
  background:
    radial-gradient(circle at top left, rgba(114,168,255,.09), transparent 34%),
    linear-gradient(145deg, rgba(14,29,47,.96), rgba(8,18,31,.96)) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

#casesList630 .mai-case-row.mai689b-case-row:hover {
  transform: translateY(-2px);
  border-color: rgba(101,228,197,.72) !important;
  border-left-color: rgba(101,228,197,.90) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 0 0 1px rgba(101,228,197,.10),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

#casesList630 .mai-case-row.mai689b-case-done {
  opacity: .76;
  border-left-color: rgba(101,228,197,.55) !important;
}

#casesList630 .mai-case-row.mai689b-case-open {
  border-left-color: rgba(255,190,90,.72) !important;
}

.mai689b-case-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.mai689b-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 900;
  border: 1px solid rgba(185,211,255,.22);
  background: rgba(255,255,255,.04);
  color: #d8e6ff;
}

.mai689b-badge-blue {
  border-color: rgba(114,168,255,.58);
  background: rgba(114,168,255,.12);
  color: #b9d3ff;
}

.mai689b-badge-green {
  border-color: rgba(101,228,197,.60);
  background: rgba(101,228,197,.12);
  color: #72f3d5;
}

.mai689b-badge-orange {
  border-color: rgba(255,190,90,.66);
  background: rgba(255,190,90,.13);
  color: #ffd18a;
}

.mai689b-badge-red {
  border-color: rgba(255,116,116,.72);
  background: rgba(255,116,116,.14);
  color: #ffb0b0;
}

.mai689b-taskline {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 8px 0 9px 0;
}

.mai689b-taskchip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 12px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 800;
  border: 1px solid rgba(185,211,255,.18);
  background: rgba(255,255,255,.035);
  color: #d8e6ff;
}

.mai689b-task-open {
  border-color: rgba(255,190,90,.50);
  color: #ffd18a;
}

.mai689b-task-done {
  border-color: rgba(101,228,197,.48);
  color: #72f3d5;
}

.mai689b-task-total {
  border-color: rgba(114,168,255,.45);
  color: #b9d3ff;
}
/* END_PHASE6_8_9b_CASE_CARD_BADGES_TASK_COUNTS_POLISH */

/* PHASE6_8_9b_CASE_CARD_BADGES_TASK_COUNTS_POLISH */
#casesList630 .mai-case-row.mai689b-case-row {
  border-width: 1.7px !important;
  border-left: 5px solid rgba(114,168,255,.62) !important;
  background:
    radial-gradient(circle at top left, rgba(114,168,255,.09), transparent 34%),
    linear-gradient(145deg, rgba(14,29,47,.96), rgba(8,18,31,.96)) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

#casesList630 .mai-case-row.mai689b-case-row:hover {
  transform: translateY(-2px);
  border-color: rgba(101,228,197,.72) !important;
  border-left-color: rgba(101,228,197,.90) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 0 0 1px rgba(101,228,197,.10),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

#casesList630 .mai-case-row.mai689b-case-done {
  opacity: .76;
  border-left-color: rgba(101,228,197,.55) !important;
}

#casesList630 .mai-case-row.mai689b-case-open {
  border-left-color: rgba(255,190,90,.72) !important;
}

.mai689b-case-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.mai689b-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 900;
  border: 1px solid rgba(185,211,255,.22);
  background: rgba(255,255,255,.04);
  color: #d8e6ff;
}

.mai689b-badge-blue {
  border-color: rgba(114,168,255,.58);
  background: rgba(114,168,255,.12);
  color: #b9d3ff;
}

.mai689b-badge-green {
  border-color: rgba(101,228,197,.60);
  background: rgba(101,228,197,.12);
  color: #72f3d5;
}

.mai689b-badge-orange {
  border-color: rgba(255,190,90,.66);
  background: rgba(255,190,90,.13);
  color: #ffd18a;
}

.mai689b-badge-red {
  border-color: rgba(255,116,116,.72);
  background: rgba(255,116,116,.14);
  color: #ffb0b0;
}

.mai689b-taskline {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 8px 0 9px 0;
}

.mai689b-taskchip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 12px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 800;
  border: 1px solid rgba(185,211,255,.18);
  background: rgba(255,255,255,.035);
  color: #d8e6ff;
}

.mai689b-task-open {
  border-color: rgba(255,190,90,.50);
  color: #ffd18a;
}

.mai689b-task-done {
  border-color: rgba(101,228,197,.48);
  color: #72f3d5;
}

.mai689b-task-total {
  border-color: rgba(114,168,255,.45);
  color: #b9d3ff;
}
/* END_PHASE6_8_9b_CASE_CARD_BADGES_TASK_COUNTS_POLISH */

/* PHASE6_8_9c_CASE_GROUP_AND_STATUS_METRICS_POLISH */
#casesList630 .mai-case-row.mai689c-case-row {
  border-width: 1.7px !important;
  background:
    radial-gradient(circle at top left, rgba(114,168,255,.09), transparent 34%),
    linear-gradient(145deg, rgba(14,29,47,.96), rgba(8,18,31,.96)) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

#casesList630 .mai-case-row.mai689c-case-open {
  border-left: 5px solid rgba(114,168,255,.75) !important;
}

#casesList630 .mai-case-row.mai689c-case-progress {
  border-left: 5px solid rgba(255,190,90,.82) !important;
}

#casesList630 .mai-case-row.mai689c-case-done {
  border-left: 5px solid rgba(101,228,197,.58) !important;
  opacity: .78;
}

#casesList630 .mai-case-row.mai689c-case-row:hover {
  transform: translateY(-2px);
  border-color: rgba(101,228,197,.72) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 0 0 1px rgba(101,228,197,.10),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.mai689c-group-line {
  margin-top: 8px;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  border: 1px solid rgba(101,228,197,.25);
  background: rgba(101,228,197,.07);
  border-radius: 13px;
  padding: 6px 9px;
}

.mai689c-group-line span {
  font-size: 11px;
  color: #b9d3ff !important;
  font-weight: 800;
  opacity: .86;
}

.mai689c-group-line b {
  font-size: 12px;
  color: #72f3d5 !important;
  font-weight: 950;
}

.mai689c-case-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 9px;
  margin-bottom: 8px;
}

.mai689c-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 900;
  border: 1px solid rgba(185,211,255,.22);
  background: rgba(255,255,255,.04);
  color: #d8e6ff;
}

.mai689c-badge-blue {
  border-color: rgba(114,168,255,.58);
  background: rgba(114,168,255,.12);
  color: #b9d3ff;
}

.mai689c-badge-green {
  border-color: rgba(101,228,197,.60);
  background: rgba(101,228,197,.12);
  color: #72f3d5;
}

.mai689c-badge-orange {
  border-color: rgba(255,190,90,.66);
  background: rgba(255,190,90,.13);
  color: #ffd18a;
}

.mai689c-badge-red {
  border-color: rgba(255,116,116,.72);
  background: rgba(255,116,116,.14);
  color: #ffb0b0;
}

.mai689c-taskline {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 8px 0 9px 0;
}

.mai689c-taskchip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 12px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 800;
  border: 1px solid rgba(185,211,255,.18);
  background: rgba(255,255,255,.035);
  color: #d8e6ff;
}

.mai689c-task-open {
  border-color: rgba(255,190,90,.50);
  color: #ffd18a;
}

.mai689c-task-done {
  border-color: rgba(101,228,197,.48);
  color: #72f3d5;
}

.mai689c-task-total {
  border-color: rgba(114,168,255,.45);
  color: #b9d3ff;
}
/* END_PHASE6_8_9c_CASE_GROUP_AND_STATUS_METRICS_POLISH */

/* PHASE6_8_9c_CASE_GROUP_AND_STATUS_METRICS_POLISH */
#casesList630 .mai-case-row.mai689c-case-row {
  border-width: 1.7px !important;
  background:
    radial-gradient(circle at top left, rgba(114,168,255,.09), transparent 34%),
    linear-gradient(145deg, rgba(14,29,47,.96), rgba(8,18,31,.96)) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

#casesList630 .mai-case-row.mai689c-case-open {
  border-left: 5px solid rgba(114,168,255,.75) !important;
}

#casesList630 .mai-case-row.mai689c-case-progress {
  border-left: 5px solid rgba(255,190,90,.82) !important;
}

#casesList630 .mai-case-row.mai689c-case-done {
  border-left: 5px solid rgba(101,228,197,.58) !important;
  opacity: .78;
}

#casesList630 .mai-case-row.mai689c-case-row:hover {
  transform: translateY(-2px);
  border-color: rgba(101,228,197,.72) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 0 0 1px rgba(101,228,197,.10),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.mai689c-group-line {
  margin-top: 8px;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  border: 1px solid rgba(101,228,197,.25);
  background: rgba(101,228,197,.07);
  border-radius: 13px;
  padding: 6px 9px;
}

.mai689c-group-line span {
  font-size: 11px;
  color: #b9d3ff !important;
  font-weight: 800;
  opacity: .86;
}

.mai689c-group-line b {
  font-size: 12px;
  color: #72f3d5 !important;
  font-weight: 950;
}

.mai689c-case-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 9px;
  margin-bottom: 8px;
}

.mai689c-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 900;
  border: 1px solid rgba(185,211,255,.22);
  background: rgba(255,255,255,.04);
  color: #d8e6ff;
}

.mai689c-badge-blue {
  border-color: rgba(114,168,255,.58);
  background: rgba(114,168,255,.12);
  color: #b9d3ff;
}

.mai689c-badge-green {
  border-color: rgba(101,228,197,.60);
  background: rgba(101,228,197,.12);
  color: #72f3d5;
}

.mai689c-badge-orange {
  border-color: rgba(255,190,90,.66);
  background: rgba(255,190,90,.13);
  color: #ffd18a;
}

.mai689c-badge-red {
  border-color: rgba(255,116,116,.72);
  background: rgba(255,116,116,.14);
  color: #ffb0b0;
}

.mai689c-taskline {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 8px 0 9px 0;
}

.mai689c-taskchip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 12px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 800;
  border: 1px solid rgba(185,211,255,.18);
  background: rgba(255,255,255,.035);
  color: #d8e6ff;
}

.mai689c-task-open {
  border-color: rgba(255,190,90,.50);
  color: #ffd18a;
}

.mai689c-task-done {
  border-color: rgba(101,228,197,.48);
  color: #72f3d5;
}

.mai689c-task-total {
  border-color: rgba(114,168,255,.45);
  color: #b9d3ff;
}
/* END_PHASE6_8_9c_CASE_GROUP_AND_STATUS_METRICS_POLISH */

/* PHASE6_8_9d_COMPACT_CASE_CARDS_POLISH */
#casesMetrics630.metric-grid {
  grid-template-columns: repeat(5, minmax(150px, 1fr)) !important;
}

#casesList630 .mai-case-row.mai689d-case-row {
  border-width: 1.6px !important;
  min-height: unset !important;
  padding: 16px 18px !important;
  align-items: flex-start !important;
  background:
    radial-gradient(circle at top left, rgba(114,168,255,.08), transparent 32%),
    linear-gradient(145deg, rgba(14,29,47,.96), rgba(8,18,31,.96)) !important;
  box-shadow:
    0 11px 26px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

#casesList630 .mai-case-row.mai689d-case-open {
  border-left: 5px solid rgba(114,168,255,.78) !important;
}

#casesList630 .mai-case-row.mai689d-case-progress {
  border-left: 5px solid rgba(255,190,90,.85) !important;
}

#casesList630 .mai-case-row.mai689d-case-done {
  border-left: 5px solid rgba(101,228,197,.58) !important;
  opacity: .78;
}

#casesList630 .mai-case-row.mai689d-case-row:hover {
  transform: translateY(-2px);
  border-color: rgba(101,228,197,.72) !important;
  box-shadow:
    0 17px 36px rgba(0,0,0,.34),
    0 0 0 1px rgba(101,228,197,.10),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.mai689d-case-main {
  min-width: 0;
  width: 100%;
}

.mai689d-case-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#casesList630 .mai-case-row.mai689d-case-row strong {
  font-size: 15px !important;
  line-height: 1.25 !important;
}

.mai689d-compact-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 9px;
  margin-bottom: 8px;
}

.mai689d-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 900;
  border: 1px solid rgba(185,211,255,.20);
  background: rgba(255,255,255,.035);
  color: #d8e6ff;
  white-space: nowrap;
}

.mai689d-badge em {
  font-style: normal;
  opacity: .74;
  font-weight: 800;
}

.mai689d-badge b {
  color: inherit;
  font-weight: 950;
}

.mai689d-badge-blue {
  border-color: rgba(114,168,255,.56);
  background: rgba(114,168,255,.11);
  color: #b9d3ff;
}

.mai689d-badge-green {
  border-color: rgba(101,228,197,.56);
  background: rgba(101,228,197,.11);
  color: #72f3d5;
}

.mai689d-badge-orange {
  border-color: rgba(255,190,90,.66);
  background: rgba(255,190,90,.13);
  color: #ffd18a;
}

.mai689d-badge-red {
  border-color: rgba(255,116,116,.70);
  background: rgba(255,116,116,.14);
  color: #ffb0b0;
}

.mai689d-badge-group {
  border-color: rgba(101,228,197,.42);
  background: rgba(101,228,197,.09);
  color: #72f3d5;
}

.mai689d-badge-task-open {
  border-color: rgba(255,190,90,.48);
  color: #ffd18a;
}

.mai689d-badge-task-done {
  border-color: rgba(101,228,197,.46);
  color: #72f3d5;
}

.mai689d-badge-task-total {
  border-color: rgba(114,168,255,.44);
  color: #b9d3ff;
}

.mai689d-date {
  color: #b9d3ff !important;
  opacity: .88;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  #casesMetrics630.metric-grid {
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  #casesMetrics630.metric-grid {
    grid-template-columns: 1fr !important;
  }

  .mai689d-badge {
    white-space: normal;
  }

  .mai689d-date {
    white-space: normal;
  }
}
/* END_PHASE6_8_9d_COMPACT_CASE_CARDS_POLISH */

/* PHASE6_8_9e_CLEAR_CASE_BADGES_READABILITY
   Vorgangskarten: Status/Priorität/Risiko/Gruppe/Aufgaben klarer lesbar.
   Nur Design, keine Logik.
*/

#casesList630 .mai689d-compact-badges,
#casesList630 .mai689c-case-badges,
#casesList630 .mai689b-case-badges {
  gap: 8px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

#casesList630 .mai689d-badge,
#casesList630 .mai689c-badge,
#casesList630 .mai689b-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 6px 10px !important;
  min-height: 28px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

#casesList630 .mai689d-badge em,
#casesList630 .mai689c-badge em,
#casesList630 .mai689b-badge em {
  opacity: .95 !important;
  font-style: normal !important;
  font-weight: 850 !important;
  color: #d7e6ff !important;
}

#casesList630 .mai689d-badge em::after,
#casesList630 .mai689c-badge em::after,
#casesList630 .mai689b-badge em::after {
  content: ":";
}

#casesList630 .mai689d-badge b,
#casesList630 .mai689c-badge b,
#casesList630 .mai689b-badge b {
  font-weight: 950 !important;
  color: inherit !important;
}

/* Fallback für alte Badge-Varianten ohne em/b */
#casesList630 .mai634-badge,
#casesList630 .mai688f-badge {
  padding: 6px 10px !important;
  min-height: 28px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

/* Gruppe soll wie eine klare Zuständigkeit aussehen */
#casesList630 .mai689d-badge-group,
#casesList630 .mai689c-group-line {
  border-color: rgba(101,228,197,.58) !important;
  background: rgba(101,228,197,.12) !important;
  color: #72f3d5 !important;
}

/* Aufgaben-Chips kompakt, aber lesbar */
#casesList630 .mai689d-badge-task-open,
#casesList630 .mai689b-task-open,
#casesList630 .mai689c-task-open {
  border-color: rgba(255,190,90,.62) !important;
  background: rgba(255,190,90,.12) !important;
  color: #ffd18a !important;
}

#casesList630 .mai689d-badge-task-done,
#casesList630 .mai689b-task-done,
#casesList630 .mai689c-task-done {
  border-color: rgba(101,228,197,.58) !important;
  background: rgba(101,228,197,.10) !important;
  color: #72f3d5 !important;
}

#casesList630 .mai689d-badge-task-total,
#casesList630 .mai689b-task-total,
#casesList630 .mai689c-task-total {
  border-color: rgba(114,168,255,.56) !important;
  background: rgba(114,168,255,.10) !important;
  color: #b9d3ff !important;
}

/* Beschreibung optisch trennen */
#casesList630 .mai689d-case-row small,
#casesList630 .mai689c-case-row small,
#casesList630 .mai689b-case-row small {
  margin-top: 7px !important;
  line-height: 1.35 !important;
}

/* END_PHASE6_8_9e_CLEAR_CASE_BADGES_READABILITY */