/*
 * Eckert & Engert – gemeinsame kantige Formensprache.
 * Diese Schicht vereinheitlicht nur die Form; Farben, Zustände und Fachlogik
 * bleiben in den bestehenden Modul-Styles. Runde Statuspunkte, Avatare und
 * Fortschrittsanzeigen sind bewusst ausgenommen.
 */
:root{
  --radius:6px;
  --ee-radius-panel:6px;
  --ee-radius-control:4px;
  --ee-radius-small:3px;
  --ee-font-sans:"Aptos","Segoe UI Variable Text","Segoe UI",Roboto,Arial,sans-serif;
  --ee-font-heading:"Bahnschrift","Aptos Display","Segoe UI Variable Display","Segoe UI",Arial,sans-serif;
}

@media screen{
  html body,
  html body :is(input,select,textarea,table){font-family:var(--ee-font-sans)!important}
  html body :is(h1,h2,h3,h4,h5,h6,button,.btn,.appTab,[class*="Tab"],[class*="Title"]){font-family:var(--ee-font-heading)!important}

  html body :is(
    button,
    .btn,
    [class*="Button"],
    [class*="Btn"],
    [class*="Submit"],
    [class*="Action"] > a,
    [class*="Action"] > button
  ){
    border-radius:var(--ee-radius-control)!important;
  }

  html body :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
    select,
    textarea,
    .input,
    [contenteditable="true"]
  ){
    border-radius:var(--ee-radius-control)!important;
  }

  html body :is(
    .top,
    .card,
    .login-shell,
    [class*="Card"],
    [class*="Panel"],
    [class*="Hero"],
    [class*="Tile"],
    [class*="Box"],
    [class*="Notice"],
    [class*="Message"],
    [class*="Empty"],
    [class*="Summary"],
    [class*="Report"],
    [class*="Body"],
    [class*="Help"],
    [class*="Msg"],
    [class*="Hint"],
    [class*="Toggle"],
    [class*="Total"],
    [class*="Day"],
    [class*="Event"],
    [class*="Feature"],
    [class*="Step"],
    [class*="Check"],
    [class*="Mini"],
    [class*="Canvas"],
    [class*="Item"],
    dialog,
    details
  ){
    border-radius:var(--ee-radius-panel)!important;
  }

  html body :is(
    .logoBox,
    .workspaceNav a,
    .appTabs,
    .appTab,
    [class*="Tabs"],
    [class*="Tab"],
    [class*="Filter"],
    [class*="Toolbar"],
    [class*="TableWrap"],
    [class*="TableBox"],
    [class*="Code"],
    [class*="Formula"]
  ){
    border-radius:var(--ee-radius-control)!important;
  }

  html body :is(.pill,.badge,.tag,[class*="Pill"],[class*="Badge"]){
    border-radius:var(--ee-radius-small)!important;
  }

  html body [class*="Toggle"]{border-radius:var(--ee-radius-control)!important}
  html body :is(.todoEyebrow,.printTopBar){border-radius:var(--ee-radius-control)!important}
  html body .azubiProjectItem img{border-radius:var(--ee-radius-panel)!important}

  html body :is([class*="Card"],[class*="Panel"],[class*="Hero"],[class*="Tile"],[class*="Box"]){
    box-shadow:none!important;
  }

  html body :is(.top,.card,.protoHeaderCard,.abwHeaderCard,.announcementsHero,.tasksHero,.tasksAdminHero,.azubiHero,.azubiAdminHero,.inboxHero,.pkHero,.pkAdminHero,.pointsHero,.pointsAdminHero,.verwaltungHero,.scrapHero,.scrapAdminHero,.todoHero,.kbHero,.fcHero,.vrfHero,.coolingHero,.cableHero,.performanceHero){
    box-shadow:0 2px 8px rgba(24,32,48,.04)!important;
  }

  html body.dark :is(.top,.card,.protoHeaderCard,.abwHeaderCard,.announcementsHero,.tasksHero,.tasksAdminHero,.azubiHero,.azubiAdminHero,.inboxHero,.pkHero,.pkAdminHero,.pointsHero,.pointsAdminHero,.verwaltungHero,.scrapHero,.scrapAdminHero,.todoHero,.kbHero,.fcHero,.vrfHero,.coolingHero,.cableHero,.performanceHero){
    box-shadow:0 2px 10px rgba(0,0,0,.18)!important;
  }

  html body .dashboardCard::after{display:none!important}
  html body .dashboardCard :is(.dashboardCardDefault,.dashboardCardInner,.dashboardCardHead,.dashboardCardTitleRow,.dashboardCardText,.dashboardCardActions){
    background:transparent!important;box-shadow:none!important;
  }
  html body .dashboardCard{border-radius:var(--ee-radius-panel)!important;box-shadow:0 2px 8px rgba(24,32,48,.04)!important}
  html body.dark .dashboardCard{box-shadow:0 2px 10px rgba(0,0,0,.18)!important}

  html body .staffBoard :is(.card,.col,.weather){box-shadow:0 3px 12px rgba(24,32,48,.055)!important}
  html body.dark .staffBoard :is(.card,.col,.weather){box-shadow:0 4px 16px rgba(0,0,0,.22)!important}
  html body .staffBoard .card:hover{box-shadow:0 8px 20px rgba(152,17,8,.12)!important}
  html body .staffBoard :is(.memberchip,.bdayitem){box-shadow:none!important}

  html body .userAdminFilterCard{margin-bottom:18px!important}
  html body .userAdminTableCard .table tbody td{padding-top:10px;padding-bottom:10px}

  html body :is([class*="Stat"],[class*="Metric"]){border-radius:var(--ee-radius-panel)!important;box-shadow:none!important}
  html body .protoSideCol .pointsRules{grid-template-columns:minmax(0,1fr)!important}
  html body .adminHeaderRow>div:first-child{min-width:0;max-width:100%}
  html body :is(.kbBreadcrumbs,.kbArticleSubline){flex-wrap:wrap;max-width:100%;overflow-wrap:anywhere}
  html body :is(.pageTitle,.kbArticleTitle){overflow-wrap:anywhere}
}

@media screen and (max-width:1200px){
  html body :is(.fcHeroGrid,.fcLayout){grid-template-columns:minmax(0,1fr)!important}
  html body :is(.fcList,.fcItem,.fcItemTop,.fcDesc,.fcTwo,.fcBox){min-width:0!important;max-width:100%!important}
  html body :is(.fcItem,.fcBox){overflow-wrap:anywhere}
}

@media screen and (max-width:1100px){
  html body .performanceGrid{grid-template-columns:minmax(0,1fr)!important}
  html body :is(.performanceGrid,.performanceGrid>*,.performanceCard,.performanceForm,.performanceField,.chartWrap,.canvasBox,.tableScroll){min-width:0!important;max-width:100%!important}
  html body .tableScroll{width:100%!important}
}

@media screen and (max-width:960px){
  html body :is(.vrfHero,.vrfGrid,.vrfGrid3){grid-template-columns:minmax(0,1fr)!important}
  html body :is(.vrfHeroCard,.vrfCard,.vrfGrid,.vrfGrid3,.vrfField,.vrfTableWrap){min-width:0!important;max-width:100%!important}
  html body :is(.vrfField input,.vrfField select,.vrfField textarea){min-width:0!important;max-width:100%!important}
}

@media screen and (max-width:760px){
  html body .kbPageHead>div:first-child{width:100%!important}
  html body .performanceCard{padding:18px!important}
}