/* KRISTA Design System · M3.1 "Eine Sprache" */
:root{
  --kr-ink:#17211b;
  --kr-ink-2:#253129;
  --kr-green:#2f7d4a;
  --kr-green-deep:#235e38;
  --kr-green-soft:#e8f3eb;
  --kr-paper:#fffefa;
  --kr-sand:#f3f0e8;
  --kr-bg:#f5f4ef;
  --kr-line:#ddd9cf;
  --kr-muted:#6f756f;
  --kr-blue:#3e7198;
  --kr-orange:#c98428;
  --kr-red:#a84540;
  --kr-radius:14px;
  --kr-shadow:0 10px 30px rgba(23,33,27,.09);
}

.krista-shell-topbar{
  position:relative;
  z-index:200;
  color:#fff;
  background:
    radial-gradient(circle at 12% -20%,rgba(90,145,108,.28),transparent 34%),
    linear-gradient(135deg,var(--kr-ink),var(--kr-ink-2));
  border-bottom:1px solid rgba(255,255,255,.1);
  box-shadow:0 8px 28px rgba(12,18,14,.2);
}
.krista-shell-main{
  max-width:1540px;
  margin:auto;
  min-height:76px;
  padding:14px 22px;
  display:grid;
  grid-template-columns:220px minmax(620px,1fr) 150px;
  gap:18px;
  align-items:center;
}
.krista-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:0}
.krista-mark{
  width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;
  border-radius:14px;background:linear-gradient(145deg,#f2e7c8,#b58d43);
  color:#262018;font-size:23px;font-weight:950;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 7px 20px rgba(0,0,0,.22);
}
.krista-brand-copy{display:flex;flex-direction:column;min-width:0}
.krista-brand-copy strong{font-size:19px;letter-spacing:.06em;line-height:1}
.krista-brand-copy small{margin-top:5px;color:rgba(255,255,255,.65);white-space:nowrap}

.krista-world-nav{display:flex;justify-content:center;align-items:center;gap:7px;min-width:0}
.krista-world-link{
  min-height:42px;padding:9px 12px;border-radius:11px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.055);
  color:#fff;text-decoration:none;white-space:nowrap;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  font:800 12.5px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.krista-world-link:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.27);transform:translateY(-1px)}
.krista-world-link.active{background:var(--kr-green);border-color:#69a47d;box-shadow:0 6px 18px rgba(15,57,32,.34)}
.krista-world-icon{font-size:15px;line-height:1}

.krista-user{text-align:right;display:flex;flex-direction:column}
.krista-user strong{font-size:13px}.krista-user small{margin-top:4px;color:rgba(255,255,255,.6)}


/* Shared module navigation under the fixed product header */
.krista-module-nav{
  display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;
  margin:0 0 18px!important;padding:10px!important;
  border:1px solid var(--kr-line)!important;border-radius:15px!important;
  background:rgba(255,254,250,.95)!important;box-shadow:0 5px 20px rgba(23,33,27,.06)!important;
}
.krista-module-nav button,.krista-module-nav a{
  min-height:40px!important;margin:0!important;padding:9px 13px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border:1px solid #222923!important;border-radius:10px!important;
  background:#222923!important;color:#fff!important;text-decoration:none!important;
  font:750 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.krista-module-nav button:hover,.krista-module-nav a:hover{background:#343d36!important}
.krista-module-nav .secondary,.krista-module-nav .krista-refresh{background:#fff!important;color:#222923!important;border-color:#cbc7bd!important}
.krista-module-nav .active,.krista-module-nav [aria-current="page"]{background:var(--kr-green)!important;border-color:var(--kr-green)!important}

/* Safe visual normalization without changing page logic */
body.krista-ui{background:linear-gradient(180deg,#f1eee7,#f7f5ef 36%,#f2f0e9)!important;color:#252925!important}
body.krista-ui>header{display:none!important}
body.krista-ui main{max-width:1480px!important}
body.krista-ui .card{border:1px solid rgba(215,209,198,.78);box-shadow:0 7px 24px rgba(23,33,27,.065)}
body.krista-ui button:not(.closebtn):not(.fav):not(.trash-mini){min-height:40px}
body.krista-ui button.green,
body.krista-ui .rapport-primary{background:var(--kr-green)!important;border-color:var(--kr-green)!important}
body.krista-ui button.green:hover,
body.krista-ui .rapport-primary:hover{background:var(--kr-green-deep)!important}

@media(max-width:1180px){
  .krista-shell-main{grid-template-columns:200px 1fr}
  .krista-user{display:none}
  .krista-world-nav{justify-content:flex-start;overflow-x:auto;padding-bottom:3px}
}
@media(max-width:760px){
  .krista-shell-main{grid-template-columns:1fr;padding:13px 14px;gap:11px}
  .krista-world-nav{justify-content:flex-start;overflow-x:auto}
  .krista-world-link{flex:0 0 auto}
  .krista-module-nav{overflow-x:auto!important;flex-wrap:nowrap!important}
  .krista-module-nav button,.krista-module-nav a{white-space:nowrap!important;flex:0 0 auto!important}
}
/* Build 0023.23 – finaler Produktkopf */
.krista-shell-main{
  grid-template-columns:230px minmax(560px,1fr) 170px;
  max-width:1480px;
}
.krista-world-nav{
  gap:8px;
}
.krista-world-link{
  padding-inline:14px;
}
.krista-user small{
  font-variant-numeric:tabular-nums;
}
@media(max-width:1050px){
  .krista-shell-main{grid-template-columns:205px 1fr}
  .krista-user{display:none}
}