/* CONTEC ServiceDesk V35.0.3 – readability correction */
:root{
 --nav-bg:#f7fafb; --nav-text:#173844; --nav-muted:#617984;
 --nav-active:#0b7e96; --line:#d8e3e7; --surface:#fff;
}
html{font-size:18px!important}
body{font-size:17px!important;line-height:1.55!important}

/* LEFT NAV: light, high contrast, no invisible disabled-looking entries */
.sidebar{
 background:var(--nav-bg)!important;
 border-right:1px solid var(--line)!important;
 box-shadow:none!important;
 width:250px!important;min-width:250px!important;
}
.brand{background:#103844!important;border-bottom:0!important}
.brand strong{color:#fff!important;font-size:19px!important}
.brand small{color:#c8d8de!important;font-size:13px!important}
.sidebar-nav{padding:14px 12px 30px!important}
.sidebar .nav-group-title,.sidebar-nav .nav-group-title{
 color:#6d838c!important;font-size:11px!important;font-weight:800!important;
 letter-spacing:.09em!important;margin:20px 10px 8px!important
}
.sidebar .nav-btn,.sidebar-nav .nav-btn{
 color:#234550!important;background:transparent!important;
 opacity:1!important;font-size:15px!important;font-weight:700!important;
 min-height:47px!important;padding:10px 12px!important;border-radius:9px!important;
}
.sidebar .nav-btn *,.sidebar-nav .nav-btn *{color:inherit!important;opacity:1!important}
.sidebar .nav-btn:hover,.sidebar-nav .nav-btn:hover{background:#eaf2f4!important;color:#0b6073!important}
.sidebar .nav-btn.active,.sidebar-nav .nav-btn.active{
 background:#dceff3!important;color:#075e72!important;
 box-shadow:none!important;border-left:4px solid var(--nav-active)!important;
}
.sidebar .nav-btn:disabled,.sidebar-nav .nav-btn:disabled,
.sidebar .nav-btn[aria-disabled="true"],.sidebar-nav .nav-btn[aria-disabled="true"]{
 color:#78909a!important;opacity:.72!important
}

/* GLOBAL TYPOGRAPHY */
.view{max-width:1700px!important;padding:30px 34px 60px!important}
h1{font-size:36px!important} h2{font-size:27px!important} h3{font-size:21px!important}
p,li{font-size:16px!important}
small,.small,.muted,.hint,.sub,.meta,.detail{font-size:14px!important;line-height:1.5!important}
label,.label,.field-label{font-size:15px!important}
button,.btn{font-size:15px!important;min-height:44px!important}
input,select,textarea{font-size:16px!important;min-height:46px!important}
table th{font-size:14px!important;padding:13px 12px!important}
table td{font-size:15px!important;padding:13px 12px!important}
.badge,.pill,.chip,.status-badge{font-size:13px!important}

/* PROJECT PLANNER: make it a readable work screen, not a compressed spreadsheet */
#projectplanner{font-size:16px!important}
#projectplanner .workspace-view-header{margin-bottom:20px!important}
#projectplanner .panel{padding:20px!important}
#projectplanner .project-portfolio-head h1,
#projectplanner .project-portfolio-head h2{font-size:29px!important}
#projectplanner .project-kpis,
#projectplanner [class*="kpi-grid"]{gap:14px!important}
#projectplanner .pro-kpi,
#projectplanner [class*="kpi-card"]{min-height:112px!important;padding:17px!important}
#projectplanner .pro-kpi b,
#projectplanner [class*="kpi-card"] b{font-size:28px!important}
#projectplanner .tabs,
#projectplanner [class*="tabs"]{padding:7px!important;gap:6px!important}
#projectplanner .tabs button,
#projectplanner [role="tab"]{font-size:15px!important;padding:9px 13px!important}
#projectplanner .filterbar,
#projectplanner .toolbar{gap:10px!important;margin:12px 0!important}
#projectplanner table{min-width:1050px!important}
#projectplanner table th{font-size:14px!important;white-space:nowrap!important}
#projectplanner table td{font-size:15px!important}
#projectplanner .project-timeline,
#projectplanner [class*="timeline"],
#projectplanner [class*="gantt"]{font-size:14px!important;min-height:150px!important}
#projectplanner [class*="timeline"] small,
#projectplanner [class*="gantt"] small{font-size:12px!important}

/* Hard minimum for legacy micro-text */
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"],
main [style*="font-size:12px"],main [style*="font-size: 12px"]{font-size:14px!important}

@media(max-width:1200px){
 .sidebar{width:220px!important;min-width:220px!important}
 .view{padding:24px!important}
}