/* Quality-Hub Product System V52
 * Institutional, task-focused UI shared by Admin, Supervision, Quality Hub,
 * survey participants, response history, standalone analytics, and auth pages.
 */
:root{
  --qh-green-950:#102e28;--qh-green-900:#183f36;--qh-green-800:#205448;
  --qh-green-700:#176b5d;--qh-green-100:#dcece7;--qh-green-50:#eef6f3;
  --qh-gold-600:#9a762c;--qh-gold-400:#d7b766;--qh-gold-50:#fbf6e9;
  --qh-red-700:#983c3c;--qh-red-50:#fbefef;--qh-amber-700:#855c19;--qh-amber-50:#fbf5e8;
  --qh-ink:#17231f;--qh-text:#34463f;--qh-muted:#66756f;
  --qh-line:#dce5e1;--qh-line-strong:#c7d4cf;--qh-canvas:#f5f7f6;--qh-white:#fff;
  --qh-r-xs:5px;--qh-r-sm:7px;--qh-r-md:10px;--qh-r-lg:12px;
  --qh-shadow:0 2px 8px rgba(16,46,40,.045);--qh-shadow-raised:0 7px 22px rgba(16,46,40,.08);
  --qh-focus:0 0 0 3px rgba(23,107,93,.16);
}
html{color-scheme:light;scroll-behavior:smooth}
body{background:var(--qh-canvas)!important;color:var(--qh-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-feature-settings:"cv02","cv03","cv04","cv11";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{color:var(--qh-ink);font-weight:650!important;letter-spacing:-.022em!important;text-wrap:balance}
p{line-height:1.58}.text-muted,.muted,small{color:var(--qh-muted)!important}a{color:var(--qh-green-700);text-underline-offset:3px}

/* Shell identity */
.sidebar,.sqh-sidebar{background:var(--qh-green-950)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}
.sidebar-brand,.sqh-brand{border-bottom:1px solid rgba(255,255,255,.12)!important}
.sidebar .nav-link,.sqh-nav-link{border-radius:var(--qh-r-sm)!important;font-weight:520!important;transition:background-color .14s ease,color .14s ease!important}
.sidebar .nav-link:hover,.sqh-nav-link:hover{background:rgba(255,255,255,.075)!important;transform:none!important}
.sidebar .nav-link.active,.sqh-nav-link.is-active{background:rgba(255,255,255,.12)!important;box-shadow:inset 3px 0 0 var(--qh-gold-400)!important}
.top-nav,.sqh-topbar{background:#fff!important;border-bottom:1px solid var(--qh-line)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.page-content,.sqh-content{background:var(--qh-canvas)!important}

/* One surface language */
.card,.panel,.sv-panel,.sv-toolbar,.sv-kpi,.sqh-card,.sqh-panel,.sqh-task-stat,.sqh-task-item,.sqh-metric-card,.sqh-kpi,.sqh-source-card,.sqh-notification-card,.sqh-report-source-card,.survey-card,.response-card,.question-card{
  background:#fff!important;border:1px solid var(--qh-line)!important;border-radius:var(--qh-r-md)!important;box-shadow:var(--qh-shadow)!important
}
.card::after,.sv-kpi::after,.sqh-hero::after{display:none!important}
.card-header,.card-footer,.panel-header,.sv-panel-head{background:#fff!important;border-color:#e8eeeb!important}

/* Buttons and actions */
.btn,button:not(.unstyled),[role=button],.sqh-task-button,.sqh-task-reset,.sqh-task-open,.sqh-report-open{
  border-radius:var(--qh-r-sm)!important;box-shadow:none!important;font-weight:600!important;transition:background-color .14s ease,border-color .14s ease,color .14s ease!important
}
.btn:hover,button:not(.unstyled):hover{transform:none!important}
.btn-primary,.btn-success,.sqh-task-button,.sqh-task-open,.sqh-report-open{background:var(--qh-green-700)!important;border-color:var(--qh-green-700)!important;color:#fff!important}
.btn-primary:hover,.btn-success:hover,.sqh-task-button:hover,.sqh-task-open:hover,.sqh-report-open:hover{background:var(--qh-green-900)!important;border-color:var(--qh-green-900)!important}
.btn-outline-primary{color:var(--qh-green-700)!important;border-color:#97bbb1!important;background:#fff!important}.btn-outline-primary:hover{background:var(--qh-green-700)!important;color:#fff!important}
.btn-danger,.btn-outline-danger:hover{background:var(--qh-red-700)!important;border-color:var(--qh-red-700)!important;color:#fff!important}
.btn:disabled,button:disabled,[aria-disabled=true]{opacity:.52!important;cursor:not-allowed!important}

/* Forms */
label,.form-label{color:#3b4e47!important;font-size:.78rem;font-weight:600!important}
input:not([type=radio]):not([type=checkbox]):not([type=hidden]),textarea,select,.form-control,.form-select,.input-group-text,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{
  border-color:var(--qh-line-strong)!important;border-radius:var(--qh-r-sm)!important;background:#fff!important;color:var(--qh-ink)!important;box-shadow:none!important
}
input:focus,textarea:focus,select:focus,.form-control:focus,.form-select:focus,.select2-container--focus .select2-selection{border-color:var(--qh-green-700)!important;box-shadow:var(--qh-focus)!important;outline:0!important}
input:disabled,textarea:disabled,select:disabled,input[readonly],textarea[readonly],.form-control:disabled,.form-select:disabled{background:#eef2f0!important;color:#76847e!important;cursor:not-allowed}
.input-group>.input-group-text{background:#f2f5f3!important;color:#60716a!important}

/* Tables are work surfaces, not cards. */
.table-responsive,.table-wrap{border-radius:var(--qh-r-sm);-webkit-overflow-scrolling:touch}
table{border-color:var(--qh-line)!important}table th,.table th{background:#eef3f1!important;color:#465851!important;border-color:var(--qh-line)!important;font-size:.72rem;font-weight:650!important;letter-spacing:.012em!important;text-transform:none!important;vertical-align:middle}table td,.table td{border-color:#e8eeeb!important;color:var(--qh-text);vertical-align:middle}.table-hover tbody tr:hover>*,tbody tr:hover>td{background:#f6f9f7!important}

/* Status semantics */
.badge,.chip,.sv-chip,.sqh-chip,.sqh-tag,.sqh-provider-status,.status-badge{border-radius:999px!important;box-shadow:none!important;font-weight:650!important}
.bg-success,.badge.bg-success,.status-completed{background:#e7f2ec!important;color:#286543!important}.bg-warning,.badge.bg-warning{background:var(--qh-amber-50)!important;color:var(--qh-amber-700)!important}.bg-danger,.badge.bg-danger{background:var(--qh-red-50)!important;color:var(--qh-red-700)!important}.bg-primary,.badge.bg-primary{background:var(--qh-green-50)!important;color:var(--qh-green-700)!important}
.alert{border-radius:var(--qh-r-sm)!important;box-shadow:none!important}.alert-success{background:#edf6f1!important;border-color:#cfe4d8!important;color:#24583e!important}.alert-warning{background:var(--qh-amber-50)!important;border-color:#ead9aa!important;color:#765216!important}.alert-danger{background:var(--qh-red-50)!important;border-color:#eccaca!important;color:#843838!important}

/* Navigation and overlays */
.nav-tabs{border-bottom:1px solid var(--qh-line)!important}.nav-tabs .nav-link{border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;color:var(--qh-muted)!important}.nav-tabs .nav-link.active{border-bottom-color:var(--qh-green-700)!important;color:var(--qh-green-700)!important;background:transparent!important}
.modal-content,.dropdown-menu{border:1px solid var(--qh-line)!important;border-radius:var(--qh-r-md)!important;box-shadow:var(--qh-shadow-raised)!important}.modal-header,.modal-footer{border-color:#e8eeeb!important}.dropdown-item:hover,.dropdown-item:focus{background:var(--qh-green-50)!important;color:var(--qh-green-900)!important}
.page-link{color:var(--qh-green-700)!important;border-color:var(--qh-line)!important;box-shadow:none!important}.active>.page-link,.page-link.active{background:var(--qh-green-700)!important;border-color:var(--qh-green-700)!important;color:#fff!important}

/* Charts and dashboard density */
.metric,.stat-value,.sv-kpi-value,.sqh-metric-value{color:var(--qh-ink)!important;font-weight:680!important;letter-spacing:-.04em!important}
.progress,.progress-track,.avg-bar{background:#e6ece9!important;border-radius:999px!important}.progress-bar,.progress-fill,.avg-bar-fill{background:var(--qh-green-700)!important}
.sqh-hero,.sv-help-hero{background:var(--qh-green-900)!important;border:1px solid var(--qh-green-900)!important;border-radius:var(--qh-r-lg)!important;box-shadow:none!important}

/* Accessibility and responsive behavior */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(23,107,93,.22)!important;outline-offset:2px!important}
@media(max-width:991.98px){.page-content,.sqh-content{padding:1rem!important}.card,.panel,.sv-panel,.sqh-panel{border-radius:var(--qh-r-sm)!important}.table-responsive,.table-wrap{overflow-x:auto}}
@media(max-width:575.98px){h1{font-size:1.45rem!important}h2{font-size:1.2rem!important}.btn{min-height:40px}.page-header,.sv-page-head,.sqh-section-head{gap:.75rem!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media print{body{background:#fff!important}.sidebar,.sqh-sidebar,.top-nav,.sqh-topbar,.btn,.no-print{display:none!important}.card,.panel,.sv-panel,.sqh-panel{border-color:#bbb!important;box-shadow:none!important}}