/* Capa moderna común para TODAS las pantallas (solo apariencia; no cambia ningún formulario ni cálculo). */
@media screen{
.main{background:radial-gradient(1200px 500px at 100% -10%,rgba(246,195,68,.10),transparent 60%),radial-gradient(900px 420px at -10% 110%,rgba(42,111,219,.07),transparent 60%),#f4f6f9}
.page-content{animation:md-in .35s ease both}
.panel{border-radius:18px!important;border:1px solid #e3e8ef!important;box-shadow:0 6px 18px rgba(20,30,45,.06)!important;transition:box-shadow .2s}
.panel:hover{box-shadow:0 10px 26px rgba(20,30,45,.09)!important}
.panel-heading{background:linear-gradient(180deg,#fff,#fbfcfe)}
.panel-heading h2{letter-spacing:-.01em}
button,.btn,a.btn{border-radius:12px;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}
button:hover,.btn:hover,a.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(20,30,45,.14);filter:saturate(1.05)}
button:active,.btn:active,a.btn:active{transform:translateY(0);box-shadow:none}
button:disabled{transform:none;box-shadow:none}
input,select,textarea{border-radius:10px;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:#e0a91c!important;box-shadow:0 0 0 4px rgba(224,169,28,.18)!important}
table tbody tr{transition:background .15s}
table tbody tr:hover{background:#f7f9fc}
.tablewrap{border-radius:14px}
.notice,.form-note{border-radius:12px}
.badge{border-radius:20px}
.nav-link{transition:background .2s,transform .2s}
.nav-link:hover{transform:translateX(3px)}
}
@keyframes md-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.page-content{animation:none}button:hover,.btn:hover,.nav-link:hover{transform:none}}
@media print{.main{background:#fff!important}.panel{box-shadow:none!important}}

/* Botones Finalizar / Reactivar obra */
.tm-obra-action{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.tm-obra-action label{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;font-weight:600;white-space:nowrap}
.tm-obra-action input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;padding:0!important;margin:0!important;flex:none;box-shadow:none!important}
.tm-obra-action button{margin:0!important;width:auto!important;min-width:0!important}
.tm-obra-manage .tm-obra-action{padding:10px 0!important;border-bottom:1px solid #eef0f3!important}
td .tm-obra-action{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:8px!important}
td .tm-obra-action label{font-size:.86em;font-weight:500}