/* Miratrans: presentation only, 2026-10-03 */
:root{--coreui-sidebar-width:244px;--coreui-primary:#167d8d;--coreui-sidebar-bg:#102c3c;--coreui-sidebar-nav-link-hover-bg:#193d4f;--coreui-sidebar-nav-link-active-bg:#204858;--coreui-font-family:"Segoe UI",system-ui,-apple-system,sans-serif;--mt-ink:#203544;--mt-muted:#607484;--mt-border:#dce5eb;--mt-accent:#167d8d}
html,body{background:#f3f6f8;color:var(--mt-ink);font-family:var(--coreui-font-family)}
.main-content{min-width:0}.page-content{padding:26px 30px;gap:0}
.sidebar{background:#102c3c;border-right:1px solid #1d3d4d}
.sidebar-brand{justify-content:flex-start;gap:12px;min-height:102px;padding:22px 20px;background:transparent;border-bottom:1px solid #ffffff12}
.sidebar-brand .brand-name{white-space:normal;font-size:17px;line-height:1.35;letter-spacing:1.4px;font-weight:700}
.brand-copy small{display:block;color:#9bb4c1;font-size:10px;letter-spacing:2px;margin-top:4px;font-weight:500}
.brand-symbol{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0c;border:1px solid #ffffff20;border-radius:10px;color:#7bc6cd;flex-shrink:0}
.mt-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle;pointer-events:none}
.sidebar-nav{padding:18px 12px}.sidebar-nav .nav-link{gap:11px;min-height:46px;padding:11px 12px;margin:3px 0;border-radius:8px;border-left:2px solid transparent;color:#bfd0da;font-size:13px;font-weight:500}
.sidebar-nav .nav-link .mt-icon{color:#87a7b9}.sidebar-nav .nav-link.active{border-left-color:#74c6cd;background:#204858;color:white}.sidebar-nav .nav-link.active .mt-icon{color:#91d7dd}
.sidebar-nav .nav-link:hover{background:#193d4f;border-left-color:#74c6cd}.sidebar-nav .nav-item:last-child{margin-top:22px;padding-top:14px;border-top:1px solid #ffffff15}
.app-header{height:68px;padding:0 28px;border-bottom:1px solid var(--mt-border);box-shadow:0 1px 4px #18344904}
.sidebar-toggler{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f5f8fa;border:1px solid var(--mt-border);border-radius:8px;color:#4b6677;cursor:pointer}
.header-right{gap:18px;color:var(--mt-muted);font-size:12px}.mt-region{display:flex;align-items:center;gap:8px}.mt-user{display:flex;align-items:center;gap:8px;padding-left:18px;border-left:1px solid var(--mt-border);color:var(--mt-ink);font-weight:600}.mt-role{background:#edf5f6;color:#26626c;padding:5px 8px;border-radius:5px;font-size:10px;letter-spacing:.4px}
#pageContent .chain{color:var(--mt-ink)}#pageContent .chain .panel,#pageContent .nr-panel{border:1px solid var(--mt-border);border-radius:12px;box-shadow:0 2px 7px #18344905}
#pageContent .chain .panel{padding:22px;margin-bottom:18px}#pageContent .chain .panel.scroll{padding:0;overflow:auto}
#pageContent h2{font-size:21px;font-weight:650;letter-spacing:-.35px;margin-bottom:10px;line-height:1.35}
#pageContent .chain h3{font-size:16px;line-height:1.4;font-weight:650}#pageContent .chain p{color:var(--mt-muted);font-size:13px;line-height:1.7}#pageContent .chain p strong{color:var(--mt-ink)}
#pageContent .chain label{color:#496171;font-size:12px;font-weight:600}#pageContent .chain select,#pageContent .chain input,#pageContent .chain textarea,#pageContent .nr-form input,#pageContent .nr-form select{border:1px solid #cfdae2;border-radius:7px;background:#fff;color:#203544;font-family:inherit;font-size:13px}
#pageContent .chain input:not([type=checkbox]),#pageContent .chain select{min-height:40px}
#pageContent input:focus-visible,#pageContent select:focus-visible,#pageContent textarea:focus-visible{outline:2px solid #a7d4dc;outline-offset:2px;border-color:var(--mt-accent)}
#pageContent .chain button,#pageContent .nr-btn{background:var(--mt-accent);border-radius:7px;font-size:12px;font-weight:600;min-height:36px;box-shadow:none}
#pageContent .chain button:hover:not(:disabled),#pageContent .nr-btn:hover:not(:disabled){background:#116979}
#pageContent .chain button.danger{background:#b42318}#pageContent .chain button.danger:hover{background:#8f2118}
#pageContent .chain button[data-clear],#pageContent .chain button[data-prev],#pageContent .chain button[data-next],#pageContent .nr-secondary{background:#eef3f6;color:#415c6e;border:1px solid var(--mt-border)}
#pageContent button:focus-visible,.sidebar a:focus-visible{outline:2px solid #70bac6;outline-offset:3px}
#pageContent .chain th,#pageContent .nr th{background:#f5f8fa;color:#4f6777;font-size:11px;font-weight:700;padding:14px 16px;letter-spacing:.2px;border-bottom:1px solid var(--mt-border)}
#pageContent .chain td,#pageContent .nr td{padding:15px 16px;font-size:12px;line-height:1.6;border-bottom:1px solid #e8eef2;color:var(--mt-ink)}
#pageContent .chain tbody tr:not(.TARDE):not(.ANTICIPADO):not(.A_TIEMPO):not(.ATRASADO_SIN_LLEGADA){background:#fff}
#pageContent .chain tbody tr.TARDE{background:#fff0ed}#pageContent .chain tbody tr.ANTICIPADO{background:#eef2f6}#pageContent .chain tbody tr.A_TIEMPO{background:#eaf6ed}#pageContent .chain tbody tr.ATRASADO_SIN_LLEGADA{background:#fff6df}
#pageContent .chain small{font-size:11px;color:var(--mt-muted)}#pageContent .chain .meta{padding:14px 16px;background:#f7f9fb;border:1px solid #e6edf2;border-radius:8px;gap:16px;font-size:11px}#pageContent .chain .meta strong{font-size:12px;margin-top:4px;color:#294757;font-weight:600}
#pageContent .chain .badge{background:#eaf3f5;color:#35646f;border:1px solid #d6e8ec;border-radius:6px;padding:6px 9px}
#pageContent .chain .error{color:#b42318}#pageContent .chain .error:empty{margin:0}
#pageContent .chain dialog{border:1px solid var(--mt-border);box-shadow:0 18px 60px #112d3d33;padding:28px}
#pageContent .nr-top{padding:22px;background:#fff;border-bottom:1px solid var(--mt-border)}#pageContent .nr-top h2{margin:0}#pageContent .nr-plus{font-size:22px;min-height:38px}
#pageContent .nr-point{background:#f8fafb;border-color:var(--mt-border);border-radius:9px}#pageContent .nr-dialog-head{padding:22px;border-color:var(--mt-border)}#pageContent .nr-footer{border-color:var(--mt-border)}
#eventsRoot th:last-child{width:38%}#eventsRoot td:last-child{min-width:280px;white-space:normal;line-height:1.8;color:#4a6575}
.login-page{background:#f1f5f7}.login-card{border:1px solid var(--mt-border);border-radius:16px;box-shadow:0 12px 40px #1736490e;text-align:left;padding:36px}.login-card .logo{border-bottom:1px solid #e5edf1;padding-bottom:24px}.login-card .logo h1{color:#123a4d;font-weight:650;font-size:24px}.login-card .logo h2{font-size:12px;color:#167d8d;letter-spacing:1.4px;font-weight:700}.login-card .logo p{color:#6b7f8d}.login-card .btn-login{background:#167d8d;border-radius:7px}.login-card .btn-login:hover{background:#116979}.login-card .form-group input{border-color:#cfdae2;border-radius:7px}
#legacyRoot .sd-app{border-color:var(--mt-border);border-radius:12px;box-shadow:0 2px 7px #18344905}#legacyRoot .sd-head{background:#fff;padding:22px;gap:12px;flex-wrap:wrap}#legacyRoot .sd-head h2{font-size:20px}#legacyRoot .sd-filter{padding:18px 22px;gap:12px;flex-wrap:wrap}#legacyRoot .sd-filter-group{flex-wrap:wrap;min-width:260px;margin-left:0!important}#legacyRoot .sd-table td{padding:15px 16px;font-size:12px}#legacyRoot .sd-btn-blue,#legacyRoot .sd-btn-green{background:#167d8d}#legacyRoot .sd-table td,#legacyRoot .sd-table th{text-align:left}#legacyRoot .sd-foot{background:#f8fafb}.legacy-empty{padding:32px!important;text-align:center!important;color:#6b7f8d!important}
@media(max-width:767px){.main-content{margin-left:0}.page-content{padding:16px 12px}.app-header{padding:0 12px;height:60px}.header-right{gap:8px}.mt-region{font-size:10px}.mt-region .mt-icon{display:none}.mt-user{padding-left:10px;font-size:11px}.mt-role{display:none}.sidebar{width:244px}.sidebar.open{width:244px}#pageContent .chain .panel{padding:16px}#pageContent .chain .panel.scroll{padding:0}#pageContent .chain .grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}#pageContent .chain .meta{padding:12px;gap:12px}#legacyRoot .sd-head>div{flex-wrap:wrap;width:100%}#legacyRoot .sd-select{min-width:140px;max-width:100%}.login-card{margin:16px;padding:26px}}
@media print{.sidebar,.app-header{display:none!important}.main-content{margin-left:0}.page-content{padding:0}#pageContent .chain .panel{box-shadow:none}#pageContent .chain .scroll{overflow:visible}}