@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

a { text-decoration: none; }
body { font-family: "Inter", sans-serif; font-size: 16px; color: #111827; line-height: 1.5; overflow: hidden; }
.header-wrapper { padding: 0 48px; }
#hierarchy-chart svg { width: 100%; height: 100%; padding: 80px 0px 0; }
.apextree-node > div { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.h-calc { height: calc(100vh - 100px); }
.bottom-radius { border-radius: 12px 12px 0 0 !important; }
#progress-chart svg { width: 100%; min-height: 550px; max-height: 550px; }
#apexTreeWrapper { height: 100%; }

.goal-popup-content .dept-tag-prc { background-color: var(--color-dept-procurement-title); }
.goal-popup-content .dept-tag-opr { background-color: var(--color-dept-operations-title); }
.goal-popup-content .dept-tag-mrk { background-color: #53D1BE; }
.goal-popup-content .dept-tag-sls { background-color: #60A5FA; }
.bg-box-shadow { box-shadow: 0px 20px 25px -5px #0000001A; }
#progress-1-progress,
#progress-2-progress-1,
#progress-3-progress-2,
#progress-4-progress-3,
#progress-5-progress-4 { stroke-width: 1px; marker-end: url(#customArrow); }
#progressModal .tab { display: none; } 
#progressModal .tab.active { display: block; }
#tabs li a.active,
#tabs li a:hover { border-color: #E5E7EB; background-color: #fff; box-shadow: 0px 20px 25px -5px #0000001A } 
#tabs li a { border: 1px solid transparent; background-color: transparent; box-shadow: unset; }

.dropdown-wrapper { box-shadow: 0px 25px 50px -12px #00000040; }
.dropdown-wrapper #dropdown li.selected { background-color: var(--color-light-gray); }


/* Media Queries */
@media (max-width: 1300px) {
    .header-wrapper { padding: 0 28px; }
}

@media (max-width: 1200px) {
    #progress-chart svg { min-height: 400px; max-height: 400px; }
}