/* Scoped operational layout; canonical forms and persistence remain unchanged. */
#tab-supervisao { width:100%; min-width:0; color:#30333a; }
#tab-supervisao *, #tab-supervisao *::before, #tab-supervisao *::after { box-sizing:border-box; }
#tab-supervisao .supervisor-v2-shell { width:100%; max-width:none; padding:16px; margin:0; }
#tab-supervisao .supervisor-v2-tabs { display:flex; flex-wrap:wrap; width:100%; overflow:visible; gap:8px; }
#tab-supervisao .supervisor-v2-tabs button.supervisor-v2-tab { flex:1 1 130px; white-space:normal; min-height:44px; height:auto; }
#tab-supervisao button { min-height:44px; font-size:14px; white-space:normal; cursor:pointer; }
#tab-supervisao :is(input,select,textarea):not([type=hidden]) { min-height:48px; max-width:100%; font-size:16px; }
#tab-supervisao :is(p,span,small,label,em) { overflow-wrap:anywhere; }
#tab-supervisao :is(h3,h2) { font-size:clamp(20px,2vw,24px); }
#tab-supervisao :is(h4,strong) { overflow-wrap:anywhere; }
#tab-supervisao .supervisor-v2-panel.is-active { min-width:0; }
#tab-supervisao #supervisorV2MethodologyPanel.is-active { width:100%; max-width:100%; margin-inline:0; }
#tab-supervisao .supervisor-v2-metrics { gap:12px; }
#tab-supervisao .supervisor-v2-metric :is(span,small) { font-size:14px; line-height:1.45; }
#tab-supervisao .supervisor-v2-nucleus-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:14px; }
#tab-supervisao .supervisor-v2-nucleus-card { min-width:0; }
#tab-supervisao .supervisor-v2-nucleus-card p { font-size:14px; }
#tab-supervisao .sv-next-visit { border:1px solid #dbc9ce; border-left:4px solid #76253d; border-radius:14px; padding:16px; background:#fff; margin:12px 0; }
#tab-supervisao .sv-next-visit h4 { margin:0 0 12px; font-size:18px; }
#tab-supervisao .supervisor-v2-agenda-item { display:grid; grid-template-columns:150px minmax(0,1fr) auto; gap:16px; padding:18px; align-items:center; }
#tab-supervisao .supervisor-v2-agenda-item time { display:grid; gap:6px; width:auto; }
#tab-supervisao .supervisor-v2-agenda-item time strong { font-size:22px; }
#tab-supervisao .supervisor-v2-agenda-item :is(span,p) { font-size:14px; white-space:normal; }
#tab-supervisao .supervisor-v2-agenda-item > div > strong { font-size:17px; }
.sv-visit-actions,.sv-agenda-tools,.sv-agenda-tools > div { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.sv-agenda-tools { justify-content:space-between; margin:16px 0; }
#tab-supervisao .sv-agenda-tools button[aria-pressed=true] { background:#76253d; color:white; }
.sv-alert-list { display:grid; gap:12px; }
.sv-alert-list article { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px; border:1px solid #e5dfe1; border-radius:12px; background:white; }
.sv-alert-list strong,.sv-alert-list span { display:block; }
.sv-alert-list span { color:#76253d; margin-bottom:6px; }
#supervisorV2Visit > section { margin:12px 0; scroll-margin-top:24px; }
#tab-supervisao .methodology-criterion-card { grid-template-columns:minmax(0,1fr) auto; padding:16px; gap:20px; }
#tab-supervisao .methodology-criterion-card > div:first-child strong { font-size:16px; line-height:1.5; }
#tab-supervisao .methodology-criterion-card > div:first-child span { font-size:14px; }
/* Group headings only: leave the criterion cards and score controls untouched. */
#tab-supervisao .methodology-criteria-list > h4 {
  position: relative;
  min-width: 0;
  margin: 22px 0 8px;
  padding: 11px 18px 11px 24px;
  border: 1px solid #404954;
  border-radius: 8px;
  background: linear-gradient(110deg, rgba(62, 72, 85, .96), rgba(77, 88, 103, .94));
  box-shadow: inset 0 1px 0 #ffffff0d, 0 2px 4px #2028330a;
  color: #f7f8fa;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: .045em;
  text-transform: uppercase;
  overflow-wrap: break-word;
  cursor: default;
}
#tab-supervisao .methodology-criteria-list > h4:first-child { margin-top: 10px; }
#tab-supervisao .methodology-criteria-list > h4::before {
  content: "";
  position: absolute;
  inset: 12px auto 12px 11px;
  width: 2px;
  border-radius: 2px;
  background: #b78396;
  pointer-events: none;
}
@media (max-width: 600px) {
  #tab-supervisao .methodology-criteria-list > h4 {
    margin: 20px 0 6px;
    padding: 10px 14px 10px 22px;
    border-radius: 7px;
    font-size: 14px;
    letter-spacing: .03em;
  }
  #tab-supervisao .methodology-criteria-list > h4::before { left: 10px; }
}
#tab-supervisao .methodology-score-buttons { display:flex; gap:8px; }
#tab-supervisao .methodology-score-buttons button { min-width:44px; width:44px; height:44px; font-size:16px; }
#tab-supervisao .methodology-progress { position:sticky; top:0; z-index:5; background:#fff; padding:12px; border-bottom:1px solid #e5dfe1; }
#tab-supervisao .methodology-scale { flex-wrap:wrap; }
#tab-supervisao .methodology-scale span { font-size:14px; }
#tab-supervisao button:focus-visible { outline:3px solid #a95f77; outline-offset:3px; }
@media(max-width:1024px) {
 #tab-supervisao .supervisor-v2-agenda-item { grid-template-columns:130px minmax(0,1fr); }
 .sv-visit-actions { grid-column:1/-1; }
 #tab-supervisao .supervisor-dashboard-main-grid { grid-template-columns:1fr; }
}

/* Methodology header and context strip only. Decorative image is an existing asset. */
#tab-supervisao #supervisaoMetodologiaApp > .methodology-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 24px;
  margin: 0;
  padding: 30px 28px;
  overflow: hidden;
  border: 1px solid #343940;
  border-bottom: 3px solid #88435a;
  border-radius: 18px 18px 0 0;
  background: linear-gradient(115deg, #171b20 0%, #22272e 62%, #30353c 100%);
  box-shadow: inset 0 1px 0 #ffffff0d;
  text-align: left;
}
#tab-supervisao #supervisaoMetodologiaApp > .methodology-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 0 38%;
  background: url("../../assets/ead-hero-ring.png") center 57% / cover no-repeat;
  opacity: .23;
  filter: grayscale(1);
  mask-image: linear-gradient(90deg, transparent, #000 80%);
  pointer-events: none;
}
#tab-supervisao #supervisaoMetodologiaApp > .methodology-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(115deg, transparent 62%, #ffffff05 62.2%, transparent 62.6%, transparent 76%, #ffffff08 76.2%, transparent 76.6%);
  pointer-events: none;
}
#tab-supervisao #supervisaoMetodologiaApp > .methodology-hero > div {
  min-width: 0;
  max-width: 720px;
}
#tab-supervisao #supervisaoMetodologiaApp > .methodology-hero .methodology-kicker {
  margin: 0 0 10px;
  color: #e2beca;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .14em;
  line-height: 1.5;
}
#tab-supervisao #supervisaoMetodologiaApp > .methodology-hero h2 {
  margin: 0;
  max-width: 100%;
  color: #fff;
  font-family: inherit;
  font-size: clamp(22px, 2.2vw, 30px);
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -.025em;
  text-wrap: initial;
  overflow-wrap: normal;
}
#tab-supervisao #supervisaoMetodologiaApp > .methodology-hero p {
  margin: 10px 0 0;
  max-width: 58ch;
  color: #e0e3e7;
  font-size: 15px;
  line-height: 1.6;
}
#tab-supervisao #supervisaoMetodologiaApp > .methodology-hero > button {
  justify-self: end;
  min-height: 44px;
  margin: 0;
  padding: 10px 16px;
  border: 1px solid #ffffff40;
  border-radius: 10px;
  color: #f4f5f7;
  background: #15191dc4;
  box-shadow: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
#tab-supervisao #supervisaoMetodologiaApp > .methodology-hero > button:hover {
  border-color: #ffffff80;
  background: #343b43;
}
#tab-supervisao #supervisaoMetodologiaApp > .methodology-context {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
  margin: 0;
  padding: 22px 28px 24px;
  border: 1px solid #e1e4e8;
  border-top: 0;
  border-radius: 0 0 16px 16px;
  background: linear-gradient(180deg, #f0f2f4, #fafbfc);
  box-shadow: 0 8px 20px #1a202608;
}
#tab-supervisao #supervisaoMetodologiaApp > .methodology-context > label {
  display: grid;
  min-width: 0;
  gap: 8px;
  color: #414750;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
}
#tab-supervisao #supervisaoMetodologiaApp > .methodology-context > label[hidden] {
  display: none;
}
#tab-supervisao #supervisaoMetodologiaApp > .methodology-context :is(input, select):not(.methodology-autocomplete-value) {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  border: 1px solid #c9cfd6;
  border-radius: 9px;
  color: #272d35;
  background-color: #fff;
  font-size: 16px;
}
@media (max-width: 1024px) {
  #tab-supervisao #supervisaoMetodologiaApp > .methodology-context {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  #tab-supervisao #supervisaoMetodologiaApp > .methodology-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    padding: 24px 20px;
  }
  #tab-supervisao #supervisaoMetodologiaApp > .methodology-hero::before {
    inset-inline-start: 10%;
    opacity: .16;
  }
  #tab-supervisao #supervisaoMetodologiaApp > .methodology-hero h2 { font-size: 24px; }
  #tab-supervisao #supervisaoMetodologiaApp > .methodology-hero > button { justify-self: start; }
  #tab-supervisao #supervisaoMetodologiaApp > .methodology-context {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    padding: 20px;
  }
}
@media(max-width:768px) {
 #tab-supervisao .supervisor-v2-shell { padding:10px; }
 #tab-supervisao .supervisor-v2-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 #tab-supervisao .supervisor-v2-tab { width:100%; padding:10px; }
 #tab-supervisao .supervisor-v2-section-head { flex-wrap:wrap; gap:12px; }
 #tab-supervisao .supervisor-v2-section-head > button { width:100%; }
 #tab-supervisao .supervisor-v2-agenda-item { grid-template-columns:1fr; gap:12px; padding:16px; }
 #tab-supervisao .supervisor-v2-agenda-item time { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
 .sv-visit-actions > button { flex:1 1 140px; }
 .sv-agenda-tools > div { width:100%; }
 .sv-agenda-tools input { width:calc(100% - 112px); min-width:0; flex:1; }
 .sv-agenda-tools button { min-width:44px; }
 .sv-alert-list article { align-items:stretch; flex-direction:column; }
 #tab-supervisao .methodology-criterion-card { grid-template-columns:1fr; gap:12px; }
 #tab-supervisao .methodology-score-buttons { justify-content:space-between; }
 #tab-supervisao .methodology-context,#tab-supervisao .methodology-visit-fields { grid-template-columns:1fr; }
 #tab-supervisao .methodology-history-item { grid-template-columns:1fr; }
 #tab-supervisao .modal-content { width:100%; max-height:90dvh; overflow-y:auto; padding:16px; min-width:0; }
 #supervisaoAgendaForm { grid-template-columns:1fr; }
 #tab-supervisao .methodology-hero { padding:16px; }
}