:root{--bg:#eef3f8;--ink:#0f172a;--muted:#64748b;--card:#fff;--blue:#2563eb;--nav:#0f172a;--line:#dbe4ef;--soft:#f8fafc}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}.topbar{position:sticky;top:0;z-index:20;background:rgba(15,23,42,.96);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:14px 30px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.brand{color:white;text-decoration:none;font-weight:900;font-size:20px}nav a{color:#dbeafe;text-decoration:none;margin-left:20px;font-weight:800}.pill{background:#2563eb;padding:8px 12px;border-radius:999px}.container{width:min(1120px,calc(100% - 36px));margin:32px auto}.container.wide{width:min(1500px,calc(100% - 36px))}.hero{background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#2563eb);color:white;padding:54px;border-radius:32px;margin-bottom:24px;box-shadow:0 24px 55px rgba(30,58,138,.25)}.hero h1{font-size:46px;margin:0 0 14px}.hero p{font-size:18px;color:#dbeafe;max-width:850px}.btn,button{background:var(--blue);color:white!important;border:0;border-radius:14px;padding:12px 18px;font-weight:900;text-decoration:none;display:inline-block;margin-top:14px;cursor:pointer}.btn.ghost,.ghost{background:#334155}.card,.form-card,.project-card,.tool,.stat,.theory,.subcard{background:var(--card);border:1px solid rgba(219,228,239,.9);border-radius:24px;padding:24px;box-shadow:0 16px 35px rgba(15,23,42,.07);margin-bottom:20px}.subcard{box-shadow:none;background:var(--soft)}.form-card{max-width:620px;margin:auto}.wide-form{max-width:900px}.grid{display:grid;gap:20px}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.page-head h1{margin:0}.page-head p{color:var(--muted)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tabs a{background:white;border:1px solid var(--line);padding:10px 14px;border-radius:999px;text-decoration:none;color:#1e3a8a;font-weight:900}label{display:block;font-weight:900;margin:16px 0 7px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:15px;background:white}textarea{resize:vertical}.tip{color:var(--muted);background:#f1f5f9;border-left:4px solid #93c5fd;padding:10px 12px;border-radius:10px;margin:8px 0 12px}table{width:100%;border-collapse:separate;border-spacing:0;margin-top:14px;overflow:hidden;border-radius:16px}th{background:#17365d;color:white;text-align:left;padding:12px;vertical-align:top}td{background:white;border-bottom:1px solid var(--line);padding:12px;vertical-align:top}.actions{display:flex;gap:8px;align-items:center}.actions form{display:inline}.actions button{padding:6px 10px;background:#dc2626;margin:0}.project-card,.tool{text-decoration:none;color:var(--ink);display:block}.stat b{display:block;font-size:34px;color:#2563eb}.stat span{text-transform:capitalize;color:var(--muted);font-weight:800}.theory{background:#f8fbff;border:1px solid #bfdbfe}.theory h2{margin-top:0}.scroll{overflow:auto}.mini{width:64px;padding:8px;text-align:center}.tree ul{list-style:none;border-left:3px solid #bfdbfe;margin-left:18px;padding-left:18px}.tree li{background:#eff6ff;border-radius:12px;padding:10px;margin:8px 0}.notice{background:#ecfdf5;border:1px solid #86efac;padding:12px;border-radius:14px;margin:12px 0}pre{white-space:pre-wrap;background:#0f172a;color:#e2e8f0;border-radius:16px;padding:16px;overflow:auto}@media(max-width:900px){.two,.three,.four{grid-template-columns:1fr}.page-head{flex-direction:column}.hero h1{font-size:34px}}
.result-highlight{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:14px 16px;margin:12px 0 18px;line-height:1.7}
.svg-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;padding:12px;background:#fff}
.clickable{text-decoration:none;color:var(--ink);transition:.15s transform,.15s box-shadow}
.clickable:hover,.project-card:hover,.tool:hover{transform:translateY(-2px);box-shadow:0 20px 45px rgba(15,23,42,.12)}
.qfd-scroll{max-height:70vh;overflow:auto;border:1px solid var(--line);border-radius:18px}
.qfd-table{border-collapse:separate;border-spacing:0;min-width:900px}
.qfd-table th,.qfd-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.qfd-table .sticky-top{position:sticky;top:0;z-index:5;background:#17365d;color:white;min-width:140px}
.qfd-table .sticky{position:sticky;top:0;z-index:7;background:#17365d;color:white}
.qfd-table .corner{left:0;min-width:300px}
.qfd-table .sticky-importance{left:300px;min-width:110px}
.qfd-table .sticky-left{position:sticky;left:0;z-index:4;background:#ffffff;min-width:300px;font-weight:700}
.qfd-table .sticky-importance-col{position:sticky;left:300px;z-index:4;background:#f8fafc;min-width:110px;text-align:center;font-weight:800}
.axiom-sheet{max-height:72vh;overflow:auto;border:1px solid #cbd5e1;border-radius:18px;background:#fff}
.axiom-table{border-collapse:separate;border-spacing:0;min-width:980px}
.axiom-table th,.axiom-table td{border:1px solid #cbd5e1;padding:8px;vertical-align:middle}
.ax-title{background:#1f4e79!important;color:white;text-align:center;font-weight:900}
.ax-dp{position:sticky;top:39px;z-index:5;background:#d9eaf7!important;color:#0f172a;min-width:135px;text-align:center;font-size:12px}
.ax-sticky{position:sticky;top:39px;z-index:8;background:#1f4e79!important;color:white}
.ax-code{min-width:90px}
.ax-function{min-width:360px}
.ax-action{min-width:70px}
.ax-sticky-left{position:sticky;left:0;z-index:4;background:#eef6ff!important;font-weight:800}
.ax-sticky-left2{position:sticky;left:90px;z-index:4;background:#ffffff!important}
.ax-sticky-left3{position:sticky;left:450px;z-index:4;background:#ffffff!important}
.ax-cell{text-align:center;background:#fff}
.ax-cell.marked{background:#fff2cc}
.ax-input{width:44px!important;text-align:center;padding:5px;border:1px solid #cbd5e1;border-radius:8px}

.calc-report{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;margin:18px 0;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.calc-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}
.calc-head h3{margin:0}.calc-head p{margin:4px 0;color:var(--muted)}
.diagram-svg{max-height:300px}

.warning-card{background:#fffbeb;border-color:#fcd34d}
.danger-card{background:#fff1f2;border-color:#fecdd3}
.btn.danger, .danger-card button{background:#dc2626}
.missing{color:#dc2626;font-weight:900}
.context{color:#64748b;font-style:italic}
.row-card{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0;background:#fff}
.row-card form{margin:0}.row-card button{margin:0;background:#dc2626;padding:7px 10px}
.hierarchy-band td{background:#eaf2ff!important;font-weight:800}
.muted-cell{background:#f8fafc!important}
.axiom-table .ax-sticky-left3{left:180px;min-width:380px}
.axiom-table .ax-sticky-left2{left:90px;min-width:90px}

.warning-card li{margin:8px 0;line-height:1.45}
.warning-card b{color:#92400e}
.missing{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:999px;padding:4px 8px;display:inline-block}

.viable-best td{background:#dcfce7!important;border-bottom:1px solid #86efac}
.viable-row td{background:#f0fdf4!important}
.axiom-matrix-wrap{max-height:78vh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:white}
.hier-matrix{border-collapse:separate;border-spacing:0;min-width:1100px}
.hier-matrix th,.hier-matrix td{border-right:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;padding:10px;vertical-align:middle}
.hm-corner{position:sticky;left:0;top:0;z-index:10;background:#1f4e79!important;color:white;min-width:360px}
.hm-dp{position:sticky;top:0;z-index:8;background:#d9eaf7!important;color:#0f172a;min-width:150px;text-align:center}
.hm-dp-sub{position:sticky;top:74px;z-index:8;background:#eef6ff!important;color:#334155;font-size:12px;text-align:center}
.hm-fr{position:sticky;left:0;z-index:7;background:#fff!important;min-width:360px;text-align:left}
.fr-context-row .hm-fr,.dp-context{background:#eaf2ff!important;font-weight:800}
.hm-cell{text-align:center;background:#fff;min-width:72px}
.hm-cell.marked{background:#dcfce7!important}
.hm-cell.muted-cell{background:#f8fafc!important}
.fr-path,.dp-path{font-size:12px;color:#475569;font-weight:900}
.level-1{border-left:4px solid #93c5fd!important}.level-2{border-left:8px solid #60a5fa!important}.level-3{border-left:12px solid #2563eb!important}
.warning-card:empty{display:none}
.warning-card ul:empty{display:none}

.warning-card{display:block}
.warning-card ul{margin:10px 0 0 20px;padding:0}
.warning-card li:empty{display:none}
.hm-dp-parent{position:sticky;top:0;z-index:9;background:#1e3a8a!important;color:#ffffff!important;text-align:center;font-weight:900;min-width:150px}
.hm-dp-leaf{position:sticky;top:54px;z-index:8;background:#e0f2fe!important;color:#0f172a!important;text-align:center;min-width:150px}
.hm-fr-parent{position:sticky;left:0;z-index:7;background:#1e3a8a!important;color:#ffffff!important;min-width:260px;text-align:left}
.hm-fr-leaf{position:sticky;left:260px;z-index:7;background:#ffffff!important;color:#0f172a!important;min-width:330px;text-align:left}
.merged-matrix .hm-corner{background:#0f172a!important;color:#ffffff!important}
.report-reader{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 18px 40px rgba(15,23,42,.08);line-height:1.55}
.report-reader section{border-bottom:1px solid var(--line);padding:22px 0}
.report-reader .report-title{text-align:center}
.report-reader .report-title h1{font-size:30px}
.report-reader h1{font-size:24px;margin:10px 0;color:#17365d}
.report-reader h2{font-size:18px;margin:16px 0 8px;color:#1e3a8a}
.report-reader table{font-size:13px}
.report-reader .placeholder{background:#f8fafc;border-left:4px solid #93c5fd;padding:10px 12px;border-radius:10px;color:#475569}
.report-reader pre{white-space:pre-wrap;background:#f8fafc;color:#0f172a;border:1px solid var(--line);border-radius:12px}
.level-1,.level-2,.level-3{color:#0f172a!important}


/* v10 hierarchy/report/synthesis fixes */
.axiom-matrix-wrap{max-height:78vh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}
.hier-matrix{border-collapse:separate;border-spacing:0;min-width:1200px}
.hier-matrix th,.hier-matrix td{border-right:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;padding:10px;vertical-align:middle}
.hm-corner{position:sticky;left:0;top:0;z-index:30;background:#0f172a!important;color:#fff!important;text-align:center;vertical-align:middle}
.hm-dp-parent{position:static;top:auto;z-index:20;background:#1e3a8a!important;color:#fff!important;text-align:center;font-weight:900;min-width:150px}
.hm-dp-child{position:sticky;top:0;z-index:19;background:#dbeafe!important;color:#0f172a!important;text-align:center;font-weight:800;min-width:150px}/* FIX-C: removed hardcoded top:48px; JS sets correct offset at runtime */
.hm-fr-cell{position:sticky;left:0;z-index:15;background:#fff!important;color:#0f172a!important;min-width:180px;text-align:left;font-weight:800}
.hm-fr-cell.level-0{background:#1e3a8a!important;color:#fff!important;min-width:240px}
.hm-fr-cell.level-1{background:#dbeafe!important;color:#0f172a!important}
.hm-cell{text-align:center;background:#fff;min-width:72px}
.hm-cell.marked{background:#dcfce7!important}
.ax-input{width:44px!important;text-align:center;padding:6px;border:1px solid #cbd5e1;border-radius:8px}
.missing-header{background:#fee2e2!important;color:#991b1b!important}
.warning-card li:empty{display:none}
.row-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0;background:#fff}
.row-card form{margin:0}.row-card button{margin:0;background:#dc2626;padding:7px 10px}
.report-reader{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 18px 40px rgba(15,23,42,.08);line-height:1.55}
.report-reader section{border-bottom:1px solid var(--line);padding:22px 0}
.report-reader .report-title{text-align:center}
.report-reader h1{font-size:24px;color:#17365d}.report-reader h2{font-size:18px;color:#1e3a8a}
.placeholder{background:#f8fafc;border-left:4px solid #93c5fd;padding:10px 12px;border-radius:10px;color:#475569}
.report-visual{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;padding:12px;margin:12px 0}
.report-matrix{border-collapse:separate;border-spacing:0;min-width:720px}
.report-matrix th{background:#17365d;color:#fff}.report-matrix td,.report-matrix th{border:1px solid #cbd5e1;padding:8px;vertical-align:middle}
.report-matrix .center{text-align:center}.report-matrix .strong{background:#dcfce7}.report-matrix .medium{background:#fef9c3}.report-matrix .weak{background:#fee2e2}.report-matrix .marked{background:#dcfce7;font-weight:900}
.report-matrix .priority{background:#dbeafe;font-weight:900}.report-svg{max-height:600px}
.viable-best td{background:#dcfce7!important;border-bottom:1px solid #86efac}
.mini{max-width:90px}


/* v11 sticky matrix and report presentation fixes */
.matrix-scroll,
.qfd-scroll,
.axiom-matrix-wrap,
.report-visual-scroll {
  overflow: auto;
  max-height: 72vh;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #ffffff;
  position: relative;
}

.qfd-table,
.hier-matrix,
.report-matrix {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: max-content;
  min-width: 100%;
  overflow: visible !important;
}

.qfd-table th,
.qfd-table td,
.hier-matrix th,
.hier-matrix td,
.report-matrix th,
.report-matrix td {
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding: 10px;
  background-clip: padding-box;
}

.qfd-corner,
.sticky-corner {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 60 !important;
  background: #0f172a !important;
  color: #ffffff !important;
  min-width: 300px;
}

.qfd-importance-head {
  position: sticky !important;
  top: 0 !important;
  left: 300px !important;
  z-index: 58 !important;
  background: #0f172a !important;
  color: #ffffff !important;
  min-width: 110px;
}

.qfd-col-head,
.sticky-top {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  background: #17365d !important;
  color: #ffffff !important;
  min-width: 150px;
}

.sticky-top-2 {
  position: sticky !important;
  top: 58px !important;
  z-index: 49 !important;
  background: #dbeafe !important;
  color: #0f172a !important;
  min-width: 150px;
}

.qfd-row-head,
.sticky-left {
  position: sticky !important;
  left: 0 !important;
  z-index: 45 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  min-width: 300px;
  font-weight: 800;
}

.qfd-importance,
.sticky-importance-col {
  position: sticky !important;
  left: 300px !important;
  z-index: 44 !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  min-width: 110px;
  text-align: center;
  font-weight: 800;
}

.hm-corner {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 80 !important;
  background: #0f172a !important;
  color: #ffffff !important;
  min-width: 360px;
  text-align: center;
  vertical-align: middle;
}

.hm-dp-parent {
  position: sticky !important;
  top: 0 !important;
  z-index: 70 !important;
  background: #1e3a8a !important;
  color: #ffffff !important;
  text-align: center;
  font-weight: 900;
  min-width: 160px;
}

.hm-dp-child {
  position: sticky !important;
  top: 58px !important;
  z-index: 69 !important;
  background: #dbeafe !important;
  color: #0f172a !important;
  text-align: center;
  min-width: 160px;
}

.hm-fr-cell {
  position: sticky !important;
  left: 0;
  z-index: 65 !important;
  min-width: 210px;
  text-align: left;
  font-weight: 800;
}

.hm-fr-cell.level-0 {
  background: #1e3a8a !important;
  color: #ffffff !important;
  left: 0 !important;
}

.hm-fr-cell.level-1 {
  background: #dbeafe !important;
  color: #0f172a !important;
  left: 210px !important;
}

.hm-fr-cell.level-2 {
  background: #ffffff !important;
  color: #0f172a !important;
  left: 420px !important;
}

.hm-fr-cell.level-3 {
  background: #ffffff !important;
  color: #0f172a !important;
  left: 630px !important;
}

.hm-cell {
  min-width: 120px;
  text-align: center;
  background: #ffffff;
}

.ax-select,
.matrix-select {
  min-width: 98px;
  padding: 7px 8px;
  border-radius: 10px;
  border: 1px solid #cbd5e1;
  background: white;
  font-weight: 700;
}

.weak { background: #dbeafe !important; color: #0f172a !important; }
.medium { background: #fef3c7 !important; color: #78350f !important; }
.strong { background: #dcfce7 !important; color: #14532d !important; }
.blank { background: #ffffff !important; color: #0f172a !important; }
.priority { background: #f1f5f9 !important; font-weight: 900; }

.evaluation-card {
  border-left: 6px solid #2563eb;
}

.education-theory {
  background: #f8fbff !important;
  border: 1px solid #bfdbfe !important;
  padding: 26px !important;
}

.education-theory h3 {
  margin-bottom: 6px;
  color: #1e3a8a;
}

.education-theory ul {
  margin-top: 6px;
}

.report-reader {
  max-width: 100%;
  overflow: visible;
}

.report-reader section {
  margin-bottom: 28px;
  padding-bottom: 24px;
}

.report-visual,
.report-visual-scroll {
  margin: 14px 0 24px;
}

.ax-report-wrap {
  max-height: 75vh;
}

.ax-report th,
.ax-report td {
  font-size: 12px;
}

.calc-card {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 18px;
  margin: 18px 0;
}

.report-svg {
  min-height: 260px;
}

.missing-header {
  background: #fee2e2 !important;
  color: #991b1b !important;
}


/* v12 teacher/submission/grading additions */
.btn.danger, button.danger, .danger { background:#dc2626!important; }
.notice{background:#ecfdf5;border-left:5px solid #22c55e;padding:12px 14px;border-radius:12px;margin-bottom:14px}
.warning-card{background:#fffbeb;border-color:#f59e0b}
.teacher-badge{background:#1e3a8a;color:#fff;border-radius:999px;padding:4px 9px;font-size:12px}
input[type=checkbox]{width:auto}
.stat span{display:block;color:var(--muted);font-weight:800}
.subcard{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:16px;margin:12px 0}
table input, table textarea, table select{min-width:90px}
@media(max-width:900px){.two,.three,.four{grid-template-columns:1fr}.page-head{display:block}.actions{flex-wrap:wrap}}


/* guided submission uploads */
.badge {
  display: inline-block;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 900;
}

.badge.required {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

.badge.webwork {
  background: #dbeafe;
  color: #1e3a8a;
  border: 1px solid #bfdbfe;
}

.upload-chip {
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  padding: 8px 10px;
  margin: 6px 0;
}

.inline-upload-form {
  display: grid;
  gap: 8px;
  min-width: 260px;
}

.btn.small {
  padding: 7px 10px;
  font-size: 13px;
}

.actions.wrap {
  flex-wrap: wrap;
}

/* v16 assignment/student upload/quick grading patch */
.quick-grade-card{background:#f8fbff;border-color:#bfdbfe}
.quick-grade-form{display:grid;grid-template-columns:1.2fr .5fr 2fr auto;gap:10px;align-items:end}
.quick-grade-form label{font-size:12px;margin:0}
@media(max-width:1000px){.quick-grade-form{grid-template-columns:1fr}}


/* page-level component grading */
.page-grade-card {
  background: #f8fbff;
  border: 1px solid #bfdbfe;
  margin-top: 14px;
  margin-bottom: 18px;
}

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

.page-grade-head h2 {
  margin-bottom: 4px;
}

.grade-badge {
  background: #1e3a8a;
  color: #ffffff;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
  white-space: nowrap;
}

.grade-badge.muted {
  background: #e2e8f0;
  color: #334155;
}

.page-grade-form {
  display: grid;
  grid-template-columns: 1.4fr 0.6fr 2fr auto;
  gap: 12px;
  align-items: end;
}

.page-grade-form label {
  font-size: 12px;
  margin: 0 0 4px;
}

.page-grade-form textarea {
  min-height: 48px;
}

@media(max-width: 1000px) {
  .page-grade-form {
    grid-template-columns: 1fr;
  }

  .page-grade-head {
    display: block;
  }

  .grade-badge {
    display: inline-block;
    margin-top: 8px;
  }
}


/* forced page-level component grading */
.page-grade-card {
  background: #f8fbff;
  border: 1px solid #bfdbfe;
  margin-top: 14px;
  margin-bottom: 18px;
}

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

.page-grade-head h2 {
  margin-bottom: 4px;
}

.grade-badge {
  background: #1e3a8a;
  color: #ffffff;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
  white-space: nowrap;
}

.grade-badge.muted {
  background: #e2e8f0;
  color: #334155;
}

.page-grade-form {
  display: grid;
  grid-template-columns: 1.4fr 0.6fr 2fr auto;
  gap: 12px;
  align-items: end;
}

.page-grade-form label {
  font-size: 12px;
  margin: 0 0 4px;
}

.page-grade-form textarea {
  min-height: 48px;
}

@media(max-width: 1000px) {
  .page-grade-form {
    grid-template-columns: 1fr;
  }

  .page-grade-head {
    display: block;
  }

  .grade-badge {
    display: inline-block;
    margin-top: 8px;
  }
}


/* v17 teacher rubric grading */
.teacher-rubric-card{background:#f8fbff;border:1px solid #93c5fd}
.teacher-rubric-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.rubric-table input[type="number"]{min-width:90px}
.rubric-table textarea{min-height:52px}
.teacher-hidden-student-form{display:block!important}
.grade-badge{background:#1e3a8a;color:white;border-radius:999px;padding:10px 14px;font-weight:900;white-space:nowrap}
.grade-badge.muted{background:#e2e8f0;color:#334155}


/* v18 clean single teacher rubric panel */
.teacher-rubric-card {
  background: #f8fbff;
  border: 1px solid #93c5fd;
  margin-top: 14px;
  margin-bottom: 18px;
}

.teacher-rubric-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.rubric-table input[type="number"] {
  min-width: 90px;
}

.rubric-table textarea {
  min-height: 52px;
}

.teacher-hidden-student-form {
  display: block !important;
}

.grade-badge {
  background: #1e3a8a;
  color: white;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
  white-space: nowrap;
}

.grade-badge.muted {
  background: #e2e8f0;
  color: #334155;
}


/* v18 admin dashboard */
.admin-role-pill {
  display: inline-block;
  padding: 4px 9px;
  border-radius: 999px;
  background: #1e3a8a;
  color: white;
  font-weight: 800;
}


/* v19 forgot password */
.notice.danger {
  background: #fee2e2;
  border-left-color: #dc2626;
  color: #7f1d1d;
}
code {
  display: inline-block;
  background: #f1f5f9;
  padding: 8px 10px;
  border-radius: 10px;
  word-break: break-all;
}

/* v20 show teacher work and rubric */
.teacher-hidden-student-form { display: block !important; }
.teacher-rubric-card { background: #f8fbff; border: 1px solid #93c5fd; margin-bottom: 18px; }
.teacher-rubric-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.rubric-table input[type="number"] { min-width: 90px; }
.rubric-table textarea { min-height: 52px; }
.grade-badge { background: #1e3a8a; color: white; border-radius: 999px; padding: 10px 14px; font-weight: 900; white-space: nowrap; }
.grade-badge.muted { background: #e2e8f0; color: #334155; }


/* v21 rubric + FAST report preview */
.teacher-hidden-student-form {
  display: block !important;
}

.teacher-rubric-card {
  background: #f8fbff;
  border: 1px solid #93c5fd;
  margin-bottom: 18px;
}

.teacher-rubric-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.rubric-table input[type="number"] {
  min-width: 90px;
}

.rubric-table textarea {
  min-height: 56px;
}

.grade-badge {
  background: #1e3a8a;
  color: #fff;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
  white-space: nowrap;
}

.grade-badge.muted {
  background: #e2e8f0;
  color: #334155;
}

.report-preview-image {
  max-width: 100%;
  height: auto;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  background: #fff;
  padding: 10px;
}


/* v22 rubric + compact matrix headers */
.teacher-hidden-student-form {
  display: block !important;
}

.teacher-rubric-card {
  background: #f8fbff;
  border: 1px solid #93c5fd;
  margin-bottom: 18px;
}

.teacher-rubric-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.rubric-table input[type="number"] {
  min-width: 90px;
}

.rubric-table textarea {
  min-height: 56px;
}

.grade-badge {
  background: #1e3a8a;
  color: #fff;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
  white-space: nowrap;
}

.grade-badge.muted {
  background: #e2e8f0;
  color: #334155;
}

/* Generic wrapping for long tables/matrices */
.matrix-wrap,
.matrix-scroll,
.qfd-scroll,
.axiomatic-scroll,
.table-scroll,
.scroll-x {
  overflow: auto;
  max-width: 100%;
}

/* Prevent long requirement/FR/DP text from forcing columns too wide */
.matrix-wrap table,
.matrix-scroll table,
.qfd-scroll table,
.axiomatic-scroll table,
.table-scroll table {
  table-layout: fixed;
  width: max-content;
  min-width: 100%;
}

.matrix-wrap th,
.matrix-wrap td,
.matrix-scroll th,
.matrix-scroll td,
.qfd-scroll th,
.qfd-scroll td,
.axiomatic-scroll th,
.axiomatic-scroll td,
.table-scroll th,
.table-scroll td {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.2;
  vertical-align: middle;
}

/* Compact top matrix headers */
.matrix-wrap thead th,
.matrix-scroll thead th,
.qfd-scroll thead th,
.axiomatic-scroll thead th {
  max-width: 90px;
  min-width: 64px;
  width: 78px;
  font-size: 12px;
  padding: 6px 4px;
}

/* Use vertical writing where a header is very long */
.matrix-wrap thead th:not(:first-child),
.matrix-scroll thead th:not(:first-child),
.qfd-scroll thead th:not(:first-child),
.axiomatic-scroll thead th:not(:first-child) {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  height: 180px;
  text-align: left;
  vertical-align: bottom;
}

/* Keep first row/column visible but not too wide */
.matrix-wrap thead th,
.matrix-scroll thead th,
.qfd-scroll thead th,
.axiomatic-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 5;
}

.matrix-wrap tbody th,
.matrix-scroll tbody th,
.qfd-scroll tbody th,
.axiomatic-scroll tbody th,
.matrix-wrap td:first-child,
.matrix-scroll td:first-child,
.qfd-scroll td:first-child,
.axiomatic-scroll td:first-child {
  position: sticky;
  left: 0;
  z-index: 4;
  max-width: 220px;
  min-width: 160px;
  width: 180px;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

/* Intersection cell */
.matrix-wrap thead th:first-child,
.matrix-scroll thead th:first-child,
.qfd-scroll thead th:first-child,
.axiomatic-scroll thead th:first-child {
  left: 0;
  z-index: 8;
  writing-mode: horizontal-tb;
  transform: none;
  height: auto;
  max-width: 220px;
  min-width: 160px;
  width: 180px;
}

/* v23 fixed matrix layout */

/* QFD: horizontal headers and normal importance column. */
.qfd-scroll,.qfd-matrix-wrap,.qfd-table-wrap,.hoq-scroll,.hoq-matrix-wrap{overflow:auto;max-width:100%}
.qfd-scroll table,.qfd-matrix-wrap table,.qfd-table-wrap table,.hoq-scroll table,.hoq-matrix-wrap table{table-layout:auto!important;width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}
.qfd-scroll thead th,.qfd-matrix-wrap thead th,.qfd-table-wrap thead th,.hoq-scroll thead th,.hoq-matrix-wrap thead th{writing-mode:horizontal-tb!important;transform:none!important;height:auto!important;min-width:90px;max-width:190px;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;position:sticky;top:0;z-index:5}
.qfd-scroll td:first-child,.qfd-matrix-wrap td:first-child,.qfd-table-wrap td:first-child,.hoq-scroll td:first-child,.hoq-matrix-wrap td:first-child{position:static!important;left:auto!important;z-index:auto!important}
.qfd-scroll tbody th,.qfd-matrix-wrap tbody th,.qfd-table-wrap tbody th,.hoq-scroll tbody th,.hoq-matrix-wrap tbody th{position:sticky;left:0;z-index:4;min-width:190px;max-width:260px;white-space:normal!important;overflow-wrap:anywhere;background:#fff}
.qfd-scroll .importance,.qfd-scroll .importance-col,.qfd-scroll .qfd-importance,.qfd-matrix-wrap .importance,.qfd-matrix-wrap .importance-col,.qfd-matrix-wrap .qfd-importance{position:static!important;left:auto!important;writing-mode:horizontal-tb!important;transform:none!important;min-width:70px;max-width:90px}

/* Axiomatic matrix: vertical/wrapped DP headers only inside axiomatic wrappers. */
.axiomatic-scroll,.axiomatic-matrix-wrap,.axiomatic-table-wrap,.ad-matrix-scroll,.ad-matrix-wrap{overflow:auto;max-width:100%}
.axiomatic-scroll table,.axiomatic-matrix-wrap table,.axiomatic-table-wrap table,.ad-matrix-scroll table,.ad-matrix-wrap table{table-layout:fixed!important;width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}
.axiomatic-scroll th,.axiomatic-scroll td,.axiomatic-matrix-wrap th,.axiomatic-matrix-wrap td,.axiomatic-table-wrap th,.axiomatic-table-wrap td,.ad-matrix-scroll th,.ad-matrix-scroll td,.ad-matrix-wrap th,.ad-matrix-wrap td{white-space:normal!important;overflow-wrap:anywhere;word-break:normal;line-height:1.15;vertical-align:middle}
.axiomatic-scroll thead th:not(:first-child),.axiomatic-matrix-wrap thead th:not(:first-child),.axiomatic-table-wrap thead th:not(:first-child),.ad-matrix-scroll thead th:not(:first-child),.ad-matrix-wrap thead th:not(:first-child){writing-mode:vertical-rl!important;transform:rotate(180deg)!important;height:210px!important;min-width:58px!important;max-width:74px!important;width:64px!important;padding:8px 4px!important;text-align:left;vertical-align:bottom;position:sticky;top:0;z-index:6}
.axiomatic-scroll tbody th,.axiomatic-matrix-wrap tbody th,.axiomatic-table-wrap tbody th,.ad-matrix-scroll tbody th,.ad-matrix-wrap tbody th,.axiomatic-scroll td:first-child,.axiomatic-matrix-wrap td:first-child,.axiomatic-table-wrap td:first-child,.ad-matrix-scroll td:first-child,.ad-matrix-wrap td:first-child{position:sticky;left:0;z-index:5;min-width:210px!important;max-width:260px!important;width:230px!important;background:#fff;white-space:normal!important;overflow-wrap:anywhere}
.axiomatic-scroll thead th:first-child,.axiomatic-matrix-wrap thead th:first-child,.axiomatic-table-wrap thead th:first-child,.ad-matrix-scroll thead th:first-child,.ad-matrix-wrap thead th:first-child{writing-mode:horizontal-tb!important;transform:none!important;height:auto!important;position:sticky;top:0;left:0;z-index:10;min-width:210px!important;max-width:260px!important;width:230px!important;background:#fff}


/* v25 complete export upload folders */
.export-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px 0}.fast-export-target{overflow:auto}.nav-chip{display:inline-block;padding:8px 12px;margin:4px 6px 4px 0;border-radius:999px;text-decoration:none;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a}.nav-chip:hover{background:#e2e8f0}code{word-break:break-all;white-space:normal}


/* v27 export and FAST/QFD fixes */
.export-toolbar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 10px 0 14px 0;
}

#qfd-export-target,
#axiomatic-export-target,
#fast-export-target {
  background: #ffffff;
  overflow: auto;
  max-width: 100%;
  padding: 10px;
  border-radius: 12px;
}

/* QFD: horizontal, normal-flow headers. Prevent inherited vertical/sticky cell rules. */
#qfd-export-target table,
.qfd-scroll table,
.qfd-matrix-wrap table,
.qfd-table-wrap table,
.hoq-scroll table,
.hoq-matrix-wrap table {
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: max-content;
  min-width: 100%;
}

#qfd-export-target th,
#qfd-export-target td,
.qfd-scroll th,
.qfd-scroll td,
.qfd-matrix-wrap th,
.qfd-matrix-wrap td,
.qfd-table-wrap th,
.qfd-table-wrap td,
.hoq-scroll th,
.hoq-scroll td,
.hoq-matrix-wrap th,
.hoq-matrix-wrap td {
  writing-mode: horizontal-tb !important;
  transform: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
  vertical-align: middle;
}

/* Do not sticky arbitrary first data cells in QFD. */
#qfd-export-target td:first-child,
.qfd-scroll td:first-child,
.qfd-matrix-wrap td:first-child,
.qfd-table-wrap td:first-child,
.hoq-scroll td:first-child,
.hoq-matrix-wrap td:first-child {
  position: static !important;
  left: auto !important;
  top: auto !important;
  z-index: auto !important;
}

.learning-visual-card {
  overflow: hidden;
}

.learning-infographic {
  display: block;
  width: 100%;
  max-width: 1400px;
  height: auto;
  margin: 1rem auto 0;
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16);
  background: #fff;
}

#qfd-export-target tbody th,
.qfd-scroll tbody th,
.qfd-matrix-wrap tbody th,
.qfd-table-wrap tbody th,
.hoq-scroll tbody th,
.hoq-matrix-wrap tbody th {
  position: sticky !important;
  left: 0 !important;
  z-index: 4 !important;
  min-width: 190px;
  max-width: 260px;
  background: #ffffff;
}

#qfd-export-target .qfd-importance-cell,
#qfd-export-target .importance,
#qfd-export-target .importance-col,
#qfd-export-target .qfd-importance,
.qfd-scroll .qfd-importance-cell,
.qfd-scroll .importance,
.qfd-scroll .importance-col,
.qfd-scroll .qfd-importance {
  position: static !important;
  left: auto !important;
  top: auto !important;
  z-index: auto !important;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  min-width: 70px;
  max-width: 95px;
  float: none !important;
}

/* Axiomatic can keep vertical DP headers. */
#axiomatic-export-target thead th:not(:first-child),
.axiomatic-scroll thead th:not(:first-child),
.axiomatic-matrix-wrap thead th:not(:first-child),
.axiomatic-table-wrap thead th:not(:first-child),
.ad-matrix-scroll thead th:not(:first-child),
.ad-matrix-wrap thead th:not(:first-child) {
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  height: 210px !important;
  min-width: 58px !important;
  max-width: 74px !important;
  width: 64px !important;
  padding: 8px 4px !important;
  text-align: left;
  vertical-align: bottom;
}

.report-preview-image,
.fast-diagram-img {
  max-width: 100%;
  height: auto;
  display: block;
  background: #ffffff;
}


/* v28 export, FAST image and tabs fix */
.export-toolbar { display: flex; gap: 10px; flex-wrap: wrap; margin: 10px 0 14px 0; }
#qfd-export-target, #axiomatic-export-target, #fast-export-target { background: #ffffff; overflow: auto; max-width: 100%; padding: 10px; border-radius: 12px; }
#qfd-export-target table, .qfd-scroll table, .qfd-matrix-wrap table, .qfd-table-wrap table, .hoq-scroll table, .hoq-matrix-wrap table { table-layout: auto !important; border-collapse: separate !important; border-spacing: 0 !important; width: max-content; min-width: 100%; }
#qfd-export-target th, #qfd-export-target td, .qfd-scroll th, .qfd-scroll td, .qfd-matrix-wrap th, .qfd-matrix-wrap td, .qfd-table-wrap th, .qfd-table-wrap td, .hoq-scroll th, .hoq-scroll td, .hoq-matrix-wrap th, .hoq-matrix-wrap td { writing-mode: horizontal-tb !important; transform: none !important; white-space: normal !important; overflow-wrap: anywhere; word-break: normal; vertical-align: middle; }
#qfd-export-target td:first-child, .qfd-scroll td:first-child, .qfd-matrix-wrap td:first-child, .qfd-table-wrap td:first-child, .hoq-scroll td:first-child, .hoq-matrix-wrap td:first-child { position: static !important; left: auto !important; top: auto !important; z-index: auto !important; }
#qfd-export-target tbody th, .qfd-scroll tbody th, .qfd-matrix-wrap tbody th, .qfd-table-wrap tbody th, .hoq-scroll tbody th, .hoq-matrix-wrap tbody th { position: sticky !important; left: 0 !important; z-index: 4 !important; min-width: 190px; max-width: 260px; background: #ffffff; }
#qfd-export-target .qfd-importance-cell, #qfd-export-target .importance, #qfd-export-target .importance-col, #qfd-export-target .qfd-importance, .qfd-scroll .qfd-importance-cell, .qfd-scroll .importance, .qfd-scroll .importance-col, .qfd-scroll .qfd-importance { position: static !important; left: auto !important; top: auto !important; z-index: auto !important; writing-mode: horizontal-tb !important; transform: none !important; float: none !important; display: table-cell !important; min-width: 70px; max-width: 95px; }
#axiomatic-export-target thead th:not(:first-child), .axiomatic-scroll thead th:not(:first-child), .axiomatic-matrix-wrap thead th:not(:first-child), .axiomatic-table-wrap thead th:not(:first-child), .ad-matrix-scroll thead th:not(:first-child), .ad-matrix-wrap thead th:not(:first-child) { writing-mode: vertical-rl !important; transform: rotate(180deg) !important; height: 210px !important; min-width: 58px !important; max-width: 74px !important; width: 64px !important; padding: 8px 4px !important; text-align: left; vertical-align: bottom; }
.report-preview-image, .fast-diagram-img { max-width: 100%; height: auto; display: block; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 10px; }
.extra-component-tabs { margin-top: 8px; }
.extra-component-tabs a { text-decoration: none; }


/* v29 export fixes */
.export-toolbar { display:flex; gap:10px; flex-wrap:wrap; margin:10px 0 14px 0; }
#qfd-export-target, #axiomatic-export-target, #fast-export-target { background:#fff; overflow:auto; max-width:100%; padding:10px; border-radius:12px; }
#fast-export-target svg, #fast-export-target canvas, #fast-export-target img { max-width:100%; height:auto; display:block; margin:0 auto; background:#fff; }
#qfd-export-target table, .qfd-scroll table, .qfd-matrix-wrap table, .hoq-scroll table, .hoq-matrix-wrap table { table-layout:auto!important; border-collapse:separate!important; border-spacing:0!important; width:max-content; min-width:100%; }
#qfd-export-target th, #qfd-export-target td, .qfd-scroll th, .qfd-scroll td, .qfd-matrix-wrap th, .qfd-matrix-wrap td, .hoq-scroll th, .hoq-scroll td, .hoq-matrix-wrap th, .hoq-matrix-wrap td { writing-mode:horizontal-tb!important; transform:none!important; white-space:normal!important; overflow-wrap:anywhere; word-break:normal; vertical-align:middle; }
#qfd-export-target .qfd-importance-cell, .qfd-scroll .qfd-importance-cell { position:static!important; left:auto!important; top:auto!important; z-index:auto!important; writing-mode:horizontal-tb!important; transform:none!important; float:none!important; display:table-cell!important; }
#axiomatic-export-target thead th:not(:first-child), .axiomatic-scroll thead th:not(:first-child), .axiomatic-matrix-wrap thead th:not(:first-child), .ad-matrix-wrap thead th:not(:first-child) { writing-mode:vertical-rl!important; transform:rotate(180deg)!important; height:210px!important; min-width:58px!important; max-width:74px!important; width:64px!important; padding:8px 4px!important; text-align:left; vertical-align:bottom; }


/* v30 ui + export fixes */
.export-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}
#qfd-export-target,#axiomatic-export-target,#fast-export-target{background:#fff;overflow:auto;max-width:100%;padding:10px;border-radius:16px;border:1px solid var(--line)}
.fast-export-target canvas,.fast-export-target img,.fast-export-target svg{display:block;max-width:100%;height:auto;margin:0 auto;background:#fff}

/* keep all project tabs uniform */
.tabs,.extra-component-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.tabs a,.extra-component-tabs a{
  appearance:none;
  background:#ffffff;
  border:1px solid var(--line);
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  color:#1e3a8a;
  font-weight:900;
  box-shadow:none;
  margin:0;
}
.tabs a:hover,.extra-component-tabs a:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}
.page-head .actions .btn,.page-head .actions a.btn{border-radius:14px}

/* QFD layout */
#qfd-export-target table,.qfd-scroll table,.qfd-matrix-wrap table,.hoq-scroll table,.hoq-matrix-wrap table{table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important;width:max-content;min-width:100%}
#qfd-export-target th,#qfd-export-target td,.qfd-scroll th,.qfd-scroll td,.qfd-matrix-wrap th,.qfd-matrix-wrap td,.hoq-scroll th,.hoq-scroll td,.hoq-matrix-wrap th,.hoq-matrix-wrap td{writing-mode:horizontal-tb!important;transform:none!important;white-space:normal!important;overflow-wrap:anywhere;vertical-align:middle}
#qfd-export-target .qfd-importance-cell,.qfd-scroll .qfd-importance-cell{position:static!important;left:auto!important;top:auto!important;z-index:auto!important;writing-mode:horizontal-tb!important;transform:none!important;display:table-cell!important}

/* Axiomatic page/table layout */
#axiomatic-export-target thead th:not(:first-child),.axiomatic-scroll thead th:not(:first-child),.axiomatic-matrix-wrap thead th:not(:first-child),.ad-matrix-wrap thead th:not(:first-child){writing-mode:vertical-rl!important;transform:rotate(180deg)!important;height:210px!important;min-width:60px!important;max-width:80px!important;width:70px!important;padding:8px 4px!important;text-align:left;vertical-align:bottom}
.overview-score-summary .stat{margin-bottom:0}


/* v31 workflow access and overview fix */
.project-tabs,
.tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 20px 0;
}

.project-tabs a,
.tabs a {
  background: #ffffff;
  border: 1px solid var(--line);
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration: none;
  color: #1e3a8a;
  font-weight: 900;
  box-shadow: none;
  margin: 0;
}

.project-tabs a:hover,
.tabs a:hover {
  background: #eff6ff;
  border-color: #93c5fd;
  color: #1d4ed8;
}

.overview-score-summary .stat {
  margin-bottom: 0;
}

.overview-score-summary .grid {
  margin-top: 12px;
}


/* v32 engineering education and sharper UI refresh */
:root{
  --edh-ink:#07111f;
  --edh-navy:#0b1f3a;
  --edh-blue:#155e9f;
  --edh-cyan:#0ea5b7;
  --edh-steel:#64748b;
  --edh-panel:#f6f8fb;
  --edh-line:#c9d4e4;
}
body{
  background:
    radial-gradient(circle at 8% 0%, rgba(14,165,183,.13), transparent 34%),
    linear-gradient(135deg,#eef3f9 0%,#f8fafc 50%,#e9eff7 100%) !important;
  color:var(--edh-ink);
}
.topbar{
  background:linear-gradient(90deg,#07111f,#0b1f3a 54%,#123b65) !important;
  border-bottom:3px solid #0ea5b7;
  box-shadow:0 12px 30px rgba(7,17,31,.22);
}
.brand{letter-spacing:.3px;font-weight:900;text-transform:uppercase}
.card,.theory,.subcard,.calc-report{
  border:1px solid var(--edh-line) !important;
  box-shadow:0 16px 34px rgba(7,17,31,.08) !important;
}
.card h2,.theory h2{color:#0b1f3a;letter-spacing:-.02em}
.btn,button{background:linear-gradient(135deg,#155e9f,#0ea5b7)!important;border:0!important;font-weight:800;box-shadow:0 8px 18px rgba(21,94,159,.24)}
input,textarea,select{border:1px solid #b9c7d8!important;border-radius:12px!important}
input:focus,textarea:focus,select:focus{outline:3px solid rgba(14,165,183,.18);border-color:#0ea5b7!important}
.engineering-guide{background:linear-gradient(180deg,#ffffff,#f6f8fb);position:relative;overflow:hidden}
.engineering-guide:before{content:"";position:absolute;right:-90px;top:-90px;width:240px;height:240px;border:22px solid rgba(14,165,183,.10);border-radius:50%}
.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.16em;color:#155e9f;font-weight:900;font-size:12px}
.guide-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:22px;align-items:start}
.edu-figure{margin:0;border:1px solid #d6e0ee;border-radius:20px;padding:12px;background:#fff;box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(7,17,31,.06)}
.edu-figure img{width:100%;height:auto;display:block;border-radius:14px;background:#f8fafc;max-height:360px;object-fit:contain}
.edu-figure figcaption{font-size:12px;color:#64748b;margin-top:8px;line-height:1.35}
.note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:18px}
.note-card{border:1px solid #d6e0ee;border-left:5px solid #0ea5b7;border-radius:16px;padding:14px;background:#fff;box-shadow:0 8px 18px rgba(7,17,31,.05)}
.note-card b{display:block;color:#0b1f3a;margin-bottom:5px}.note-card span{color:#475569;font-size:14px;line-height:1.4}
.metric-card table th{background:#eaf2fb;color:#0b1f3a}.metric-card table td{font-weight:800}
.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 11px;font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.05em}
.status-chip.uncoupled{background:#dcfce7;color:#166534}.status-chip.decoupled{background:#fef9c3;color:#854d0e}.status-chip.coupled{background:#fee2e2;color:#991b1b}.status-chip.incomplete{background:#e2e8f0;color:#334155}
.warning-card.compact{padding:12px;margin-top:12px;border-radius:16px}.warning-card.compact ul{margin:8px 0 0 18px}
.hier-matrix th,.qfd-table th,.report-matrix th{font-size:13px;text-transform:none}.hm-corner,.qfd-corner,.sticky-corner{background:#07111f!important}.hm-dp-parent,.hm-fr-cell.level-0{background:#123b65!important}.hm-dp-child{background:#dbeafe!important}.strong{background:#d9f99d!important}.medium{background:#fef08a!important}.weak{background:#fee2e2!important}
@media (max-width:900px){.guide-grid{grid-template-columns:1fr}.edu-figure img{max-height:280px}}

/* QFD_INFOGRAPHIC_LIGHTBOX_CSS_START */
.learning-visual-card {
  overflow: hidden;
}

.infographic-open-btn {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  margin: 1rem auto 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}

.learning-infographic {
  display: block;
  width: 100%;
  max-width: 1400px;
  height: auto;
  margin: 0 auto;
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16);
  background: #fff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.infographic-open-btn:hover .learning-infographic {
  transform: scale(1.01);
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.24);
}

.infographic-zoom-label {
  position: absolute;
  right: 18px;
  bottom: 18px;
  padding: 0.55rem 0.85rem;
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.82);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  backdrop-filter: blur(8px);
}

.infographic-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  background: rgba(2, 6, 23, 0.88);
  backdrop-filter: blur(10px);
}

.infographic-lightbox.is-open {
  display: flex;
}

.infographic-lightbox-image {
  display: block;
  max-width: 96vw;
  max-height: 90vh;
  width: auto;
  height: auto;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.45);
}

.infographic-lightbox-close {
  position: fixed;
  top: 22px;
  right: 28px;
  z-index: 10000;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.9);
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}

.infographic-lightbox-close:hover {
  background: #ef4444;
}

body.lightbox-open {
  overflow: hidden;
}

@media print {
  .infographic-lightbox,
  .infographic-zoom-label {
    display: none !important;
  }
}
/* QFD_INFOGRAPHIC_LIGHTBOX_CSS_END */

/* REQUIREMENTS_PAGE_CSS_START */
.page-intro-card {
  background:
    radial-gradient(circle at top left, rgba(14, 165, 183, 0.12), transparent 32%),
    linear-gradient(180deg, #ffffff, #f8fbff);
  border-left: 6px solid var(--edh-cyan, #0ea5b7) !important;
}

.page-intro-card h2 {
  margin: 0.2rem 0 0.75rem;
  color: var(--edh-navy, #0b1f3a);
  font-size: clamp(1.8rem, 3vw, 2.7rem);
  letter-spacing: -0.035em;
}

.requirements-intro-card p {
  max-width: 1050px;
  line-height: 1.55;
}

.requirements-form-grid,
.requirements-table-grid {
  margin-bottom: 20px;
}

.engineering-form-card {
  position: relative;
  overflow: hidden;
}

.engineering-form-card:before {
  content: "";
  position: absolute;
  right: -60px;
  top: -60px;
  width: 150px;
  height: 150px;
  border: 18px solid rgba(14, 165, 183, 0.08);
  border-radius: 50%;
  pointer-events: none;
}

.section-title-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 0.8rem;
}

.stage-chip,
.count-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  padding: 0.38rem 0.7rem;
  border-radius: 999px;
  background: #e0f2fe;
  color: #075985;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

.stage-chip.alt {
  background: #dcfce7;
  color: #166534;
}

.stacked-form label {
  display: block;
  margin-top: 0.85rem;
  font-weight: 900;
}

.rating-guide,
.direction-guide {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 0.7rem 0;
}

.rating-guide span,
.direction-guide div {
  border-radius: 12px;
  padding: 0.65rem;
  background: rgba(14, 165, 233, 0.08);
  border: 1px solid rgba(14, 165, 233, 0.16);
  font-size: 0.88rem;
}

.direction-guide b {
  display: block;
  color: #0f172a;
}

.direction-guide span {
  display: block;
  margin-top: 0.15rem;
  color: #475569;
}

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

.engineering-table {
  min-width: 680px;
}

.engineering-table th {
  background: #17365d;
  color: #ffffff;
}

.empty-state {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 14px;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  color: #475569;
}

.guide-main-content h3 {
  margin-top: 1.6rem;
  color: #0f3d66;
}

.example-map {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 1rem;
  margin: 1rem 0;
}

.example-map > div {
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 16px;
  padding: 1rem;
  background: #ffffff;
}

.example-map h4 {
  margin-top: 0;
  color: #0f3d66;
}

.map-arrows {
  display: grid;
  align-content: space-around;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: #0891b2;
  font-size: 1.4rem;
  font-weight: 900;
}

.guide-side-content {
  display: grid;
  gap: 1rem;
}

.mini-card {
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 18px;
  padding: 1rem;
  background: #ffffff;
  box-shadow: 0 10px 22px rgba(7, 17, 31, 0.05);
}

.mini-card h3 {
  margin-top: 0;
  color: #0f3d66;
}

.reference-card {
  background: #f8fafc;
}

.strong-tip {
  border-left: 5px solid #06b6d4;
}

.side-infographic {
  max-height: 320px;
  object-fit: contain;
}

.infographic-open-btn.compact {
  margin-top: 0.5rem;
}

.clickable-figure button {
  margin-top: 0;
}

@media (max-width: 980px) {
  .example-map {
    grid-template-columns: 1fr;
  }

  .rating-guide,
  .direction-guide {
    grid-template-columns: 1fr;
  }

  .map-arrows {
    display: none;
  }
}
/* REQUIREMENTS_PAGE_CSS_END */

/* GLOBAL_LIGHTBOX_ZOOM_CSS_START */
.infographic-lightbox {
  overflow: hidden;
}

.infographic-lightbox-image {
  cursor: zoom-in;
  transition: transform 0.12s ease;
  transform-origin: center center;
  user-select: none;
  -webkit-user-drag: none;
}

.infographic-lightbox.zoomed .infographic-lightbox-image {
  cursor: grab;
}

.infographic-lightbox.zoomed.dragging .infographic-lightbox-image {
  cursor: grabbing;
}

.lightbox-zoom-toolbar {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 10001;
  display: none;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}

.infographic-lightbox.is-open .lightbox-zoom-toolbar {
  display: flex;
}

.lightbox-zoom-toolbar button {
  margin: 0 !important;
  width: 38px;
  height: 38px;
  padding: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  box-shadow: none !important;
  font-weight: 900;
}

.lightbox-zoom-toolbar button:hover {
  background: rgba(14, 165, 183, 0.9) !important;
}

.lightbox-zoom-level {
  min-width: 64px;
  text-align: center;
  color: #ffffff;
  font-weight: 900;
  font-size: 0.88rem;
}

.lightbox-zoom-help {
  position: fixed;
  left: 24px;
  bottom: 26px;
  z-index: 10001;
  display: none;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.82rem;
  background: rgba(15, 23, 42, 0.72);
  padding: 8px 12px;
  border-radius: 999px;
}

.infographic-lightbox.is-open .lightbox-zoom-help {
  display: block;
}

@media (max-width: 700px) {
  .lightbox-zoom-help {
    display: none !important;
  }

  .lightbox-zoom-toolbar {
    bottom: 16px;
  }
}

@media print {
  .lightbox-zoom-toolbar,
  .lightbox-zoom-help {
    display: none !important;
  }
}
/* GLOBAL_LIGHTBOX_ZOOM_CSS_END */

/* FAST_PAGE_CSS_START */

/*
  FIX: The global `button` rule (line ~1132) applies
  `background: linear-gradient(...) !important` to every button, including
  .infographic-open-btn and .fast-diagram-overlay-btn, painting a blue gradient
  over the tree diagram and making it invisible.
  These overrides restore a transparent background for diagram-display buttons only.
*/
.infographic-open-btn,
.infographic-open-btn:hover,
.infographic-open-btn:focus,
.fast-diagram-overlay-btn,
.fast-diagram-overlay-btn:hover,
.fast-diagram-overlay-btn:focus {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  color: inherit !important;
}

/*
  FIX: .fast-bottom-diagram-card had overflow:hidden which clipped the tree.
  The export target also needs an explicit white background and min-height
  so it is never collapsed to zero.
*/
.fast-bottom-diagram-card {
  overflow: visible !important;
}

#fast-export-target {
  background: #ffffff !important;
  min-height: 120px;
  border-radius: 16px;
  border: 1px solid var(--edh-line, #c9d4e4);
  padding: 18px;
  overflow: auto;
  /* Ensure the tree inside is never hidden by inherited color rules */
  color: #0f172a !important;
}

#fast-export-target .tree,
#fast-export-target ul,
#fast-export-target li {
  color: #0f172a !important;
  background-color: inherit;
}

/* Wrapper: position:relative so the overlay button can sit on top */
.fast-diagram-wrapper {
  position: relative;
  width: 100%;
}

/* Overlay button covers the wrapper, stays transparent, shows zoom cursor */
.fast-diagram-overlay-btn {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: zoom-in !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  padding-bottom: 0.75rem !important;
  padding-right: 0.75rem !important;
}

/* Zoom label pill */
.fast-diagram-overlay-btn .infographic-zoom-label {
  pointer-events: none;
}

/* Lightbox content container: white background so cloned tree is readable */
.fast-lightbox-html-image {
  background: #ffffff !important;
  color: #0f172a !important;
}

.fast-lightbox-html-image .tree,
.fast-lightbox-html-image ul,
.fast-lightbox-html-image li {
  color: #0f172a !important;
}

/* Print: show the export target directly, hide lightbox UI */
@media print {
  .fast-diagram-overlay-btn,
  .infographic-lightbox,
  .infographic-zoom-label {
    display: none !important;
  }

  #fast-export-target {
    overflow: visible !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: none !important;
    page-break-inside: avoid;
  }
}

.fast-intro-card {
  background:
    radial-gradient(circle at top left, rgba(14, 165, 183, 0.12), transparent 32%),
    linear-gradient(180deg, #ffffff, #f8fbff);
  border-left: 6px solid var(--edh-cyan, #0ea5b7) !important;
}

.fast-intro-card h2 {
  margin: 0.2rem 0 0.75rem;
  color: var(--edh-navy, #0b1f3a);
  font-size: clamp(1.8rem, 3vw, 2.7rem);
  letter-spacing: -0.035em;
}

.fast-guide .guide-main-content h3 {
  margin-top: 1.6rem;
  color: #0f3d66;
}

.fast-example-map {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.fast-bottom-diagram-card {
  overflow: hidden;
}

.fast-diagram-open {
  text-align: left;
}

.fast-export-click-target {
  min-height: 180px;
  width: 100%;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12);
  overflow: auto;
}

.fast-export-click-target .tree {
  margin: 0;
}

.fast-lightbox-html-image {
  width: min(1200px, 94vw);
  max-height: 88vh;
  overflow: auto;
  padding: 24px;
  color: #0f172a;
}

.fast-lightbox-html-image .tree {
  background: #ffffff;
  border-radius: 18px;
  padding: 18px;
}

.fast-lightbox-html-image ul {
  color: #0f172a;
}

.fast-lightbox-html-image li {
  color: #0f172a;
}

.image-mini-card p {
  color: #475569;
}

.side-infographic {
  max-height: 320px;
  object-fit: contain;
}

.infographic-open-btn.compact {
  margin-top: 0.5rem;
}

@media (max-width: 980px) {
  .fast-lightbox-html-image {
    width: 94vw;
    padding: 14px;
  }
}
/* FAST_PAGE_CSS_END */

/* FAST_REPORT_STYLE_LIVE_TREE_CSS_START */
.fast-work-grid {
  align-items: stretch;
}

.fast-live-structure-card {
  min-height: 520px;
  display: flex;
  flex-direction: column;
}

.fast-live-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.fast-small-btn {
  margin: 0 !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
  font-size: 13px;
}

.fast-report-diagram-button {
  position: relative;
  display: block;
  flex: 1;
  width: 100%;
  min-height: 360px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: zoom-in;
  overflow: hidden;
}

.fast-report-diagram-wrap {
  width: 100%;
  height: clamp(360px, 52vh, 680px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  background: #ffffff;
  border: 1px solid #c9d4e4;
  border-radius: 18px;
  padding: 14px;
  box-shadow: inset 0 1px 0 #ffffff, 0 12px 28px rgba(7, 17, 31, 0.08);
}

.fast-report-diagram-img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: auto;
  border-radius: 12px;
  background: #ffffff;
}

.fast-report-diagram-button:hover .fast-report-diagram-img {
  transform: scale(1.01);
  transition: transform 0.18s ease;
}

.fast-lightbox-report-image {
  max-width: 96vw;
  max-height: 90vh;
  object-fit: contain;
}

.fast-tree-fallback {
  max-height: 520px;
  overflow: auto;
  border: 1px solid #c9d4e4;
  border-radius: 18px;
  padding: 14px;
  background: #ffffff;
}

@media (max-width: 980px) {
  .fast-report-diagram-wrap {
    height: 420px;
  }
}
/* FAST_REPORT_STYLE_LIVE_TREE_CSS_END */

/* FAST_REPORT_SVG_LIVE_AND_DOCX_PATCH_CSS_START */
.fast-work-grid {
  align-items: stretch;
}

.fast-live-structure-card {
  min-height: 520px;
  display: flex;
  flex-direction: column;
}

.fast-live-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.fast-small-btn {
  margin: 0 !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
  font-size: 13px;
}

.fast-report-svg-shell {
  position: relative;
  flex: 1;
  width: 100%;
  min-height: 360px;
  max-height: 680px;
  overflow: auto;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  background: #ffffff;
  box-shadow: inset 0 1px 0 #ffffff, 0 14px 34px rgba(15, 23, 42, 0.08);
  cursor: zoom-in;
}

.fast-report-svg-shell svg {
  display: block;
  width: 100%;
  min-width: 780px;
  height: auto;
  margin: 0 auto;
}

.fast-report-svg-shell:hover {
  border-color: rgba(14, 165, 183, 0.55);
  box-shadow: inset 0 1px 0 #ffffff, 0 18px 42px rgba(15, 23, 42, 0.14);
}

.fast-report-svg-lightbox-content {
  width: min(1500px, 96vw);
  max-height: 90vh;
  overflow: auto;
  padding: 24px;
  border-radius: 18px;
  background: #ffffff;
}

.fast-report-svg-lightbox-content svg {
  display: block;
  width: 100%;
  min-width: 1000px;
  height: auto;
  margin: 0 auto;
}

.side-infographic {
  max-height: 320px;
  object-fit: contain;
}

@media (max-width: 980px) {
  .fast-report-svg-shell {
    max-height: 480px;
  }
  .fast-report-svg-shell svg {
    min-width: 720px;
  }
  .fast-report-svg-lightbox-content {
    padding: 14px;
  }
}
/* FAST_REPORT_SVG_LIVE_AND_DOCX_PATCH_CSS_END */
/* FAST_EXPORT_TARGET_MINDMAP_START */
.fast-print-download-target,
#fast-export-target.fast-report-svg-shell {
  position: relative;
  width: 100%;
  min-height: 260px;
  max-height: 620px;
  overflow: auto;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  background: #ffffff;
  box-shadow: inset 0 1px 0 #ffffff, 0 14px 34px rgba(15, 23, 42, 0.08);
  cursor: zoom-in;
}

.fast-print-download-target svg,
#fast-export-target.fast-report-svg-shell svg {
  display: block;
  width: 100%;
  min-width: 780px;
  height: auto;
  margin: 0 auto;
}

.fast-print-download-target:hover,
#fast-export-target.fast-report-svg-shell:hover {
  border-color: rgba(14, 165, 183, 0.55);
  box-shadow: inset 0 1px 0 #ffffff, 0 18px 42px rgba(15, 23, 42, 0.14);
}

.fast-report-svg-lightbox-content {
  width: min(1500px, 96vw);
  max-height: 90vh;
  overflow: auto;
  padding: 24px;
  border-radius: 18px;
  background: #ffffff;
}

.fast-report-svg-lightbox-content svg {
  display: block;
  width: 100%;
  min-width: 1000px;
  height: auto;
  margin: 0 auto;
}

@media print {
  #fast-export-target.fast-report-svg-shell,
  .fast-print-download-target {
    max-height: none !important;
    overflow: visible !important;
    box-shadow: none !important;
    border: 1px solid #cbd5e1 !important;
    page-break-inside: avoid;
  }

  #fast-export-target.fast-report-svg-shell svg,
  .fast-print-download-target svg {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
  }

  #fast-export-target .infographic-zoom-label,
  .fast-print-download-target .infographic-zoom-label {
    display: none !important;
  }
}
/* FAST_EXPORT_TARGET_MINDMAP_END */
/* AXIOMATIC_SAFE_MATRIX_CSS_START */
.axiom-matrix-card {
  overflow: visible;
}

.axiom-matrix-wrap {
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.axiomatic-scroll {
  width: 100%;
  max-height: 680px;
  overflow: auto;
  position: relative;
}

.axiom-clean-scroll {
  max-height: 760px;
}

.hier-matrix.sticky-axiom,
.axiom-clean-matrix,
.axiom-edit-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  min-width: max-content;
  width: max-content;
  background: #ffffff;
  table-layout: auto;
}

.hier-matrix th,
.hier-matrix td {
  border-right: 1px solid #d7e1f0;
  border-bottom: 1px solid #d7e1f0;
  padding: 7px 8px;
  font-size: 0.78rem;
  line-height: 1.2;
  vertical-align: middle;
}

.hier-matrix thead th {
  background: #eaf1ff;
  color: #0b1f3a;
  font-weight: 900;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  background-clip: padding-box;
}

.hier-matrix .hm-corner {
  min-width: 130px;
  background: #dce8ff !important;
  color: #0b1f3a !important;
  text-align: left;
  vertical-align: top;
}

.hier-matrix .hm-dp-parent,
.hier-matrix .hm-dp-child {
  min-width: 110px;
  max-width: 150px;
  height: auto;
}

.hier-matrix .hm-dp-parent.level-0,
.hier-matrix .hm-dp-child.level-0 {
  background: #dce8ff !important;
}

.hier-matrix .hm-dp-parent.level-1,
.hier-matrix .hm-dp-child.level-1 {
  background: #e8f3ff !important;
}

.hier-matrix .hm-dp-parent.level-2,
.hier-matrix .hm-dp-child.level-2 {
  background: #f0f9ff !important;
}

.hier-matrix .hm-dp-parent.level-3,
.hier-matrix .hm-dp-child.level-3,
.hier-matrix .hm-dp-parent.level-4,
.hier-matrix .hm-dp-child.level-4 {
  background: #f8fbff !important;
}

.hier-matrix .hm-fr-cell {
  background: #eff6ff !important;
  color: #0f172a;
  font-weight: 850;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  background-clip: padding-box;
  min-width: 118px;
  max-width: 150px;
}

.hier-matrix .hm-fr-cell.level-0 {
  background: #dbeafe !important;
  min-width: 142px;
  max-width: 180px;
}

.hier-matrix .hm-fr-cell.level-1 {
  background: #e0f2fe !important;
  min-width: 130px;
  max-width: 170px;
}

.hier-matrix .hm-fr-cell.level-2 {
  background: #ecfeff !important;
  min-width: 122px;
  max-width: 160px;
}

.hier-matrix .hm-fr-cell.level-3,
.hier-matrix .hm-fr-cell.level-4 {
  background: #f8fafc !important;
}

.hier-matrix .hm-cell {
  min-width: 78px;
  width: 78px;
  text-align: center;
  background: #ffffff;
}

.hier-matrix .hm-cell.blank {
  background: #ffffff !important;
  color: transparent;
}

.hier-matrix .hm-cell.weak {
  background: #dcfce7 !important;
  color: #166534;
  font-weight: 900;
}

.hier-matrix .hm-cell.medium {
  background: #fef9c3 !important;
  color: #854d0e;
  font-weight: 900;
}

.hier-matrix .hm-cell.strong {
  background: #fee2e2 !important;
  color: #991b1b;
  font-weight: 900;
}

.ax-select {
  width: 74px;
  min-width: 74px;
  max-width: 74px;
  padding: 3px 4px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #ffffff;
  font-size: 0.72rem;
}

.axiom-edit-details {
  margin-top: 1rem;
}

.axiom-edit-details summary {
  cursor: pointer;
  font-weight: 900;
  color: #0f3d66;
  margin-bottom: 0.8rem;
}

.axiom-record-card {
  align-items: flex-start;
}

.coupling-note-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.55rem;
}

.coupling-note {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.22rem 0.5rem;
  font-size: 0.72rem;
  font-weight: 800;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: #f8fafc;
  color: #334155;
}

.coupling-note.weak {
  background: #dcfce7;
  color: #166534;
}

.coupling-note.medium {
  background: #fef9c3;
  color: #854d0e;
}

.coupling-note.strong {
  background: #fee2e2;
  color: #991b1b;
}

.coupling-note.empty {
  background: #f1f5f9;
  color: #64748b;
  font-weight: 700;
}

@media print {
  .axiom-edit-details,
  .axiom-edit-target,
  .axiom-records-grid,
  .export-tools,
  .teacher-rubric-panel {
    display: none !important;
  }

  .axiomatic-scroll,
  .axiom-clean-scroll {
    max-height: none !important;
    overflow: visible !important;
  }

  .hier-matrix th,
  .hier-matrix td {
    position: static !important;
    font-size: 7px !important;
    padding: 3px 4px !important;
  }
}
/* AXIOMATIC_SAFE_MATRIX_CSS_END */
/* AXIOMATIC_SINGLE_TABLE_WRAPPED_MATRIX_CSS_START */
.axiom-matrix-card {
  overflow: hidden;
}

.axiom-matrix-wrap {
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.axiomatic-scroll {
  width: 100%;
  max-height: 68vh;
  overflow: auto;
  position: relative;
  background: #ffffff;
}

.hier-matrix.sticky-axiom,
.axiom-single-export-table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: max-content;
  min-width: 100%;
  font-size: 0.78rem;
  background: #ffffff;
}

.axiom-single-export-table th,
.axiom-single-export-table td {
  border-right: 1px solid #dbe4f0;
  border-bottom: 1px solid #dbe4f0;
  vertical-align: middle;
}

.axiom-single-export-table thead th {
  position: sticky;
  top: 0;
  z-index: 40;
  background: #eaf1fc;
  color: #0b1f3a;
  font-weight: 900;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.15;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  text-orientation: mixed !important;
}

.axiom-single-export-table thead tr:nth-child(1) th { top: 0; }
.axiom-single-export-table thead tr:nth-child(2) th { top: 42px; }
.axiom-single-export-table thead tr:nth-child(3) th { top: 84px; }
.axiom-single-export-table thead tr:nth-child(4) th { top: 126px; }
.axiom-single-export-table thead tr:nth-child(5) th { top: 168px; }

.axiom-single-export-table .hm-corner {
  position: sticky !important;
  left: 0;
  top: 0;
  z-index: 90 !important;
  width: 540px;
  min-width: 540px;
  background: #dfe9f8 !important;
  color: #0b1f3a;
  text-align: left;
  padding: 10px 12px;
  border-left: 1px solid #dbe4f0;
}

.axiom-single-export-table .hm-dp-parent,
.axiom-single-export-table .hm-dp-child {
  min-width: 118px;
  max-width: 138px;
  height: 42px;
  padding: 6px 7px;
  text-align: center;
  background: #eef5ff;
}

.axiom-single-export-table .hm-dp-parent.level-0,
.axiom-single-export-table .hm-dp-child.level-0 { background: #dbeafe; }
.axiom-single-export-table .hm-dp-parent.level-1,
.axiom-single-export-table .hm-dp-child.level-1 { background: #e0f2fe; }
.axiom-single-export-table .hm-dp-parent.level-2,
.axiom-single-export-table .hm-dp-child.level-2 { background: #ecfeff; }
.axiom-single-export-table .hm-dp-parent.level-3,
.axiom-single-export-table .hm-dp-child.level-3 { background: #f0fdf4; }

.dp-head-label,
.fr-head-label {
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

.axiom-single-export-table thead small {
  display: block;
  margin-top: 2px;
  color: #475569;
  font-size: 0.68rem;
  font-weight: 700;
}

.axiom-single-export-table .hm-fr-cell {
  position: sticky !important;
  z-index: 50;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.15;
  text-align: left;
  vertical-align: top;
  color: #0b1f3a;
  font-weight: 850;
  padding: 8px 9px;
  background: #f8fbff;
  box-shadow: 1px 0 0 #dbe4f0;
}

.axiom-single-export-table .hm-fr-cell.level-0 {
  left: 0;
  width: 170px;
  min-width: 170px;
  max-width: 170px;
  z-index: 70;
  background: #dbeafe;
}
.axiom-single-export-table .hm-fr-cell.level-1 {
  left: 170px;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  z-index: 69;
  background: #e0f2fe;
}
.axiom-single-export-table .hm-fr-cell.level-2 {
  left: 330px;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  z-index: 68;
  background: #ecfeff;
}
.axiom-single-export-table .hm-fr-cell.level-3 {
  left: 480px;
  width: 140px;
  min-width: 140px;
  max-width: 140px;
  z-index: 67;
  background: #f0fdf4;
}
.axiom-single-export-table .hm-fr-cell.level-4,
.axiom-single-export-table .hm-fr-cell.level-5,
.axiom-single-export-table .hm-fr-cell.level-6 {
  left: 620px;
  width: 130px;
  min-width: 130px;
  max-width: 130px;
  z-index: 66;
  background: #fff7ed;
}

.axiom-single-export-table .hm-cell {
  width: 58px;
  min-width: 58px;
  height: 38px;
  padding: 0;
  text-align: center;
  background: #ffffff;
}

.axiom-single-export-table .hm-cell.weak { background: #e0f2fe; }
.axiom-single-export-table .hm-cell.medium { background: #fef3c7; }
.axiom-single-export-table .hm-cell.strong { background: #fee2e2; }

.ax-cell-editor {
  position: relative;
  width: 100%;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}

.ax-visible-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 24px;
  border-radius: 999px;
  font-weight: 950;
  font-size: 0.78rem;
  color: transparent;
}

.ax-visible-value.weak {
  color: #075985;
  background: #bae6fd;
  border: 1px solid #38bdf8;
}
.ax-visible-value.medium {
  color: #92400e;
  background: #fde68a;
  border: 1px solid #f59e0b;
}
.ax-visible-value.strong {
  color: #991b1b;
  background: #fecaca;
  border: 1px solid #ef4444;
}
.ax-visible-value.zero {
  color: transparent;
  background: transparent;
  border: 0;
}

.ax-transparent-select {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
}

.ax-cell-editor:focus-within,
.ax-cell-editor:hover {
  box-shadow: inset 0 0 0 2px rgba(14, 165, 183, 0.65);
}

.matrix-edit-tip {
  margin-top: 10px;
}

.coupling-note-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.coupling-note {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 0.72rem;
  font-weight: 850;
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  color: #334155;
}
.coupling-note.weak { background: #e0f2fe; color: #075985; border-color: #7dd3fc; }
.coupling-note.medium { background: #fef3c7; color: #92400e; border-color: #facc15; }
.coupling-note.strong { background: #fee2e2; color: #991b1b; border-color: #fca5a5; }
.coupling-note.zero { background: #f8fafc; color: #64748b; border-style: dashed; }

.ax-record-card {
  align-items: flex-start;
}

@media print {
  .axiomatic-scroll {
    max-height: none !important;
    overflow: visible !important;
  }
  .axiom-single-export-table {
    table-layout: fixed !important;
    width: auto !important;
    font-size: 7px !important;
  }
  .axiom-single-export-table thead th,
  .axiom-single-export-table .hm-fr-cell {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
  }
  .axiom-single-export-table .hm-dp-parent,
  .axiom-single-export-table .hm-dp-child {
    min-width: 70px !important;
    max-width: 70px !important;
    height: auto !important;
    padding: 3px !important;
  }
  .axiom-single-export-table .hm-fr-cell {
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    padding: 3px !important;
  }
  .axiom-single-export-table .hm-cell {
    width: 26px !important;
    min-width: 26px !important;
    height: 22px !important;
  }
  .ax-transparent-select {
    display: none !important;
  }
  .ax-visible-value {
    color: #111827 !important;
    background: transparent !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
  }
}
/* AXIOMATIC_SINGLE_TABLE_WRAPPED_MATRIX_CSS_END */
/* AXIOMATIC_FINAL_LAYOUT_CSS_START */
/* Evaluation cards: keep Independence and Information panels side by side. */
.axiom-evaluation-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 20px !important;
  width: 100% !important;
  clear: both !important;
}

.axiom-evaluation-grid > .card,
.axiom-evaluation-grid > .evaluation-card,
.axiom-evaluation-grid > .metric-card {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 20px !important;
}

/* Matrix viewport: twice as useful for editing and teaching. */
/* FIX-E: explicit overflow-x/y so parent cannot clip horizontal axis */
.axiom-matrix-card .axiomatic-scroll,
.axiom-editor-scroll,
.axiomatic-scroll {
  width: 100% !important;
  min-height: 720px !important;
  max-height: 82vh !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  overflow: auto !important;
  border-radius: 16px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  position: relative !important;
}

/* Keep the matrix compact and predictable instead of allowing FR0 text to stretch half the screen. */
table.sticky-axiom,
table.hier-matrix.sticky-axiom,
table.merged-matrix.sticky-axiom {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  width: max-content !important;
  min-width: 100% !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
}

table.sticky-axiom th,
table.sticky-axiom td {
  border: 1px solid #d9e2ef !important;
  vertical-align: top !important;
}

/* FR hierarchy columns: narrow, wrapped, sticky on the left. */
table.sticky-axiom th.hm-fr-cell {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  hyphens: auto !important;
  padding: 6px 7px !important;
  background: #f1f5f9 !important;
  color: #0f172a !important;
  box-shadow: 2px 0 0 rgba(148, 163, 184, 0.26) !important;
}

table.sticky-axiom th.hm-fr-cell.level-0 { width: 88px !important; min-width: 88px !important; max-width: 88px !important; background: #e0f2fe !important; }
table.sticky-axiom th.hm-fr-cell.level-1 { width: 98px !important; min-width: 98px !important; max-width: 98px !important; background: #eaf4ff !important; }
table.sticky-axiom th.hm-fr-cell.level-2 { width: 108px !important; min-width: 108px !important; max-width: 108px !important; background: #f1f7ff !important; }
table.sticky-axiom th.hm-fr-cell.level-3 { width: 118px !important; min-width: 118px !important; max-width: 118px !important; background: #f8fbff !important; }
table.sticky-axiom th.hm-fr-cell.level-4,
table.sticky-axiom th.hm-fr-cell.level-5,
table.sticky-axiom th.hm-fr-cell.level-6 { width: 124px !important; min-width: 124px !important; max-width: 124px !important; }

/* Top-left corner spans FR hierarchy; keep it compact and sticky. */
table.sticky-axiom th.hm-corner {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
  background: #dbeafe !important;
  color: #0b1f3a !important;
  box-shadow: 0 2px 0 rgba(148, 163, 184, 0.35), 2px 0 0 rgba(148, 163, 184, 0.35) !important;
}

/* DP hierarchy headers: sticky on top, compact, wrapped. */
table.sticky-axiom thead th.hm-dp-parent,
table.sticky-axiom thead th.hm-dp-child {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  hyphens: auto !important;
  min-width: 82px !important;
  width: 82px !important;
  max-width: 82px !important;
  padding: 6px 5px !important;
  text-align: center !important;
  vertical-align: bottom !important;
  background: #eef2ff !important;
  color: #0f172a !important;
  line-height: 1.1 !important;
}

table.sticky-axiom thead th.hm-dp-parent.level-0 { background: #dbeafe !important; width: 105px !important; min-width: 105px !important; max-width: 105px !important; }
table.sticky-axiom thead th.hm-dp-parent.level-1,
table.sticky-axiom thead th.hm-dp-child.level-1 { background: #e0f2fe !important; }
table.sticky-axiom thead th.hm-dp-child small { display: block !important; margin-top: 3px !important; color: #334155 !important; font-size: 10px !important; }

/* Relationship cells: compact, colored, and blank for zero. */
table.sticky-axiom td.hm-cell {
  min-width: 72px !important;
  width: 72px !important;
  max-width: 72px !important;
  height: 42px !important;
  padding: 3px !important;
  text-align: center !important;
  vertical-align: middle !important;
  background: #ffffff !important;
}

table.sticky-axiom td.hm-cell.zero { background: #ffffff !important; }
table.sticky-axiom td.hm-cell.weak { background: #dbeafe !important; }
table.sticky-axiom td.hm-cell.medium { background: #fef3c7 !important; }
table.sticky-axiom td.hm-cell.strong { background: #fee2e2 !important; }

table.sticky-axiom td.hm-cell.weak select.ax-select { background: #dbeafe !important; border-color: #60a5fa !important; }
table.sticky-axiom td.hm-cell.medium select.ax-select { background: #fef3c7 !important; border-color: #f59e0b !important; }
table.sticky-axiom td.hm-cell.strong select.ax-select { background: #fee2e2 !important; border-color: #ef4444 !important; }

/* Restore select behavior: show only selected value in the browser, never a list of options. */
table.sticky-axiom select.ax-select {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 2px 3px !important;
  margin: 0 !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

/* The export renderer reads selected values through JS; browser print should also avoid option-list rendering. */
@media print {
  .axiom-matrix-card .axiomatic-scroll,
  .axiomatic-scroll {
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  table.sticky-axiom th,
  table.sticky-axiom td {
    position: static !important;
  }
}

@media (max-width: 980px) {
  .axiom-evaluation-grid {
    grid-template-columns: 1fr !important;
  }

  .axiom-matrix-card .axiomatic-scroll,
  .axiom-editor-scroll,
  .axiomatic-scroll {
    min-height: 560px !important;
  }
}
/* AXIOMATIC_FINAL_LAYOUT_CSS_END */
/* ═══════════════════════════════════════════════════════════════════════
   axiomatic_matrix_fix.css
   Append this block to the END of site.css (after the existing
   AXIOMATIC_FIXED_GRID_EXPORT_CSS_END comment).

   These rules fix three bugs visible in the live page and export snapshots:

   BUG 1 — FR columns all stack at left:0 because var(--ax-fr*) was never
            written. This file cannot supply actual pixel values for those
            vars (they depend on runtime column count), but the companion JS
            file axiomatic_matrix_fix.js writes them at runtime. The rules
            below simply ensure correct stacking order and fallback layout.

   BUG 2 — Corner cell overlaps DP columns because its width was hard-coded
            to 360 px regardless of how many FR levels are present. The JS
            sets it correctly at runtime; these rules prevent any other
            stylesheet rule from overriding that inline width.

   BUG 3 — DP child header row hides behind parent row because top:58px/48px
            does not match the rendered parent row height (~92 px). The JS
            measures and sets the correct top inline; these rules keep that
            value from being overridden.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1. Corner: do not let any !important min-width override the inline
         width that the JS sets after counting the real FR columns ──────── */
table.sticky-axiom thead th.hm-corner {
  /* JS sets width / min-width / max-width inline after counting FR cols. */
  /* CSS must not override those with a hard pixel value. */
  min-width: unset !important;
  max-width: none !important;
  width: auto !important;           /* will be overridden by inline style   */
  position: sticky !important;
  top:  0 !important;
  left: 0 !important;
  z-index: 90 !important;           /* must be higher than all other stickies */
  background: #0f172a !important;
  color: #ffffff !important;
}

/* ── 2. First DP header row: always flush to the top of the scroll area ── */
table.sticky-axiom thead tr:first-child th:not(.hm-corner) {
  position: sticky !important;
  top: 0 !important;
  z-index: 72 !important;
}

/* ── 3. Second (and further) DP header rows: JS sets top inline.
         CSS sets position and z-index so the inline top actually works. ── */
table.sticky-axiom thead tr:not(:first-child) th {
  position: sticky !important;
  /* top is set inline by axiomatic_matrix_fix.js; do NOT hard-code it here */
  z-index: 71 !important;
}

/* ── 4. FR body-row sticky cells: position and z-index only.
         left / width / min-width / max-width are set inline by the JS. ─── */
table.sticky-axiom tbody th.hm-fr-cell {
  position: sticky !important;
  z-index: 65 !important;
  /* left is set inline; do not hard-code per-level values here */
}

/*
 * Cancel the per-level left: overrides that exist in the earlier blocks
 * (lines ~262-284 and ~3119-3160 of site.css).  They hard-code pixel values
 * that conflict with the var()-based and inline-set values.
 * Setting left: unset !important makes the inline style the winner.
 */
table.sticky-axiom tbody th.hm-fr-cell.level-0,
table.sticky-axiom tbody th.hm-fr-cell.level-1,
table.sticky-axiom tbody th.hm-fr-cell.level-2,
table.sticky-axiom tbody th.hm-fr-cell.level-3,
table.sticky-axiom tbody th.hm-fr-cell.level-4,
table.sticky-axiom tbody th.hm-fr-cell.level-5,
table.sticky-axiom tbody th.hm-fr-cell.level-6 {
  left:      unset !important;   /* inline style set by JS wins  */
  width:     unset !important;
  min-width: unset !important;
  max-width: unset !important;
}

/* ── 5. Relationship (data) cells must not be sticky ───────────────────── */
table.sticky-axiom td.hm-cell {
  position: static !important;
  z-index:  auto  !important;
}

/* ── 6. Export / print snapshot: flatten all sticky positioning so the
         html2canvas / print capture does not bake in scroll offsets ─────── */
body.edh-exporting table.sticky-axiom th,
body.edh-exporting table.sticky-axiom td {
  position: static !important;
}

@media print {
  table.sticky-axiom th,
  table.sticky-axiom td {
    position: static !important;
  }
}

/* ─── END axiomatic_matrix_fix.css ──────────────────────────────────────── */
/* AXIOMATIC_CORNER_POSITION_LIGHTBOX_CSS_START */
/* Final override for the editable hierarchical Axiomatic matrix. */
body .axiom-matrix-card {
  overflow: visible !important;
}

body .axiom-matrix-wrap,
body .axiom-editor-scroll,
body #axiomatic-export-target {
  height: 82vh !important;
  min-height: 720px !important;
  max-height: 82vh !important;
  overflow: auto !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  position: relative !important;
}

body table.sticky-axiom,
body table.sticky-axiom.axiom-corner-position-fixed {
  table-layout: fixed !important;
  width: max-content !important;
  min-width: max-content !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: visible !important;
}

body table.sticky-axiom col.fr-col-0 { width: 58px !important; min-width: 58px !important; max-width: 58px !important; }
body table.sticky-axiom col.fr-col-1 { width: 76px !important; min-width: 76px !important; max-width: 76px !important; }
body table.sticky-axiom col.fr-col-2 { width: 116px !important; min-width: 116px !important; max-width: 116px !important; }
body table.sticky-axiom col.fr-col-3 { width: 132px !important; min-width: 132px !important; max-width: 132px !important; }
body table.sticky-axiom col.fr-col-4 { width: 148px !important; min-width: 148px !important; max-width: 148px !important; }
body table.sticky-axiom col.fr-col-5 { width: 160px !important; min-width: 160px !important; max-width: 160px !important; }
body table.sticky-axiom col.fr-col-6 { width: 172px !important; min-width: 172px !important; max-width: 172px !important; }
body table.sticky-axiom col.dp-col { width: 72px !important; min-width: 72px !important; max-width: 72px !important; }

body table.sticky-axiom th,
body table.sticky-axiom td {
  box-sizing: border-box !important;
  border-right: 1px solid #cbd5e1 !important;
  border-bottom: 1px solid #cbd5e1 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.12 !important;
}

body table.sticky-axiom thead th.hm-corner {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 48 !important;
  background: #dbeafe !important;
  color: #0f172a !important;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  text-align: left !important;
  vertical-align: bottom !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  padding: 8px !important;
  overflow: hidden !important;
  pointer-events: none !important;
  box-shadow: 2px 0 0 #cbd5e1 !important;
}

body table.sticky-axiom thead th.hm-dp-parent,
body table.sticky-axiom thead th.hm-dp-child {
  position: sticky !important;
  z-index: 76 !important;
  min-width: 72px !important;
  width: 72px !important;
  max-width: 72px !important;
  padding: 6px 4px !important;
  text-align: center !important;
  vertical-align: bottom !important;
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body table.sticky-axiom thead th.hm-dp-parent {
  background: #dbeafe !important;
  color: #0f172a !important;
  height: 190px !important;
  max-height: 190px !important;
}

body table.sticky-axiom thead th.hm-dp-child {
  background: #eaf6ff !important;
  color: #0f172a !important;
  height: 150px !important;
  max-height: 150px !important;
}

body table.sticky-axiom thead th.hm-dp-parent small,
body table.sticky-axiom thead th.hm-dp-child small {
  display: block !important;
  color: #334155 !important;
  font-weight: 600 !important;
}

body table.sticky-axiom tbody th.hm-fr-cell {
  position: sticky !important;
  z-index: 56 !important;
  padding: 7px 8px !important;
  font-size: 12px !important;
  line-height: 1.12 !important;
  text-align: left !important;
  vertical-align: top !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  overflow: hidden !important;
  box-shadow: 2px 0 0 #cbd5e1 !important;
}

body table.sticky-axiom tbody th.hm-fr-cell.level-0 { background: #e2e8f0 !important; color: #0f172a !important; }
body table.sticky-axiom tbody th.hm-fr-cell.level-1 { background: #eaf2ff !important; color: #0f172a !important; }
body table.sticky-axiom tbody th.hm-fr-cell.level-2,
body table.sticky-axiom tbody th.hm-fr-cell.level-3,
body table.sticky-axiom tbody th.hm-fr-cell.level-4,
body table.sticky-axiom tbody th.hm-fr-cell.level-5,
body table.sticky-axiom tbody th.hm-fr-cell.level-6 { background: #ffffff !important; color: #0f172a !important; }

body table.sticky-axiom tbody th.hm-fr-cell .fr-head-label {
  display: block !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body table.sticky-axiom td.hm-cell {
  min-width: 72px !important;
  width: 72px !important;
  max-width: 72px !important;
  height: 48px !important;
  padding: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
  position: relative !important;
  background: #ffffff !important;
}

body table.sticky-axiom td.hm-cell.blank { background: #ffffff !important; }
body table.sticky-axiom td.hm-cell.weak { background: #dbeafe !important; }
body table.sticky-axiom td.hm-cell.medium { background: #fef3c7 !important; }
body table.sticky-axiom td.hm-cell.strong { background: #fee2e2 !important; }

body table.sticky-axiom .ax-cell-editor {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 48px !important;
  display: grid !important;
  place-items: center !important;
}

body table.sticky-axiom .ax-visible-value {
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  color: #0f172a !important;
  pointer-events: none !important;
}

body table.sticky-axiom .ax-visible-value.weak { background: #bfdbfe !important; border: 1px solid #60a5fa !important; }
body table.sticky-axiom .ax-visible-value.medium { background: #fde68a !important; border: 1px solid #f59e0b !important; }
body table.sticky-axiom .ax-visible-value.strong { background: #fecaca !important; border: 1px solid #ef4444 !important; }
body table.sticky-axiom .ax-visible-value.zero { background: transparent !important; border: 0 !important; }

body table.sticky-axiom select.ax-select,
body table.sticky-axiom select.ax-transparent-select {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 4 !important;
  padding: 0 !important;
}

body .grid.two:has(.evaluation-card.metric-card) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 20px !important;
}

body .evaluation-card.metric-card {
  height: 100% !important;
  margin-bottom: 20px !important;
}

body .axiomatic-clickable-visual {
  cursor: zoom-in !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}

body .axiomatic-clickable-visual:hover {
  transform: scale(1.01) !important;
  box-shadow: 0 18px 36px rgba(15,23,42,.18) !important;
}

body .axiomatic-visual-lightbox-content {
  width: min(1400px, 96vw) !important;
  max-height: 90vh !important;
  overflow: auto !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}

body .axiomatic-visual-lightbox-content img,
body .axiomatic-visual-lightbox-content svg {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}

@media (max-width: 1050px) {
  body .grid.two:has(.evaluation-card.metric-card) {
    grid-template-columns: 1fr !important;
  }
}

@media print {
  body .axiom-matrix-wrap,
  body .axiom-editor-scroll,
  body #axiomatic-export-target {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body table.sticky-axiom th,
  body table.sticky-axiom td {
    position: static !important;
  }

  body table.sticky-axiom select.ax-select {
    display: none !important;
  }
}
/* AXIOMATIC_CORNER_POSITION_LIGHTBOX_CSS_END */
/* AXIOMATIC_DP0_CORNER_LIGHTBOX_CSS_START */
.axiomatic-scroll {
  max-height: 86vh !important;
  min-height: 680px !important;
  overflow: auto !important;
  position: relative !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}

@media (max-height: 850px) {
  .axiomatic-scroll {
    min-height: 560px !important;
  }
}

.sticky-axiom.axiom-dp0-corner-managed,
.sticky-axiom.axiom-dp0-corner-managed table {
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: max-content !important;
  min-width: 100% !important;
  overflow: visible !important;
}

.sticky-axiom.axiom-dp0-corner-managed th,
.sticky-axiom.axiom-dp0-corner-managed td {
  box-sizing: border-box !important;
  border-right: 1px solid #cbd5e1 !important;
  border-bottom: 1px solid #cbd5e1 !important;
  background-clip: padding-box !important;
}

.sticky-axiom.axiom-dp0-corner-managed .hm-corner {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 64 !important;
  width: var(--ax-fr-total, 430px) !important;
  min-width: var(--ax-fr-total, 430px) !important;
  max-width: var(--ax-fr-total, 430px) !important;
  background: #dbeafe !important;
  color: #0f172a !important;
  text-align: left !important;
  vertical-align: middle !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transform: none !important;
  writing-mode: horizontal-tb !important;
  box-shadow: 1px 0 0 #cbd5e1, 0 1px 0 #cbd5e1 !important;
}

.sticky-axiom.axiom-dp0-corner-managed .hm-corner::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #cbd5e1;
}

.sticky-axiom.axiom-dp0-corner-managed .hm-dp-parent.level-0,
.sticky-axiom.axiom-dp0-corner-managed .hm-dp-parent.dp0-horizontal {
  writing-mode: horizontal-tb !important;
  transform: none !important;
  height: 72px !important;
  max-height: 72px !important;
  min-height: 72px !important;
  min-width: 180px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding: 8px 10px !important;
  background: #dbeafe !important;
  color: #0f172a !important;
  line-height: 1.15 !important;
}

.sticky-axiom.axiom-dp0-corner-managed thead th.hm-dp-parent:not(.level-0),
.sticky-axiom.axiom-dp0-corner-managed thead th.hm-dp-child {
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  min-width: var(--ax-dp, 58px) !important;
  width: var(--ax-dp, 58px) !important;
  max-width: var(--ax-dp, 58px) !important;
  height: 190px !important;
  max-height: 190px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-align: left !important;
  vertical-align: bottom !important;
  padding: 8px 4px !important;
  line-height: 1.1 !important;
}

.sticky-axiom.axiom-dp0-corner-managed .hm-dp-parent {
  background: #dbeafe !important;
  color: #0f172a !important;
  z-index: 72 !important;
}

.sticky-axiom.axiom-dp0-corner-managed .hm-dp-child {
  background: #eaf6ff !important;
  color: #0f172a !important;
  z-index: 70 !important;
}

.sticky-axiom.axiom-dp0-corner-managed tbody th.hm-fr-cell {
  position: sticky !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-align: left !important;
  vertical-align: top !important;
  padding: 8px 8px !important;
  line-height: 1.12 !important;
  font-size: 12px !important;
  background: #f8fbff !important;
  color: #0f172a !important;
  box-shadow: 1px 0 0 #cbd5e1 !important;
}

.sticky-axiom.axiom-dp0-corner-managed tbody th.hm-fr-cell.level-0 {
  background: #dbeafe !important;
  color: #0f172a !important;
  font-weight: 900 !important;
}

.sticky-axiom.axiom-dp0-corner-managed tbody th.hm-fr-cell.level-1 {
  background: #eaf6ff !important;
}

.sticky-axiom.axiom-dp0-corner-managed tbody th.hm-fr-cell.level-2,
.sticky-axiom.axiom-dp0-corner-managed tbody th.hm-fr-cell.level-3,
.sticky-axiom.axiom-dp0-corner-managed tbody th.hm-fr-cell.level-4,
.sticky-axiom.axiom-dp0-corner-managed tbody th.hm-fr-cell.level-5 {
  background: #ffffff !important;
}

.sticky-axiom.axiom-dp0-corner-managed td.hm-cell {
  min-width: var(--ax-dp, 58px) !important;
  width: var(--ax-dp, 58px) !important;
  max-width: var(--ax-dp, 58px) !important;
  height: 48px !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding: 4px !important;
  background: #ffffff !important;
}

.sticky-axiom.axiom-dp0-corner-managed td.hm-cell.blank {
  background: #ffffff !important;
}

.sticky-axiom.axiom-dp0-corner-managed td.hm-cell.weak {
  background: #dbeafe !important;
  color: #0f172a !important;
}

.sticky-axiom.axiom-dp0-corner-managed td.hm-cell.medium {
  background: #fef3c7 !important;
  color: #78350f !important;
}

.sticky-axiom.axiom-dp0-corner-managed td.hm-cell.strong {
  background: #fee2e2 !important;
  color: #7f1d1d !important;
}

.sticky-axiom.axiom-dp0-corner-managed .ax-select {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 3 !important;
}

.sticky-axiom.axiom-dp0-corner-managed .ax-display-value {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 26px !important;
  height: 26px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  font-weight: 900 !important;
  font-size: 13px !important;
}

.sticky-axiom.axiom-dp0-corner-managed td.hm-cell.weak .ax-display-value {
  background: #dbeafe !important;
  border-color: #60a5fa !important;
}

.sticky-axiom.axiom-dp0-corner-managed td.hm-cell.medium .ax-display-value {
  background: #fef3c7 !important;
  border-color: #f59e0b !important;
}

.sticky-axiom.axiom-dp0-corner-managed td.hm-cell.strong .ax-display-value {
  background: #fee2e2 !important;
  border-color: #ef4444 !important;
}

.axiomatic-clickable-visual {
  cursor: zoom-in !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.axiomatic-clickable-visual:hover {
  transform: scale(1.015) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18) !important;
}

.axiomatic-lightbox-clone-wrap {
  width: min(1400px, 96vw) !important;
  max-height: 90vh !important;
  overflow: auto !important;
  padding: 24px !important;
  background: #ffffff !important;
  border-radius: 18px !important;
}

.axiomatic-lightbox-clone-wrap svg,
.axiomatic-lightbox-clone-wrap img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
}

@media print {
  .axiomatic-scroll {
    max-height: none !important;
    overflow: visible !important;
  }

  .sticky-axiom.axiom-dp0-corner-managed th,
  .sticky-axiom.axiom-dp0-corner-managed td {
    position: static !important;
  }

  .sticky-axiom.axiom-dp0-corner-managed .ax-select {
    display: none !important;
  }
}
/* AXIOMATIC_DP0_CORNER_LIGHTBOX_CSS_END */

/* AXIOMATIC_DP0_CORNER_EXPORT_LIGHTBOX_FINAL_CSS_START */
/* Final scoped Axiomatic matrix repair. Keep this block at the bottom of site.css. */

.axiom-matrix-final-card,
.axiom-matrix-card {
  overflow: visible !important;
}

.axiom-matrix-wrap,
.axiomatic-export-matrix-target {
  max-height: 88vh !important;
  min-height: 620px !important;
  overflow: auto !important;
  position: relative !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}

.axiomatic-scroll {
  max-height: none !important;
  overflow: visible !important;
  position: static !important;
}

table.sticky-axiom.axiom-final-fixed-table {
  table-layout: fixed !important;
  width: max-content !important;
  min-width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: visible !important;
}

table.sticky-axiom.axiom-final-fixed-table th,
table.sticky-axiom.axiom-final-fixed-table td {
  box-sizing: border-box !important;
  border-right: 1px solid #cbd5e1 !important;
  border-bottom: 1px solid #cbd5e1 !important;
  background-clip: padding-box !important;
  line-height: 1.14 !important;
}

/* Top-left corner: deliberately NOT sticky so it scrolls away and cannot cover FR body cells. */
table.sticky-axiom.axiom-final-fixed-table thead th.hm-corner {
  position: static !important;
  left: auto !important;
  top: auto !important;
  z-index: 1 !important;
  background: #e8f1fb !important;
  color: #0f172a !important;
  text-align: left !important;
  vertical-align: bottom !important;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* DP0 / highest DP parent headers: horizontal, compact, and sticky. */
table.sticky-axiom.axiom-final-fixed-table thead tr:first-child th.hm-dp-parent,
table.sticky-axiom.axiom-final-fixed-table thead th.hm-dp-parent.level-0 {
  writing-mode: horizontal-tb !important;
  transform: none !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  width: auto !important;
  min-width: 48px !important;
  max-width: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-align: center !important;
  vertical-align: middle !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 70 !important;
  background: #dbeafe !important;
  color: #0f172a !important;
  padding: 8px 6px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

/* Lower DP headers stay vertical to save horizontal space. */
table.sticky-axiom.axiom-final-fixed-table thead th.hm-dp-child,
table.sticky-axiom.axiom-final-fixed-table thead tr:not(:first-child) th.hm-dp-parent {
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 190px !important;
  min-height: 190px !important;
  max-height: 190px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-align: left !important;
  vertical-align: bottom !important;
  position: sticky !important;
  z-index: 65 !important;
  background: #eaf6ff !important;
  color: #0f172a !important;
  padding: 7px 4px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

/* Compact sticky FR hierarchy cells. The JS writes exact left offsets. */
table.sticky-axiom.axiom-final-fixed-table tbody th.hm-fr-cell {
  position: sticky !important;
  background: #f8fbff !important;
  color: #0f172a !important;
  text-align: left !important;
  vertical-align: top !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  padding: 7px 8px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.13 !important;
  box-shadow: 2px 0 0 rgba(203, 213, 225, 0.9) !important;
}

table.sticky-axiom.axiom-final-fixed-table tbody th.hm-fr-cell.level-0 {
  background: #e8f1fb !important;
  color: #0f172a !important;
}

table.sticky-axiom.axiom-final-fixed-table tbody th.hm-fr-cell.level-1 {
  background: #f1f7ff !important;
}

table.sticky-axiom.axiom-final-fixed-table tbody th.hm-fr-cell.level-2,
table.sticky-axiom.axiom-final-fixed-table tbody th.hm-fr-cell.level-3,
table.sticky-axiom.axiom-final-fixed-table tbody th.hm-fr-cell.level-4,
table.sticky-axiom.axiom-final-fixed-table tbody th.hm-fr-cell.level-5 {
  background: #ffffff !important;
}

/* Relationship body cells */
table.sticky-axiom.axiom-final-fixed-table td.hm-cell {
  position: relative !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 34px !important;
  min-height: 34px !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding: 0 !important;
  background: #ffffff !important;
}

table.sticky-axiom.axiom-final-fixed-table td.hm-cell.blank {
  background: #ffffff !important;
}

table.sticky-axiom.axiom-final-fixed-table td.hm-cell.weak {
  background: #dbeafe !important;
  color: #0f172a !important;
}

table.sticky-axiom.axiom-final-fixed-table td.hm-cell.medium {
  background: #fef3c7 !important;
  color: #78350f !important;
}

table.sticky-axiom.axiom-final-fixed-table td.hm-cell.strong {
  background: #fee2e2 !important;
  color: #7f1d1d !important;
}

/* Invisible select remains editable but export/download sees clean display text only. */
table.sticky-axiom.axiom-final-fixed-table td.hm-cell select.ax-select {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 3 !important;
  padding: 0 !important;
  margin: 0 !important;
}

table.sticky-axiom.axiom-final-fixed-table td.hm-cell .ax-display-value {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 2px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  pointer-events: none !important;
}

table.sticky-axiom.axiom-final-fixed-table td.hm-cell:hover {
  outline: 2px solid rgba(37, 99, 235, 0.45) !important;
  outline-offset: -2px !important;
}

/* Evaluation cards alignment */
.axiom-matrix-card + .grid.two,
.axiomatic-eval-grid,
.grid.two:has(.evaluation-card) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.evaluation-card.metric-card {
  height: 100% !important;
  align-self: stretch !important;
}

/* Export mode: remove sticky positioning so generated PNG/PDF aligns naturally. */
body.axiom-exporting table.sticky-axiom.axiom-final-fixed-table th,
body.axiom-exporting table.sticky-axiom.axiom-final-fixed-table td {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}

body.axiom-exporting table.sticky-axiom.axiom-final-fixed-table td.hm-cell select.ax-select {
  display: none !important;
}

body.axiom-exporting table.sticky-axiom.axiom-final-fixed-table thead th.hm-dp-child,
body.axiom-exporting table.sticky-axiom.axiom-final-fixed-table thead tr:not(:first-child) th.hm-dp-parent {
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
}

body.axiom-exporting table.sticky-axiom.axiom-final-fixed-table thead tr:first-child th.hm-dp-parent {
  writing-mode: horizontal-tb !important;
  transform: none !important;
}

@media print {
  table.sticky-axiom.axiom-final-fixed-table th,
  table.sticky-axiom.axiom-final-fixed-table td {
    position: static !important;
    left: auto !important;
    top: auto !important;
  }

  table.sticky-axiom.axiom-final-fixed-table td.hm-cell select.ax-select {
    display: none !important;
  }
}

/* Axiomatic visual lightbox support */
.axiom-clickable-visual {
  cursor: zoom-in !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.axiom-clickable-visual:hover {
  transform: scale(1.01) !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.16) !important;
}

.axiom-lightbox-content {
  width: min(1400px, 96vw) !important;
  max-height: 90vh !important;
  overflow: auto !important;
  padding: 24px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 28px 80px rgba(0,0,0,0.45) !important;
}

.axiom-lightbox-content img,
.axiom-lightbox-content svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  background: #ffffff !important;
}

@media (max-width: 900px) {
  .axiom-matrix-wrap,
  .axiomatic-export-matrix-target {
    max-height: 82vh !important;
    min-height: 520px !important;
  }

  .axiom-matrix-card + .grid.two,
  .axiomatic-eval-grid,
  .grid.two:has(.evaluation-card) {
    grid-template-columns: 1fr !important;
  }
}
/* AXIOMATIC_DP0_CORNER_EXPORT_LIGHTBOX_FINAL_CSS_END */
/* AXIOMATIC_MATRIX_FINAL_LAYOUT_CSS_START */

/* Hide print/download/export controls globally after the user requested removal. */
[data-hidden-export-control="1"] {
  display: none !important;
}

/* Keep evaluation cards aligned side by side. */
.grid.two:has(.evaluation-card.metric-card) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.grid.two:has(.evaluation-card.metric-card) > .card {
  width: auto !important;
  min-width: 0 !important;
}

/* Matrix viewport: full horizontal scroll, taller editing area. */
.axiom-matrix-wrap,
.axiom-final-wrap,
.axiomatic-scroll {
  overflow-x: auto !important;
  overflow-y: auto !important;
  max-width: 100% !important;
  width: 100% !important;
  background: #ffffff !important;
}

.axiom-matrix-wrap,
.axiom-final-wrap {
  max-height: 88vh !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 18px !important;
}

.axiomatic-scroll {
  min-height: 620px !important;
  max-height: 86vh !important;
}

/* Main table uses fixed grid; no oversized invisible right-side scroll. */
.hier-matrix.sticky-axiom,
.hier-matrix.sticky-axiom.axiom-final-layout-ready {
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: max-content !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
}

/* General cell behavior. */
.hier-matrix.sticky-axiom th,
.hier-matrix.sticky-axiom td {
  box-sizing: border-box !important;
  border-right: 1px solid #d7e1ee !important;
  border-bottom: 1px solid #d7e1ee !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
}

/* Top-left corner must NOT be sticky; it must scroll vertically with the header area. */
.hier-matrix.sticky-axiom thead th.hm-corner {
  position: static !important;
  left: auto !important;
  top: auto !important;
  z-index: 1 !important;
  background: #e8f1ff !important;
  color: #0f172a !important;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  text-align: left !important;
  vertical-align: middle !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  padding: 6px !important;
}

/* DP0 / highest DP parent row: horizontal, compact height. */
.hier-matrix.sticky-axiom thead tr:first-child th.hm-dp-parent,
.hier-matrix.sticky-axiom thead tr:first-child th.hm-dp-child {
  writing-mode: horizontal-tb !important;
  transform: none !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-align: center !important;
  vertical-align: middle !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
  padding: 4px !important;
  background: #dbeafe !important;
  color: #0f172a !important;
}

/* Lower DP rows: vertical and compact. */
.hier-matrix.sticky-axiom thead tr:not(:first-child) th.hm-dp-parent,
.hier-matrix.sticky-axiom thead tr:not(:first-child) th.hm-dp-child {
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  height: 190px !important;
  min-height: 190px !important;
  max-height: 190px !important;
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  text-align: left !important;
  vertical-align: bottom !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
  padding: 5px 3px !important;
  background: #edf7ff !important;
  color: #0f172a !important;
}

/* DP headers sticky vertically only. */
.hier-matrix.sticky-axiom thead th.hm-dp-parent,
.hier-matrix.sticky-axiom thead th.hm-dp-child {
  position: sticky !important;
  z-index: 40 !important;
}

/* FR body headers: sticky left, compact, wrapped. */
.hier-matrix.sticky-axiom tbody th.hm-fr-cell {
  position: sticky !important;
  z-index: 35 !important;
  background: #eff6ff !important;
  color: #0f172a !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.15 !important;
  padding: 6px !important;
  text-align: left !important;
  vertical-align: top !important;
  box-shadow: 1px 0 0 #d7e1ee !important;
}

.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-0 {
  background: #dbeafe !important;
  font-size: 10.5px !important;
}

.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-1,
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-2 {
  background: #eef6ff !important;
  font-size: 10.8px !important;
}

.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-3,
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-4,
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-5,
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-6 {
  background: #ffffff !important;
  font-size: 11.2px !important;
  font-weight: 900 !important;
}

/* Relationship cells. */
.hier-matrix.sticky-axiom td.hm-cell {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 2px !important;
  text-align: center !important;
  vertical-align: middle !important;
  background: #ffffff !important;
}

.hier-matrix.sticky-axiom td.hm-cell.blank {
  background: #ffffff !important;
}

.hier-matrix.sticky-axiom td.hm-cell.weak {
  background: #dbeafe !important;
  color: #0f172a !important;
}

.hier-matrix.sticky-axiom td.hm-cell.medium {
  background: #fef3c7 !important;
  color: #78350f !important;
}

.hier-matrix.sticky-axiom td.hm-cell.strong {
  background: #fee2e2 !important;
  color: #7f1d1d !important;
}

/* Keep editable select but make display clean and compact. */
.hier-matrix.sticky-axiom select.ax-select {
  position: absolute !important;
  opacity: 0 !important;
  width: 56px !important;
  min-width: 56px !important;
  height: 34px !important;
  inset: 0 !important;
  cursor: pointer !important;
}

.hier-matrix.sticky-axiom .ax-display-value {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 24px !important;
  min-height: 22px !important;
  padding: 2px 4px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  pointer-events: none !important;
}

/* Lightbox content for Axiomatic images/SVGs. */
.axiom-lightbox-content {
  width: min(1300px, 96vw) !important;
  max-height: 90vh !important;
  overflow: auto !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  padding: 18px !important;
}

.axiom-lightbox-content svg,
.axiom-lightbox-content img {
  max-width: 100% !important;
  height: auto !important;
}

/* Print/export mode safety. */
body.axiom-export-mode .hier-matrix.sticky-axiom th,
body.axiom-export-mode .hier-matrix.sticky-axiom td {
  position: static !important;
  left: auto !important;
  top: auto !important;
}

@media (max-width: 980px) {
  .grid.two:has(.evaluation-card.metric-card) {
    grid-template-columns: 1fr !important;
  }

  .axiomatic-scroll {
    min-height: 520px !important;
  }
}

/* AXIOMATIC_MATRIX_FINAL_LAYOUT_CSS_END */

/* AXIOMATIC_DP0_CORNER_FINAL_CSS_START */
/* Final override for Axiomatic Design matrix layout. Keep this at the bottom. */
.axiom-matrix-wrap,
.axiomatic-scroll,
.axiom-scroll-full {
  width: 100% !important;
  max-width: 100% !important;
  max-height: 82vh !important;
  overflow: auto !important;
  position: relative !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 18px !important;
}

.hier-matrix.sticky-axiom,
.axiom-dp0-horizontal-table,
.axiom-dp0-corner-final-ready {
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: max-content !important;
  min-width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
}

.hier-matrix.sticky-axiom th,
.hier-matrix.sticky-axiom td {
  box-sizing: border-box !important;
  border-right: 1px solid #cbd5e1 !important;
  border-bottom: 1px solid #cbd5e1 !important;
  padding: 6px 5px !important;
  vertical-align: middle !important;
  background-clip: padding-box !important;
}

/* Top-left FR hierarchy cell must NOT be sticky. It scrolls with the DP header rows. */
.hier-matrix.sticky-axiom thead th.hm-corner,
.hier-matrix.sticky-axiom.axiom-dp0-corner-final-ready thead th.hm-corner {
  position: static !important;
  left: auto !important;
  top: auto !important;
  z-index: 1 !important;
  background: #0f172a !important;
  color: #ffffff !important;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  width: var(--ax-fr-total, 468px) !important;
  min-width: var(--ax-fr-total, 468px) !important;
  max-width: var(--ax-fr-total, 468px) !important;
}

/* Top-level DP parent row (DP0 etc.) is horizontal. */
.hier-matrix.sticky-axiom thead tr:first-child th.hm-dp-parent,
.hier-matrix.sticky-axiom thead tr:first-child th.hm-dp-child,
.hier-matrix.sticky-axiom thead tr:first-child th:not(.hm-corner) {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  background: #1e3a8a !important;
  color: #ffffff !important;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  height: auto !important;
  min-height: 40px !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Lower DP rows may remain vertical to save horizontal space. */
.hier-matrix.sticky-axiom thead tr:not(:first-child) th.hm-dp-parent,
.hier-matrix.sticky-axiom thead tr:not(:first-child) th.hm-dp-child {
  position: sticky !important;
  z-index: 55 !important;
  background: #dbeafe !important;
  color: #0f172a !important;
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  height: 150px !important;
  max-height: 150px !important;
  min-height: 150px !important;
  text-align: left !important;
  vertical-align: bottom !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.1 !important;
}

.hier-matrix.sticky-axiom thead th.hm-dp-parent,
.hier-matrix.sticky-axiom thead th.hm-dp-child,
.hier-matrix.sticky-axiom tbody td.hm-cell {
  width: var(--ax-dp, 62px) !important;
  min-width: var(--ax-dp, 62px) !important;
  max-width: var(--ax-dp, 62px) !important;
}

/* FR body columns remain sticky on the left, but compact and non-overlapping. */
.hier-matrix.sticky-axiom tbody th.hm-fr-cell {
  position: sticky !important;
  z-index: 50 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.12 !important;
  font-size: 11px !important;
  text-align: left !important;
  vertical-align: top !important;
}

.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-0 {
  left: 0px !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  background: #1e3a8a !important;
  color: #ffffff !important;
}
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-1 {
  left: 72px !important;
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  background: #dbeafe !important;
  color: #0f172a !important;
}
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-2 {
  left: 150px !important;
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  background: #ffffff !important;
  color: #0f172a !important;
}
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-3 {
  left: 242px !important;
  width: 106px !important;
  min-width: 106px !important;
  max-width: 106px !important;
  background: #ffffff !important;
  color: #0f172a !important;
}
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-4 {
  left: 348px !important;
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  background: #ffffff !important;
  color: #0f172a !important;
}
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-5 {
  left: 466px !important;
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
  background: #ffffff !important;
  color: #0f172a !important;
}
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-6 {
  left: 596px !important;
  width: 142px !important;
  min-width: 142px !important;
  max-width: 142px !important;
  background: #ffffff !important;
  color: #0f172a !important;
}

.hier-matrix.sticky-axiom td.hm-cell {
  min-height: 42px !important;
  text-align: center !important;
  background: #ffffff !important;
  padding: 4px !important;
}

.hier-matrix.sticky-axiom td.hm-cell.blank { background: #ffffff !important; color: transparent !important; }
.hier-matrix.sticky-axiom td.hm-cell.weak { background: #dbeafe !important; color: #1e3a8a !important; }
.hier-matrix.sticky-axiom td.hm-cell.medium { background: #fef3c7 !important; color: #78350f !important; }
.hier-matrix.sticky-axiom td.hm-cell.strong { background: #dcfce7 !important; color: #14532d !important; }

.hier-matrix.sticky-axiom .ax-select {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: auto !important;
  width: 100% !important;
  height: 100% !important;
  inset: 0 !important;
  cursor: pointer !important;
}

.hier-matrix.sticky-axiom .ax-display-value {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 24px !important;
  min-height: 24px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}

.hier-matrix.sticky-axiom td.hm-cell {
  position: relative !important;
}
/* AXIOMATIC_DP0_CORNER_FINAL_CSS_END */

/* AXIOMATIC_CORNER_DP0_HORIZONTAL_FINAL_START
   Final override for the Axiomatic matrix:
   - FR hierarchy corner is NOT sticky and scrolls away vertically.
   - DP0/top-level DP parent headers are horizontal.
   - Lower DP headers remain vertical and compact.
   - Matrix has full horizontal scrolling with no artificial right-side stretch.
*/
.axiom-matrix-card,
.axiom-matrix-final-card,
.axiom-final-wrap,
.axiom-matrix-wrap {
  max-width: 100% !important;
  overflow: visible !important;
}

.axiomatic-scroll,
.axiom-editor-scroll {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 720px !important;
  height: 82vh !important;
  max-height: 980px !important;
  overflow: auto !important;
  position: relative !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}

.hier-matrix.sticky-axiom,
table.hier-matrix.sticky-axiom,
table.sticky-axiom {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: visible !important;
  background: #ffffff !important;
}

.hier-matrix.sticky-axiom th,
.hier-matrix.sticky-axiom td {
  box-sizing: border-box !important;
  border-right: 1px solid #cbd5e1 !important;
  border-bottom: 1px solid #cbd5e1 !important;
  background-clip: padding-box !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
  line-height: 1.12 !important;
}

/* Critical fix: the top-left FR hierarchy corner must not be sticky. */
.hier-matrix.sticky-axiom thead th.hm-corner,
table.sticky-axiom thead th.hm-corner,
.hm-corner {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  z-index: 1 !important;
  transform: none !important;
  writing-mode: horizontal-tb !important;
  direction: ltr !important;
  text-orientation: mixed !important;
  background: #dbeafe !important;
  color: #0f172a !important;
  text-align: left !important;
  vertical-align: bottom !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  padding: 8px 10px !important;
  height: auto !important;
  min-height: 42px !important;
  max-height: none !important;
  width: var(--ax-fr-total, 468px) !important;
  min-width: var(--ax-fr-total, 468px) !important;
  max-width: var(--ax-fr-total, 468px) !important;
  box-shadow: none !important;
}

/* Critical fix: DP0 / first DP header row stays horizontal. */
.hier-matrix.sticky-axiom thead tr:first-child th.hm-dp-parent,
.hier-matrix.sticky-axiom thead tr:first-child th.hm-dp-child,
.hier-matrix.sticky-axiom thead tr:first-child th:not(.hm-corner),
table.sticky-axiom thead tr:first-child th.hm-dp-parent,
table.sticky-axiom thead tr:first-child th.hm-dp-child,
table.sticky-axiom thead tr:first-child th:not(.hm-corner) {
  position: sticky !important;
  top: 0 !important;
  z-index: 70 !important;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  direction: ltr !important;
  text-orientation: mixed !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.08 !important;
  background: #dbeafe !important;
  color: #0f172a !important;
  padding: 5px 4px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  height: auto !important;
  min-height: 42px !important;
  max-height: 76px !important;
}

/* Lower DP header rows: vertical and compact. */
.hier-matrix.sticky-axiom thead tr:not(:first-child) th.hm-dp-parent,
.hier-matrix.sticky-axiom thead tr:not(:first-child) th.hm-dp-child,
table.sticky-axiom thead tr:not(:first-child) th.hm-dp-parent,
table.sticky-axiom thead tr:not(:first-child) th.hm-dp-child {
  position: sticky !important;
  z-index: 60 !important;
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  direction: ltr !important;
  text-align: left !important;
  vertical-align: bottom !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.05 !important;
  background: #eaf2ff !important;
  color: #0f172a !important;
  padding: 6px 2px !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  height: 145px !important;
  min-height: 145px !important;
  max-height: 145px !important;
}

.hier-matrix.sticky-axiom thead th.hm-dp-parent,
.hier-matrix.sticky-axiom thead th.hm-dp-child,
.hier-matrix.sticky-axiom tbody td.hm-cell,
table.sticky-axiom thead th.hm-dp-parent,
table.sticky-axiom thead th.hm-dp-child,
table.sticky-axiom tbody td.hm-cell {
  width: var(--ax-dp, 58px) !important;
  min-width: var(--ax-dp, 58px) !important;
  max-width: var(--ax-dp, 58px) !important;
}

/* FR body headers remain sticky left. They no longer depend on the corner cell. */
.hier-matrix.sticky-axiom tbody th.hm-fr-cell,
table.sticky-axiom tbody th.hm-fr-cell {
  position: sticky !important;
  z-index: 45 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.08 !important;
  font-size: 10.5px !important;
  text-align: left !important;
  vertical-align: top !important;
  padding: 5px 4px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  overflow: hidden !important;
}

.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-0,
table.sticky-axiom tbody th.hm-fr-cell.level-0 {
  left: 0px !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  background: #dbeafe !important;
}
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-1,
table.sticky-axiom tbody th.hm-fr-cell.level-1 {
  left: 86px !important;
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  background: #eef6ff !important;
}
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-2,
table.sticky-axiom tbody th.hm-fr-cell.level-2 {
  left: 168px !important;
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
}
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-3,
table.sticky-axiom tbody th.hm-fr-cell.level-3 {
  left: 264px !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
}
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-4,
table.sticky-axiom tbody th.hm-fr-cell.level-4 {
  left: 374px !important;
  width: 122px !important;
  min-width: 122px !important;
  max-width: 122px !important;
}
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-5,
table.sticky-axiom tbody th.hm-fr-cell.level-5 {
  left: 496px !important;
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
}
.hier-matrix.sticky-axiom tbody th.hm-fr-cell.level-6,
table.sticky-axiom tbody th.hm-fr-cell.level-6 {
  left: 628px !important;
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
}

.hier-matrix.sticky-axiom td.hm-cell,
table.sticky-axiom td.hm-cell {
  position: relative !important;
  z-index: 1 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 2px !important;
  text-align: center !important;
  vertical-align: middle !important;
  background: #ffffff !important;
  font-size: 10px !important;
}

.hier-matrix.sticky-axiom td.hm-cell.blank { background: #ffffff !important; color: transparent !important; }
.hier-matrix.sticky-axiom td.hm-cell.weak { background: #dbeafe !important; color: #0f172a !important; }
.hier-matrix.sticky-axiom td.hm-cell.medium { background: #fef3c7 !important; color: #78350f !important; }
.hier-matrix.sticky-axiom td.hm-cell.strong { background: #fee2e2 !important; color: #7f1d1d !important; }

.hier-matrix.sticky-axiom select.ax-select,
table.sticky-axiom select.ax-select {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

.hier-matrix.sticky-axiom .ax-display-value,
table.sticky-axiom .ax-display-value {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  min-height: 20px !important;
  padding: 1px 4px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  pointer-events: none !important;
}

@media print {
  .axiomatic-scroll,
  .axiom-editor-scroll {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .hier-matrix.sticky-axiom th,
  .hier-matrix.sticky-axiom td,
  table.sticky-axiom th,
  table.sticky-axiom td {
    position: static !important;
    left: auto !important;
    top: auto !important;
  }
  .hier-matrix.sticky-axiom thead tr:first-child th,
  table.sticky-axiom thead tr:first-child th {
    writing-mode: horizontal-tb !important;
    transform: none !important;
  }
}
/* AXIOMATIC_CORNER_DP0_HORIZONTAL_FINAL_END */
/* AXIOMATIC_MATRIX_HEIGHT_50_START
   Final override: increase the editable Axiomatic matrix viewport height.
   Appended last so it wins over older rules and inline-like utility classes. */
.axiom-matrix-card .axiom-matrix-wrap,
.axiom-matrix-card .axiomatic-scroll,
.axiom-matrix-card .matrix-scroll,
.axiom-matrix-card .table-scroll,
.axiom-matrix-card .scroll-x,
.axiom-matrix-final-card .axiom-matrix-wrap,
.axiom-matrix-final-card .axiomatic-scroll,
.axiom-matrix-final-card .matrix-scroll,
.axiom-matrix-final-card .table-scroll,
.axiom-matrix-final-card .scroll-x,
#axiomatic-export-target,
#axiomatic-export-target.axiom-matrix-wrap,
#axiomatic-export-target .axiomatic-scroll {
  height: 93vh !important;
  min-height: 920px !important;
  max-height: 1200px !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}

/* The inner scrolling element normally holds the visible matrix. */
#axiomatic-export-target > .axiomatic-scroll,
#axiomatic-export-target > .matrix-scroll,
#axiomatic-export-target > .table-scroll,
#axiomatic-export-target > .scroll-x {
  height: 100% !important;
  min-height: 920px !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}

/* Keep the actual table allowed to extend horizontally without creating a fixed short viewport. */
#axiomatic-export-target table.sticky-axiom,
.axiom-matrix-card table.sticky-axiom,
.axiom-matrix-final-card table.sticky-axiom {
  width: max-content !important;
  min-width: max-content !important;
}
/* AXIOMATIC_MATRIX_HEIGHT_50_END */

/* AXIOMATIC_MATRIX_HEIGHT_50_START
   Final override: increase the editable Axiomatic matrix viewport height.
   Appended last so it wins over older rules and inline-like utility classes. */
.axiom-matrix-card .axiom-matrix-wrap,
.axiom-matrix-card .axiomatic-scroll,
.axiom-matrix-card .matrix-scroll,
.axiom-matrix-card .table-scroll,
.axiom-matrix-card .scroll-x,
.axiom-matrix-final-card .axiom-matrix-wrap,
.axiom-matrix-final-card .axiomatic-scroll,
.axiom-matrix-final-card .matrix-scroll,
.axiom-matrix-final-card .table-scroll,
.axiom-matrix-final-card .scroll-x,
#axiomatic-export-target,
#axiomatic-export-target.axiom-matrix-wrap,
#axiomatic-export-target .axiomatic-scroll {
  height: 93vh !important;
  min-height: 920px !important;
  max-height: 1200px !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}

/* The inner scrolling element normally holds the visible matrix. */
#axiomatic-export-target > .axiomatic-scroll,
#axiomatic-export-target > .matrix-scroll,
#axiomatic-export-target > .table-scroll,
#axiomatic-export-target > .scroll-x {
  height: 100% !important;
  min-height: 1520px !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}

/* Keep the actual table allowed to extend horizontally without creating a fixed short viewport. */
#axiomatic-export-target table.sticky-axiom,
.axiom-matrix-card table.sticky-axiom,
.axiom-matrix-final-card table.sticky-axiom {
  width: max-content !important;
  min-width: max-content !important;
}
/* AXIOMATIC_MATRIX_HEIGHT_50_END */

/* AXIOMATIC_LEAF_HEADER_CLEAN_CSS_START
   Final Axiomatic matrix layout controller.
   Goal:
   - top-left FR hierarchy corner scrolls away; it is never sticky
   - parent DP rows such as DP0 and DP1-DP10 scroll away and remain horizontal
   - only the lowest/leaf DP header row such as DP1.1-DP10.3 is sticky
   - FR hierarchy body cells stay sticky-left
*/
.axiom-matrix-card,
.axiom-matrix-final-card,
.axiom-final-wrap,
.axiom-matrix-wrap {
  max-width: 100% !important;
  overflow: visible !important;
}

.axiomatic-scroll,
.axiom-editor-scroll,
#axiomatic-export-target .axiomatic-scroll {
  width: 100% !important;
  max-width: 100% !important;
  height: 94vh !important;
  min-height: 860px !important;
  max-height: none !important;
  overflow: auto !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  position: relative !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}

@media (max-height: 900px) {
  .axiomatic-scroll,
  .axiom-editor-scroll,
  #axiomatic-export-target .axiomatic-scroll {
    height: 88vh !important;
    min-height: 720px !important;
  }
}

.hier-matrix.sticky-axiom,
table.hier-matrix.sticky-axiom,
table.sticky-axiom {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  margin: 0 !important;
  background: #ffffff !important;
}

.hier-matrix.sticky-axiom th,
.hier-matrix.sticky-axiom td,
table.sticky-axiom th,
table.sticky-axiom td {
  box-sizing: border-box !important;
  border-right: 1px solid #cbd5e1 !important;
  border-bottom: 1px solid #cbd5e1 !important;
  background-clip: padding-box !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
  line-height: 1.12 !important;
}

/* Top-left corner must never be sticky. It must scroll away vertically with parent header rows. */
.hier-matrix.sticky-axiom thead th.hm-corner,
table.sticky-axiom thead th.hm-corner,
.hm-corner {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: auto !important;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  text-orientation: mixed !important;
  direction: ltr !important;
  text-align: left !important;
  vertical-align: bottom !important;
  height: auto !important;
  min-height: 40px !important;
  max-height: none !important;
  padding: 8px 10px !important;
  background: #dbeafe !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

/* Parent DP rows are horizontal and non-sticky. */
.hier-matrix.sticky-axiom thead tr:not(:last-child) th:not(.hm-corner),
table.sticky-axiom thead tr:not(:last-child) th:not(.hm-corner),
table.sticky-axiom thead th.hm-dp-parent,
table.sticky-axiom thead th.hm-dp-header {
  position: static !important;
  top: auto !important;
  left: auto !important;
  z-index: auto !important;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  text-orientation: mixed !important;
  direction: ltr !important;
  height: auto !important;
  min-height: 42px !important;
  max-height: none !important;
  width: auto !important;
  min-width: 58px !important;
  max-width: 360px !important;
  padding: 7px 8px !important;
  text-align: center !important;
  vertical-align: middle !important;
  background: #1e3a8a !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Only the lowest DP row sticks. It is the last thead row, normally DP1.1-DP10.3. */
.hier-matrix.sticky-axiom thead tr:last-child th:not(.hm-corner),
table.sticky-axiom thead tr:last-child th:not(.hm-corner),
table.sticky-axiom thead th.hm-dp-child,
table.sticky-axiom thead th.hm-dp-leaf {
  position: sticky !important;
  top: 0 !important;
  z-index: 70 !important;
  writing-mode: vertical-rl !important;
  transform: none !important;
  text-orientation: mixed !important;
  direction: ltr !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 190px !important;
  min-height: 170px !important;
  max-height: 240px !important;
  padding: 6px 4px !important;
  text-align: left !important;
  vertical-align: bottom !important;
  line-height: 1.08 !important;
  background: #dbeafe !important;
  color: #0f172a !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

/* FR body hierarchy stays sticky-left, not sticky-top. */
.hier-matrix.sticky-axiom tbody th.hm-fr-cell,
table.sticky-axiom tbody th.hm-fr-cell {
  position: sticky !important;
  z-index: 35 !important;
  background-clip: padding-box !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.15 !important;
  padding: 5px 6px !important;
  vertical-align: top !important;
}

table.sticky-axiom tbody th.hm-fr-cell.level-0 { left: 0px !important; width: 86px !important; min-width: 86px !important; max-width: 86px !important; }
table.sticky-axiom tbody th.hm-fr-cell.level-1 { left: 86px !important; width: 82px !important; min-width: 82px !important; max-width: 82px !important; }
table.sticky-axiom tbody th.hm-fr-cell.level-2 { left: 168px !important; width: 96px !important; min-width: 96px !important; max-width: 96px !important; }
table.sticky-axiom tbody th.hm-fr-cell.level-3 { left: 264px !important; width: 110px !important; min-width: 110px !important; max-width: 110px !important; }
table.sticky-axiom tbody th.hm-fr-cell.level-4 { left: 374px !important; width: 122px !important; min-width: 122px !important; max-width: 122px !important; }
table.sticky-axiom tbody th.hm-fr-cell.level-5 { left: 496px !important; width: 132px !important; min-width: 132px !important; max-width: 132px !important; }
table.sticky-axiom tbody th.hm-fr-cell.level-6 { left: 628px !important; width: 140px !important; min-width: 140px !important; max-width: 140px !important; }

/* Relationship cells and dropdowns stay compact. */
.hier-matrix.sticky-axiom td.hm-cell,
table.sticky-axiom td.hm-cell {
  position: relative !important;
  z-index: 1 !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 2px !important;
  text-align: center !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

table.sticky-axiom td.hm-cell.blank { background: #ffffff !important; color: transparent !important; }
table.sticky-axiom td.hm-cell.weak { background: #dbeafe !important; color: #0f172a !important; }
table.sticky-axiom td.hm-cell.medium { background: #fef3c7 !important; color: #78350f !important; }
table.sticky-axiom td.hm-cell.strong { background: #fee2e2 !important; color: #7f1d1d !important; }

table.sticky-axiom td.hm-cell select.ax-select {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  inset: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
}

table.sticky-axiom td.hm-cell .ax-display-value {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  min-height: 20px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  pointer-events: none !important;
}

.export-tools,
.export-capture-tools,
.edh-export-tools,
button[onclick*="edhDownloadPng"],
button[onclick*="edhPrintTarget"] {
  display: none !important;
}

@media print {
  .axiomatic-scroll,
  .axiom-editor-scroll {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .hier-matrix.sticky-axiom th,
  .hier-matrix.sticky-axiom td,
  table.sticky-axiom th,
  table.sticky-axiom td {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }
}
/* AXIOMATIC_LEAF_HEADER_CLEAN_CSS_END */
/* AXIOMATIC_ORIGINAL_MATRIX_COLORS_START
   Final color reset for the Axiomatic matrix only.
   Keeps current sticky behavior fixes but restores original Engineering Design Hub colors.
*/
#axiomatic-export-target,
.axiom-matrix-wrap,
.axiom-final-wrap,
.axiomatic-scroll,
.axiom-editor-scroll {
  background: #ffffff !important;
}

#axiomatic-export-target table.hier-matrix,
#axiomatic-export-target .hier-matrix,
.axiomatic-scroll table.hier-matrix,
.axiom-editor-scroll table.hier-matrix {
  background: #ffffff !important;
  color: #0f172a !important;
}

#axiomatic-export-target .hier-matrix th,
#axiomatic-export-target .hier-matrix td,
.axiomatic-scroll .hier-matrix th,
.axiomatic-scroll .hier-matrix td,
.axiom-editor-scroll .hier-matrix th,
.axiom-editor-scroll .hier-matrix td {
  border-right: 1px solid #cbd5e1 !important;
  border-bottom: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

/* Top-left FR hierarchy corner: original dark site header color, but NOT sticky. */
#axiomatic-export-target .hier-matrix thead th.hm-corner,
.axiomatic-scroll .hier-matrix thead th.hm-corner,
.axiom-editor-scroll .hier-matrix thead th.hm-corner {
  background: #0f172a !important;
  color: #ffffff !important;
  border-color: #cbd5e1 !important;
  text-align: center !important;
  font-weight: 900 !important;
}

/* Parent DP headers such as DP0 and DP1-DP10: original navy band. */
#axiomatic-export-target .hier-matrix thead th.hm-dp-parent,
.axiomatic-scroll .hier-matrix thead th.hm-dp-parent,
.axiom-editor-scroll .hier-matrix thead th.hm-dp-parent {
  background: #1e3a8a !important;
  color: #ffffff !important;
  border-color: #cbd5e1 !important;
  text-align: center !important;
  font-weight: 900 !important;
}

/* Lowest DP/leaf headers such as DP1.1-DP10.3: original pale blue. */
#axiomatic-export-target .hier-matrix thead th.hm-dp-child,
#axiomatic-export-target .hier-matrix thead th.hm-dp-leaf,
.axiomatic-scroll .hier-matrix thead th.hm-dp-child,
.axiomatic-scroll .hier-matrix thead th.hm-dp-leaf,
.axiom-editor-scroll .hier-matrix thead th.hm-dp-child,
.axiom-editor-scroll .hier-matrix thead th.hm-dp-leaf {
  background: #dbeafe !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
  text-align: center !important;
  font-weight: 800 !important;
}

/* FR hierarchy body cells: level 0 navy, level 1 pale blue, lower levels white. */
#axiomatic-export-target .hier-matrix tbody th.hm-fr-cell,
.axiomatic-scroll .hier-matrix tbody th.hm-fr-cell,
.axiom-editor-scroll .hier-matrix tbody th.hm-fr-cell {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
  text-align: left !important;
  font-weight: 800 !important;
}

#axiomatic-export-target .hier-matrix tbody th.hm-fr-cell.level-0,
.axiomatic-scroll .hier-matrix tbody th.hm-fr-cell.level-0,
.axiom-editor-scroll .hier-matrix tbody th.hm-fr-cell.level-0 {
  background: #1e3a8a !important;
  color: #ffffff !important;
}

#axiomatic-export-target .hier-matrix tbody th.hm-fr-cell.level-1,
.axiomatic-scroll .hier-matrix tbody th.hm-fr-cell.level-1,
.axiom-editor-scroll .hier-matrix tbody th.hm-fr-cell.level-1 {
  background: #dbeafe !important;
  color: #0f172a !important;
}

#axiomatic-export-target .hier-matrix tbody th.hm-fr-parent,
.axiomatic-scroll .hier-matrix tbody th.hm-fr-parent,
.axiom-editor-scroll .hier-matrix tbody th.hm-fr-parent {
  background: #1e3a8a !important;
  color: #ffffff !important;
}

#axiomatic-export-target .hier-matrix tbody th.hm-fr-leaf,
.axiomatic-scroll .hier-matrix tbody th.hm-fr-leaf,
.axiom-editor-scroll .hier-matrix tbody th.hm-fr-leaf {
  background: #ffffff !important;
  color: #0f172a !important;
}

/* Matrix relationship body cells. */
#axiomatic-export-target .hier-matrix td.hm-cell,
.axiomatic-scroll .hier-matrix td.hm-cell,
.axiom-editor-scroll .hier-matrix td.hm-cell {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
  text-align: center !important;
}

#axiomatic-export-target .hier-matrix td.hm-cell.marked,
#axiomatic-export-target .hier-matrix td.hm-cell.strong,
.axiomatic-scroll .hier-matrix td.hm-cell.marked,
.axiomatic-scroll .hier-matrix td.hm-cell.strong,
.axiom-editor-scroll .hier-matrix td.hm-cell.marked,
.axiom-editor-scroll .hier-matrix td.hm-cell.strong {
  background: #dcfce7 !important;
  color: #14532d !important;
  font-weight: 900 !important;
}

#axiomatic-export-target .hier-matrix td.hm-cell.medium,
.axiomatic-scroll .hier-matrix td.hm-cell.medium,
.axiom-editor-scroll .hier-matrix td.hm-cell.medium {
  background: #fef3c7 !important;
  color: #78350f !important;
  font-weight: 900 !important;
}

#axiomatic-export-target .hier-matrix td.hm-cell.weak,
.axiomatic-scroll .hier-matrix td.hm-cell.weak,
.axiom-editor-scroll .hier-matrix td.hm-cell.weak {
  background: #dbeafe !important;
  color: #0f172a !important;
  font-weight: 900 !important;
}

#axiomatic-export-target .hier-matrix td.hm-cell.blank,
#axiomatic-export-target .hier-matrix td.hm-cell.muted-cell,
.axiomatic-scroll .hier-matrix td.hm-cell.blank,
.axiomatic-scroll .hier-matrix td.hm-cell.muted-cell,
.axiom-editor-scroll .hier-matrix td.hm-cell.blank,
.axiom-editor-scroll .hier-matrix td.hm-cell.muted-cell {
  background: #ffffff !important;
  color: #0f172a !important;
}

/* Selects inside relationship cells should keep original plain white control style. */
#axiomatic-export-target .hier-matrix .ax-select,
#axiomatic-export-target .hier-matrix .matrix-select,
.axiomatic-scroll .hier-matrix .ax-select,
.axiomatic-scroll .hier-matrix .matrix-select,
.axiom-editor-scroll .hier-matrix .ax-select,
.axiom-editor-scroll .hier-matrix .matrix-select {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
}

/* Do not allow later generic matrix color rules to recolor Axiomatic headers. */
#axiomatic-export-target .hier-matrix .missing-header,
.axiomatic-scroll .hier-matrix .missing-header,
.axiom-editor-scroll .hier-matrix .missing-header {
  background: #fee2e2 !important;
  color: #991b1b !important;
}
/* AXIOMATIC_ORIGINAL_MATRIX_COLORS_END */
/* EDITED_REPORT_VIEWER_CSS_START */
.edited-report-viewer-card {
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  border-left: 6px solid var(--edh-cyan, #0ea5b7) !important;
}

.edited-report-viewer {
  width: 100%;
  min-height: 720px;
  border: 1px solid var(--edh-line, #c9d4e4);
  border-radius: 18px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: inset 0 1px 0 #ffffff, 0 14px 30px rgba(7,17,31,0.08);
}

.edited-report-viewer-status,
.edited-report-empty {
  padding: 22px;
  color: #475569;
}

.edited-report-empty h3 {
  margin-top: 0;
  color: var(--edh-navy, #0b1f3a);
}

.edited-report-viewer-toolbar {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid var(--edh-line, #c9d4e4);
  background: #f8fafc;
}

.edited-report-viewer-toolbar .btn.small {
  margin: 0 !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
  font-size: 13px;
}

.edited-report-viewer-path {
  color: #64748b;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.edited-report-frame {
  display: block;
  width: 100%;
  height: 78vh;
  min-height: 720px;
  border: 0;
  background: #ffffff;
}

.edited-report-empty pre {
  max-height: 180px;
  overflow: auto;
  background: #0f172a;
  color: #e2e8f0;
  border-radius: 14px;
  padding: 12px;
}
/* EDITED_REPORT_VIEWER_CSS_END */

/* REPORT_AXIOMATIC_MATRIX_FIX_CSS_START */
.report-reader .report-axiom-section-fixed {
  overflow-x: auto !important;
  max-width: 100% !important;
}

.report-reader .report-axiom-section-fixed .report-visual,
.report-reader .report-axiom-section-fixed .svg-wrap {
  overflow-x: auto !important;
  max-width: 100% !important;
}

.report-reader .report-axiom-fixed-table {
  table-layout: auto !important;
  width: max-content !important;
  min-width: 100% !important;
  max-width: none !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.report-reader .report-axiom-fixed-table th,
.report-reader .report-axiom-fixed-table td {
  position: static !important;
  top: auto !important;
  left: auto !important;
  z-index: auto !important;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  text-orientation: mixed !important;
  direction: ltr !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  vertical-align: middle !important;
  height: auto !important;
  max-height: none !important;
}

.report-reader .report-axiom-fixed-table .hm-corner,
.report-reader .report-axiom-fixed-table .report-axiom-corner-fixed {
  position: static !important;
  top: auto !important;
  left: auto !important;
  z-index: auto !important;
  width: auto !important;
  min-width: 170px !important;
  max-width: 320px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  text-align: center !important;
  font-weight: 900 !important;
}

.report-reader .report-axiom-fixed-table .hm-dp-parent {
  position: static !important;
  background: #1e3a8a !important;
  color: #ffffff !important;
  min-width: 92px !important;
  max-width: 220px !important;
  text-align: center !important;
  font-weight: 900 !important;
}

.report-reader .report-axiom-fixed-table .hm-dp-child,
.report-reader .report-axiom-fixed-table .hm-dp-leaf,
.report-reader .report-axiom-fixed-table .hm-dp-header {
  position: static !important;
  background: #dbeafe !important;
  color: #0f172a !important;
  min-width: 92px !important;
  max-width: 220px !important;
  text-align: center !important;
  font-weight: 800 !important;
}

.report-reader .report-axiom-fixed-table .hm-fr-cell {
  position: static !important;
  min-width: 140px !important;
  max-width: 260px !important;
  text-align: left !important;
  font-weight: 800 !important;
}

.report-reader .report-axiom-fixed-table .hm-fr-cell.level-0 {
  background: #1e3a8a !important;
  color: #ffffff !important;
}

.report-reader .report-axiom-fixed-table .hm-fr-cell.level-1 {
  background: #dbeafe !important;
  color: #0f172a !important;
}

.report-reader .report-axiom-fixed-table .hm-cell {
  position: static !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 58px !important;
  text-align: center !important;
  padding: 6px 4px !important;
}
/* REPORT_AXIOMATIC_MATRIX_FIX_CSS_END */
/* REPORT_AXIOMATIC_MATRIX_FLUSH_FR_FIX_START
   Report preview only:
   - The FR hierarchy corner cell must only cover the FR hierarchy columns.
   - It must sit flush with the right-most FR header column, not over DP headers.
   - Report matrices must be normal-flow and horizontally scrollable.
*/
.report-reader .report-axiom-scroll,
.report-reader .report-visual:has(table.hier-matrix),
.report-reader section:has(table.hier-matrix) {
  overflow-x: auto !important;
  overflow-y: visible !important;
  max-width: 100% !important;
}

.report-reader table.hier-matrix,
.report-reader table.sticky-axiom,
.report-reader .ax-report-wrap table,
.report-reader .report-matrix {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
  width: max-content !important;
  min-width: 100% !important;
  max-width: none !important;
}

.report-reader table.hier-matrix th,
.report-reader table.hier-matrix td,
.report-reader table.sticky-axiom th,
.report-reader table.sticky-axiom td {
  position: static !important;
  left: auto !important;
  top: auto !important;
  z-index: auto !important;
  transform: none !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  direction: ltr !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  vertical-align: middle !important;
}

.report-reader table.hier-matrix thead th.hm-corner,
.report-reader table.sticky-axiom thead th.hm-corner,
.report-reader table.hier-matrix th.hm-corner {
  position: static !important;
  left: auto !important;
  top: auto !important;
  z-index: auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  background: #0f172a !important;
  color: #ffffff !important;
  text-align: center !important;
  font-weight: 900 !important;
}

.report-reader table.hier-matrix tbody th.hm-fr-cell,
.report-reader table.sticky-axiom tbody th.hm-fr-cell {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  min-width: 90px !important;
  max-width: 190px !important;
  text-align: left !important;
}

.report-reader table.hier-matrix thead th.hm-dp-parent,
.report-reader table.hier-matrix thead th.hm-dp-child,
.report-reader table.sticky-axiom thead th.hm-dp-parent,
.report-reader table.sticky-axiom thead th.hm-dp-child {
  position: static !important;
  left: auto !important;
  top: auto !important;
  z-index: auto !important;
  width: auto !important;
  min-width: 70px !important;
  max-width: 180px !important;
  height: auto !important;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.report-reader table.hier-matrix td.hm-cell,
.report-reader table.sticky-axiom td.hm-cell {
  min-width: 46px !important;
  width: 46px !important;
  max-width: 60px !important;
  text-align: center !important;
}
/* REPORT_AXIOMATIC_MATRIX_FLUSH_FR_FIX_END */
/* REPORT_MATRIX_DP_AFTER_FR_CSS_START
   Report-only Axiomatic matrix layout.
   Purpose: make the FR hierarchy header end exactly where the FR row-header
   columns end, then start DP headers where relationship cells begin.
*/
.report-reader .report-axiomatic-scroll {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  padding: 0 !important;
}

.report-reader .report-axiomatic-scroll table,
.report-reader table.report-axiomatic-matrix {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: visible !important;
}

.report-reader table.report-axiomatic-matrix th,
.report-reader table.report-axiomatic-matrix td {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  float: none !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  vertical-align: middle !important;
  border-right: 1px solid #cbd5e1 !important;
  border-bottom: 1px solid #cbd5e1 !important;
}

.report-reader table.report-axiomatic-matrix thead th.hm-corner {
  background: #0f172a !important;
  color: #ffffff !important;
  text-align: center !important;
  font-weight: 900 !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 10px 12px !important;
}

.report-reader table.report-axiomatic-matrix thead th.hm-dp-parent {
  background: #1e3a8a !important;
  color: #ffffff !important;
  text-align: center !important;
  font-weight: 900 !important;
  height: 62px !important;
  min-height: 62px !important;
  padding: 8px 10px !important;
}

.report-reader table.report-axiomatic-matrix thead th.hm-dp-child,
.report-reader table.report-axiomatic-matrix thead th.hm-dp-leaf {
  background: #dbeafe !important;
  color: #0f172a !important;
  text-align: center !important;
  font-weight: 800 !important;
  height: 62px !important;
  min-height: 62px !important;
  padding: 8px 10px !important;
}

.report-reader table.report-axiomatic-matrix tbody th.hm-fr-cell {
  text-align: left !important;
  font-weight: 800 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  padding: 10px 12px !important;
}

.report-reader table.report-axiomatic-matrix tbody th.hm-fr-cell.level-0 {
  background: #1e3a8a !important;
  color: #ffffff !important;
}

.report-reader table.report-axiomatic-matrix tbody th.hm-fr-cell.level-1 {
  background: #dbeafe !important;
  color: #0f172a !important;
}

.report-reader table.report-axiomatic-matrix td.hm-cell {
  text-align: center !important;
  background: #ffffff !important;
  color: #0f172a !important;
  padding: 7px 8px !important;
}
/* REPORT_MATRIX_DP_AFTER_FR_CSS_END */
/* EDITED_REPORT_READER_CLEAN_CSS_START */
.edited-report-reader-card[hidden] {
  display: none !important;
}

.edited-report-reader-card {
  border: 1px solid #bfdbfe;
  background: #f8fbff;
}

.edited-report-frame-wrap {
  width: 100%;
  height: min(88vh, 980px);
  min-height: 720px;
  border: 1px solid #cbd5e1;
  border-radius: 18px;
  overflow: hidden;
  background: #ffffff;
}

#edited-report-reader-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #ffffff;
}
/* EDITED_REPORT_READER_CLEAN_CSS_END */

/* FAST_LIGHTBOX_PAN_ZOOM_FAVICON_FIX_START */
.infographic-lightbox {
  overflow: hidden !important;
  touch-action: none;
}

.infographic-lightbox .infographic-lightbox-image,
.infographic-lightbox [data-lightbox-pan-target="1"],
.fast-report-svg-lightbox-content,
.fast-report-svg-lightbox-content svg {
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-user-drag: none !important;
  transform-origin: center center !important;
  will-change: transform;
}

.infographic-lightbox.zoomed .infographic-lightbox-image,
.infographic-lightbox.zoomed [data-lightbox-pan-target="1"],
.infographic-lightbox.zoomed .fast-report-svg-lightbox-content,
.infographic-lightbox.zoomed .fast-report-svg-lightbox-content svg {
  cursor: grab !important;
}

.infographic-lightbox.zoomed.dragging .infographic-lightbox-image,
.infographic-lightbox.zoomed.dragging [data-lightbox-pan-target="1"],
.infographic-lightbox.zoomed.dragging .fast-report-svg-lightbox-content,
.infographic-lightbox.zoomed.dragging .fast-report-svg-lightbox-content svg {
  cursor: grabbing !important;
}

.lightbox-zoom-toolbar {
  position: fixed !important;
  left: 50% !important;
  bottom: 24px !important;
  transform: translateX(-50%) !important;
  z-index: 10050 !important;
  display: none;
  align-items: center;
  gap: 8px;
  padding: 8px !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.infographic-lightbox.is-open .lightbox-zoom-toolbar {
  display: flex !important;
}

.lightbox-zoom-toolbar button {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.26) !important;
  box-shadow: none !important;
  line-height: 1 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  text-align: center !important;
  cursor: pointer !important;
}

.lightbox-zoom-toolbar button[data-lightbox-zoom="reset"] {
  width: auto !important;
  min-width: 76px !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  letter-spacing: 0.02em;
}

.lightbox-zoom-toolbar button:hover {
  background: rgba(14, 165, 183, 0.95) !important;
}

.lightbox-zoom-level {
  min-width: 64px !important;
  text-align: center !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 0.88rem !important;
}

.lightbox-zoom-help {
  position: fixed !important;
  left: 50% !important;
  bottom: 78px !important;
  transform: translateX(-50%) !important;
  z-index: 10049 !important;
  display: none;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100vw - 32px) !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(15, 23, 42, 0.72) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  pointer-events: none !important;
}

.infographic-lightbox.is-open .lightbox-zoom-help {
  display: block !important;
}

.fast-tree-lightbox .fast-report-svg-lightbox-content {
  width: min(1600px, 96vw) !important;
  max-height: 86vh !important;
  overflow: visible !important;
  cursor: zoom-in;
}

.fast-tree-lightbox.zoomed .fast-report-svg-lightbox-content {
  cursor: grab !important;
}
/* FAST_LIGHTBOX_PAN_ZOOM_FAVICON_FIX_END */


/* V28_AX_ASSESSMENT_REGISTRATION_START */
table.sticky-axiom thead th.hm-dp-leaf,
.hier-matrix.sticky-axiom thead th.hm-dp-leaf {
  display: table-cell !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 120 !important;
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  height: 170px !important;
  min-height: 170px !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 76px !important;
  overflow: hidden !important;
  background: #dbeafe !important;
  color: #0f172a !important;
}
.assessment-detail-block { margin: 12px 0; padding: 12px; border: 1px solid #dbeafe; border-radius: 14px; background: #f8fafc; }
.assessment-detail-block summary { cursor: pointer; }
.rubric-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.rubric-grid > div { border: 1px solid #e5e7eb; border-radius: 14px; padding: 12px; background: #fff; }
.alert { padding: 10px 12px; border-radius: 12px; background: #eff6ff; border: 1px solid #bfdbfe; color: #0f172a; margin-bottom: 12px; }
/* V28_AX_ASSESSMENT_REGISTRATION_END */


/* EDH_THEMED_LINKS_AND_ADMIN_V2_START */
a:not(.btn):not(.nav-link):not(.brand):not(.tab):not(.chip) {
  color: var(--primary, #1f57c3);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(31, 87, 195, 0.25);
  transition: color .15s ease, border-color .15s ease, background .15s ease;
}
a:not(.btn):not(.nav-link):not(.brand):not(.tab):not(.chip):hover {
  color: var(--accent, #0ea5b7);
  border-bottom-color: currentColor;
}
table a:not(.btn) {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 2px 4px;
  border-radius: 8px;
}
table a:not(.btn):hover { background: rgba(14, 165, 183, 0.08); }
.alert {
  padding: .85rem 1rem;
  border-radius: 14px;
  background: rgba(14, 165, 183, 0.10);
  border: 1px solid rgba(14, 165, 183, 0.22);
  margin-bottom: 1rem;
  font-weight: 700;
}
/* EDH_THEMED_LINKS_AND_ADMIN_V2_END */


/* EDH_CLASS_GROUPS_ARCHIVE_SETTINGS_ACTIVATION_V3_START */
.class-group-card{border:1px solid rgba(31,87,195,.14);border-radius:18px;margin:1rem 0;background:rgba(255,255,255,.68);overflow:hidden}.class-group-card>summary{cursor:pointer;display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;font-weight:900;color:var(--primary,#1f57c3);background:linear-gradient(135deg,rgba(31,87,195,.08),rgba(14,165,183,.06))}.class-group-card>summary small{color:var(--muted,#64748b);font-weight:800}.class-group-card h3,.class-group-card table{margin-left:1rem;margin-right:1rem}.row-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.row-actions form{display:inline;margin:0}.btn.danger{background:#b91c1c!important;color:#fff!important;border-color:#b91c1c!important}.archived-row{opacity:.72;background:rgba(100,116,139,.06)}.inline-check{display:inline-flex;align-items:center;gap:.45rem;margin-top:.45rem}.inline-check input[type=checkbox]{width:auto!important}.subform{margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(15,23,42,.1)}.class-details-card{border-left:4px solid var(--primary,#1f57c3)}.activation-inline-form input{min-width:220px}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.22rem .58rem;font-weight:900;font-size:.78rem}.status-pill.ok{background:rgba(22,163,74,.12);color:#15803d}.status-pill.warn{background:rgba(245,158,11,.14);color:#92400e}a:not(.btn):not(.nav-link):not(.brand):not(.tab):not(.chip){color:var(--primary,#1f57c3);font-weight:750;text-decoration:none;border-bottom:1px solid rgba(31,87,195,.25)}a:not(.btn):not(.nav-link):not(.brand):not(.tab):not(.chip):hover{color:var(--accent,#0ea5b7);border-bottom-color:currentColor}
/* EDH_CLASS_GROUPS_ARCHIVE_SETTINGS_ACTIVATION_V3_END */



/* EDH_ADMIN_METRIC_STRIP_REDEPLOY_FINAL_START */
.admin-metric-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(130px, 1fr));
  gap: 0.85rem;
  margin: 1rem 0 1.2rem;
  align-items: stretch;
}
.admin-metric-bubble {
  position: relative;
  overflow: hidden;
  min-height: 86px;
  border-radius: 24px !important;
  padding: 1rem 1.1rem !important;
  border: 1px solid rgba(31, 87, 195, 0.16) !important;
  background: radial-gradient(circle at top right, rgba(14, 165, 183, 0.22), transparent 42%), linear-gradient(135deg, rgba(31, 87, 195, 0.10), rgba(255, 255, 255, 0.90));
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.admin-metric-bubble::after {
  content: "";
  position: absolute;
  right: -22px;
  bottom: -28px;
  width: 82px;
  height: 82px;
  border-radius: 999px;
  background: rgba(31, 87, 195, 0.10);
}
.admin-metric-bubble:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 50px rgba(15, 23, 42, 0.13);
  border-color: rgba(14, 165, 183, 0.45) !important;
}
.admin-metric-bubble .metric-label {
  position: relative;
  z-index: 1;
  color: var(--muted, #64748b);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.045em;
  line-height: 1.25;
}
.admin-metric-bubble strong {
  position: relative;
  z-index: 1;
  color: var(--primary, #1f57c3);
  font-size: clamp(1.75rem, 3vw, 2.45rem);
  line-height: 1;
  font-weight: 950;
}
.admin-metric-bubble.warn {
  background: radial-gradient(circle at top right, rgba(245, 158, 11, 0.24), transparent 44%), linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(255,255,255,0.92));
}
.admin-metric-bubble.warn strong { color: #b45309; }
.admin-metric-bubble.danger-soft {
  background: radial-gradient(circle at top right, rgba(239, 68, 68, 0.20), transparent 44%), linear-gradient(135deg, rgba(239, 68, 68, 0.10), rgba(255,255,255,0.92));
}
.admin-metric-bubble.danger-soft strong { color: #b91c1c; }
.admin-metric-bubble.muted {
  background: radial-gradient(circle at top right, rgba(100, 116, 139, 0.20), transparent 44%), linear-gradient(135deg, rgba(100, 116, 139, 0.10), rgba(255,255,255,0.92));
}
.admin-metric-bubble.muted strong { color: #475569; }
@media (max-width: 1100px) {
  .admin-metric-strip { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
}
@media (max-width: 720px) {
  .admin-metric-strip { grid-template-columns: repeat(2, minmax(130px, 1fr)); }
}
@media (max-width: 480px) {
  .admin-metric-strip { grid-template-columns: 1fr; }
}
/* EDH_ADMIN_METRIC_STRIP_REDEPLOY_FINAL_END */


/* EDH_SYSTEM_MENU_START */
:root {
  --edh-menu-bg: #08111f;
  --edh-menu-bg2: #10223d;
  --edh-menu-line: rgba(56,189,248,.50);
  --edh-menu-text: #eef6ff;
  --edh-menu-muted: #a7b5c8;
  --edh-menu-panel: #ffffff;
  --edh-menu-panel-text: #0f172a;
}

.edh-system-header {
  display: block !important;
  visibility: visible !important;
  position: sticky;
  top: 0;
  z-index: 3000;
  background: linear-gradient(135deg, var(--edh-menu-bg), var(--edh-menu-bg2));
  border-bottom: 2px solid var(--edh-menu-line);
  box-shadow: 0 16px 34px rgba(2,6,23,.22);
}

.edh-system-inner {
  width: min(1500px, calc(100% - 28px));
  min-height: 72px;
  margin: 0 auto;
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 1rem;
}

.edh-system-brand {
  display: inline-flex !important;
  align-items: center;
  gap: .7rem;
  min-width: 250px;
  color: #fff !important;
  text-decoration: none !important;
  border: 0 !important;
}

.edh-system-logo {
  width: 44px;
  height: 44px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  font-weight: 950;
  color: #042f2e;
  background: linear-gradient(135deg,#67e8f9,#22c55e);
}

.edh-system-brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

.edh-system-brand-text strong {
  color: #fff;
  font-size: .96rem;
}

.edh-system-brand-text small {
  color: var(--edh-menu-muted);
  font-size: .72rem;
  font-weight: 760;
  margin-top: .2rem;
}

.edh-system-nav {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  overflow: visible !important;
}

.edh-system-pill,
.edh-system-dd-btn {
  min-height: 38px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  padding: .50rem .82rem;
  border-radius: 999px;
  color: var(--edh-menu-text) !important;
  background: linear-gradient(135deg, #0e7490, #0891b2);
  border: 1px solid rgba(255,255,255,.16) !important;
  text-decoration: none !important;
  font-size: .80rem !important;
  font-weight: 880;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  font-family: inherit;
  box-shadow: 0 10px 22px rgba(8, 145, 178, .14);
}

.edh-system-pill:hover,
.edh-system-dd:hover .edh-system-dd-btn,
.edh-system-dd:focus-within .edh-system-dd-btn {
  background: linear-gradient(135deg, #0891b2, #22c55e);
  border-color: rgba(125, 211, 252, .58) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.edh-system-dd {
  position: relative;
}

.edh-system-panel {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) translateY(6px);
  min-width: 250px;
  max-width: 370px;
  width: max-content;
  padding: .55rem;
  border-radius: 18px;
  background: var(--edh-menu-panel);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 22px 55px rgba(15,23,42,.24);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .14s ease, transform .14s ease, visibility .14s ease;
}

.edh-system-dd:hover .edh-system-panel,
.edh-system-dd:focus-within .edh-system-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.edh-system-panel a {
  display: flex !important;
  align-items: center;
  min-height: 36px;
  padding: .54rem .68rem;
  border-radius: 12px;
  color: var(--edh-menu-panel-text) !important;
  text-decoration: none !important;
  border: 0 !important;
  font-size: .79rem !important;
  font-weight: 820;
  line-height: 1.12;
}

.edh-system-panel a:hover {
  background: rgba(14,165,183,.10);
  color: #075985 !important;
}

.edh-system-panel-heading {
  margin: .35rem .45rem .2rem;
  color: #64748b;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.edh-system-account {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: .55rem;
  min-width: 190px;
  color: var(--edh-menu-muted);
}

.edh-system-user {
  max-width: 155px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .76rem;
  font-weight: 850;
}

.edh-system-logout {
  min-height: 36px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: .46rem .78rem;
  border-radius: 999px;
  background: rgba(255,255,255,.11);
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  text-decoration: none !important;
  font-size: .77rem !important;
  font-weight: 880;
}

.edh-system-logout:hover {
  background: rgba(34,197,94,.18);
}

/* Hide old top menu fragments, never the rebuilt system menu. */
body > header:not(.edh-system-header),
body > nav,
.site-header,
.topbar,
.navbar,
.main-nav,
.topnav,
.edh-topbar,
.edh-shell-header,
.edh-dd-header,
.edh-final-header {
  display: none !important;
}

body > header.edh-system-header,
.edh-system-header,
.edh-system-header .edh-system-nav {
  display: block !important;
}
.edh-system-header .edh-system-inner {
  display: grid !important;
}
.edh-system-header .edh-system-nav {
  display: flex !important;
}

/* Button readability: previous size + about 1px. */
.btn,
button,
input[type="submit"],
input[type="button"],
.button,
a.btn,
.actions .btn,
.row-actions .btn,
.card-actions .btn,
.toolbar .btn {
  font-size: .81rem !important;
  line-height: 1.12 !important;
  font-weight: 820 !important;
  padding: .48rem .72rem !important;
  border-radius: 12px !important;
  white-space: normal;
  max-width: 100%;
}

table .btn,
table button,
table input[type="submit"] {
  font-size: .74rem !important;
  padding: .36rem .54rem !important;
  min-height: 29px;
}

.actions,
.row-actions,
.card-actions,
.page-actions,
.toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .44rem;
  align-items: center;
}

@media (max-width: 1180px) {
  .edh-system-inner {
    grid-template-columns: 1fr auto;
    padding: .75rem 0;
  }
  .edh-system-brand { min-width: 0; }
  .edh-system-nav {
    grid-column: 1 / -1;
    justify-content: flex-start;
    flex-wrap: wrap;
    order: 3;
  }
  .edh-system-account { min-width: 0; }
  .edh-system-panel {
    left: 0;
    transform: translateY(6px);
  }
  .edh-system-dd:hover .edh-system-panel,
  .edh-system-dd:focus-within .edh-system-panel {
    transform: translateY(0);
  }
}

@media (max-width: 680px) {
  .edh-system-inner { grid-template-columns: 1fr; }
  .edh-system-account { justify-content: flex-start; }
  .edh-system-pill,
  .edh-system-dd-btn {
    font-size: .74rem !important;
    padding: .42rem .60rem;
    min-height: 34px;
  }
  .edh-system-panel { min-width: 220px; }
  .btn,
  button,
  input[type="submit"],
  input[type="button"],
  .button,
  a.btn {
    font-size: .75rem !important;
    padding: .42rem .60rem !important;
  }
}
/* EDH_SYSTEM_MENU_END */

/* EDH_DASHBOARD_MENU_PILL_FIX_START */
.edh-system-nav > a.edh-system-pill,
.edh-system-nav > .edh-system-dd > .edh-system-dd-btn,
.edh-system-nav > .edh-system-dd > button.edh-system-pill {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;
  padding: .50rem .82rem !important;
  border-radius: 999px !important;
  color: var(--edh-menu-text, #eef6ff) !important;
  background: linear-gradient(135deg, #0e7490, #0891b2) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  text-decoration: none !important;
  font-size: .80rem !important;
  font-weight: 880 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  font-family: inherit !important;
  box-shadow: 0 10px 22px rgba(8, 145, 178, .14) !important;
}
.edh-system-nav > a.edh-system-pill:hover,
.edh-system-nav > .edh-system-dd:hover > .edh-system-dd-btn,
.edh-system-nav > .edh-system-dd:focus-within > .edh-system-dd-btn,
.edh-system-nav > .edh-system-dd:hover > button.edh-system-pill,
.edh-system-nav > .edh-system-dd:focus-within > button.edh-system-pill {
  background: linear-gradient(135deg, #0891b2, #22c55e) !important;
  border-color: rgba(125, 211, 252, .58) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}
/* EDH_DASHBOARD_MENU_PILL_FIX_END */

/* REPORT_AXIOMATIC_CLEAN_MATRIX_START */
.report-reader .report-axiom-clean-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border-radius: 16px !important;
  border: 1px solid #cbd5e1 !important;
  background: #fff !important;
}
.report-reader table.report-axiom-clean {
  border-collapse: collapse !important;
  table-layout: fixed !important;
  width: max-content !important;
  min-width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
.report-reader table.report-axiom-clean col.report-fr-col { width: 210px !important; }
.report-reader table.report-axiom-clean col.report-dp-col { width: 64px !important; }
.report-reader table.report-axiom-clean th,
.report-reader table.report-axiom-clean td {
  position: static !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  vertical-align: middle !important;
}
.report-reader table.report-axiom-clean .report-fr-corner,
.report-reader table.report-axiom-clean .report-fr-spacer {
  background: #0f172a !important;
  color: #ffffff !important;
  text-align: center !important;
  font-weight: 950 !important;
  padding: 10px !important;
}
.report-reader table.report-axiom-clean .report-fr-spacer {
  color: transparent !important;
  padding: 0 !important;
  height: 1px !important;
}
.report-reader table.report-axiom-clean .report-dp-parent,
.report-reader table.report-axiom-clean .report-dp-child {
  background: #dbeafe !important;
  color: #0f172a !important;
  text-align: center !important;
  font-weight: 900 !important;
  padding: 8px 9px !important;
  min-height: 42px !important;
}
.report-reader table.report-axiom-clean .report-dp-child small {
  display: block !important;
  margin-top: 3px !important;
  color: #334155 !important;
  font-weight: 700 !important;
}
.report-reader table.report-axiom-clean .report-fr-cell {
  background: #e8f1ff !important;
  color: #0f172a !important;
  text-align: left !important;
  font-weight: 850 !important;
  padding: 9px 10px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}
.report-reader table.report-axiom-clean .report-fr-level-0 { background: #dbeafe !important; }
.report-reader table.report-axiom-clean .report-fr-level-1 { background: #eaf2ff !important; }
.report-reader table.report-axiom-clean .report-fr-level-2 { background: #f3f8ff !important; }
.report-reader table.report-axiom-clean .report-rel-cell {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 42px !important;
  text-align: center !important;
  font-weight: 950 !important;
  color: #0f172a !important;
}
.report-reader table.report-axiom-clean .strong { background: #93c5fd !important; }
.report-reader table.report-axiom-clean .medium { background: #bfdbfe !important; }
.report-reader table.report-axiom-clean .weak { background: #dbeafe !important; }
.report-reader table.report-axiom-clean .blank { background: #ffffff !important; }
.report-reader table.report-axiom-clean .report-missing-header {
  background: #fee2e2 !important;
  color: #7f1d1d !important;
}
/* REPORT_AXIOMATIC_CLEAN_MATRIX_END */

/* REPORT_FAST_LIGHTBOX_START */
.report-reader .report-fast-visual,
.report-reader .report-fast-section .report-visual,
.report-reader .report-fast-clickable {
  cursor: zoom-in !important;
}
.report-reader .report-fast-clickable svg,
.report-reader .report-fast-clickable img,
.report-reader .report-fast-section svg,
.report-reader .report-fast-section img {
  transition: transform .16s ease, box-shadow .16s ease !important;
}
.report-reader .report-fast-clickable:hover svg,
.report-reader .report-fast-clickable:hover img,
.report-reader .report-fast-section svg:hover,
.report-reader .report-fast-section img:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 40px rgba(15,23,42,.14) !important;
}
.report-fast-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 6000 !important;
  display: none !important;
  background: rgba(2, 6, 23, .88) !important;
  color: #fff !important;
}
.report-fast-lightbox.open { display: grid !important; grid-template-rows: auto 1fr !important; }
.report-fast-lightbox-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: .8rem 1rem !important;
  background: rgba(15, 23, 42, .96) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
.report-fast-lightbox-actions {
  display: flex !important;
  gap: .45rem !important;
  flex-wrap: wrap !important;
}
.report-fast-lightbox-actions button {
  font-size: .82rem !important;
  padding: .45rem .7rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
  cursor: pointer !important;
}
.report-fast-lightbox-actions button:hover { background: rgba(56,189,248,.25) !important; }
.report-fast-lightbox-stage {
  position: relative !important;
  overflow: hidden !important;
  cursor: grab !important;
  display: grid !important;
  place-items: center !important;
  padding: 2rem !important;
}
.report-fast-lightbox-stage.dragging { cursor: grabbing !important; }
.report-fast-lightbox-content {
  transform-origin: center center !important;
  transition: transform .06s linear !important;
  max-width: 95vw !important;
  max-height: 82vh !important;
}
.report-fast-lightbox-content svg,
.report-fast-lightbox-content img {
  width: min(1400px, 92vw) !important;
  height: auto !important;
  max-height: 82vh !important;
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.45) !important;
}
body.report-fast-lightbox-open { overflow: hidden !important; }
/* REPORT_FAST_LIGHTBOX_END */


/* EDH_DASHBOARD_MENU_ALIGNMENT_FINAL_START */
.edh-system-header .edh-system-inner {
  align-items: center !important;
}

.edh-system-header .edh-system-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .48rem !important;
  overflow: visible !important;
}

.edh-system-header .edh-system-nav > a.edh-system-pill,
.edh-system-header .edh-system-nav > .edh-system-dd {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  align-self: center !important;
}

.edh-system-header .edh-system-nav > a.edh-system-pill,
.edh-system-header .edh-system-nav > .edh-system-dd > .edh-system-dd-btn,
.edh-system-header .edh-system-nav > .edh-system-dd > button.edh-system-pill {
  height: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 .86rem !important;
  margin: 0 !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
  font-size: .80rem !important;
  font-weight: 880 !important;
  font-family: inherit !important;
  color: var(--edh-menu-text, #eef6ff) !important;
  background: linear-gradient(135deg, #0e7490, #0891b2) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  text-decoration: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  box-shadow: 0 10px 22px rgba(8,145,178,.14) !important;
}
/* EDH_DASHBOARD_MENU_ALIGNMENT_FINAL_END */

/* EDH_REPORT_FAST_SECTION_LIGHTBOX_START */
.fast-preview,
.report-fast-preview,
.fast-diagram-preview,
.report-fast-diagram-preview,
.report-fast-click-source {
  display: none !important;
}

.report-reader section .edh-report-fast-clickable {
  cursor: zoom-in !important;
  border-radius: 16px;
}

.report-reader section .edh-report-fast-clickable:hover {
  box-shadow: 0 18px 42px rgba(15,23,42,.16);
  outline: 2px solid rgba(14,165,183,.35);
}

#reportFastLightbox.edh-report-fast-lightbox {
  display: none !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  background: rgba(2,6,23,.90) !important;
  backdrop-filter: blur(5px);
}

#reportFastLightbox.edh-report-fast-lightbox.open {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.edh-report-fast-toolbar {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .85rem 1rem;
  background: rgba(15,23,42,.98);
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.14);
}

.edh-report-fast-actions {
  display: flex;
  align-items: center;
  gap: .4rem;
}

.edh-report-fast-actions button {
  font-size: .78rem !important;
  padding: .42rem .62rem !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  cursor: pointer;
}

.edh-report-fast-stage {
  min-height: 0;
  overflow: hidden !important;
  position: relative;
  cursor: grab;
}

.edh-report-fast-stage.dragging {
  cursor: grabbing;
}

.edh-report-fast-content {
  min-width: 100%;
  min-height: 100%;
  display: grid;
  place-items: center;
  padding: 2.2rem;
  transform-origin: center center;
}

.edh-report-fast-diagram-clone {
  display: block;
  max-width: none !important;
  width: auto !important;
  height: auto !important;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 22px 60px rgba(0,0,0,.30);
  padding: 1rem;
}

body.edh-fast-lightbox-open {
  overflow: hidden !important;
}
/* EDH_REPORT_FAST_SECTION_LIGHTBOX_END */



/* EDH_EMAIL_TEST_LOG_START */
.email-test-log{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.35)}
.email-log-table{width:100%;font-size:.88rem}
.email-log-table th,.email-log-table td{vertical-align:top}
.email-log-progress,.email-log-error{white-space:pre-wrap;max-width:520px;margin:0;font-size:.82rem;line-height:1.45;background:rgba(15,23,42,.04);border:1px solid rgba(148,163,184,.25);border-radius:10px;padding:.6rem;overflow:auto}
.email-log-error{background:rgba(220,38,38,.06)}
.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .55rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;background:rgba(100,116,139,.12)}
.status-sent{background:rgba(22,163,74,.14)}
.status-outbox{background:rgba(234,179,8,.18)}
.status-failed{background:rgba(220,38,38,.14)}
.muted{opacity:.65}
/* EDH_EMAIL_TEST_LOG_END */

/* EDH email progress log */
.email-log-card{margin-top:1rem;}
.email-log-scroll{max-height:420px;overflow:auto;}
.email-log-table{min-width:980px;}
.email-log-badge{display:inline-block;padding:.25rem .55rem;border-radius:999px;font-size:.82rem;font-weight:700;text-transform:capitalize;background:#eef2ff;color:#1f2937;}
.email-log-badge-success{background:#dcfce7;color:#166534;}
.email-log-badge-warning{background:#fef3c7;color:#92400e;}
.email-log-badge-error{background:#fee2e2;color:#991b1b;}
.email-log-row td{vertical-align:top;}
.email-log-error td{background:rgba(254,226,226,.35);}
.email-log-warning td{background:rgba(254,243,199,.3);}


/* EDH email progress log bottom pagination */
.email-log-card-bottom{margin-top:1.25rem;}
.email-log-head{align-items:flex-start;gap:1rem;}
.email-log-page-summary{font-size:.9rem;color:#64748b;font-weight:700;white-space:nowrap;padding-top:.35rem;}
.email-log-scroll{max-height:420px;overflow:auto;}
.email-log-table{min-width:980px;}
.email-log-badge{display:inline-block;padding:.25rem .55rem;border-radius:999px;font-size:.82rem;font-weight:700;text-transform:capitalize;background:#eef2ff;color:#1f2937;}
.email-log-badge-success{background:#dcfce7;color:#166534;}
.email-log-badge-warning{background:#fef3c7;color:#92400e;}
.email-log-badge-error{background:#fee2e2;color:#991b1b;}
.email-log-row td{vertical-align:top;}
.email-log-error td{background:rgba(254,226,226,.35);}
.email-log-warning td{background:rgba(254,243,199,.3);}
.email-log-pagination{display:flex;align-items:center;gap:.5rem;justify-content:flex-end;flex-wrap:wrap;margin-top:.9rem;}
.email-log-page-chip{display:inline-flex;align-items:center;justify-content:center;min-width:4.5rem;padding:.42rem .7rem;border:1px solid rgba(148,163,184,.45);border-radius:999px;font-weight:800;background:#f8fafc;color:#334155;}
.btn.small{padding:.42rem .7rem;font-size:.86rem;}
.btn.disabled,.btn.disabled:hover{opacity:.45;pointer-events:none;cursor:not-allowed;}
@media(max-width:720px){.email-log-head{display:block}.email-log-page-summary{margin-top:.4rem}.email-log-pagination{justify-content:flex-start}}


/* EDH_ACTIVATE_ACCOUNT_422_FIX_START */
.activation-shell{
  min-height:calc(100vh - 180px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px 16px 56px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.12), transparent 32%),
    radial-gradient(circle at bottom right, rgba(20,184,166,.10), transparent 30%);
}
.activation-card{
  width:min(100%, 560px);
  border:1px solid rgba(15,23,42,.10);
  border-radius:26px;
  background:rgba(255,255,255,.94);
  box-shadow:0 24px 70px rgba(15,23,42,.14);
  padding:34px;
}
.activation-badge{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg, #1d4ed8, #14b8a6);
  color:#fff;
  font-size:25px;
  box-shadow:0 14px 30px rgba(37,99,235,.25);
  margin-bottom:16px;
}
.activation-card .eyebrow{
  margin:0 0 6px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.78rem;
  font-weight:800;
  color:#2563eb;
}
.activation-card h1{
  margin:0 0 10px;
  font-size:clamp(1.8rem, 4vw, 2.5rem);
}
.activation-card .muted{
  margin:0 0 22px;
  color:#64748b;
  line-height:1.6;
}
.activation-form{
  display:grid;
  gap:10px;
}
.activation-form label{
  font-weight:800;
  color:#0f172a;
  margin-top:6px;
}
.activation-form input{
  width:100%;
  border:1px solid rgba(15,23,42,.16);
  border-radius:16px;
  padding:13px 14px;
  font-size:1rem;
  background:#fff;
}
.activation-form input:focus{
  outline:none;
  border-color:#2563eb;
  box-shadow:0 0 0 4px rgba(37,99,235,.14);
}
.activation-submit{
  width:100%;
  justify-content:center;
  margin-top:14px;
  padding:13px 18px;
  border-radius:16px;
}
.activation-links{
  margin:20px 0 0;
  text-align:center;
}
/* EDH_ACTIVATE_ACCOUNT_422_FIX_END */


/* EDH SMTP delivery settings note */
.smtp-delivery-note{margin:14px 0;padding:14px 16px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:16px;line-height:1.55;font-size:.94rem;}
.email-log-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb;}
.actions.compact{display:flex;gap:8px;flex-wrap:wrap;}
.btn.disabled,.btn.disabled:hover{opacity:.45;pointer-events:none;filter:grayscale(.2);}


/* EDH password reset email route cards */
.auth-modern-card{max-width:760px;margin:28px auto;}
.notice.warning{border-left:4px solid #f59e0b;background:#fff8eb;color:#5a3b05;}

/* AXIOMATIC INFOGRAPHIC + LIGHTBOX */
.axiom-infographic-figure {
  margin: 0 0 18px;
}

.axiom-infographic-link {
  display: block;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #dbeafe;
  background: #f8fafc;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
  cursor: zoom-in;
}

.axiom-infographic-link img {
  display: block;
  width: 100%;
  height: auto;
}

.axiom-infographic-figure figcaption {
  margin-top: 10px;
  font-size: 0.92rem;
  color: #475569;
  line-height: 1.45;
}

.axiom-image-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(15, 23, 42, 0.86);
  backdrop-filter: blur(8px);
}

.axiom-image-lightbox.open {
  display: flex;
}

.axiom-image-lightbox-frame {
  width: min(1120px, 96vw);
  max-height: 92vh;
  margin: 0;
  padding: 14px;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
}

.axiom-image-lightbox-frame img {
  display: block;
  width: 100%;
  max-height: 78vh;
  object-fit: contain;
  border-radius: 16px;
  background: #f8fafc;
}

.axiom-image-lightbox-frame figcaption {
  padding: 10px 4px 2px;
  color: #334155;
  font-size: 0.95rem;
  line-height: 1.45;
}

.axiom-image-lightbox-close {
  position: fixed;
  top: 18px;
  right: 22px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: #ffffff;
  color: #0f172a;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

body.axiom-lightbox-open {
  overflow: hidden;
}

/* Keep the forced DP leaf-code row visible and styled */
.axiom-dp-leaf-code-row th.hm-dp-leaf,
.axiom-dp-code-leaf {
  background: #dbeafe !important;
  color: #0f172a !important;
  border-bottom: 1px solid #93c5fd !important;
  font-weight: 800 !important;
}

.axiom-dp-code-leaf .dp-head-label {
  display: inline-block;
  font-weight: 900;
}


/* EDH_SHAFT_DIAGRAM_DOWNLOAD_CONTROLS_START */
.edh-diagram-download-block {
  position: relative;
}
.edh-diagram-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 6px 0 8px;
}
.edh-diagram-download-btn {
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  color: #0f172a;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 0.82rem;
  font-weight: 800;
  cursor: pointer;
  line-height: 1.2;
}
.edh-diagram-download-btn:hover {
  background: #e0f2fe;
  border-color: #38bdf8;
}
.report-visual.edh-diagram-download-block,
.svg-wrap.edh-diagram-download-block {
  overflow-x: auto;
}
/* EDH_SHAFT_DIAGRAM_DOWNLOAD_CONTROLS_END */



/* EDH_TEACHER_ADMIN_PERFORMANCE_FRAMEWORK_START */
.edh-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:18px 0 22px}.edh-kpi{background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid rgba(30,64,175,.12);border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.06)}.edh-kpi span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.edh-kpi strong{display:block;font-size:2rem;line-height:1.05;color:#0f172a;margin:5px 0}.edh-kpi small{color:#64748b}.edh-kpi.warn{background:linear-gradient(135deg,#fffdf5,#fff7ed);border-color:rgba(245,158,11,.24)}.edh-kpi.danger{background:linear-gradient(135deg,#fff7f7,#fff1f2);border-color:rgba(239,68,68,.2)}.edh-filter-card{margin-bottom:18px}.edh-inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.edh-inline-form label{min-width:190px;flex:1}.edh-inline-form input,.edh-inline-form select,.stacked-form input,.stacked-form textarea,.stacked-form select,.inline-mini-form input{width:100%;border:1px solid #dbe3ef;border-radius:12px;padding:10px 12px;background:#fff}.stacked-form{display:grid;gap:12px}.grid.two.compact{gap:10px}.inline-mini-form{display:flex;gap:8px;align-items:center}.inline-mini-form input{min-width:170px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:.82rem;background:#eef2ff;color:#3730a3}.pill.good{background:#ecfdf5;color:#047857}.pill.muted{background:#f1f5f9;color:#475569}.admin-action-stack{display:grid;gap:10px}.admin-action{display:flex;justify-content:space-between;gap:12px;align-items:center;text-decoration:none;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;background:#fff;color:#0f172a}.admin-action:hover{background:#f8fafc}.admin-action span{color:#64748b;font-size:.9rem}.row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.row-actions form{display:inline;margin:0}@media(max-width:760px){.edh-inline-form{display:grid}.inline-mini-form{display:grid}.page-head .actions{justify-content:flex-start}}
/* EDH_TEACHER_ADMIN_PERFORMANCE_FRAMEWORK_END */


/* EDH_SETTINGS_AUTH_ROUTE_REPAIR_CSS_START */
.alert { padding: 0.85rem 1rem; border-radius: 12px; background: #fff7ed; border: 1px solid #fed7aa; margin: 0.75rem 0; }
.form-card { max-width: 620px; margin: 2rem auto; padding: 1.5rem; border-radius: 18px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08); }
.form-card input, .form-card select { width: 100%; margin: 0.35rem 0 0.8rem; }
.status-pill, .email-log-badge { display: inline-block; padding: 0.2rem 0.55rem; border-radius: 999px; background: #eef2ff; font-size: 0.82rem; }
/* EDH_SETTINGS_AUTH_ROUTE_REPAIR_CSS_END */

/* EDH comprehensive dashboard stabilizer helpers */
.edh-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:16px 0}.edh-kpi{background:#fff;border:1px solid #dbe5f3;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(15,35,75,.06)}.edh-kpi span{display:block;color:#64748b;font-size:.85rem}.edh-kpi strong{display:block;font-size:1.75rem;margin:.25rem 0;color:#0f172a}.edh-kpi small{color:#64748b}.edh-kpi.warn{border-color:#fde68a}.edh-kpi.danger{border-color:#fecaca}.edh-filter-card{margin:14px 0}.edh-inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.edh-inline-form label{font-weight:600;color:#334155}.edh-inline-form input,.edh-inline-form select,.stacked-form input,.stacked-form textarea,.inline-mini-form input{border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;min-height:38px}.stacked-form{display:grid;gap:12px}.inline-mini-form{display:flex;gap:8px;align-items:center}.admin-action-stack{display:grid;gap:10px}.admin-action{display:flex;justify-content:space-between;gap:12px;border:1px solid #dbe5f3;border-radius:12px;padding:12px;text-decoration:none;color:inherit;background:#f8fafc}.class-group-card{border:1px solid #dbe5f3;border-radius:14px;padding:10px;margin:10px 0;background:#fff}.class-group-card summary{cursor:pointer;font-weight:700;display:flex;justify-content:space-between;gap:12px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:.8rem}.pill.good{background:#dcfce7;color:#166534}.pill.muted{background:#e2e8f0;color:#475569}
/* /EDH comprehensive dashboard stabilizer helpers */

/* EDH_TEACHER_STATS_STRUCTURE_COMPLETE_CSS_START */
.edh-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0}.edh-kpi{background:#fff;border:1px solid #e6ecf5;border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(15,35,75,.06)}.edh-kpi span{display:block;color:#64748b;font-size:.85rem}.edh-kpi strong{display:block;font-size:1.75rem;margin:4px 0;color:#0f172a}.edh-kpi small{color:#64748b}.edh-kpi.warn{border-color:#fde68a}.edh-kpi.danger{border-color:#fecaca}.edh-filter-card{margin:16px 0}.edh-inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.edh-inline-form label{min-width:180px}.inline-mini-form{display:flex;gap:6px;align-items:center}.inline-mini-form input{max-width:210px}.admin-action-stack{display:grid;gap:10px}.admin-action{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;background:#f8fafc}.admin-action:hover{background:#eef5ff}.class-group-card{border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px;margin:12px 0;background:#fff}.class-group-card summary{cursor:pointer;font-weight:700;display:flex;justify-content:space-between}.stacked-form{display:grid;gap:10px}.grid.compact{gap:10px}.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* EDH_TEACHER_STATS_STRUCTURE_COMPLETE_CSS_END */


/* EDH_DEEP_ROUTE_CONTRACT_CSS */
.edh-health-note{padding:.75rem 1rem;border:1px solid #dbe6ff;background:#f6f9ff;border-radius:12px;margin:.75rem 0;color:#21324d}
.edh-mini-table{width:100%;border-collapse:collapse}.edh-mini-table th,.edh-mini-table td{padding:.55rem .7rem;border-bottom:1px solid #e5e7eb;text-align:left}.edh-mini-table th{background:#f8fafc;font-weight:700}


/* EDH_THOROUGH_BREAK_FIX */
.inline-mini-form{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.inline-mini-form input{min-width:180px}
.result-highlight{background:#eef5ff;border:1px solid #bfd3ff;border-radius:16px;padding:1rem;margin-bottom:1rem}
.viable-best{background:#eefaf2}
.viable-row{background:#fbfdff}



/* EDH_ALL_TOOLS_OUTPUT_CLEANUP */
.edh-tool-detail-card{margin-top:1rem;}
.edh-tool-detail-card table th{width:42%;}
.result-highlight{background:#eef5ff;border:1px solid #c8d9ff;border-radius:16px;padding:1rem;margin-bottom:1rem;}
.viable-best{background:#eefaf2;}
.viable-row{background:#fbfdff;}



/* EDH_DASHBOARD_UX_CLASS_SECTIONS_FORMATTING_SAFE */
.edh-clickable-kpis a.edh-kpi,
a.edh-kpi{
  color:inherit;
  text-decoration:none;
  display:block;
}
.textured-kpi,
.textured-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(31,87,195,.14);
  background:
    radial-gradient(circle at top left, rgba(31,87,195,.13), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,248,255,.92));
  box-shadow:0 12px 34px rgba(16,24,40,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.textured-kpi::after,
.textured-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background-image:linear-gradient(45deg, rgba(31,87,195,.05) 25%, transparent 25%, transparent 50%, rgba(31,87,195,.05) 50%, rgba(31,87,195,.05) 75%, transparent 75%, transparent);
  background-size:18px 18px;
}
.textured-kpi > *, .textured-card > *{position:relative;z-index:1;}
.textured-kpi:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 44px rgba(16,24,40,.13);
  border-color:rgba(31,87,195,.34);
}
.report-section-guide-modern{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:.75rem;
  margin:1rem 0 1.25rem;
}
.report-section-guide-modern .report-section-chip{
  display:grid;
  grid-template-columns:1fr auto;
  gap:.15rem .75rem;
  align-items:center;
  padding:.85rem 1rem;
  border:1px solid rgba(31,87,195,.14);
  border-radius:16px;
  background:linear-gradient(135deg,#ffffff,#f6f9ff);
  box-shadow:0 8px 22px rgba(16,24,40,.06);
}
.report-section-guide-modern .report-section-chip b{font-size:.98rem;line-height:1.25;}
.report-section-guide-modern .report-section-chip span{grid-column:1;color:#64748b;font-size:.82rem;line-height:1.2;}
.report-section-guide-modern .report-section-chip em{grid-row:1 / span 2;grid-column:2;font-style:normal;font-weight:800;color:#1f57c3;white-space:nowrap;}
.inline-mini-form{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;}
.inline-mini-form input{min-width:190px;}
.clean-list{columns:2;margin:.75rem 0 0;padding-left:1.1rem;}
.clean-list li{margin:.25rem 0;}


/* EDH_ADMIN_USERS_CLASSES_NOTIFICATIONS_SAFE */
.edh-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:#dc2626;color:#fff;font-size:.75rem;margin-left:.25rem}
.filter-row,.allocation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.65rem;align-items:end}
.admin-registration-table td{vertical-align:top}.admin-registration-table input,.admin-registration-table select{width:100%;min-width:0}.row-actions form{display:inline-block;margin:.15rem}.inline-check{display:inline-flex;gap:.35rem;align-items:center;margin:.2rem .4rem .2rem 0}.inline-check input{width:auto}.unread-row{background:linear-gradient(90deg,#eef7ff,#fff)}.pill.good{background:#dcfce7;color:#166534}.pill.danger{background:#fee2e2;color:#991b1b}.pill.muted{background:#e5e7eb;color:#374151}.edh-kpi-link{text-decoration:none;color:inherit;transition:transform .15s ease, box-shadow .15s ease}.edh-kpi-link:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(15,23,42,.12)}



/* EDH_BULK_MANAGEMENT_ACTIONS_SAFE */
.bulk-toolbar{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem;padding:.75rem;border-radius:18px;background:linear-gradient(135deg,rgba(31,87,195,.08),rgba(24,166,184,.07));border:1px solid rgba(31,87,195,.12)}
.sticky-bulk{position:sticky;top:0;z-index:5;backdrop-filter:blur(8px)}
.bulk-toolbar input,.bulk-toolbar select{max-width:230px;min-width:160px}.bulk-table{width:100%;border-collapse:separate;border-spacing:0}.bulk-table th{background:#f4f7fb}.bulk-table td,.bulk-table th{vertical-align:top}.bulk-table input[type=checkbox]{width:auto;transform:scale(1.1)}.inline-check{display:inline-flex;gap:.35rem;align-items:center}.allocation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.45rem}.row-actions form{display:inline-block;margin:.15rem}.pill.good{background:#dcfce7;color:#166534}.pill.danger{background:#fee2e2;color:#991b1b}.pill.muted{background:#e5e7eb;color:#374151}



/* EDH Redesign Before/After workflow */
.redesign-config-card, .redesign-submission-card { border-left: 4px solid var(--accent, #1f57c3); }
.redesign-part-form { border: 1px solid rgba(31,87,195,.18); border-radius: 16px; padding: 14px; margin: 14px 0; background: rgba(31,87,195,.035); }
.redesign-part-head { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.baseline-files-box, .mini-panel { border:1px solid rgba(0,0,0,.08); border-radius:14px; padding:12px; margin:10px 0; background:rgba(255,255,255,.55); }
.compact-checks label { padding:8px 10px; border:1px solid rgba(0,0,0,.08); border-radius:12px; background:rgba(255,255,255,.55); }
.redesign-part-form textarea { min-height: 76px; }
.redesign-part-form input[type=file] { background:#fff; }


/* EDH Redesign named baseline part uploads */
.redesign-baseline-list{display:grid;gap:1rem;margin:1rem 0}
.redesign-baseline-row{border:1px solid rgba(15,23,42,.12);border-radius:18px;padding:1rem;background:rgba(248,250,252,.75)}
.baseline-file-list{line-height:1.5}
.checkline{display:flex;align-items:center;gap:.45rem;font-weight:600}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.grid.four{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grid.four{grid-template-columns:1fr}}