
/* CONTEC ServiceDesk V34.1.0 – einheitliches Layoutsystem */
:root{
 --ui-bg:#f4f7fa; --ui-surface:#fff; --ui-line:#d7e1e8;
 --ui-text:#0b2b3f; --ui-muted:#5e7483; --ui-brand:#007f9f;
 --ui-radius:10px; --ui-shadow:0 3px 14px rgba(15,45,65,.06);
 --ui-base:16px; --ui-small:13px;
}
html{font-size:18px!important}
body{font-size:16px!important;line-height:1.5!important;color:var(--ui-text)!important;background:var(--ui-bg)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body,button,input,select,textarea,table{font-family:Arial,"Helvetica Neue",sans-serif!important}
h1{font-size:30px!important;line-height:1.15!important;margin-bottom:8px!important}
h2{font-size:23px!important;line-height:1.2!important}
h3{font-size:18px!important;line-height:1.25!important}
h4{font-size:16px!important}
p,li{font-size:15px!important;line-height:1.5!important}
small,.small,.muted,.hint,.sub,.meta{font-size:13px!important;line-height:1.45!important;color:var(--ui-muted)}
label,.label,.field-label{font-size:14px!important;font-weight:600}
button,.btn,input,select,textarea{font-size:14px!important}
button,.btn{min-height:40px!important;border-radius:7px!important}
input,select{min-height:40px!important}
textarea{line-height:1.5!important}
table{font-size:14px!important}
table th{font-size:13px!important;line-height:1.35!important;padding:10px 9px!important}
table td{font-size:14px!important;line-height:1.4!important;padding:10px 9px!important}

/* Einheitliche Oberflächen */
.card,.panel,.box,.widget,.dashboard-card-v217,.pro-kpi{
 border-color:var(--ui-line)!important;border-radius:var(--ui-radius)!important;
 box-shadow:var(--ui-shadow)!important;background:var(--ui-surface)!important
}
.panel-head,.card-header,.section-head{padding-top:14px!important;padding-bottom:12px!important}
.panel-head h2,.panel-head h3,.card-title,.panel-title,.section-title{font-size:18px!important}
.panel-head p,.card-subtitle,.panel-subtitle,.section-subtitle{font-size:13px!important}
.badge,.pill,.chip,.status-badge{font-size:12px!important;line-height:1.3!important}

/* Kopf / Suche */
.topbar h1{font-size:25px!important}.topbar p{font-size:13px!important}
.global-search-wrap input{font-size:14px!important}
.workspace-quickbar button,.quickbar button,.topnav button{font-size:13px!important}

/* Navigation */
.sidebar{font-size:14px!important}
.sidebar-nav .nav-btn,.sidebar .nav-btn{font-size:14px!important;min-height:43px!important;line-height:1.25!important}
.sidebar-nav .nav-group-title,.sidebar .nav-group-title{font-size:10px!important;letter-spacing:.08em!important}
.sidebar small{font-size:12px!important}

/* Tabs / Filter / Toolbars */
.tabs button,[role="tab"],[class*="tab"] button{font-size:14px!important;min-height:40px!important}
.toolbar button,.actions button{font-size:14px!important}
.filters,.filterbar,.toolbar{gap:8px!important}

/* Dashboard */
.pro-dashboard-head h1{font-size:34px!important}.pro-dashboard-head p{font-size:14px!important}
.workspace-kicker,.v34-eyebrow{font-size:11px!important}
.v34-command b{font-size:15px!important}.v34-command small{font-size:13px!important}
.v34-workspaces button{min-height:100px!important;padding:16px!important}
.v34-workspaces button>b{font-size:16px!important}.v34-workspaces button>small{font-size:13px!important;line-height:1.4!important}.v34-workspaces button>span{font-size:11px!important}
.v34-beosys-boundary{font-size:12px!important}
.pro-kpi span{font-size:13px!important}.pro-kpi b{font-size:27px!important}.pro-kpi small{font-size:12px!important}
.pro-shortcuts button b{font-size:14px!important}.pro-shortcuts button span{font-size:12px!important}

/* Prozess / Projekt / Gantt */
.sd-process-step,.process-step,.workflow-step{font-size:13px!important;min-height:38px!important}
.sd-process-step b,.process-step b,.workflow-step b{font-size:14px!important}
.gantt,.calendar,.planner,.timeline{font-size:13px!important}
.gantt button,.calendar button,.planner button{font-size:13px!important}
.gantt th,.calendar th,.planner th{font-size:12px!important}
.gantt td,.calendar td,.planner td{font-size:12px!important}

/* Dialoge / Formulare */
.modal,.dialog,.drawer{font-size:15px!important}
.modal h2,.dialog h2,.drawer h2{font-size:22px!important}
.form-grid,.fields-grid{row-gap:12px!important;column-gap:12px!important}
.form-group,.field{margin-bottom:10px!important}

/* Sicherheitsnetz gegen historische 7–11px UI-Texte.
   Ausgenommen sind rein dekorative Icons/SVGs. */
main [style*="font-size: 7px"], main [style*="font-size:7px"],
main [style*="font-size: 8px"], main [style*="font-size:8px"],
main [style*="font-size: 9px"], main [style*="font-size:9px"],
main [style*="font-size: 10px"],main [style*="font-size:10px"],
main [style*="font-size: 11px"],main [style*="font-size:11px"]{font-size:13px!important}

/* Desktop: keine Miniaturisierung auf großen Monitoren */
@media(min-width:1400px){
 body{font-size:16px!important}
 .app-main,.main-content,main{font-size:16px!important}
}
@media(max-width:1100px){
 html{font-size:17px!important}
 body{font-size:15px!important}
}
