.closure-head{align-items:end}.closure-period{min-width:min(360px,100%)}.closure-period label{display:grid;gap:.45rem;font-weight:700}.closure-period select{min-height:48px;width:100%}.closure-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}.metric-card{display:grid;gap:.35rem}.metric-card span,.metric-card small{color:#66798a}.metric-card strong{font-size:clamp(1.6rem,3vw,2.35rem);color:#12304a}.closure-card,.closure-action,.closure-seal{margin-top:1rem}.section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.closure-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.closure-check{display:grid;grid-template-columns:2.5rem 1fr;gap:.75rem;align-items:center;border:1px solid #d7e2e8;border-radius:16px;padding:1rem;background:#fff}.closure-check small{display:block;color:#66798a;margin-top:.2rem}.closure-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;font-weight:900;background:#eaf5f4;color:#157f7d}.closure-check.blocker .closure-icon{background:#fff0ed;color:#a54231}.closure-check.warning .closure-icon{background:#fff7df;color:#8d6a00}.warn-bg{background:#fff1cf;color:#725300}.closure-action .check-line{display:flex;align-items:flex-start;gap:.7rem;font-weight:600}.closure-action .check-line input{width:20px;height:20px;margin-top:.15rem}.closure-seal dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.closure-seal dl div{padding:.8rem;border-radius:12px;background:#f4f8fa}.closure-seal dt{font-size:.85rem;color:#66798a}.closure-seal dd{margin:.25rem 0 0;font-weight:700;overflow-wrap:anywhere}.closure-seal code{font-size:.78rem}.closure-history{display:grid;gap:.7rem}.closure-history>div{display:grid;gap:.2rem;padding:.8rem 0;border-bottom:1px solid #e1e8ec}.closure-history span,.closure-history small{color:#66798a}.danger-outline{border-color:#b64b3b!important;color:#913525!important}.danger-outline:hover{background:#fff2ef!important}.primary:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:980px){.closure-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.closure-checks{grid-template-columns:1fr}.closure-head{align-items:stretch}.closure-period{min-width:0;width:100%}}
@media(max-width:600px){.closure-summary{grid-template-columns:1fr 1fr;gap:.7rem}.metric-card{padding:1rem}.metric-card strong{font-size:1.65rem}.section-title{align-items:flex-start;flex-direction:column}.closure-seal dl{grid-template-columns:1fr}.closure-action button,.closure-action .secondary{width:100%}.closure-check{padding:.85rem}.closure-period select{font-size:16px}}
@media(max-width:390px){.closure-summary{grid-template-columns:1fr}}


/* SIPAD 1.8.1 · refinamiento UX del cierre */
.closure-action{padding:clamp(1.25rem,2.5vw,2rem)}
.closure-action>h2{margin-bottom:.55rem}
.closure-action>p{max-width:980px;color:var(--muted);line-height:1.55;margin-bottom:1.35rem}
.closure-action .form-stack{gap:1.15rem}
.closure-field{display:grid;gap:.55rem;font-weight:800;color:var(--navy)}
.closure-field>span{display:flex;align-items:baseline;gap:.45rem}
.closure-field>span small{font-weight:600;color:var(--muted)}
.closure-field textarea,.closure-seal textarea{width:100%;min-height:118px;padding:14px 16px;border:1px solid #b9cad3;border-radius:12px;background:#fff;color:var(--ink);font:inherit;line-height:1.45;resize:vertical;transition:border-color .15s,box-shadow .15s}
.closure-field textarea:focus,.closure-seal textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,107,143,.13)}
.closure-action .check-line{display:grid!important;grid-template-columns:24px minmax(0,1fr);align-items:start!important;gap:.8rem;padding:14px 16px;border:1px solid #cddbe2;border-radius:12px;background:#f8fbfc;color:var(--ink);cursor:pointer}
.closure-action .check-line:hover{border-color:#adc3ce;background:#f4f9fa}
.closure-action .check-line input{width:22px!important;height:22px!important;min-height:22px!important;margin:2px 0 0;accent-color:var(--navy)}
.closure-action .check-line span{display:grid;gap:.25rem;line-height:1.35}
.closure-action .check-line b{color:var(--navy)}
.closure-action .check-line small{font-weight:500;color:var(--muted)}
.closure-submit{display:grid;gap:.55rem}
.closure-submit .primary{width:100%;min-height:52px;border-radius:12px;font-size:1rem}
.closure-submit>small{text-align:center;color:var(--muted)}
@media(max-width:760px){.closure-action{padding:1.15rem}.closure-action .check-line{padding:12px}.closure-field textarea{min-height:140px}.closure-submit .primary{min-height:50px}.closure-head{align-items:stretch}.closure-period{width:100%;min-width:0}}
@media(max-width:430px){.closure-action>h2{font-size:1.35rem}.closure-action>p{font-size:.95rem}.closure-action .check-line{grid-template-columns:22px minmax(0,1fr);gap:.65rem}.closure-submit .primary{padding:12px;font-size:.95rem}}
