:root{
  --dcqmf-ink:#123733;
  --dcqmf-ink-2:#234944;
  --dcqmf-teal:#167d6a;
  --dcqmf-mint:#edf6f4;
  --dcqmf-gold:#d5a846;
  --dcqmf-paper:#ffffff;
  --dcqmf-line:rgba(18,55,51,.14);
  --dcqmf-muted:#60756f;
  --dcqmf-danger:#b33a3a;
  --dcqmf-warn:#b36b16;
}

.dcqmf-global-nav{
  position:relative;
  z-index:20;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  max-width:1180px;
  margin:16px auto 4px;
  padding:10px 14px;
  border:1px solid var(--dcqmf-line);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(18,55,51,.08);
}

.dcqmf-global-nav a{
  padding:8px 12px;
  border-radius:999px;
  color:var(--dcqmf-ink)!important;
  font-size:.84rem;
  font-weight:850;
  text-decoration:none;
}

.dcqmf-global-nav a:hover{background:var(--dcqmf-mint)}

.dcqmf{
  max-width:1220px;
  margin:0 auto;
  padding:18px 22px 70px;
  color:var(--dcqmf-ink);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.dcqmf *{box-sizing:border-box}

.dcqmf-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:end;
  padding:34px;
  border-radius:28px;
  background:linear-gradient(135deg,#123733 0%,#1f5b55 70%,#6fb7ad 130%);
  color:#fff;
  box-shadow:0 18px 44px rgba(18,55,51,.16);
}

.dcqmf-eyebrow,.dcqmf-kicker{
  display:block;
  margin-bottom:8px;
  color:#91d3c8;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.dcqmf-hero h1{
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(2rem,4vw,3.4rem);
  letter-spacing:-.05em;
  line-height:1;
}

.dcqmf-hero p{max-width:760px;margin:0;color:#fff;line-height:1.55}

.dcqmf-facility{
  display:flex;
  min-width:220px;
  flex-direction:column;
  gap:3px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:18px;
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(8px);
}

.dcqmf-facility strong{font-size:1rem}.dcqmf-facility span{font-size:.82rem;color:#d8eeea}

.dcqmf-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:18px 0 0;
}

.dcqmf-actions form{margin:0}

.dcqmf-button{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  padding:10px 17px;
  border:1px solid var(--dcqmf-ink);
  border-radius:999px;
  background:var(--dcqmf-ink);
  color:#fff!important;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
}

.dcqmf-button.secondary{border-color:#cfe2de;background:var(--dcqmf-mint);color:var(--dcqmf-ink)!important}
.dcqmf-button.ghost{border-color:var(--dcqmf-line);background:#fff;color:var(--dcqmf-ink)!important}
.dcqmf-button.small{min-height:36px;padding:7px 13px;font-size:.82rem}

.dcqmf-safety{
  margin:16px 0;
  padding:14px 17px;
  border-left:4px solid var(--dcqmf-gold);
  border-radius:8px 16px 16px 8px;
  background:#fff8e8;
  color:#5f4c20;
  line-height:1.5;
}

.dcqmf-stat-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}

.dcqmf-stat,.dcqmf-panel,.dcqmf-plan-card,.dcqmf-empty{
  border:1px solid var(--dcqmf-line);
  background:var(--dcqmf-paper);
  box-shadow:0 10px 28px rgba(18,55,51,.055);
}

.dcqmf-stat{display:flex;min-height:136px;flex-direction:column;padding:18px;border-radius:18px}
.dcqmf-stat span{color:var(--dcqmf-muted);font-size:.77rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.dcqmf-stat strong{margin:9px 0 4px;font-size:clamp(1.55rem,2.5vw,2.35rem);letter-spacing:-.045em;line-height:1}
.dcqmf-stat small{margin-top:auto;color:var(--dcqmf-muted);font-size:.78rem;line-height:1.35}

.dcqmf-grid{display:grid;gap:16px;margin-top:16px}
.dcqmf-grid.two{grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr)}
.dcqmf-grid.plan{grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);align-items:start}

.dcqmf-panel{padding:20px;border-radius:20px;overflow:hidden}
.dcqmf-panel h2{margin:0;color:var(--dcqmf-ink);font-size:1.25rem;letter-spacing:-.025em}
.dcqmf-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.dcqmf-panel-head a,.dcqmf-panel-head>span{color:var(--dcqmf-teal);font-size:.82rem;font-weight:850;text-decoration:none}
.dcqmf-kicker{color:var(--dcqmf-teal);margin-bottom:5px}

.dcqmf-table-wrap{overflow:auto}
.dcqmf-table{width:100%;border-collapse:collapse;font-size:.86rem}
.dcqmf-table th,.dcqmf-table td{padding:12px 10px;border-bottom:1px solid var(--dcqmf-line);text-align:left;vertical-align:middle}
.dcqmf-table th{color:var(--dcqmf-muted);font-size:.7rem;letter-spacing:.065em;text-transform:uppercase}
.dcqmf-table td:first-child{min-width:230px}
.dcqmf-table td strong{display:block}.dcqmf-table td small{display:block;margin-top:3px;color:var(--dcqmf-muted);line-height:1.3}
.dcqmf-table a{color:var(--dcqmf-teal);font-weight:850;text-decoration:none;white-space:nowrap}

.dcqmf-dot{display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:#8b9895}
.dcqmf-dot.danger{background:var(--dcqmf-danger);box-shadow:0 0 0 4px rgba(179,58,58,.1)}
.dcqmf-dot.warn{background:var(--dcqmf-warn)}.dcqmf-dot.good{background:var(--dcqmf-teal)}

.dcqmf-badge,.dcqmf-trend{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;font-size:.72rem;font-weight:850;white-space:nowrap}
.dcqmf-badge.better,.dcqmf-trend.improved{background:#e3f5ef;color:#116c5b}
.dcqmf-badge.worse,.dcqmf-trend.worsened{background:#fdeaea;color:#982d2d}
.dcqmf-badge.equal,.dcqmf-trend.unchanged{background:#eef3f2;color:#526a65}
.dcqmf-badge.unknown,.dcqmf-trend.unknown{background:#f3f1ea;color:#756a4c}

.dcqmf-trend-list{display:flex;flex-direction:column;gap:4px}
.dcqmf-trend-row{display:grid;grid-template-columns:80px minmax(120px,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--dcqmf-line)}
.dcqmf-trend-row>div:first-child{display:flex;flex-direction:column}.dcqmf-trend-row>div span{color:var(--dcqmf-muted);font-size:.78rem}
.dcqmf-spark{width:100%;height:45px}.dcqmf-spark-empty{color:var(--dcqmf-muted);font-size:.75rem}

.dcqmf-history{display:flex;flex-direction:column}
.dcqmf-history a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--dcqmf-line);color:var(--dcqmf-ink)!important;text-decoration:none}
.dcqmf-history a span{display:flex;flex-direction:column}.dcqmf-history small{color:var(--dcqmf-muted)}.dcqmf-history b{color:var(--dcqmf-teal);font-size:.78rem}
.dcqmf-peer-card{display:flex;flex-direction:column;justify-content:center;min-height:260px;background:linear-gradient(145deg,#fff 0%,#eef8f6 100%)}
.dcqmf-peer-card p{color:var(--dcqmf-muted);line-height:1.6}.dcqmf-peer-card .dcqmf-button{align-self:flex-start}

.dcqmf-empty{margin-top:18px;padding:50px 28px;border-radius:24px;text-align:center}
.dcqmf-empty h2{margin:8px 0}.dcqmf-empty p{max-width:680px;margin:8px auto 20px;color:var(--dcqmf-muted);line-height:1.6}
.dcqmf-empty-icon{display:inline-flex;width:64px;height:64px;align-items:center;justify-content:center;border-radius:18px;background:var(--dcqmf-mint);color:var(--dcqmf-teal);font-weight:950}
.dcqmf-empty-small{padding:22px;color:var(--dcqmf-muted);text-align:center}

.dcqmf-filter{display:flex;gap:8px;margin:18px 0}
.dcqmf-filter a{padding:8px 14px;border-radius:999px;background:#fff;color:var(--dcqmf-ink)!important;font-weight:850;text-decoration:none}
.dcqmf-filter a.active{background:var(--dcqmf-ink);color:#fff!important}
.dcqmf-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dcqmf-plan-card{display:flex;min-height:220px;flex-direction:column;padding:20px;border-radius:20px;color:var(--dcqmf-ink)!important;text-decoration:none;border-top:5px solid #8b9895}
.dcqmf-plan-card.priority-high{border-top-color:var(--dcqmf-danger)}.dcqmf-plan-card.priority-medium{border-top-color:var(--dcqmf-warn)}.dcqmf-plan-card.priority-routine{border-top-color:var(--dcqmf-teal)}
.dcqmf-plan-meta{display:flex;justify-content:space-between;gap:12px;color:var(--dcqmf-muted);font-size:.7rem;font-weight:900;letter-spacing:.06em}.dcqmf-plan-meta b{color:var(--dcqmf-teal)}
.dcqmf-plan-card h2{margin:18px 0 6px;font-size:1.45rem}.dcqmf-plan-card p{margin:0;color:var(--dcqmf-muted);font-size:.88rem;line-height:1.45}
.dcqmf-progress{height:8px;margin:auto 0 9px;border-radius:999px;background:#e6eeec;overflow:hidden}.dcqmf-progress i{display:block;height:100%;border-radius:inherit;background:var(--dcqmf-teal)}
.dcqmf-plan-card small{color:var(--dcqmf-muted)}

.dcqmf-plan-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}
.dcqmf-plan-summary div{padding:14px;border:1px solid var(--dcqmf-line);border-radius:15px;background:#fff}.dcqmf-plan-summary span{display:block;color:var(--dcqmf-muted);font-size:.7rem;font-weight:850;text-transform:uppercase}.dcqmf-plan-summary strong{display:block;margin-top:5px}
.dcqmf-task-list{display:flex;flex-direction:column;gap:12px}
.dcqmf-task{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;margin:0;padding:15px;border:1px solid var(--dcqmf-line);border-radius:16px;background:#fbfdfc}
.dcqmf-task.status-completed{background:#eff9f6}.dcqmf-task.status-blocked{border-color:#e5b5b5;background:#fff7f7}
.dcqmf-task-number{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:12px;background:var(--dcqmf-ink);color:#fff;font-weight:900}
.dcqmf-task-body h3{margin:0 0 8px;font-size:.98rem;line-height:1.45}.dcqmf-task-body p{margin:5px 0;color:var(--dcqmf-muted);font-size:.84rem;line-height:1.45}
.dcqmf-task-body label,.dcqmf-comment label{display:block;margin-top:10px;color:var(--dcqmf-ink-2);font-size:.78rem;font-weight:850}
.dcqmf-task-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dcqmf-task select,.dcqmf-task textarea,.dcqmf-comment textarea,.dcqmf-radius select{width:100%;margin:5px 0 9px;padding:9px 10px;border:1px solid var(--dcqmf-line);border-radius:10px;background:#fff;color:var(--dcqmf-ink);font:inherit}
.dcqmf-side{display:flex;flex-direction:column;gap:16px}.dcqmf-side .dcqmf-panel{margin:0}
.dcqmf-events{display:flex;flex-direction:column;gap:12px}.dcqmf-events>div{padding-left:12px;border-left:3px solid #cfe2de}.dcqmf-events p{margin:4px 0;color:var(--dcqmf-muted);font-size:.84rem;line-height:1.4}.dcqmf-events small{color:#81908c;font-size:.72rem}

.dcqmf-radius{display:flex!important;align-items:center;gap:8px}.dcqmf-radius label{display:flex;align-items:center;gap:8px;font-weight:850}.dcqmf-radius select{width:auto;margin:0}
.dcqmf-peer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dcqmf-peer-list article{padding:16px;border:1px solid var(--dcqmf-line);border-radius:16px;background:#fbfdfc}.dcqmf-peer-list header{display:flex;justify-content:space-between;gap:12px}.dcqmf-peer-list h3{margin:0;font-size:1rem}.dcqmf-peer-list header p{margin:3px 0;color:var(--dcqmf-muted);font-size:.78rem}.dcqmf-peer-list header>span{align-self:flex-start;padding:5px 8px;border-radius:999px;background:var(--dcqmf-mint);color:var(--dcqmf-teal);font-size:.68rem;font-weight:900}
.dcqmf-peer-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}.dcqmf-peer-measures div{display:flex;justify-content:space-between;padding:7px 8px;border-radius:9px;background:#fff;font-size:.76rem}.dcqmf-peer-measures span{color:var(--dcqmf-muted)}

@media(max-width:980px){
  .dcqmf-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dcqmf-grid.two,.dcqmf-grid.plan{grid-template-columns:1fr}
  .dcqmf-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:680px){
  .dcqmf{padding:10px 12px 50px}.dcqmf-hero{grid-template-columns:1fr;padding:24px}.dcqmf-facility{min-width:0}
  .dcqmf-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dcqmf-stat-grid .dcqmf-stat:first-child{grid-column:1/-1}
  .dcqmf-plan-grid,.dcqmf-peer-list{grid-template-columns:1fr}.dcqmf-plan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dcqmf-trend-row{grid-template-columns:70px minmax(80px,1fr)}.dcqmf-trend-row>.dcqmf-trend{grid-column:1/-1;justify-self:start}
  .dcqmf-task{grid-template-columns:1fr}.dcqmf-global-nav{margin:8px 10px;border-radius:18px;justify-content:flex-start}
  .dcqmf-task-fields{grid-template-columns:1fr}
}