body[data-page="profesor"] .audio-accordion{display:none!important}
.professor-config-link{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  margin-left:3px;
  padding:7px 12px;
  border-radius:8px;
  background:#15543c;
  color:#fff;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 4px 12px rgba(21,84,60,.16);
}
.professor-config-link:hover{background:#0d3929;color:#fff}

body[data-page="configuracion"]{
  min-height:100vh;
  margin:0;
  background:#f3f5f2;
  color:#142019;
  font-family:"Segoe UI",Arial,sans-serif;
}
.configuration-topbar{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 clamp(16px,3vw,42px);
  border-bottom:1px solid #dfe4df;
  background:#fff;
}
.configuration-brand{display:flex;align-items:center;gap:10px}
.configuration-brand>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#15543c;
  color:#fff;
  font-family:Georgia,serif;
  font-size:11px;
  font-weight:900;
}
.configuration-brand>div{display:grid;gap:1px}
.configuration-brand strong{font-size:14px}
.configuration-brand small{color:#69736c;font-size:12px}
.configuration-back{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 13px;
  border:1px solid #d8dfda;
  border-radius:8px;
  background:#f8faf8;
  color:#15543c;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}
.configuration-main{width:min(960px,calc(100% - 28px));margin:0 auto;padding:34px 0 48px}
.configuration-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}
.configuration-heading small{display:block;margin-bottom:5px;color:#ed672f;font-size:12px;font-weight:900;letter-spacing:.13em}
.configuration-heading h1{margin:0;font-family:Georgia,serif;font-size:clamp(30px,5vw,46px);letter-spacing:-.04em}
.configuration-heading p{max-width:570px;margin:9px 0 0;color:#69736c;font-size:14px;line-height:1.5}
.configuration-status{display:grid;gap:5px;flex:none;padding:12px 14px;border:1px solid #dfe4df;border-radius:10px;background:#fff;text-align:right}
.configuration-status strong{color:#15543c;font-size:14px}
.configuration-status span{color:#69736c;font-size:12px}
#configuration-loading{margin:0 0 14px;padding:12px 14px;border-radius:9px;background:#e9f2ec;color:#15543c;font-size:13px;font-weight:800}
#configuration-loading.is-error{background:#fff0e9;color:#a94a23}

body[data-page="configuracion"] #audio-manager-root{
  position:static;
  left:auto;
  right:auto;
  top:auto;
  bottom:auto;
  width:100%;
  transform:none;
  opacity:0;
  pointer-events:none;
}
body[data-page="configuracion"] #audio-manager-root.am-visible{transform:none;opacity:1;pointer-events:auto}
body[data-page="configuracion"] #audio-manager-root .am-card{
  max-height:none;
  overflow:hidden;
  border-radius:16px;
  background:#fff;
  box-shadow:0 16px 46px rgba(16,48,33,.1);
}
body[data-page="configuracion"] #audio-manager-root .am-header{height:52px;padding:0 17px}
body[data-page="configuracion"] #audio-manager-root .am-collapse{display:none}
body[data-page="configuracion"] #audio-manager-root .am-config-heading{display:grid;gap:4px;padding:20px 20px 14px}
body[data-page="configuracion"] #audio-manager-root .am-config-heading small,
body[data-page="configuracion"] #audio-manager-root .am-preview-heading small{color:#ed672f;font-size:11px;font-weight:900;letter-spacing:.13em}
body[data-page="configuracion"] #audio-manager-root .am-config-heading strong{font-size:22px}
body[data-page="configuracion"] #audio-manager-root .am-config-heading p{margin:0;color:#69736c;font-size:13px}
body[data-page="configuracion"] #audio-manager-root .am-upload-row{
  grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);
  gap:12px;
  padding:0 20px 20px;
  background:#fff;
}
body[data-page="configuracion"] #audio-manager-root .am-upload-progress{grid-column:1/-1}
body[data-page="configuracion"] #audio-manager-root select,
body[data-page="configuracion"] #audio-manager-root .am-file-button{height:44px;font-size:14px}
body[data-page="configuracion"] #audio-manager-root .am-preview-heading{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:16px 20px 0;
  border-top:1px solid #dfe4df;
  background:#f7f9f7;
}
body[data-page="configuracion"] #audio-manager-root .am-preview-heading span{color:#69736c;font-size:12px}
body[data-page="configuracion"] #audio-manager-root .am-player{padding:15px 20px 20px;background:#f7f9f7}

@media(max-width:720px){
  .configuration-topbar{padding:10px 13px}
  .configuration-brand small{display:none}
  .configuration-heading{align-items:stretch;flex-direction:column}
  .configuration-status{text-align:left}
  .configuration-main{padding-top:24px}
  body[data-page="configuracion"] #audio-manager-root .am-upload-row{grid-template-columns:1fr;padding:0 14px 16px}
  body[data-page="configuracion"] #audio-manager-root .am-upload-progress{grid-column:1}
  body[data-page="configuracion"] #audio-manager-root .am-config-heading{padding:17px 14px 12px}
  body[data-page="configuracion"] #audio-manager-root .am-preview-heading{align-items:flex-start;flex-direction:column;padding:14px 14px 0}
  body[data-page="configuracion"] #audio-manager-root .am-player{grid-template-columns:46px minmax(0,1fr);padding:12px 14px 16px}
  body[data-page="configuracion"] #audio-manager-root .am-volume{display:flex;grid-column:2;width:100%}
  body[data-page="configuracion"] #audio-manager-root .am-volume input{width:100%}
}

@media(max-width:430px){
  .configuration-brand strong{font-size:13px}
  .configuration-back{padding:7px 9px;font-size:12px}
  .professor-config-link{min-height:30px;padding:6px 8px;font-size:11px}
  body[data-page="configuracion"] #audio-manager-root .am-volume{display:none}
}