:root{
  --ink:#1E1E1E;
  --navy:#185659;
  --navy2:#1E1E1E;
  --teal:#278380;
  --teal2:#84C9D1;
  --bg:#F5F7FA;
  --card:#FFFFFF;
  --text:#1F2933;
  --muted:#64748B;
  --border:#E2E8F0;
  --green:#1E7F4F;
  --green-bg:#E6F4EA;
  --red:#B42318;
  --red-bg:#FDECEC;
  --amber:#B45309;
  --amber-bg:#FFF4E5;
  --blue:#3730A3;
  --blue-bg:#EEF2FF;
  --purple:#6D28D9;
  --purple-bg:#F3E8FF;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:var(--bg);
  color:var(--text);
}

.app-shell{
  min-height:100vh;
  background:var(--bg);
}

.hidden{display:none!important}

.is-hidden{display:none!important}
.u-auto-btn{width:auto;margin:0}
.u-auto-btn-sm{width:auto;margin:0;padding:10px 12px;font-size:13px}
.u-auto-btn-xs{width:auto;margin:0;padding:7px 10px}
.u-mt-6{margin-top:6px}
.u-mt-8{margin-top:8px}
.u-mt-10{margin-top:10px}
.u-mt-12{margin-top:12px}
.u-mt-14{margin-top:14px}
.u-mb-6{margin-bottom:6px}
.u-mb-8{margin-bottom:8px}
.u-mb-12{margin-bottom:12px}
.u-no-margin{margin:0}
.u-align-end{align-items:end}
.u-flex-wrap{flex-wrap:wrap}
.u-gap-8{gap:8px}
.u-cursor-pointer{cursor:pointer}
.u-click-card{cursor:pointer}
.u-text-red{color:var(--red)!important}
.u-text-amber{color:var(--amber)!important}
.u-text-green{color:var(--green)!important}
.u-text-teal{color:var(--teal)!important}
.u-strong{font-weight:800}
.u-text-center{text-align:center}
.u-qr-icon{font-size:56px}
.u-bank-row{width:100%;text-align:left;margin:0 0 6px;padding:8px 10px;cursor:pointer}
.u-bank-top{gap:8px;align-items:flex-start}
.u-min-0{min-width:0}
.u-truncate-title{font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-truncate-subtitle{font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-compact-status{font-size:10px;padding:4px 7px}
.u-history-detail{margin-top:12px}
.u-table-offset{margin-top:12px}
.u-card-offset{margin-top:12px}
.u-section-gap{margin-top:14px}
.u-field-gap{margin-top:10px}
.u-small-offset{margin-top:8px}
.u-record-title-gap{margin-bottom:12px}
.u-error-text{color:var(--red)!important}
.u-table-wide-requirement{width:58%}
.u-table-rating{width:10%}
.u-inline-status{margin:0 0 12px}
.u-question-bank-list{margin-top:10px;max-height:320px;overflow:auto}
.u-preview-title{font-weight:800;margin-bottom:6px}
.u-audit-question-row{margin-bottom:10px}
.u-dash-filter-grid{margin-top:14px}
.u-detail-card{margin-top:14px}
.u-notes-offset{margin-top:8px}
.u-hidden-pager{margin-top:12px;display:none}
.u-flex-pager{display:flex}
.u-invalid-field{border-color:var(--red)!important}
.u-valid-field{border-color:var(--border)!important}

.signin-screen{
  min-height:100vh;
  background:linear-gradient(155deg,var(--ink),var(--navy));
  color:white;
  padding:28px 24px;
  display:none;
}

.signin-screen.active{
  display:flex;
  justify-content:center;
  align-items:center;
}

.signin-card{
  width:min(460px, calc(100vw - 48px));
  max-width:100%;
}

.logo-large{
  width:150px;
  height:150px;
  object-fit:contain;
  margin:0 auto 22px;
  display:block;
  background:white;
  border-radius:22px;
  padding:18px;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}

.signin-title{
  text-align:center;
  font-size:34px;
  font-weight:700;
  margin:0;
}

.signin-title span{color:var(--teal2)}

.signin-subtitle{
  text-align:center;
  color:#DDF8F8;
  font-size:12px;
  font-weight:700;
  letter-spacing:.5px;
  margin:8px 0 14px;
}

.app-header{
  display:none;
  background:linear-gradient(135deg,var(--ink),var(--navy));
  color:white;
  padding:14px 20px;
  align-items:center;
  justify-content:space-between;
  box-shadow:0 4px 18px rgba(15,23,42,.15);
  position:sticky;
  top:0;
  z-index:100;
  width:100%;
  max-width:100vw;
  overflow:hidden;
}

.app-header.active{display:flex}

.top-left,.top-right{
  display:flex;
  align-items:center;
  gap:10px;
}

.top-left{
  flex:1 1 auto;
  min-width:0;
}

.top-right{
  flex:0 1 auto;
  justify-content:flex-end;
  max-width:calc(100vw - 360px);
  min-width:0;
}

.logo-small{
  width:34px;
  height:34px;
  object-fit:contain;
  border-radius:8px;
  background:white;
}

.brand{
  font-size:22px;
  font-weight:700;
  letter-spacing:-.4px;
}

.brand span{color:var(--teal2)}

.brand-lockup{
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:0;
}

.brand-powered{
  color:rgba(255,255,255,.78);
  font-size:10px;
  font-weight:700;
  letter-spacing:.35px;
  white-space:nowrap;
}

.icon-btn{
  background:transparent;
  color:white;
  border:none;
  font-size:24px;
  cursor:pointer;
  padding:4px 6px;
}

.header-user-chip{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:white;
  cursor:pointer;
}

.header-user-chip{
  display:flex;
  align-items:center;
  flex:0 1 auto;
  gap:8px;
  max-width:178px;
  min-width:0;
  overflow:hidden;
  padding:5px 9px 5px 5px;
  border-radius:999px;
}

.header-avatar{
  display:inline-flex;
  flex:0 0 auto;
  width:32px;
  height:32px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#f8fafc;
  color:var(--navy);
  font-size:11px;
  font-weight:900;
}

.header-user-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  line-height:1.15;
}

#headerUserName{
  max-width:118px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  font-weight:800;
}

#headerUserRole{
  max-width:118px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(255,255,255,.72);
  font-size:10px;
  font-weight:700;
}

.header-caret{
  color:rgba(255,255,255,.75);
  font-size:11px;
  font-weight:800;
}

.menu-backdrop{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.35);
  z-index:190;
}

.side-menu{
  position:fixed;
  top:0;
  left:0;
  width:285px;
  height:100%;
  background:white;
  box-shadow:4px 0 24px rgba(0,0,0,.18);
  z-index:200;
  padding:20px;
  overflow:auto;
}

.menu-header{
  padding-bottom:18px;
  margin-bottom:12px;
  border-bottom:1px solid var(--border);
}

.menu-user-name{
  font-weight:700;
  font-size:17px;
  color:var(--navy);
}

.menu-user-role{
  font-size:13px;
  color:var(--muted);
  margin-top:4px;
}

.menu-section-label{
  font-size:11px;
  color:var(--muted);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin:18px 0 8px;
}

.menu-item{
  padding:12px;
  border-radius:12px;
  cursor:pointer;
  font-weight:600;
  color:var(--text);
  display:flex;
  align-items:center;
  gap:10px;
}

.menu-item:hover{
  background:#F1F5F9;
}

.menu-item.danger{
  background:var(--red);
  color:white;
}

.menu-item.danger:hover{
  background:#991B1B;
  color:white;
}

.menu-divider{
  height:1px;
  background:var(--border);
  margin:14px 0;
}

.main-layout{
  display:none;
  max-width:1720px;
  margin:0 auto;
  padding:24px 40px 96px;
}

.menu-item .nav-icon{
  display:inline-block;
  flex:0 0 22px;
  margin:0;
}

.main-layout.active{display:block}

.screen{display:none}
.screen.active{display:block}

.qco-sticky-screen-head{
  position:sticky;
  top:0;
  z-index:12;
  background:var(--app-bg);
  padding:0 0 14px;
  margin-bottom:4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.qco-quality-tab-head{
  align-items:stretch;
}

.qco-quality-tabs-console{
  flex:1;
  margin-bottom:0;
}

.qco-page-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.qco-page-head .page-title,
.qco-sticky-screen-head .page-title{
  margin-bottom:0;
}

.main-layout:has(#evaluationsScreen.active),
.main-layout:has(#competenciesScreen.active),
.main-layout:has(#onboardingScreen.active){
  max-width:1720px;
  width:100%;
  padding-left:40px;
  padding-right:40px;
}

.dashboard-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:14px;
}

#homeScreen .dashboard-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}

.content-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:16px;
}

.three-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.card{
  background:white;
  border:1px solid var(--border);
  border-radius:8px;
  padding:18px;
  margin-bottom:16px;
  box-shadow:0 8px 24px rgba(15,23,42,.045);
}

.qco-card-toolbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.qco-inline-actions{
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.qco-table-scroll{
  overflow:auto;
}

.qco-inline-signature{
  min-width:150px;
  max-width:220px;
  min-height:54px;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
  padding:6px;
}

.qco-inline-signature svg{
  display:block;
  width:100%;
  height:auto;
}

.empty-state{
  border:1px dashed var(--border);
  border-radius:8px;
  padding:18px;
  color:var(--muted);
  text-align:center;
}

.form-error{
  color:#b42318;
  font-weight:700;
}

.status-active,
.status-danger{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 10px;
  font-size:12px;
  font-weight:800;
}

.status-active{
  background:#dcfce7;
  color:#047857;
}

.status-danger{
  background:#fee2e2;
  color:#b42318;
}

.input, select, textarea{
  width:100%;
  padding:12px 13px;
  border-radius:8px;
  border:1px solid var(--border);
  background:white;
  color:#111827;
  font-size:15px;
  margin-bottom:12px;
}

textarea{
  min-height:84px;
  font-family:Arial, sans-serif;
}

label{
  display:block;
  font-size:13px;
  font-weight:700;
  color:var(--navy);
  margin-bottom:6px;
}

.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.btn{
  width:100%;
  border:none;
  border-radius:8px;
  padding:12px 14px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  margin-top:10px;
}

.primary{
  background:linear-gradient(135deg,var(--teal),var(--navy));
  color:white;
}

.secondary{
  background:white;
  color:var(--navy);
  border:1px solid var(--border);
}

.danger{
  background:var(--red);
  color:white;
}

.ghost{
  background:#EEF7F6;
  color:var(--teal);
}

.greeting{
  font-size:24px;
  font-weight:700;
  margin-bottom:2px;
}

.role-text{
  color:var(--muted);
  font-size:14px;
  margin-bottom:18px;
}

.action-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 18px 18px 24px;
  cursor:pointer;
  min-height:96px;
  position:relative;
  overflow:hidden;
}

.action-card::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:4px;
  border-radius:0 999px 999px 0;
  background:var(--teal);
}

.action-card-icon{
  flex:0 0 28px;
  width:28px;
  height:28px;
  margin:0;
  color:var(--teal);
}

.action-card:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(15,23,42,.10);
}

.action-card.teal::before{background:var(--teal);}
.action-card.amber::before{background:var(--amber);}
.action-card.green::before{background:var(--green);}
.action-card.purple::before{background:#8B5CF6;}
.action-card.amber .action-card-icon{color:var(--amber);}
.action-card.green .action-card-icon{color:var(--green);}
.action-card.purple .action-card-icon{color:#6D28D9;}

.action-body{flex:1}

.action-title{
  font-size:16px;
  font-weight:700;
  margin-bottom:4px;
}

.action-subtitle{
  font-size:13px;
  color:var(--muted);
  line-height:1.35;
}

.chevron{
  width:10px;
  height:10px;
  border-right:2px solid #94A3B8;
  border-top:2px solid #94A3B8;
  transform:rotate(45deg);
  margin-left:8px;
  flex-shrink:0;
}

.page-title{
  font-size:23px;
  font-weight:700;
  margin:0 0 18px;
  color:var(--navy);
}

.section-title{
  font-size:17px;
  font-weight:700;
  margin-bottom:10px;
  color:var(--navy);
}

.subtle{
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

.status{
  display:inline-block;
  margin-top:8px;
  padding:6px 12px;
  border-radius:999px;
  font-weight:700;
  font-size:12px;
}

.status.not-started{background:var(--blue-bg);color:var(--blue)}
.status.progress{background:var(--amber-bg);color:var(--amber)}
.status.complete{background:var(--green-bg);color:var(--green)}
.status.open{background:var(--amber-bg);color:var(--amber)}
.status.filled{background:var(--green-bg);color:var(--green)}
.status.pending{background:var(--blue-bg);color:var(--blue)}
.status.overdue{background:var(--red-bg);color:var(--red)}
.status.approved{background:var(--green-bg);color:var(--green)}
.status.denied{background:var(--red-bg);color:var(--red)}
.status.info{background:var(--blue-bg);color:var(--blue)}

.info-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid #EDF2F4;
  font-size:14px;
}

.info-row:last-child{border-bottom:none}

.info-label{color:var(--muted)}
.info-value{font-weight:700;text-align:right}

.metric{text-align:center;}

.metric-title{
  font-size:13px;
  color:var(--muted);
}

.metric-value{
  font-size:30px;
  color:var(--teal);
  font-weight:700;
  margin:8px 0 2px;
}

.metric-change{
  font-size:12px;
  color:var(--green);
}

.list{
  padding-left:22px;
  margin:8px 0 0;
}

.list li{
  margin-bottom:10px;
  line-height:1.4;
}

.qr-box{
  background:#0F172A;
  border-radius:8px;
  padding:18px;
  margin:18px 0;
  min-height:260px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;
  overflow:hidden;
}

#qr-reader{
  width:100%;
  border-radius:8px;
  overflow:hidden;
}

.qco-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(env(safe-area-inset-bottom,0px) + 12px);
}

.qco-modal.hidden{
  display:none;
}

.qco-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.58);
}

.qco-modal-panel{
  position:relative;
  width:min(720px,100%);
  max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
  overflow:hidden;
  background:white;
  border:1px solid var(--border);
  border-radius:8px;
  box-shadow:0 24px 80px rgba(15,23,42,.26);
}

.qco-modal-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  border-bottom:1px solid var(--border);
}

.qco-modal-close{
  width:auto;
  margin:0;
}

.qco-scanner-panel{
  display:flex;
  flex-direction:column;
  height:min(720px,calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));
  background:#0F172A;
}

.qco-popup-qr-reader,
.qco-popup-qr-frame{
  margin:18px;
  width:calc(100% - 36px);
  flex:1;
  min-height:320px;
  height:auto;
  border-radius:8px;
  overflow:hidden;
  background:#0F172A;
  border:0;
}

.qco-scanner-panel .qco-popup-qr-frame{
  margin:0;
  width:100%;
  border-radius:8px;
}

body.modal-open{
  overflow:hidden;
}

.manual-box{
  display:flex;
  gap:8px;
  align-items:stretch;
}

.manual-box input,
.manual-box select{
  flex:1;
  margin:0;
}

.qco-entry-choice-btn{
  min-width:150px;
}

.dash-toolbar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:flex-end;
}

.dash-as-of{
  margin-top:8px;
  font-size:12px;
  color:var(--muted);
}

.dash-filter-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.dash-filter-grid .input{
  margin-bottom:0;
}

.dash-kpis{
  display:grid;
  grid-template-columns:repeat(7,minmax(130px,1fr));
  gap:12px;
  margin-bottom:14px;
}

.dash-kpi{
  background:white;
  border:1px solid var(--border);
  border-radius:8px;
  padding:14px 12px;
  box-shadow:0 3px 12px rgba(15,23,42,.04);
}

.dash-kpi .metric-value{
  font-size:28px;
  line-height:1.12;
  margin-top:6px;
}

.dash-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.dash-full{
  grid-column:1 / -1;
}

.dash-scroll{
  width:100%;
  overflow:auto;
}

.dash-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}

.dash-table th,
.dash-table td{
  text-align:left;
  padding:9px 10px;
  border-bottom:1px solid var(--border);
  white-space:nowrap;
}

.dash-table th{
  color:var(--navy);
  font-size:11px;
  text-transform:uppercase;
  background:#F8FAFC;
}

.qco-click-row{
  cursor:pointer;
}

.qco-click-row:hover{
  background:rgba(37, 139, 135, .08);
}

.dash-note{
  color:var(--muted);
  font-size:12px;
  margin:6px 0 10px;
}

.dash-bar-row{
  display:grid;
  grid-template-columns:minmax(160px,1fr) 2fr auto;
  gap:10px;
  align-items:center;
  margin-top:12px;
}

.dash-bar-track{
  height:12px;
  background:#E2E8F0;
  border-radius:999px;
  overflow:hidden;
}

.dash-bar-fill{
  height:100%;
  background:linear-gradient(135deg,var(--teal),var(--teal2));
  border-radius:999px;
}

.qco-eval-shell,
.qco-comp-shell{
  display:block;
}

.qco-onboard-hero{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:14px;
}

.qco-onboard-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.qco-onboard-kpi{
  background:var(--blue-bg);
  border:1px solid var(--border);
  border-radius:8px;
  padding:12px;
}

.qco-onboard-kpi span{
  display:block;
  color:var(--muted);
  font-size:12px;
}

.qco-onboard-kpi strong{
  display:block;
  color:var(--teal);
  font-size:22px;
  line-height:1.1;
  margin-top:4px;
}

.qco-onboard-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:14px;
}

.qco-onboard-tabs button{
  width:auto;
  margin:0;
  border-radius:8px;
}

.qco-onboard-tabs button.active{
  background:var(--teal);
  border-color:var(--teal);
  color:white;
}

.qco-onboard-kanban{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
  align-items:stretch;
  margin-top:14px;
}

.qco-onboard-group{
  background:var(--blue-bg);
  border:1px solid var(--border);
  border-radius:8px;
  padding:10px;
  min-height:180px;
}

.qco-onboard-group-title,
.qco-onboard-card-footer,
.qco-onboard-editor-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}

.qco-onboard-group-title{
  font-weight:800;
  color:var(--navy);
  margin-bottom:8px;
}

.qco-onboard-group-empty,
.qco-onboard-empty{
  border:1px dashed var(--border);
  border-radius:8px;
  padding:18px 10px;
  text-align:center;
  color:var(--muted);
  background:rgba(255,255,255,.55);
  font-size:13px;
}

.qco-onboard-card{
  cursor:pointer;
  transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;
}

.qco-onboard-card:hover{
  transform:translateY(-1px);
  border-color:rgba(32,137,126,.45);
  box-shadow:0 8px 22px rgba(16,42,67,.08);
}

.qco-onboard-card.overdue{
  border-color:rgba(193,64,64,.55);
  background:linear-gradient(0deg,rgba(193,64,64,.05),rgba(193,64,64,.05)),#fff;
}

.qco-onboard-section{
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid var(--border);
}

.qco-onboard-question{
  margin-top:12px;
}

.qco-onboard-options{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.qco-onboard-options button{
  width:auto;
  min-width:72px;
  margin:0;
  border-radius:8px;
}

.qco-onboard-options button.selected{
  background:var(--teal);
  border-color:var(--teal);
  color:white;
}

.qco-onboard-list{
  display:grid;
  gap:10px;
}

.qco-onboard-link{
  display:inline-block;
  width:auto;
  text-decoration:none;
}

.qco-eval-hero,
.qco-comp-hero{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:16px;
}

.qco-eval-hero .subtle{
  max-width:640px;
}

.qco-eval-kpis,
.qco-comp-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.qco-eval-kpi,
.qco-comp-kpi{
  background:var(--blue-bg);
  border:1px solid var(--border);
  border-radius:8px;
  padding:12px;
}

.qco-eval-kpi strong,
.qco-comp-kpi strong{
  display:block;
  font-size:22px;
  color:var(--teal);
  line-height:1.1;
}

.qco-eval-tabs,
.qco-comp-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:14px;
}

.qco-page-tabs{
  margin:10px 0 18px;
}

.qco-back-link{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--teal);
  font-weight:800;
  font-size:14px;
  padding:0;
  margin:0 0 14px;
  width:auto;
  cursor:pointer;
}

.qco-back-link:hover{
  text-decoration:underline;
}

.qco-page-head .qco-back-link,
.qco-sticky-screen-head .qco-back-link{
  margin:0;
  text-align:right;
}

.qco-eval-tabs button,
.qco-comp-tabs button{
  width:auto;
  margin:0;
  border-radius:8px;
}

.qco-eval-tabs button.active,
.qco-comp-tabs button.active{
  background:var(--teal);
  border-color:var(--teal);
  color:white;
}

.qco-eval-tab-panel,
.qco-comp-tab-panel{
  display:none;
}

.qco-eval-tab-panel.active,
.qco-comp-tab-panel.active{
  display:block;
}

.qco-eval-queue,
.qco-comp-queue,
.qco-eval-group,
.qco-comp-group{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.qco-eval-kanban,
.qco-comp-kanban{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
  align-items:stretch;
}

.qco-eval-board-section+.qco-eval-board-section,
.qco-comp-board-section+.qco-comp-board-section{
  margin-top:14px;
}

.qco-eval-board-title,
.qco-comp-board-title{
  font-weight:800;
  color:var(--navy);
  margin:2px 0 8px;
}

.qco-eval-group,
.qco-comp-group{
  background:var(--blue-bg);
  border:1px solid var(--border);
  border-radius:8px;
  padding:10px;
  min-height:180px;
}

.qco-eval-group-title,
.qco-comp-group-title{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  font-weight:800;
  color:var(--navy);
}

.qco-eval-group-empty,
.qco-comp-group-empty{
  border:1px dashed var(--border);
  border-radius:8px;
  padding:18px 10px;
  text-align:center;
  color:var(--muted);
  background:rgba(255,255,255,.55);
  font-size:13px;
}

.qco-people-subqueue{
  background:rgba(255,255,255,.62);
  border:1px solid var(--border);
  border-radius:8px;
  padding:10px;
}

.qco-people-subqueue+.qco-people-subqueue{
  margin-top:10px;
}

.qco-people-subqueue-title{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  color:var(--navy);
  font-weight:800;
  margin-bottom:8px;
}

.qco-people-subqueue-title span:last-child{
  color:var(--purple);
  font-size:12px;
}

.qco-queue-toolbar{
  display:grid;
  grid-template-columns:minmax(220px,1.2fr) minmax(170px,.65fr) auto auto;
  gap:22px;
  align-items:center;
  border:1px solid var(--border);
  border-radius:8px;
  padding:20px;
  margin-bottom:14px;
  background:#fff;
}

.qco-queue-search{
  position:relative;
  margin:0;
}

.qco-queue-search .input{
  padding-left:42px;
  margin:0;
}

.qco-search-icon{
  position:absolute;
  left:16px;
  top:50%;
  width:14px;
  height:14px;
  border:2px solid #718096;
  border-radius:50%;
  transform:translateY(-50%);
  pointer-events:none;
}

.qco-search-icon::after{
  content:"";
  position:absolute;
  width:7px;
  height:2px;
  right:-6px;
  bottom:-4px;
  background:#718096;
  transform:rotate(45deg);
  border-radius:2px;
}

.qco-queue-field{
  display:grid;
  grid-template-columns:auto minmax(130px,1fr);
  gap:10px;
  align-items:center;
  margin:0;
  font-weight:800;
  color:#1f2937;
}

.qco-queue-field .input{
  margin:0;
}

.qco-queue-check{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  white-space:nowrap;
  font-weight:800;
  color:#1f2937;
}

.qco-queue-check input{
  width:18px;
  height:18px;
}

.qco-queue-refresh{
  width:auto;
  margin:0;
  min-width:128px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.qco-refresh-icon{
  width:16px;
  height:16px;
  border:2px solid currentColor;
  border-left-color:transparent;
  border-radius:50%;
  position:relative;
}

.qco-refresh-icon::after{
  content:"";
  position:absolute;
  right:-2px;
  top:0;
  border-left:5px solid currentColor;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  transform:rotate(20deg);
}

.qco-queue-board{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}

.qco-onboard-queue .qco-queue-board,
#qcoOnboardingBody .qco-queue-board{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.qco-queue-column{
  display:flex;
  flex-direction:column;
  min-height:360px;
  height:100%;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}

.qco-queue-column-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:18px 18px 10px;
  color:#084c74;
  font-size:17px;
  font-weight:800;
  line-height:1.25;
}

.qco-queue-count{
  min-width:28px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#084c74;
  background:#e6f0fb;
  font-size:14px;
}

.qco-queue-toggle{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin:8px 18px 18px;
  border:1px solid var(--border);
  border-radius:8px;
  overflow:hidden;
}

.qco-queue-toggle button{
  border:0;
  background:#fff;
  color:#1f2937;
  margin:0;
  width:100%;
  border-radius:0;
  font-weight:800;
  font-size:14px;
}

.qco-queue-toggle button.active{
  color:#fff;
  background:linear-gradient(135deg,var(--teal),var(--navy));
}

.qco-queue-table-head{
  display:grid;
  grid-template-columns:1.25fr 1fr .72fr .82fr minmax(64px,.5fr);
  gap:8px;
  padding:13px 14px;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  background:#fbfcfe;
  color:#53657d;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:0;
  text-transform:uppercase;
}

.qco-queue-list{
  flex:1;
}

.qco-queue-row{
  display:grid;
  grid-template-columns:1.25fr 1fr .72fr .82fr minmax(64px,.5fr);
  gap:8px;
  padding:16px 14px;
  border-bottom:1px solid var(--border);
  align-items:start;
  color:#172033;
}

.qco-queue-four-col{
  grid-template-columns:1.25fr 1fr .75fr minmax(64px,.45fr);
}

.qco-queue-row.overdue{
  background:rgba(193,64,64,.04);
}

.qco-queue-row strong{
  display:block;
  color:var(--navy);
  margin-bottom:4px;
}

.qco-queue-row span,
.qco-queue-row small{
  display:block;
  color:#42526e;
  line-height:1.45;
}

.qco-queue-row .status{
  display:inline-flex;
  margin-bottom:4px;
}

.qco-queue-empty{
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#64748b;
  text-align:center;
  padding:24px;
}

.qco-queue-empty strong{
  color:#64748b;
  font-size:14px;
}

.qco-empty-tray{
  width:54px;
  height:38px;
  border:4px solid #94a3b8;
  border-radius:7px 7px 10px 10px;
  position:relative;
  opacity:.9;
}

.qco-empty-tray::before{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  top:-18px;
  height:18px;
  border:4px solid #94a3b8;
  border-bottom:0;
  border-radius:7px 7px 0 0;
}

.qco-queue-footer{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px 18px;
  border-top:1px solid var(--border);
  color:#42526e;
  font-size:13px;
}

.qco-queue-footer button{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--teal);
  font-weight:900;
  padding:0;
  width:auto;
  cursor:pointer;
}

.qco-eval-editor-panel,
.qco-comp-editor-panel{
  margin-top:16px;
}

.qco-eval-editor-panel>.card,
.qco-comp-editor-panel>.card{
  border-color:rgba(32,137,126,.35);
  box-shadow:0 12px 34px rgba(16,42,67,.08);
}

.qco-eval-card,
.qco-comp-card{
  cursor:pointer;
  transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;
}

.qco-eval-card:hover,
.qco-comp-card:hover{
  transform:translateY(-1px);
  border-color:rgba(32,137,126,.45);
  box-shadow:0 8px 22px rgba(16,42,67,.08);
}

.qco-eval-card.active,
.qco-comp-card.active{
  border-color:var(--teal);
  box-shadow:0 0 0 2px rgba(32,137,126,.12);
}

.qco-eval-card.overdue,
.qco-comp-card.overdue{
  border-color:rgba(193,64,64,.55);
  background:linear-gradient(0deg,rgba(193,64,64,.05),rgba(193,64,64,.05)),#fff;
}

.qco-eval-empty,
.qco-comp-empty{
  min-height:170px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.qco-eval-score-row,
.qco-comp-score-row{
  display:flex;
  gap:18px;
  align-items:center;
  margin:14px 0 18px;
}

.qco-eval-section,
.qco-comp-section{
  margin-bottom:16px;
}

.qco-eval-question{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:start;
}

.qco-eval-question+.qco-eval-question,
.qco-comp-item+.qco-comp-item{
  margin-top:10px;
}

.qco-eval-rating,
.qco-comp-options{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.qco-eval-rating{
  flex-wrap:nowrap;
}

.qco-eval-rating button{
  min-width:48px;
  width:auto;
  margin:0;
  border-radius:8px;
}

.qco-eval-rating button.selected,
.qco-comp-options button.selected{
  background:var(--teal);
  color:white;
  border-color:var(--teal);
}

.qco-eval-notes,
.qco-comp-notes{
  grid-column:1 / -1;
  margin-top:0;
}

.qco-eval-footer{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.qco-eval-footer .wide{
  grid-column:1 / -1;
}

.qco-eval-history,
.qco-comp-history{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.qco-comp-history{
  margin-top:12px;
}

.qco-template-grid{
  display:grid;
  grid-template-columns:minmax(220px,300px) 1fr;
  gap:14px;
  align-items:start;
}

.qco-template-section{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--border);
}

.qco-comp-item{
  display:grid;
  grid-template-columns:1fr minmax(220px,300px);
  gap:14px;
  align-items:start;
}

.qco-comp-options button{
  min-width:72px;
  width:auto;
  margin:0;
  border-radius:8px;
}

.qco-comp-type-options button{
  min-width:42px;
  padding-left:10px;
  padding-right:10px;
}

.qco-comp-assess{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}

#qcoEvaluationPrint{
  display:none;
}

.room-title{
  font-size:24px;
  font-weight:700;
  color:var(--navy);
  margin-bottom:4px;
}

.meta{
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.stopwatch-card{
  text-align:center;
  background:linear-gradient(180deg,#F0FDFA,#FFFFFF);
  border:2px solid rgba(27,127,122,.24);
}

.stopwatch-time{
  font-size:58px;
  font-weight:700;
  color:var(--navy);
  letter-spacing:1px;
  margin:18px 0;
}

.stopwatch-room{
  font-size:20px;
  font-weight:700;
  color:var(--navy);
}

.audit-score{
  display:flex;
  align-items:center;
  gap:18px;
}

.audit-questions{
  margin-top:16px;
}

.score-circle{
  width:112px;
  height:112px;
  border-radius:50%;
  background:conic-gradient(var(--teal) var(--p,100%), #E5E7EB 0);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  color:var(--navy);
  font-weight:700;
  flex-shrink:0;
}

.score-circle span{font-size:30px;}

.audit-status{
  font-size:18px;
  font-weight:700;
  color:var(--green);
}

.question{
  border:1px solid var(--border);
  background:white;
  border-radius:8px;
  padding:14px;
  margin-bottom:12px;
}

.question.fail-highlight{
  border-color:var(--red);
  background:var(--red-bg);
}

.choice-row{
  display:flex;
  gap:8px;
  margin-top:12px;
}

.choice{
  flex:1;
  border:2px solid var(--border);
  border-radius:10px;
  background:white;
  padding:10px;
  font-weight:700;
  cursor:pointer;
}

.choice.selected.pass{background:var(--green);color:white;border-color:var(--green);}
.choice.selected.fail{background:var(--red);color:white;border-color:var(--red);}
.choice.selected.na{background:var(--muted);color:white;border-color:var(--muted);}

.table-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.qco-admin-heading{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-end;
  margin-bottom:12px;
}

.qco-admin-console,
.qco-admin-users-card{
  border-radius:8px;
}

.qco-admin-console{
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 12px 30px rgba(11,34,57,.08);
  margin-bottom:14px;
  padding:0 14px;
}

.qco-admin-tabs{
  display:flex;
  gap:22px;
  align-items:center;
  min-height:48px;
  overflow:auto;
}

.qco-admin-tab{
  appearance:none;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:#31536b;
  cursor:pointer;
  font-size:13px;
  font-weight:700;
  padding:16px 0 13px;
  white-space:nowrap;
}

.qco-admin-tab.is-active{
  border-color:var(--teal);
  color:var(--navy);
}

.qco-admin-users-head{
  align-items:center;
}

.qco-location-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.qco-location-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  max-width:920px;
}

.qco-location-actions .btn{
  width:auto;
  margin:0;
  padding:11px 16px;
}

.qco-admin-section-card,
.qco-admin-panel{
  border-radius:8px;
}

.qco-admin-section-card{
  padding:20px;
}

.qco-admin-workspace{
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);
  gap:14px;
}

.qco-admin-workspace>div{
  min-width:0;
}

.qco-admin-panel{
  margin-bottom:14px;
  padding:16px;
}

.qco-admin-panel-lite{
  min-width:0;
}

.qco-admin-panel-title{
  color:var(--navy);
  font-size:17px;
  font-weight:900;
  margin-bottom:10px;
}

.qco-admin-create-btn{
  box-shadow:0 10px 18px rgba(18,129,128,.18);
}

.qco-admin-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 160px 160px auto;
  gap:10px;
  align-items:end;
  margin-top:14px;
  padding:12px;
  border:1px solid #dfe8f3;
  border-radius:8px;
  background:#f8fbff;
}

.qco-admin-search label,
.qco-admin-toolbar label{
  margin-top:0;
}

.qco-admin-check{
  display:flex;
  gap:7px;
  align-items:center;
  min-height:40px;
  color:#31536b;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.qco-admin-table-wrap{
  overflow:auto;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
}

.qco-admin-table{
  width:100%;
  min-width:900px;
  border-collapse:collapse;
  background:#fff;
}

.qco-admin-table-compact{
  min-width:620px;
}

.qco-admin-table th{
  padding:9px 10px;
  background:#f8fafc;
  border-bottom:1px solid var(--border);
  color:var(--muted);
  font-size:11px;
  text-align:left;
  text-transform:uppercase;
}

.qco-admin-table td{
  padding:9px 10px;
  border-bottom:1px solid var(--border);
  color:var(--ink);
  vertical-align:middle;
  font-size:13px;
}

.qco-admin-table tbody tr{
  transition:background .15s ease;
}

.qco-clickable-row{
  cursor:pointer;
}

.qco-admin-table tbody tr:hover,
.qco-admin-table tbody tr.is-selected{
  background:#f4fbfb;
}

.qco-admin-table tbody tr:last-child td{
  border-bottom:0;
}

.qco-admin-user-cell{
  display:flex;
  gap:9px;
  align-items:center;
}

.qco-admin-avatar{
  display:inline-flex;
  flex:0 0 auto;
  width:28px;
  height:28px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#dff2f3;
  color:var(--teal-dark);
  font-size:11px;
  font-weight:800;
}

.qco-admin-table td strong,
.qco-admin-user-cell span span{
  display:block;
}

.qco-admin-user-cell span span{
  margin-top:2px;
  color:var(--muted);
  font-size:11px;
}

.qco-admin-table-action{
  appearance:none;
  border:1px solid #d7e2ee;
  border-radius:7px;
  background:#fff;
  color:var(--navy);
  cursor:pointer;
  font-size:12px;
  font-weight:800;
  padding:6px 10px;
}

.qco-admin-table-action:hover{
  border-color:var(--teal);
  color:var(--teal-dark);
}

.qco-admin-table-action:disabled{
  cursor:not-allowed;
  opacity:.45;
}

.qco-admin-table tr.is-selected{
  background:#f0fbfb;
}

.qco-admin-link-action{
  appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  display:block;
  font:inherit;
  padding:0;
  text-align:left;
  width:100%;
}

.qco-admin-link-action:hover strong{
  color:var(--teal-dark);
  text-decoration:underline;
}

.qco-admin-room-list-head{
  align-items:center;
  border-bottom:1px solid var(--border);
  display:flex;
  gap:12px;
  justify-content:space-between;
  padding:12px;
}

.qco-admin-filter-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.qco-admin-filter-chips span{
  background:#e8f5f4;
  border:1px solid #c8e5e2;
  border-radius:999px;
  color:var(--teal-dark);
  font-size:12px;
  font-weight:800;
  padding:5px 9px;
}

.qco-import-summary{
  display:flex;
  flex-direction:column;
  gap:10px;
  line-height:1.35;
}

.qco-import-summary.has-errors strong{
  color:var(--red);
}

.qco-import-error-list{
  border:1px solid #f3c7c3;
  border-radius:8px;
  max-height:220px;
  overflow:auto;
}

.qco-import-error-row{
  display:grid;
  gap:4px;
  padding:9px 10px;
}

.qco-import-error-row + .qco-import-error-row{
  border-top:1px solid #f3c7c3;
}

.qco-import-error-row span{
  color:var(--muted);
}

.qco-admin-table-footer{
  padding:10px 12px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:12px;
}

.qco-admin-table-footer-flex{
  align-items:center;
  display:flex;
  gap:12px;
  justify-content:space-between;
}

.qco-admin-table-footer-actions{
  align-items:center;
  display:flex;
  gap:8px;
}

.qco-completed-toolbar{
  margin-top:12px;
  padding:12px;
  border:1px solid #dfe8f3;
  border-radius:8px;
  background:#f8fbff;
}

.qco-completed-toolbar .input{
  margin-bottom:0;
}

.qco-completed-table-wrap{
  min-height:120px;
}

.qco-completed-table{
  min-width:760px;
}

.qco-admin-empty{
  padding:22px;
  color:var(--muted);
  text-align:center;
}

.qco-admin-modal{
  position:fixed;
  inset:0;
  z-index:1150;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(11,34,57,.42);
}

.qco-admin-modal-panel{
  width:min(680px,100%);
  max-height:calc(100vh - 44px);
  overflow:auto;
  padding:16px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:8px;
  box-shadow:0 18px 55px rgba(11,34,57,.24);
}

.qco-admin-drawer{
  position:fixed;
  inset:0 0 0 auto;
  z-index:1120;
  width:min(500px,100%);
  background:#fff;
  border-left:1px solid var(--border);
  box-shadow:-18px 0 45px rgba(11,34,57,.16);
  overflow:auto;
}

.qco-admin-drawer-panel{
  min-height:100%;
  padding:16px;
  display:flex;
  flex-direction:column;
}

.qco-admin-panel-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:12px;
}

.qco-admin-icon-btn{
  appearance:none;
  width:32px;
  height:32px;
  border:1px solid #d7e2ee;
  border-radius:999px;
  background:#fff;
  color:#31536b;
  cursor:pointer;
  font-size:16px;
  font-weight:800;
  line-height:1;
}

.qco-admin-profile-card{
  border-radius:8px;
  background:#f8fbff;
}

.qco-admin-drawer-fields{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.qco-admin-drawer-fields label{
  margin-top:4px;
}

.qco-admin-pin-card{
  border-radius:8px;
  background:#f8fbff;
}

.qco-admin-panel-note{
  border:1px solid #d7e2ee;
  border-radius:8px;
  background:#f8fbff;
  color:#31536b;
  font-size:12px;
  line-height:1.45;
  padding:10px;
}

.qco-admin-panel-actions,
.qco-admin-drawer-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
}

.qco-admin-panel-actions{
  margin-top:14px;
}

.qco-admin-drawer-actions{
  position:sticky;
  bottom:0;
  margin:auto -16px -16px;
  padding:12px 16px;
  background:#fff;
  border-top:1px solid var(--border);
  box-shadow:0 -8px 20px rgba(11,34,57,.06);
}

@media (max-width:760px){
  .qco-admin-heading,
  .qco-admin-users-head{
    align-items:stretch;
    flex-direction:column;
  }

  .qco-admin-toolbar{
    grid-template-columns:1fr;
  }

  .qco-admin-workspace{
    grid-template-columns:1fr;
  }
}

.record-card{
  border:1px solid var(--border);
  border-radius:8px;
  padding:14px;
  background:#fff;
}

.record-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}

.record-title{
  font-weight:700;
  color:var(--navy);
  font-size:15px;
}

.record-subtitle{
  color:var(--muted);
  font-size:13px;
  margin-top:4px;
  line-height:1.4;
}

.inline-actions{
  display:flex;
  gap:8px;
  margin-top:10px;
}

.inline-actions .btn{
  margin-top:0;
  padding:11px;
  font-size:14px;
}

.ai-box{
  background:linear-gradient(180deg,#F8FAFC,#FFFFFF);
  border:1px solid var(--border);
  border-radius:8px;
  padding:15px;
}

.ai-title{
  font-weight:700;
  color:var(--navy);
  margin-bottom:8px;
}

.badge-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}

.badge{
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  background:#F1F5F9;
  color:#334155;
}

.signature-box{
  border:1px dashed #94A3B8;
  min-height:80px;
  border-radius:8px;
  display:flex;
  justify-content:center;
  align-items:center;
  color:var(--muted);
  background:#F8FAFC;
  margin-bottom:12px;
}

.bottom-nav{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  height:72px;
  background:white;
  border-top:1px solid var(--border);
  display:none;
  justify-content:center;
  align-items:center;
  gap:34px;
  box-shadow:0 -4px 18px rgba(15,23,42,.08);
  z-index:99;
}

.bottom-nav.active{display:flex}

.nav-item{
  font-size:11px;
  color:#334155;
  text-align:center;
  cursor:pointer;
  min-width:58px;
}

.nav-icon{
  display:block;
  position:relative;
  width:22px;
  height:22px;
  line-height:1;
  margin-bottom:6px;
  margin-left:auto;
  margin-right:auto;
  color:#64748b;
}

.nav-item.active{
  color:var(--teal);
  font-weight:700;
}

.nav-item.active .nav-icon{
  color:var(--teal);
}

.nav-icon::before,
.nav-icon::after{
  content:"";
  position:absolute;
  box-sizing:border-box;
}

.nav-icon-home::before{
  left:3px;
  top:8px;
  width:16px;
  height:12px;
  background:currentColor;
  border-radius:2px;
}

.nav-icon-home::after{
  left:4px;
  top:2px;
  width:14px;
  height:14px;
  border-left:5px solid currentColor;
  border-top:5px solid currentColor;
  transform:rotate(45deg);
  border-radius:2px 0 0 0;
}

.nav-icon-quality::before{
  inset:2px;
  border:2px solid currentColor;
  border-radius:3px;
}

.nav-icon-quality::after{
  left:6px;
  top:7px;
  width:10px;
  height:6px;
  border-left:3px solid currentColor;
  border-bottom:3px solid currentColor;
  transform:rotate(-45deg);
}

.nav-icon-room-care::before{
  left:4px;
  top:3px;
  width:14px;
  height:16px;
  border:2px solid currentColor;
  border-radius:3px;
}

.nav-icon-room-care::after{
  right:5px;
  top:10px;
  width:3px;
  height:3px;
  background:currentColor;
  border-radius:50%;
}

.nav-icon-people::before{
  left:7px;
  top:2px;
  width:8px;
  height:8px;
  background:currentColor;
  border-radius:50%;
  box-shadow:-7px 4px 0 -1px currentColor,7px 4px 0 -1px currentColor;
}

.nav-icon-people::after{
  left:5px;
  bottom:2px;
  width:12px;
  height:9px;
  background:currentColor;
  border-radius:7px 7px 3px 3px;
  box-shadow:-8px 2px 0 -2px currentColor,8px 2px 0 -2px currentColor;
}

.nav-icon-dash::before{
  left:3px;
  bottom:3px;
  width:4px;
  height:10px;
  background:currentColor;
  border-radius:2px;
  box-shadow:7px -5px 0 currentColor,14px -1px 0 currentColor;
}

.nav-icon-daily-tracker::before{
  left:4px;
  top:3px;
  width:14px;
  height:16px;
  border:2px solid currentColor;
  border-radius:3px;
}

.nav-icon-daily-tracker::after{
  left:8px;
  top:8px;
  width:8px;
  height:2px;
  background:currentColor;
  border-radius:2px;
  box-shadow:0 4px 0 currentColor,0 8px 0 currentColor;
}

.nav-icon-admin::before{
  left:3px;
  top:3px;
  width:16px;
  height:16px;
  border:2px solid currentColor;
  border-radius:4px;
}

.nav-icon-admin::after{
  left:7px;
  top:7px;
  width:8px;
  height:8px;
  background:currentColor;
  box-shadow:0 -5px 0 -3px currentColor,0 5px 0 -3px currentColor,-5px 0 0 -3px currentColor,5px 0 0 -3px currentColor;
  border-radius:50%;
}

.toast{
  position:fixed;
  left:50%;
  bottom:90px;
  transform:translateX(-50%);
  background:var(--green);
  color:white;
  padding:14px 18px;
  border-radius:8px;
  font-weight:700;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  z-index:300;
  max-width:90%;
  text-align:center;
}

.app-error-box{
  position:fixed;
  top:10px;
  left:10px;
  right:10px;
  z-index:9999;
  background:#fff;
  color:var(--red);
  border:2px solid var(--red);
  border-radius:12px;
  padding:12px;
  font-size:13px;
  white-space:pre-wrap;
}

.qco-daily-toolbar{
  display:flex;
  gap:10px;
  align-items:end;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.qco-daily-toolbar .input{
  margin:0;
  min-width:180px;
}

.qco-daily-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
}

.qco-daily-kpis .card{
  margin-bottom:0;
  padding:14px 16px;
  border-radius:8px;
}

.qco-daily-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
}

.qco-daily-gauge-card{
  border:1px solid var(--border);
  background:#fff;
  border-radius:8px;
  padding:14px;
  text-align:left;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(15,23,42,.06);
  transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease;
}

.qco-daily-gauge-card:hover{
  border-color:var(--teal);
  transform:translateY(-1px);
}

.qco-daily-gauge{
  width:112px;
  height:112px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  background:conic-gradient(var(--teal) var(--p), #e2e8f0 0);
}

.qco-daily-gauge>div{
  width:82px;
  height:82px;
  border-radius:50%;
  background:#fff;
  display:grid;
  place-items:center;
  text-align:center;
}

.qco-daily-gauge strong{
  font-size:24px;
  color:var(--teal);
  line-height:1;
}

.qco-daily-gauge span{
  display:block;
  font-size:12px;
  color:var(--muted);
}

.qco-daily-detail{
  display:grid;
  grid-template-columns:minmax(280px,380px) 1fr;
  gap:14px;
  margin-top:14px;
}

.qco-daily-room-table{
  border:1px solid var(--border);
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}

.qco-daily-room-row{
  display:grid;
  grid-template-columns:1.1fr 1.2fr .7fr 1fr;
}

.qco-daily-room-row>div{
  padding:10px 12px;
  border-bottom:1px solid var(--border);
  background:#fff;
}

.qco-daily-room-row:last-child>div{
  border-bottom:0;
}

.qco-daily-room-head{
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  color:#334155;
  background:#f8fafc!important;
}

@media(max-width:900px){
  .main-layout,
  .main-layout:has(#evaluationsScreen.active),
  .main-layout:has(#competenciesScreen.active),
  .main-layout:has(#onboardingScreen.active){
    padding-left:18px;
    padding-right:18px;
  }

  .dashboard-grid,
  .content-grid,
  .three-grid{
    grid-template-columns:1fr;
  }

  #homeScreen .dashboard-grid{
    grid-template-columns:1fr;
  }

  .top-right{
    gap:6px;
    max-width:50vw;
  }

  .header-user-chip{
    max-width:190px;
  }

  #headerUserName,
  #headerUserRole{
    max-width:128px;
  }

  .header-caret{
    display:inline;
  }

  .header-user-copy{
    display:flex;
  }

  .brand-powered{
    display:none;
  }

  .qco-daily-toolbar{
    align-items:stretch;
  }

  .qco-daily-toolbar>div,
  .qco-daily-toolbar .inline-actions{
    width:100%;
  }

  .qco-daily-toolbar .input{
    min-width:0;
    width:100%;
  }

  .qco-daily-detail{grid-template-columns:1fr}
  .qco-daily-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qco-daily-room-head{display:none}
  .qco-daily-room-table{
    display:grid;
    gap:10px;
    border:0;
    background:transparent;
  }
  .qco-daily-room-row{
    grid-template-columns:1fr;
    border:1px solid var(--border);
    border-radius:8px;
    overflow:hidden;
    background:#fff;
  }
  .qco-daily-room-row>div{
    display:grid;
    grid-template-columns:minmax(86px,.45fr) 1fr;
    gap:12px;
    align-items:start;
    border-bottom:1px solid var(--border);
  }
  .qco-daily-room-row>div::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
  }
  .qco-daily-room-row>div:last-child{
    border-bottom:0;
  }
}

@media(max-width:560px){
  .app-header{padding:12px}
  .brand{font-size:18px}
  .brand-powered{display:none}
  .logo-small{width:30px;height:30px;}
  .top-right{max-width:46vw}
  .header-user-chip{
    max-width:100%;
    padding-right:8px;
  }
  #headerUserName{max-width:86px}
  #headerUserRole{display:none}
  .header-caret{display:none}
  .main-layout,
  .main-layout:has(#evaluationsScreen.active),
  .main-layout:has(#competenciesScreen.active),
  .main-layout:has(#onboardingScreen.active){
    padding:18px 12px 92px;
  }
  .bottom-nav{gap:14px}
  .stopwatch-time{font-size:46px}
  .signin-title{font-size:30px}
  .signin-subtitle{font-size:10px}
  .logo-large{width:140px;height:140px;}
  .side-menu{width:260px;}
  .form-row{grid-template-columns:1fr;gap:0;}
  .card{padding:14px;margin-bottom:12px}
  .dashboard-grid,.three-grid,.content-grid{gap:12px}
  .action-card{min-height:auto;padding:16px 16px 16px 20px}
  .page-title{font-size:22px;margin-bottom:14px}
  .section-title{font-size:16px}
  .input,select,textarea{font-size:16px}
  .manual-box{flex-direction:column}
  .manual-box .btn,.manual-box .u-auto-btn{width:100%}
  .qco-daily-toolbar .inline-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .qco-daily-toolbar .btn,
  .qco-daily-toolbar .u-auto-btn{
    width:100%;
  }
  .qco-daily-kpis{
    grid-template-columns:1fr 1fr;
  }
  .qco-daily-kpis .card{
    padding:12px;
  }
  .qco-daily-grid{
    grid-template-columns:1fr;
  }
  .qco-daily-gauge-card{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:12px;
    align-items:center;
  }
  .qco-daily-gauge{
    width:76px;
    height:76px;
    margin:0;
  }
  .qco-daily-gauge>div{
    width:56px;
    height:56px;
  }
  .qco-daily-gauge strong{
    font-size:17px;
  }
  .record-top{display:block}
  .qco-location-header{display:block}
  .qco-location-actions{justify-content:stretch;margin-top:12px}
  .qco-location-actions .btn{width:100%}
  .qco-admin-room-list-head,.qco-admin-table-footer-flex{align-items:stretch;flex-direction:column}
  .qco-admin-room-list-head .inline-actions,.qco-admin-table-footer-actions{width:100%}
  .qco-admin-table-footer-actions{justify-content:space-between}
  .inline-actions{flex-direction:column}
  .inline-actions .btn,.inline-actions .u-auto-btn{width:100%}
  .qco-entry-choice-btn{width:100%;min-width:0}
  .qr-box{min-height:220px;margin:14px 0}
  .qco-modal{padding:0}
  .qco-modal-panel{width:100%;max-height:100dvh;border-radius:0}
  .qco-scanner-panel{height:100dvh}
  .qco-popup-qr-reader,.qco-popup-qr-frame{margin:12px;width:calc(100% - 24px);min-height:280px}
  .audit-score{align-items:flex-start;}
  .score-circle{width:92px;height:92px;}
}


/* Quality issue tracker */
.qco-issue-layout{display:block;margin-top:14px}
.qco-issue-create-panel{display:none;margin-bottom:14px}
.qco-issue-create-panel.active{display:block}
.qco-issue-form-panel{background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:14px;margin:12px 0}
.qco-issue-kpis{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;margin-bottom:14px}
.qco-issue-kpis .card{margin-bottom:0;padding:14px 16px;border-radius:8px}
.qco-issue-kpis .metric-title{font-size:12px}
.qco-issue-kpis .metric-value{font-size:26px;line-height:1.1}
.qco-issue-kpis .metric-change{font-size:12px}
.qco-issue-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.qco-issue-form-grid .input{margin-bottom:4px}
.qco-issue-board-card{min-width:0}
.qco-issue-board-head{gap:12px;align-items:flex-start}
.qco-issue-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.qco-issue-kanban{min-width:0}
.qco-issue-column{background:#f6f9fd;border:1px solid var(--border);border-radius:8px;padding:10px;min-height:180px}
.qco-issue-column-head{display:flex;align-items:center;justify-content:space-between;font-weight:900;margin-bottom:10px}
.qco-count{background:#e8eefc;color:#1b3b75;border-radius:999px;padding:3px 9px;font-size:12px}
.qco-issue-card{margin-bottom:10px;border-left:5px solid #d6e0ec}
.qco-issue-card.escalated{border-color:var(--red);background:#fff7f7}
.qco-issue-card.dueSoon{border-color:var(--amber);background:#fffaf0}
.qco-issue-card.resolved{border-color:var(--teal);background:#f4fffb}
.qco-issue-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;color:var(--muted);font-size:12px}
.qco-issue-chip{border-radius:999px;padding:4px 8px;background:#eef3f8;font-weight:800;color:#1c4265}
.qco-issue-chip.escalated{background:#ffe1e1;color:#9f1239}
.qco-issue-chip.dueSoon{background:#fff0cf;color:#92400e}
.qco-issue-chip.resolved{background:#dcfce7;color:#166534}
.qco-issue-photo-strip{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.qco-issue-photo-link{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);font-size:12px;font-weight:800;text-decoration:none}
.qco-issue-photo-link:hover{border-color:var(--teal);color:var(--teal-dark)}
.qco-issue-photo-link img{width:52px;height:52px;object-fit:cover;border-radius:6px;border:1px solid var(--border);background:#f8fafc}
.qco-issue-photo-links{display:flex;flex-direction:column;gap:6px;min-width:110px}
.qco-issue-photo-links a{font-weight:900;color:var(--teal-dark);text-decoration:none}
.qco-issue-photo-links a:hover{text-decoration:underline}
.qco-resolution-actions{justify-content:flex-end;margin-top:12px}
.qco-bulk-divider{height:1px;background:var(--border);margin:16px 0}
.qco-small-title{font-size:15px;margin-bottom:6px}
.qco-bulk-textarea{min-height:150px;font-size:14px;line-height:1.35}
.qco-import-actions{margin:8px 0 12px}
.qco-import-preview{background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:10px;max-height:180px;overflow:auto}
.qco-import-preview table{width:100%;border-collapse:collapse;font-size:12px}
.qco-import-preview th,.qco-import-preview td{border-bottom:1px solid var(--border);padding:6px;text-align:left;vertical-align:top}
.qco-issue-summary-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.qco-summary-pill{border:1px solid var(--border);background:#f8fafc;border-radius:8px;padding:10px;text-align:left;font-weight:800;color:var(--text);cursor:pointer}
.qco-summary-pill strong{float:right;font-size:18px;color:var(--teal)}
.qco-summary-pill.escalated{background:#fff7f7;border-color:#fecdd3}.qco-summary-pill.escalated strong{color:var(--red)}
.qco-summary-pill.dueSoon{background:#fffaf0;border-color:#fed7aa}.qco-summary-pill.dueSoon strong{color:var(--amber)}
.qco-summary-pill.resolved{background:#f4fffb;border-color:#bbf7d0}
.qco-issue-filter-row{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:10px;margin-bottom:10px}
.qco-issue-filter-row .input{margin-bottom:0}
.qco-issue-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:8px}
.qco-issue-table{width:100%;border-collapse:collapse;min-width:1040px}
.qco-issue-table th{font-size:11px;text-transform:uppercase;color:var(--muted);background:#f8fafc;text-align:left;padding:10px;border-bottom:1px solid var(--border)}
.qco-issue-table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:top}
.qco-issue-table tr.escalated td{background:#fffafa}
.qco-issue-table tr.dueSoon td{background:#fffdf5}
.qco-table-actions{gap:6px;flex-wrap:nowrap}
.qco-empty{padding:8px}
@media(max-width:800px){.qco-issue-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.qco-issue-summary-row,.qco-issue-filter-row{grid-template-columns:1fr 1fr}.qco-issue-search{grid-column:1/-1}}
@media(max-width:640px){
  .qco-issue-kpis,
  .qco-issue-form-grid,
  .qco-issue-summary-row,
  .qco-issue-filter-row{grid-template-columns:1fr}
  .qco-issue-board-head{display:block}
  .qco-issue-toolbar{justify-content:flex-start;margin-top:10px}
  .qco-issue-toolbar .btn{width:100%}
  .qco-issue-table-wrap{border:0;overflow:visible}
  .qco-issue-table,
  .qco-issue-table tbody,
  .qco-issue-table tr,
  .qco-issue-table td{display:block;width:100%;min-width:0}
  .qco-issue-table thead{display:none}
  .qco-issue-table tr{
    border:1px solid var(--border);
    border-radius:8px;
    margin-bottom:10px;
    overflow:hidden;
    background:#fff;
  }
  .qco-issue-table td{
    display:grid;
    grid-template-columns:96px 1fr;
    gap:10px;
    padding:10px 12px;
    border-bottom:1px solid var(--border);
  }
  .qco-issue-table td::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
  }
  .qco-issue-table td:last-child{border-bottom:0}
  .qco-table-actions{flex-direction:column;gap:8px}
  .qco-table-actions .btn{width:100%}
}

@media(max-width:980px){
  .qco-queue-toolbar{
    grid-template-columns:1fr;
    gap:12px;
    padding:14px;
  }

  .qco-queue-field{
    grid-template-columns:1fr;
    gap:6px;
  }

  .qco-queue-refresh{
    width:100%;
  }

  .qco-queue-board{
    grid-template-columns:1fr;
  }

  .qco-queue-column{
    min-height:0;
  }

  .qco-queue-table-head{
    display:none;
  }

  .qco-queue-row,
  .qco-queue-four-col{
    grid-template-columns:1fr;
  }

  .dash-filter-grid,
  .dash-grid,
  .qco-eval-kanban,
  .qco-comp-kanban,
  .qco-onboard-kanban,
  .qco-eval-history,
  .qco-comp-history,
  .qco-template-grid{
    grid-template-columns:1fr;
  }

  .dash-kpis,
  .qco-eval-kpis,
  .qco-comp-kpis,
  .qco-onboard-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .qco-eval-hero,
  .qco-comp-hero,
  .qco-onboard-hero,
  .qco-onboard-editor-head,
  .qco-eval-score-row,
  .qco-comp-score-row,
  .qco-eval-question,
  .qco-comp-item{
    display:block;
  }

  .qco-eval-rating,
  .qco-comp-assess{
    margin-top:10px;
  }

  .qco-eval-footer{
    grid-template-columns:1fr;
  }

  .qco-eval-footer .wide{
    grid-column:auto;
  }

  .qco-comp-kpis{
    grid-template-columns:1fr;
  }

  .dash-bar-row{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .dash-kpis,
  .qco-eval-kpis,
  .qco-onboard-kpis{
    grid-template-columns:1fr;
  }
}

/* Electronic signature capture */
.qco-signature-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(11, 34, 57, 0.42);
}

.qco-signature-panel {
  width: min(760px, 100%);
  padding: 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 18px 55px rgba(11, 34, 57, 0.24);
}

.qco-signature-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.qco-signature-head h2 {
  margin: 0;
  color: var(--deep);
  font-size: 20px;
}

.qco-signature-head p {
  margin: 4px 0 0;
  color: var(--muted);
}

.qco-signature-close {
  width: 34px;
  height: 34px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: #fff;
  color: var(--deep);
  font-weight: 800;
  cursor: pointer;
}

.qco-signature-pad-wrap {
  padding: 10px;
  background: #f7fafc;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.qco-signature-canvas {
  display: block;
  width: 100%;
  aspect-ratio: 10 / 3;
  background: #fff;
  border: 1px dashed #9fb0c4;
  border-radius: 6px;
  touch-action: none;
}

.qco-signature-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
  flex-wrap: wrap;
}

@media print{
  body:has(#qcoEvaluationPrint) *{visibility:hidden!important}
  #qcoEvaluationPrint,
  #qcoEvaluationPrint *{visibility:visible!important}
  #qcoEvaluationPrint{display:block!important;position:absolute;left:0;top:0;width:100%;padding:24px;color:#111;background:#fff;font:12px Arial,sans-serif}
  #qcoEvaluationPrint h1{font-size:22px;margin:0 0 8px}
  #qcoEvaluationPrint h2{font-size:15px;margin:18px 0 8px;border-bottom:1px solid #999;padding-bottom:4px}
  #qcoEvaluationPrint table{width:100%;border-collapse:collapse;margin-top:8px}
  #qcoEvaluationPrint th,
  #qcoEvaluationPrint td{border:1px solid #999;padding:6px;text-align:left;vertical-align:top}
  #qcoEvaluationPrint .print-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
  #qcoEvaluationPrint .signature-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
  #qcoEvaluationPrint .signature-line{border-top:1px solid #111;padding-top:6px}
}

/* Generated percentage utility classes */
.qco-daily-gauge.pct-0,.score-circle.pct-0{--p:0%}
.dash-bar-fill.pct-0{width:0%}
.qco-daily-gauge.pct-1,.score-circle.pct-1{--p:1%}
.dash-bar-fill.pct-1{width:1%}
.qco-daily-gauge.pct-2,.score-circle.pct-2{--p:2%}
.dash-bar-fill.pct-2{width:2%}
.qco-daily-gauge.pct-3,.score-circle.pct-3{--p:3%}
.dash-bar-fill.pct-3{width:3%}
.qco-daily-gauge.pct-4,.score-circle.pct-4{--p:4%}
.dash-bar-fill.pct-4{width:4%}
.qco-daily-gauge.pct-5,.score-circle.pct-5{--p:5%}
.dash-bar-fill.pct-5{width:5%}
.qco-daily-gauge.pct-6,.score-circle.pct-6{--p:6%}
.dash-bar-fill.pct-6{width:6%}
.qco-daily-gauge.pct-7,.score-circle.pct-7{--p:7%}
.dash-bar-fill.pct-7{width:7%}
.qco-daily-gauge.pct-8,.score-circle.pct-8{--p:8%}
.dash-bar-fill.pct-8{width:8%}
.qco-daily-gauge.pct-9,.score-circle.pct-9{--p:9%}
.dash-bar-fill.pct-9{width:9%}
.qco-daily-gauge.pct-10,.score-circle.pct-10{--p:10%}
.dash-bar-fill.pct-10{width:10%}
.qco-daily-gauge.pct-11,.score-circle.pct-11{--p:11%}
.dash-bar-fill.pct-11{width:11%}
.qco-daily-gauge.pct-12,.score-circle.pct-12{--p:12%}
.dash-bar-fill.pct-12{width:12%}
.qco-daily-gauge.pct-13,.score-circle.pct-13{--p:13%}
.dash-bar-fill.pct-13{width:13%}
.qco-daily-gauge.pct-14,.score-circle.pct-14{--p:14%}
.dash-bar-fill.pct-14{width:14%}
.qco-daily-gauge.pct-15,.score-circle.pct-15{--p:15%}
.dash-bar-fill.pct-15{width:15%}
.qco-daily-gauge.pct-16,.score-circle.pct-16{--p:16%}
.dash-bar-fill.pct-16{width:16%}
.qco-daily-gauge.pct-17,.score-circle.pct-17{--p:17%}
.dash-bar-fill.pct-17{width:17%}
.qco-daily-gauge.pct-18,.score-circle.pct-18{--p:18%}
.dash-bar-fill.pct-18{width:18%}
.qco-daily-gauge.pct-19,.score-circle.pct-19{--p:19%}
.dash-bar-fill.pct-19{width:19%}
.qco-daily-gauge.pct-20,.score-circle.pct-20{--p:20%}
.dash-bar-fill.pct-20{width:20%}
.qco-daily-gauge.pct-21,.score-circle.pct-21{--p:21%}
.dash-bar-fill.pct-21{width:21%}
.qco-daily-gauge.pct-22,.score-circle.pct-22{--p:22%}
.dash-bar-fill.pct-22{width:22%}
.qco-daily-gauge.pct-23,.score-circle.pct-23{--p:23%}
.dash-bar-fill.pct-23{width:23%}
.qco-daily-gauge.pct-24,.score-circle.pct-24{--p:24%}
.dash-bar-fill.pct-24{width:24%}
.qco-daily-gauge.pct-25,.score-circle.pct-25{--p:25%}
.dash-bar-fill.pct-25{width:25%}
.qco-daily-gauge.pct-26,.score-circle.pct-26{--p:26%}
.dash-bar-fill.pct-26{width:26%}
.qco-daily-gauge.pct-27,.score-circle.pct-27{--p:27%}
.dash-bar-fill.pct-27{width:27%}
.qco-daily-gauge.pct-28,.score-circle.pct-28{--p:28%}
.dash-bar-fill.pct-28{width:28%}
.qco-daily-gauge.pct-29,.score-circle.pct-29{--p:29%}
.dash-bar-fill.pct-29{width:29%}
.qco-daily-gauge.pct-30,.score-circle.pct-30{--p:30%}
.dash-bar-fill.pct-30{width:30%}
.qco-daily-gauge.pct-31,.score-circle.pct-31{--p:31%}
.dash-bar-fill.pct-31{width:31%}
.qco-daily-gauge.pct-32,.score-circle.pct-32{--p:32%}
.dash-bar-fill.pct-32{width:32%}
.qco-daily-gauge.pct-33,.score-circle.pct-33{--p:33%}
.dash-bar-fill.pct-33{width:33%}
.qco-daily-gauge.pct-34,.score-circle.pct-34{--p:34%}
.dash-bar-fill.pct-34{width:34%}
.qco-daily-gauge.pct-35,.score-circle.pct-35{--p:35%}
.dash-bar-fill.pct-35{width:35%}
.qco-daily-gauge.pct-36,.score-circle.pct-36{--p:36%}
.dash-bar-fill.pct-36{width:36%}
.qco-daily-gauge.pct-37,.score-circle.pct-37{--p:37%}
.dash-bar-fill.pct-37{width:37%}
.qco-daily-gauge.pct-38,.score-circle.pct-38{--p:38%}
.dash-bar-fill.pct-38{width:38%}
.qco-daily-gauge.pct-39,.score-circle.pct-39{--p:39%}
.dash-bar-fill.pct-39{width:39%}
.qco-daily-gauge.pct-40,.score-circle.pct-40{--p:40%}
.dash-bar-fill.pct-40{width:40%}
.qco-daily-gauge.pct-41,.score-circle.pct-41{--p:41%}
.dash-bar-fill.pct-41{width:41%}
.qco-daily-gauge.pct-42,.score-circle.pct-42{--p:42%}
.dash-bar-fill.pct-42{width:42%}
.qco-daily-gauge.pct-43,.score-circle.pct-43{--p:43%}
.dash-bar-fill.pct-43{width:43%}
.qco-daily-gauge.pct-44,.score-circle.pct-44{--p:44%}
.dash-bar-fill.pct-44{width:44%}
.qco-daily-gauge.pct-45,.score-circle.pct-45{--p:45%}
.dash-bar-fill.pct-45{width:45%}
.qco-daily-gauge.pct-46,.score-circle.pct-46{--p:46%}
.dash-bar-fill.pct-46{width:46%}
.qco-daily-gauge.pct-47,.score-circle.pct-47{--p:47%}
.dash-bar-fill.pct-47{width:47%}
.qco-daily-gauge.pct-48,.score-circle.pct-48{--p:48%}
.dash-bar-fill.pct-48{width:48%}
.qco-daily-gauge.pct-49,.score-circle.pct-49{--p:49%}
.dash-bar-fill.pct-49{width:49%}
.qco-daily-gauge.pct-50,.score-circle.pct-50{--p:50%}
.dash-bar-fill.pct-50{width:50%}
.qco-daily-gauge.pct-51,.score-circle.pct-51{--p:51%}
.dash-bar-fill.pct-51{width:51%}
.qco-daily-gauge.pct-52,.score-circle.pct-52{--p:52%}
.dash-bar-fill.pct-52{width:52%}
.qco-daily-gauge.pct-53,.score-circle.pct-53{--p:53%}
.dash-bar-fill.pct-53{width:53%}
.qco-daily-gauge.pct-54,.score-circle.pct-54{--p:54%}
.dash-bar-fill.pct-54{width:54%}
.qco-daily-gauge.pct-55,.score-circle.pct-55{--p:55%}
.dash-bar-fill.pct-55{width:55%}
.qco-daily-gauge.pct-56,.score-circle.pct-56{--p:56%}
.dash-bar-fill.pct-56{width:56%}
.qco-daily-gauge.pct-57,.score-circle.pct-57{--p:57%}
.dash-bar-fill.pct-57{width:57%}
.qco-daily-gauge.pct-58,.score-circle.pct-58{--p:58%}
.dash-bar-fill.pct-58{width:58%}
.qco-daily-gauge.pct-59,.score-circle.pct-59{--p:59%}
.dash-bar-fill.pct-59{width:59%}
.qco-daily-gauge.pct-60,.score-circle.pct-60{--p:60%}
.dash-bar-fill.pct-60{width:60%}
.qco-daily-gauge.pct-61,.score-circle.pct-61{--p:61%}
.dash-bar-fill.pct-61{width:61%}
.qco-daily-gauge.pct-62,.score-circle.pct-62{--p:62%}
.dash-bar-fill.pct-62{width:62%}
.qco-daily-gauge.pct-63,.score-circle.pct-63{--p:63%}
.dash-bar-fill.pct-63{width:63%}
.qco-daily-gauge.pct-64,.score-circle.pct-64{--p:64%}
.dash-bar-fill.pct-64{width:64%}
.qco-daily-gauge.pct-65,.score-circle.pct-65{--p:65%}
.dash-bar-fill.pct-65{width:65%}
.qco-daily-gauge.pct-66,.score-circle.pct-66{--p:66%}
.dash-bar-fill.pct-66{width:66%}
.qco-daily-gauge.pct-67,.score-circle.pct-67{--p:67%}
.dash-bar-fill.pct-67{width:67%}
.qco-daily-gauge.pct-68,.score-circle.pct-68{--p:68%}
.dash-bar-fill.pct-68{width:68%}
.qco-daily-gauge.pct-69,.score-circle.pct-69{--p:69%}
.dash-bar-fill.pct-69{width:69%}
.qco-daily-gauge.pct-70,.score-circle.pct-70{--p:70%}
.dash-bar-fill.pct-70{width:70%}
.qco-daily-gauge.pct-71,.score-circle.pct-71{--p:71%}
.dash-bar-fill.pct-71{width:71%}
.qco-daily-gauge.pct-72,.score-circle.pct-72{--p:72%}
.dash-bar-fill.pct-72{width:72%}
.qco-daily-gauge.pct-73,.score-circle.pct-73{--p:73%}
.dash-bar-fill.pct-73{width:73%}
.qco-daily-gauge.pct-74,.score-circle.pct-74{--p:74%}
.dash-bar-fill.pct-74{width:74%}
.qco-daily-gauge.pct-75,.score-circle.pct-75{--p:75%}
.dash-bar-fill.pct-75{width:75%}
.qco-daily-gauge.pct-76,.score-circle.pct-76{--p:76%}
.dash-bar-fill.pct-76{width:76%}
.qco-daily-gauge.pct-77,.score-circle.pct-77{--p:77%}
.dash-bar-fill.pct-77{width:77%}
.qco-daily-gauge.pct-78,.score-circle.pct-78{--p:78%}
.dash-bar-fill.pct-78{width:78%}
.qco-daily-gauge.pct-79,.score-circle.pct-79{--p:79%}
.dash-bar-fill.pct-79{width:79%}
.qco-daily-gauge.pct-80,.score-circle.pct-80{--p:80%}
.dash-bar-fill.pct-80{width:80%}
.qco-daily-gauge.pct-81,.score-circle.pct-81{--p:81%}
.dash-bar-fill.pct-81{width:81%}
.qco-daily-gauge.pct-82,.score-circle.pct-82{--p:82%}
.dash-bar-fill.pct-82{width:82%}
.qco-daily-gauge.pct-83,.score-circle.pct-83{--p:83%}
.dash-bar-fill.pct-83{width:83%}
.qco-daily-gauge.pct-84,.score-circle.pct-84{--p:84%}
.dash-bar-fill.pct-84{width:84%}
.qco-daily-gauge.pct-85,.score-circle.pct-85{--p:85%}
.dash-bar-fill.pct-85{width:85%}
.qco-daily-gauge.pct-86,.score-circle.pct-86{--p:86%}
.dash-bar-fill.pct-86{width:86%}
.qco-daily-gauge.pct-87,.score-circle.pct-87{--p:87%}
.dash-bar-fill.pct-87{width:87%}
.qco-daily-gauge.pct-88,.score-circle.pct-88{--p:88%}
.dash-bar-fill.pct-88{width:88%}
.qco-daily-gauge.pct-89,.score-circle.pct-89{--p:89%}
.dash-bar-fill.pct-89{width:89%}
.qco-daily-gauge.pct-90,.score-circle.pct-90{--p:90%}
.dash-bar-fill.pct-90{width:90%}
.qco-daily-gauge.pct-91,.score-circle.pct-91{--p:91%}
.dash-bar-fill.pct-91{width:91%}
.qco-daily-gauge.pct-92,.score-circle.pct-92{--p:92%}
.dash-bar-fill.pct-92{width:92%}
.qco-daily-gauge.pct-93,.score-circle.pct-93{--p:93%}
.dash-bar-fill.pct-93{width:93%}
.qco-daily-gauge.pct-94,.score-circle.pct-94{--p:94%}
.dash-bar-fill.pct-94{width:94%}
.qco-daily-gauge.pct-95,.score-circle.pct-95{--p:95%}
.dash-bar-fill.pct-95{width:95%}
.qco-daily-gauge.pct-96,.score-circle.pct-96{--p:96%}
.dash-bar-fill.pct-96{width:96%}
.qco-daily-gauge.pct-97,.score-circle.pct-97{--p:97%}
.dash-bar-fill.pct-97{width:97%}
.qco-daily-gauge.pct-98,.score-circle.pct-98{--p:98%}
.dash-bar-fill.pct-98{width:98%}
.qco-daily-gauge.pct-99,.score-circle.pct-99{--p:99%}
.dash-bar-fill.pct-99{width:99%}
.qco-daily-gauge.pct-100,.score-circle.pct-100{--p:100%}
.dash-bar-fill.pct-100{width:100%}
/* End generated percentage utility classes */

.qco-admin-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width: 860px){.qco-admin-grid-2{grid-template-columns:1fr}}