:root{--marino:#0b2545;--marino2:#13315c;--celeste:#8ecae6;--celeste2:#eaf6fc;--dorado:#d4a72c;--dorado2:#f2cf66;--texto:#334760;--suave:#5a6b80;--linea:#d9e4ec;--rojo:#b3261e;--verde:#1b7f4b;--ambar:#9a6b00}*{box-sizing:border-box}body{margin:0;background:#f5f8fb;color:var(--texto);font:15px/1.5 Segoe UI,system-ui,Roboto,Arial,sans-serif}h1,h2,h3{color:var(--marino);line-height:1.25;margin:0 0 10px}h1{font-size:1.5rem}h2{font-size:1.1rem}button,input,select,textarea{font:inherit}button{background:var(--marino);color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer;font-weight:600}button:hover{background:var(--marino2)}button:disabled{opacity:.55;cursor:default}button.dorado{background:var(--dorado);color:var(--marino)}button.dorado:hover{background:var(--dorado2)}button.claro{background:#fff;color:var(--marino);border:1px solid var(--linea)}button.claro:hover{background:var(--celeste2)}button.peligro{background:#fff;color:var(--rojo);border:1px solid var(--rojo)}:focus-visible{outline:3px solid var(--dorado);outline-offset:2px}input,select,textarea{width:100%;padding:8px 10px;border:1px solid #b8c7d3;border-radius:6px;background:#fff;color:var(--texto)}label{display:block;font-weight:600;color:var(--marino);margin-bottom:10px;font-size:.92rem}label input,label select,label textarea{margin-top:4px;font-weight:400}label.check{display:flex;gap:8px;align-items:center;font-weight:400;margin:0}label.check input{width:auto;margin:0}.marco{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.lateral{background:var(--marino);color:#dbe9f4;padding:18px 12px}.lateral .marca{color:#fff;font-weight:700;padding:0 10px 14px;display:block}.lateral nav button{display:flex;justify-content:space-between;width:100%;background:none;color:#dbe9f4;font-weight:500;text-align:left;padding:9px 10px}.lateral nav button:hover{background:var(--marino2)}.lateral nav button.activo{background:var(--marino2);color:#fff;box-shadow:inset 3px 0 0 var(--dorado)}.lateral .pie{margin-top:18px;padding:12px 10px 0;border-top:1px solid #2a4a75;font-size:.85rem}.lateral select{margin:8px 0}.enlace{background:none;color:var(--celeste);padding:0;font-weight:500}.enlace:hover{background:none;text-decoration:underline}.contenido{padding:24px;min-width:0}.cabeza{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin-bottom:16px}.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:8px;padding:18px;margin-bottom:16px}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.cifra{font-size:2rem;font-weight:700;color:var(--marino)}.tabla{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--linea);vertical-align:top}th{color:var(--suave);font-size:.82rem;font-weight:600}.acciones{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-block;padding:1px 9px;border-radius:99px;font-size:.82rem;font-weight:600;background:var(--celeste2);color:var(--marino)}.chip.GREEN,.chip.TERMINADA,.chip.APPROVED,.chip.ATENDIDA{background:#e0f3e8;color:var(--verde)}.chip.YELLOW,.chip.PAUSADA,.chip.PENDING,.chip.PENDIENTE{background:#fdf1cf;color:var(--ambar)}.chip.RED,.chip.REJECTED,.chip.CANCELADA{background:#fbe3e1;color:var(--rojo)}.error{background:#fbe3e1;color:var(--rojo);padding:10px 12px;border-radius:6px;margin-bottom:12px}.nota{color:var(--suave);font-size:.88rem}.aviso{background:#fdf1cf;color:#5c4300;padding:10px 12px;border-radius:6px;margin-bottom:12px}.bandeja{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.conv{display:block;width:100%;background:#fff;color:var(--texto);border:1px solid var(--linea);text-align:left;font-weight:400;margin-bottom:6px}.conv:hover{background:var(--celeste2)}.conv.activo{border-color:var(--marino);box-shadow:inset 3px 0 0 var(--dorado)}.conv strong{color:var(--marino)}.burbuja{background:var(--celeste2);border-radius:8px;padding:8px 12px;margin-bottom:8px;max-width:560px;white-space:pre-wrap;overflow-wrap:anywhere}.burbuja small{display:block;color:var(--suave)}.contador{background:var(--dorado);color:var(--marino);border-radius:99px;padding:0 7px;font-size:.8rem;font-weight:700}.barra{height:8px;background:var(--linea);border-radius:4px;overflow:hidden;margin:6px 0}.barra i{display:block;height:100%;background:var(--dorado)}.acceso{min-height:100vh;display:grid;place-items:center;background:var(--marino);padding:16px}.acceso form{background:#fff;border-radius:8px;padding:28px;width:min(380px,100%)}.dos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 14px}.permisos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;margin-bottom:12px}@media(max-width:800px){.marco{grid-template-columns:minmax(0,1fr)}.lateral nav{display:flex;flex-wrap:wrap;gap:4px}.lateral nav button{width:auto}.bandeja{grid-template-columns:minmax(0,1fr)}.contenido{padding:16px}}