.heading-actions{display:flex;gap:10px;align-items:center}.sales-tabs{display:flex;gap:8px;margin-bottom:20px!important}.sales-tabs a{padding:10px 18px;border:1px solid var(--nv-line);border-radius:99px;color:var(--nv-muted);text-decoration:none}.sales-tabs a.active{color:white;border-color:#8b5cf6;background:#8b5cf620}.sales-list{display:grid;gap:18px}.sale-review-card{background:linear-gradient(155deg,#111a2b,#0c1321);border:1px solid var(--nv-line);border-radius:22px;padding:25px}.sale-review-card>header{display:flex;justify-content:space-between;gap:15px;padding-bottom:19px;border-bottom:1px solid var(--nv-line)}.sale-review-card h2{margin:5px 0}.sale-review-card p,.sale-review-card span{color:var(--nv-muted)}.sale-number{color:var(--nv-cyan)!important;font-size:12px;font-weight:800;letter-spacing:1px}.sale-review-info{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:20px 0}.sale-review-info>div{padding:15px;border:1px solid var(--nv-line);border-radius:13px;background:#0a1220}.sale-review-info small,.sale-review-info span{display:block;color:var(--nv-muted);font-size:12px}.sale-review-info strong{display:block;margin:6px 0}.approval-form{display:grid;gap:14px;padding-top:18px;border-top:1px solid var(--nv-line)}.approval-form textarea{width:100%;margin-top:8px;padding:14px;background:#080f1c;border:1px solid var(--nv-line);border-radius:12px;color:white}.approval-form>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.approval-form p{font-size:12px}.approved-details{padding:18px;border:1px solid #065f46;background:#064e3b3d;border-radius:14px}.approved-details pre,.purchase-details pre{white-space:pre-wrap;word-break:break-word;color:#d1fae5;font:13px/1.5 system-ui;margin:10px 0}.purchase-details{margin-top:8px}.purchase-details summary{cursor:pointer;color:var(--nv-cyan);font-size:12px}.status-pill.pending{background:#78350f;color:#fde68a}
@media(max-width:820px){.heading-actions{width:100%;flex-direction:column}.heading-actions a{width:100%}.sale-review-info{grid-template-columns:1fr}.approval-form>div{align-items:stretch;flex-direction:column}.approval-form button{width:100%}}
@media (max-width:560px){
  .navbar .logo img{width:82px!important}
  .navbar .acciones a[href*="admin/notificaciones"]{display:none}
  .navbar .acciones a[href*="admin/compras"]{display:none}
  .navbar .acciones .salir{width:34px;padding:8px 0;font-size:0}
  .navbar .acciones .salir::after{content:"↪";font-size:15px}
}