/**
 * otr.css — Estilos del módulo de órdenes de trabajo
 * @version 1.0.0
 * @author Equipo ERP
 * @date 2026-09-20
 */
#otrModule { --otr-ink:#1f2937; --otr-muted:#6b7280; --otr-line:#e3e8ef; --otr-soft:#f7f9fc; --otr-blue:#2563eb; color:var(--otr-ink); }
#otrModule .otr-header { padding-bottom:.75rem; }
#otrModule .otr-header h1 { font-size:1.55rem; font-weight:700; }
#otrModule .otr-header p { font-size:.9rem; margin-top:.25rem; }
.otr-primary-action { border-radius:7px; box-shadow:0 3px 8px rgba(37,99,235,.2); }
.otr-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(160px,1fr)); gap:.8rem; margin-bottom:1rem; }
.otr-stat-card { position:relative; min-height:100px; padding:1rem 1.1rem; background:#fff; border:1px solid var(--otr-line); border-left:4px solid var(--otr-blue); border-radius:8px; box-shadow:0 2px 5px rgba(15,23,42,.04); }
.otr-stat-card span { display:block; color:var(--otr-muted); font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.otr-stat-card strong { display:block; margin-top:.2rem; font-size:1.65rem; }
.otr-stat-card i { position:absolute; right:1rem; top:1.2rem; color:#bfdbfe; font-size:1.5rem; }
.otr-stat-open { border-left-color:#d97706; }.otr-stat-open i{color:#fed7aa}.otr-stat-work{border-left-color:#0891b2}.otr-stat-work i{color:#a5f3fc}.otr-stat-done{border-left-color:#16a34a}.otr-stat-done i{color:#bbf7d0}
.otr-card { border:1px solid var(--otr-line); border-radius:8px; box-shadow:0 2px 6px rgba(15,23,42,.05); }
.otr-card-header { display:flex; align-items:center; justify-content:space-between; background:#fff; border-bottom:1px solid var(--otr-line); padding:1rem 1.1rem; }
.otr-card-header small { display:block; margin-top:.2rem; }
.otr-table thead th { background:var(--otr-soft); border-top:0; color:#526174; font-size:.72rem; text-transform:uppercase; letter-spacing:.035em; white-space:nowrap; }
.otr-table td { vertical-align:middle; font-size:.84rem; border-color:#edf0f4; }
.otr-description { max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#526174; }
.otr-type,.otr-priority,.otr-status { display:inline-flex; align-items:center; padding:.28rem .52rem; border-radius:999px; font-size:.68rem; font-weight:700; white-space:nowrap; }
.otr-type { background:#eef2ff; color:#4f46e5; }.otr-priority { background:#f3f4f6; color:#4b5563; }.priority-critica,.priority-alta { background:#fee2e2; color:#b91c1c; }.priority-baja { background:#ecfdf5; color:#047857; }
.otr-status { background:#e0f2fe; color:#0369a1; }.status-cerrada { background:#dcfce7; color:#15803d; }.status-en_ejecucion,.status-pendiente_cierre { background:#fef3c7; color:#92400e; }.status-anulada { background:#f3f4f6; color:#6b7280; }
.otr-modal { border:0; border-radius:9px; overflow:hidden; }.otr-modal .modal-header { background:#f7f9fc; border-bottom:1px solid var(--otr-line); }.otr-modal .modal-title { font-weight:700; }.otr-modal label { font-size:.8rem; font-weight:700; color:#526174; }.otr-modal .form-control { border-color:#d7dee8; border-radius:6px; }.otr-modal .modal-footer { background:#fafbfc; border-top:1px solid var(--otr-line); }
@media (max-width:900px) { .otr-stat-grid { grid-template-columns:repeat(2,minmax(140px,1fr)); } }
@media (max-width:575px) { #otrModule .otr-header h1{font-size:1.25rem}.otr-primary-action{margin-top:.75rem}.otr-stat-grid{grid-template-columns:1fr 1fr;gap:.55rem}.otr-stat-card{min-height:84px;padding:.75rem}.otr-stat-card strong{font-size:1.35rem}.otr-card-header{display:block}.otr-table{min-width:980px} }