*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#f7f4ef;color:#2c2c2c;font-size:14px}.shell{height:100vh}.shell,.sidebar{display:flex;overflow:hidden}.sidebar{width:220px;min-width:220px;background:#1e3a8a;flex-direction:column;color:#fff}.sidebar-brand{padding:24px 20px 20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar-brand h1{font-family:DM Sans,sans-serif;font-size:22px;font-weight:400;letter-spacing:4px;text-transform:uppercase;color:#fff}.sidebar-brand span{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:hsla(0,0%,100%,.5);display:block;margin-top:4px}.sidebar-nav{flex:1 1;padding:12px 0;flex-direction:column;gap:2px}.sidebar-link,.sidebar-nav{display:flex;overflow:hidden}.sidebar-link{align-items:center;gap:12px;padding:11px 20px;color:hsla(0,0%,100%,.65);text-decoration:none;font-size:13px;font-weight:400;transition:all .15s;border-left:3px solid transparent;cursor:pointer}.sidebar-link:hover{color:#fff;background:hsla(0,0%,100%,.07)}.sidebar-link.active{color:#fff;background:hsla(0,0%,100%,.12);border-left-color:#c8755a;font-weight:500}.sidebar-link svg{width:18px;height:18px;flex-shrink:0;opacity:.7}.sidebar-link.active svg{opacity:1}.sidebar-section{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:hsla(0,0%,100%,.3);padding:18px 20px 6px}.sidebar-footer{padding:16px 20px;border-top:1px solid hsla(0,0%,100%,.1);font-size:10px;color:hsla(0,0%,100%,.3)}.sidebar-user{font-size:12px;color:hsla(0,0%,100%,.6);margin-bottom:4px}.main-content{flex:1 1;overflow-y:auto;overflow-x:hidden;background:#f7f4ef;display:flex;flex-direction:column}.page-header{padding:24px 32px 0}.page-header h2{font-family:DM Sans,sans-serif;font-size:26px;font-weight:400;color:#1e3a8a}.page-header p{font-size:13px;color:#9a8e82;margin-top:4px}.page-body{padding:20px 32px 32px}.card{background:#fff;border-radius:12px;border:1px solid #ede8e0;padding:20px;margin-bottom:16px}.card-title{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#9a8e82;margin-bottom:12px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500}.badge-borrador{background:#f0ebe3;color:#8a7a6a}.badge-revision{background:#fef3c7;color:#92400e}.badge-aprobada_envio{background:#d1fae5;color:#065f46}.badge-enviada{background:#dbeafe;color:#1e40af}.badge-vista{background:#e0e7ff;color:#4338ca}.badge-aceptada{background:#bbf7d0;color:#166534;background:#d1fae5;color:#065f46}.badge-cambios{background:#ede9fe;color:#6d28d9}.badge-pendiente_pago,.badge-pre_orden{background:#fef3c7;color:#92400e}.badge-aprobada,.badge-pagada{background:#bbf7d0;color:#166534}.badge-rechazada{background:#fee2e2;color:#991b1b}.badge-expirada{background:#e5e7eb;color:#4b5563;background:#f3f4f6;color:#6b7280}.placeholder{display:flex;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#bfb5a8}.placeholder svg{width:64px;height:64px;margin-bottom:16px;opacity:.4}.placeholder p{font-size:15px;margin-bottom:4px}.placeholder span{font-size:12px;color:#d0c8bb}.table-wrap{overflow-x:auto}table.suite-table{width:100%;border-collapse:collapse;font-size:13px}table.suite-table th{text-align:left;padding:10px 14px;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#9a8e82;border-bottom:2px solid #ede8e0}table.suite-table td{padding:12px 14px;border-bottom:1px solid #f0ebe3;vertical-align:middle}table.suite-table tbody tr:hover{background:#faf8f5}.td-folio{font-weight:600;color:#1e3a8a}.td-monto{font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.td-secondary{font-size:12px;color:#9a8e82}@media (max-width:899px){.shell{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;gap:12px;height:56px;padding:env(safe-area-inset-top) 12px 0;height:calc(56px + env(safe-area-inset-top));background:#1e3a8a}.topbar,.topbar-btn{display:flex;align-items:center;color:#fff}.topbar-btn{justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;flex-shrink:0;border-radius:8px}.topbar-btn:active{background:hsla(0,0%,100%,.12)}.topbar-btn svg{width:22px;height:22px}.topbar-titulo{flex:1 1;font-size:15px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:#c8755a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;flex-shrink:0}.sidebar-drawer{position:fixed;top:0;left:0;bottom:0;z-index:60;width:82vw;max-width:300px;min-width:0;transform:translateX(-100%);transition:transform .22s ease;overflow-y:auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.sidebar-drawer.abierto{transform:translateX(0)}.drawer-backdrop{position:fixed;inset:0;z-index:50;background:rgba(20,20,30,.45)}.drawer-cerrar{position:absolute;top:calc(10px + env(safe-area-inset-top));right:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:hsla(0,0%,100%,.7);cursor:pointer}.drawer-cerrar svg{width:20px;height:20px}.sidebar-drawer .sidebar-link{padding:14px 20px;font-size:14px}.sidebar-drawer .sidebar-brand{padding:22px 20px 18px}.main-content,.sidebar-drawer .sidebar-nav{overflow:visible}.page-header{padding:16px 16px 0}.page-header h2{font-size:21px}.page-header p{font-size:12px}.page-body{padding:14px 16px calc(32px + env(safe-area-inset-bottom))}.card{padding:16px;border-radius:10px}.table-wrap{-webkit-overflow-scrolling:touch;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}table.suite-table th{padding:9px 10px;font-size:9px}table.suite-table td{padding:10px;font-size:12px}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important;min-width:0}.shell{max-width:100%;overflow-x:hidden}}:focus-visible{outline:2px solid #1e3a8a;outline-offset:2px;border-radius:4px}.sidebar a:focus-visible,.sidebar button:focus-visible{outline-color:#c8755a}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media print{@page{size:A4 portrait;margin:12mm}body,html{background:#fff!important}.drawer-backdrop,.no-imprimir,.sidebar,.topbar{display:none!important}.main-content,.page-body{overflow:visible!important}.page-body{padding:0!important}#reporte-mosaica{max-width:none!important;margin:0!important}.rp-bloque{break-inside:avoid;page-break-inside:avoid}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.badge-anticipo_pagado{background:#dcfce7;color:#15803d}