/* Módulo independiente: Configuración visual y accesibilidad */
.config-standalone-page .config-shell{align-items:stretch;}
.config-standalone-page .config-sidebar{background:#ffffff;border-right:1px solid var(--gh-border);}
.config-side-nav{padding:16px 12px;gap:10px;}
.config-side-nav .nav-btn{width:100%;border:1px solid var(--gh-border);border-radius:12px;background:#fff;color:var(--gh-text);display:flex;align-items:center;gap:10px;padding:12px;box-shadow:0 1px 2px rgba(31,35,40,.04);}
.config-side-nav .nav-btn:hover{background:#f6f8fa;border-color:#8c959f;}
.config-side-nav .nav-btn.active{background:linear-gradient(135deg,#ddf4ff,#ffffff);border-color:#54aeef;box-shadow:0 8px 22px rgba(9,105,218,.12);}
.config-side-nav .nav-ico{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#0969da;color:#fff;flex:0 0 auto;}
.config-side-nav .nav-btn strong{display:block;font-size:calc(13px * var(--ui-font-nav));line-height:1.15;}
.config-side-nav .nav-btn small{display:block;color:var(--gh-muted);font-size:calc(11px * var(--ui-font-nav));margin-top:2px;}
.config-main{width:100%;max-width:1180px;margin:0 auto;padding:22px;}
.config-hero{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:24px;margin-bottom:18px;background:linear-gradient(135deg,#f6f8fa,#ddf4ff);border-color:#b6e3ff;}
.config-hero-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0969da,#54aeef);color:#fff;font-size:28px;box-shadow:0 14px 30px rgba(9,105,218,.18);}
.config-hero h2{margin:4px 0 8px;font-size:calc(clamp(24px,3vw,34px) * var(--ui-font-theory));letter-spacing:-.02em;color:#0a3069;}
.config-hero p{margin:0;color:#57606a;font-size:calc(14px * var(--ui-font-theory));line-height:1.6;max-width:980px;}
.config-section{padding:20px;margin-bottom:18px;scroll-margin-top:105px;}
.config-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px;border-bottom:1px solid var(--gh-border);padding-bottom:14px;}
.section-kicker{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 8px;border-radius:999px;background:#ddf4ff;color:#0969da;font-weight:900;font-size:12px;margin-bottom:8px;}
.config-section h3{margin:0 0 5px;font-size:calc(clamp(18px,2vw,24px) * var(--ui-font-theory));color:#24292f;display:flex;align-items:center;gap:10px;}
.config-section p{margin:0;color:#57606a;font-size:calc(13.5px * var(--ui-font-theory));line-height:1.55;}
.config-status{white-space:nowrap;border:1px solid #a6e3b7;background:#dafbe1;color:#116329;border-radius:999px;padding:7px 10px;font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:6px;}
.config-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.config-control-card{border:1px solid var(--gh-border);border-radius:16px;background:#fff;padding:18px;box-shadow:0 8px 24px rgba(31,35,40,.06);}
.control-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;}
.control-title>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#ddf4ff;color:#0969da;font-size:18px;flex:0 0 auto;}
.control-title h4{margin:0 0 5px;color:#0a3069;font-size:calc(16px * var(--ui-font-theory));}
.control-title p{font-size:calc(12.5px * var(--ui-font-theory));}
.config-readout{display:flex;align-items:center;justify-content:space-between;background:#f6f8fa;border:1px solid var(--gh-border);border-radius:12px;padding:10px 12px;margin-bottom:14px;}
.config-readout span{color:#57606a;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.config-readout strong{font-size:calc(20px * var(--ui-font-form));color:#0969da;}
.config-range{width:100%;accent-color:#0969da;}
.config-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.config-preview-grid{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start;}
.config-preview-nav{border:1px solid var(--gh-border);border-radius:16px;background:#f6f8fa;padding:12px;display:grid;gap:8px;font-size:calc(13px * var(--ui-font-nav));}
.config-preview-nav span{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--gh-border);border-radius:10px;padding:9px 10px;font-weight:800;color:#24292f;}
.config-preview-card{border:1px solid #b6e3ff;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f6fbff);padding:18px;font-size:calc(14px * var(--ui-font-base));line-height:1.6;color:#24292f;}
.config-preview-card h4{margin:0 0 10px;color:#0a3069;font-size:calc(18px * var(--ui-font-theory));}
.config-preview-card ul{margin:12px 0 0 20px;padding:0;}
.config-info-list{display:grid;gap:10px;}
.config-info-list>div{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--gh-border);border-radius:12px;background:#fff;padding:12px;color:#24292f;font-size:calc(13.5px * var(--ui-font-theory));line-height:1.55;}
.config-info-list i{color:#1a7f37;margin-top:3px;}
@media(max-width:980px){.config-control-grid,.config-preview-grid{grid-template-columns:1fr}.config-main{padding:16px}.config-section-head{flex-direction:column}.config-status{white-space:normal}}
@media(max-width:720px){.config-hero{grid-template-columns:1fr}.config-hero-icon{width:54px;height:54px;font-size:23px}.config-side-nav{display:flex;overflow:auto}.config-side-nav .nav-btn{min-width:190px}.config-control-card{padding:15px}.config-section{padding:16px}}

/* v0.72 - Configuración responsiva y limpia */
.config-app{min-height:100vh;height:100vh;overflow:hidden;}
.config-shell{display:flex;min-height:0;height:100%;overflow:hidden;}
.config-main{flex:1;min-width:0;overflow:auto;padding:clamp(14px,2vw,26px);}
.config-sidebar{overflow:auto;}
.config-control-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.config-section,.config-hero{max-width:1120px;margin-left:auto;margin-right:auto;}
.config-note-clean{margin-top:16px;display:flex;gap:10px;align-items:flex-start;background:#f6fbff;border:1px solid #b6e3ff;color:#0969da;border-radius:12px;padding:12px 14px;line-height:1.5;font-weight:650;}
.config-note-clean p{margin:0;color:#24292f;}
.config-side-nav .nav-btn.active strong{color:#0969da;}
.config-side-nav .nav-btn.active{font-weight:650!important;}
@media(max-width:900px){
  .config-shell{flex-direction:column;}
  .config-sidebar{width:100%!important;min-width:0!important;border-right:0!important;border-bottom:1px solid var(--gh-border);padding:8px;}
  .config-side-nav{display:flex;overflow-x:auto;padding:8px;}
  .config-side-nav .nav-btn{min-width:210px;}
  .config-main{padding:12px;}
  .config-section-head{flex-direction:column;align-items:flex-start;}
}
@media(max-width:560px){
  .config-control-grid{grid-template-columns:1fr;}
  .config-actions .btn{width:100%;justify-content:center;}
  .config-hero{grid-template-columns:1fr;}
}