.sop-kpis{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.sop-kpi{flex:1;min-width:100px;background:hsla(0,0%,100%,.88);border:1px solid rgba(27,53,96,.09);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:2px;backdrop-filter:blur(4px)}.sop-kpi-val{font-size:1.5rem;font-weight:800;color:#1b3560;line-height:1}.sop-kpi-label{font-size:.68rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.sop-new-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#2d6be4;color:#fff;border:none;border-radius:10px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .14s;font-family:DM Sans,sans-serif}.sop-new-btn:hover{background:#1d5acc}.sop-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sop-filter-btn{padding:5px 14px;border-radius:99px;border:1.5px solid rgba(27,53,96,.12);background:hsla(0,0%,100%,.8);font-size:.73rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .12s;font-family:DM Sans,sans-serif}.sop-filter-btn:hover{border-color:rgba(45,107,228,.3);color:#2d6be4}.sop-filter-btn.sop-active{background:rgba(45,107,228,.1);border-color:rgba(45,107,228,.28);color:#2d6be4}.sop-list{display:flex;flex-direction:column;gap:6px}.sop-ticket{background:hsla(0,0%,100%,.9);border:1.5px solid rgba(27,53,96,.09);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .14s,box-shadow .14s,transform .1s;backdrop-filter:blur(4px)}.sop-ticket:hover{border-color:rgba(45,107,228,.22);box-shadow:0 4px 14px rgba(27,53,96,.09);transform:translateY(-1px)}.sop-ticket-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.sop-ticket-titulo{font-size:.84rem;font-weight:700;color:#1b3560;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sop-ticket-body{font-size:.75rem;color:#64748b;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.sop-ticket-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sop-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:99px;font-size:.65rem;font-weight:600;white-space:nowrap}.sop-abierto{background:rgba(45,107,228,.1);color:#1e40af;border:1px solid rgba(45,107,228,.2)}.sop-proceso{background:rgba(217,119,6,.1);color:#92400e;border:1px solid rgba(217,119,6,.22)}.sop-cerrado{background:rgba(16,185,129,.1);color:#065f46;border:1px solid rgba(16,185,129,.2)}.sop-cancelado{background:rgba(100,116,139,.1);color:#475569;border:1px solid rgba(100,116,139,.18)}.sop-baja{background:rgba(100,116,139,.08);color:#64748b}.sop-media{background:rgba(45,107,228,.08);color:#2d6be4}.sop-alta{background:rgba(217,119,6,.09);color:#d97706}.sop-critica{background:rgba(225,29,72,.09);color:#e11d48}.sop-time{font-size:.68rem;color:#94a3b8;margin-left:auto;white-space:nowrap}.sop-empty{text-align:center;padding:70px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#94a3b8}.sop-empty p{font-size:.9rem;font-weight:600;color:#64748b;margin:0}.sop-empty span{font-size:.78rem}.sop-detail-overlay{position:fixed;inset:0;background:rgba(15,23,42,.4);backdrop-filter:blur(2px);z-index:900;display:flex;justify-content:flex-end}.sop-detail-panel{width:min(480px,100vw);height:100%;background:#f8fafc;border-left:1px solid rgba(27,53,96,.12);display:flex;flex-direction:column;overflow:hidden}.sop-detail-header{padding:20px 20px 16px;border-bottom:1px solid rgba(27,53,96,.08);display:flex;align-items:flex-start;gap:12px}.sop-detail-close{width:30px;height:30px;border-radius:8px;border:none;background:rgba(27,53,96,.07);color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s}.sop-detail-close:hover{background:rgba(27,53,96,.14)}.sop-detail-titulo{font-size:.9rem;font-weight:700;color:#1b3560;flex:1;line-height:1.4}.sop-detail-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.sop-detail-desc{font-size:.8rem;color:#475569;line-height:1.6;background:hsla(0,0%,100%,.9);border:1px solid rgba(27,53,96,.08);border-radius:10px;padding:12px 14px}.sop-detail-meta{display:flex;flex-wrap:wrap;gap:6px}.sop-detail-section-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:6px}.sop-detail-respuesta{font-size:.8rem;color:#475569;line-height:1.6;background:rgba(45,107,228,.05);border:1px solid rgba(45,107,228,.14);border-radius:10px;padding:12px 14px;white-space:pre-wrap}.sop-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.sop-modal{background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.22);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:14px}.sop-modal-title{font-size:1rem;font-weight:800;color:#1b3560}.sop-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sop-field{display:flex;flex-direction:column;gap:4px}.sop-label{font-size:.7rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.sop-input,.sop-select,.sop-textarea{padding:9px 12px;border:1.5px solid rgba(27,53,96,.14);border-radius:10px;font-size:.82rem;color:#1b3560;font-family:DM Sans,sans-serif;background:rgba(248,250,252,.9);transition:border-color .13s,box-shadow .13s;outline:none}.sop-input:focus,.sop-select:focus,.sop-textarea:focus{border-color:rgba(45,107,228,.45);box-shadow:0 0 0 3px rgba(45,107,228,.1)}.sop-textarea{resize:vertical;min-height:90px}.sop-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.sop-cancel-btn{padding:8px 16px;border-radius:10px;border:1.5px solid rgba(27,53,96,.14);background:transparent;font-size:.78rem;font-weight:600;color:#64748b;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .12s}.sop-cancel-btn:hover{background:rgba(27,53,96,.06)}.sop-submit-btn{padding:8px 20px;border-radius:10px;border:none;background:#2d6be4;color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .14s;display:inline-flex;align-items:center;gap:6px}.sop-submit-btn:hover:not(:disabled){background:#1d5acc}.sop-submit-btn:disabled{opacity:.6;cursor:default}@media (max-width:600px){.sop-form-row{grid-template-columns:1fr}.sop-kpi{min-width:80px}}