/* ENIQARO Portal v7
   Konsequent Graphit/Grau. Kein ehemaliges SOLARIQON-Blau. */
:root{
  --eni-bg:#1f2326;
  --eni-bg-2:#23282b;
  --eni-card:#2a2f32;
  --eni-card-2:#32383b;
  --eni-card-3:#3a4043;
  --eni-line:#50585c;
  --eni-line-soft:rgba(173,184,189,.20);
  --eni-text:#f4f6f5;
  --eni-muted:#aab4b8;
  --eni-muted-2:#89979d;
  --eni-petrol:#009B8F;
  --eni-lime:#A8D432;
  --eni-success:#55d99a;
}
html,body{
  background:var(--eni-bg)!important;
  color:var(--eni-text)!important;
}
body{
  background:
    radial-gradient(circle at 92% -8%,rgba(0,155,143,.07),transparent 29%),
    radial-gradient(circle at -5% 3%,rgba(168,212,50,.035),transparent 24%),
    var(--eni-bg)!important;
}

/* Oberflächen / große Kacheln */
.hero,
.card,
.panel,
.portal-card,
.project-card,
.ai-card,
.login-card,
main > section{
  background:var(--eni-card)!important;
  border-color:var(--eni-line-soft)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.16)!important;
}
.hero{
  background:linear-gradient(145deg,#303639,#282d30)!important;
}

/* Login */
.card,
.login-card{
  background:#2b3033!important;
}
input,
select,
textarea{
  background:#3a4043!important;
  border-color:#596267!important;
  color:var(--eni-text)!important;
}
input:focus,
select:focus,
textarea:focus{
  border-color:var(--eni-petrol)!important;
  box-shadow:0 0 0 3px rgba(0,155,143,.12)!important;
}

/* Einzelne Datenkacheln */
.project-item,
.placeholder > div,
.placeholder div,
.doc-card,
.appointment-card,
.appointment-form,
.project-switch,
.portal-message,
.ai-portal-link > div,
.security{
  background:var(--eni-card-2)!important;
  border-color:#596267!important;
  color:var(--eni-text)!important;
}
.project-item:hover,
.project-switch:hover,
.doc-card:hover{
  border-color:rgba(0,155,143,.58)!important;
}

/* Nächster Schritt bleibt als dezenter Markenakzent */
.next-step{
  background:linear-gradient(
    135deg,
    rgba(0,155,143,.11),
    rgba(168,212,50,.035)
  )!important;
  border-color:rgba(0,155,143,.42)!important;
}

/* Texte */
.project-label,
.doc-meta,
.project-switch small,
.placeholder span,
.card p,
.lead,
.appointment-note,
.footer,
.footer-links a,
.footer-links button,
.intro{
  color:var(--eni-muted)!important;
}
.project-value,
.doc-title,
.appointment-date,
.card h2,
h1,h2,h3{
  color:var(--eni-text)!important;
}
.kicker,
.next-step-label{
  color:var(--eni-petrol)!important;
}

/* Vorgang / Badges */
.case,
.appointment-badge{
  background:rgba(0,155,143,.11)!important;
  border-color:rgba(0,155,143,.40)!important;
  color:#def3f0!important;
}

/* Fortschritt */
.progress-step{color:#8f999d!important}
.progress-step:before{
  background:#667176!important;
  border-color:#667176!important;
}
.progress-step.done:before{
  background:var(--eni-success)!important;
  border-color:var(--eni-success)!important;
}
.progress-step.active:before{
  background:var(--eni-petrol)!important;
  border-color:var(--eni-petrol)!important;
  box-shadow:0 0 0 5px rgba(0,155,143,.17)!important;
}
.progress-step:not(:first-child):after{background:#596267!important}
.progress-step.done:not(:first-child):after{background:var(--eni-success)!important}
.progress-step.active:not(:first-child):after{
  background:linear-gradient(90deg,var(--eni-success),var(--eni-petrol))!important;
}

/* Buttons */
.doc-btn,
.appt-btn,
.logout-btn,
.btn,
button.btn{
  background:rgba(0,155,143,.11)!important;
  border-color:rgba(0,155,143,.38)!important;
  color:#edf8f6!important;
}
.doc-btn:hover,
.appt-btn:hover,
.logout-btn:hover,
.btn:hover{
  background:rgba(0,155,143,.19)!important;
}
.btn.primary,
button[type="submit"].btn{
  background:linear-gradient(90deg,var(--eni-lime),var(--eni-petrol))!important;
  color:#151a1c!important;
  border-color:transparent!important;
}

/* Mobile Navigation */
.mobile-nav{
  background:rgba(37,42,45,.98)!important;
  border-color:#50595e!important;
}
.mobile-nav a{color:#9da8ac!important}
.mobile-nav a.active{
  background:rgba(0,155,143,.12)!important;
  color:#e6f4f2!important;
}

@media(max-width:720px){
  .hero,.card,.panel,.portal-card,.project-card,.ai-card{
    background:#2a2f32!important;
  }
}


/* ENIQARO v8 – finale Farbhoheit über die alten .ms-home-Regeln */
body.ms-home{
  background:#1f2326!important;
}
body.ms-home .hero,
body.ms-home .card,
body.ms-home .panel{
  background:#2A2F32!important;
  border-color:rgba(173,184,189,.20)!important;
}
body.ms-home .hero{
  background:linear-gradient(145deg,#303639,#282D30)!important;
}
body.ms-home .project-item,
body.ms-home .document,
body.ms-home .appointment,
body.ms-home .ai-box,
body.ms-home .placeholder > div,
body.ms-home .placeholder div{
  background:#363C3F!important;
  border-color:#596267!important;
}
body.ms-home .ai-box{
  background:linear-gradient(145deg,#363C3F,#303639)!important;
  border-color:rgba(0,155,143,.34)!important;
}
body.ms-home .next-step{
  background:linear-gradient(135deg,rgba(0,155,143,.11),rgba(168,212,50,.035))!important;
  border-color:rgba(0,155,143,.42)!important;
}
body.ms-home .project-switch a,
body.ms-home .tabs a{
  background:#343A3D!important;
  border-color:#596267!important;
}
body.ms-home .project-switch a.active,
body.ms-home .tabs a.active{
  background:rgba(0,155,143,.13)!important;
  border-color:rgba(0,155,143,.48)!important;
}