/* ordenes.css - estilos dedicados de ordenes.html (Tier D, 2026-05-27) */

    /* Audit 2026-05-20 §3.1: paciente debe ser la columna prominente.
       Numero de orden en mono pero MAS CHICO y mas tenue. */
    .ord-table .ord-num    { font-family: var(--h-font-mono); font-size: var(--h-text-sm); color: var(--h-ink-soft); }
    .ord-table .ord-pac    { font-weight: var(--h-weight-semibold); color: var(--h-ink); }
    .ord-table .ord-med    { color: var(--h-muted); font-size: var(--h-text-sm); }
    .ord-table tbody tr:hover { background: var(--h-nest); }
    .ord-table tbody tr.clickable { cursor: pointer; }

    /* Leyenda colapsable de estados */
    .legend-toggle {
      display: inline-flex; align-items: center; gap: 4px;
      background: transparent; border: none; color: var(--h-muted);
      font-size: var(--h-text-xs); cursor: pointer; padding: 4px 8px;
      border-radius: var(--h-radius-sm);
    }
    .legend-toggle:hover { background: var(--h-nest); color: var(--h-ink-soft); }

    /* Audit 2026-05-20 §3.6 — acciones inline (menu ...) por fila.
       Antes: unica accion era la flecha "→".
       Ahora: hover en fila revela boton ... con menu Ver/Imprimir/PDF/Duplicar/Cancelar. */
    .ord-table .ord-actions {
      width: 40px; text-align: right; position: relative;
    }
    .ord-actions-btn {
      width: 28px; height: 28px;
      border-radius: var(--h-radius-sm);
      border: 1px solid transparent;
      background: transparent;
      color: var(--h-muted);
      cursor: pointer;
      display: inline-flex; align-items: center; justify-content: center;
      opacity: 0;
      transition: all var(--h-transition-fast);
    }
    .ord-table tbody tr:hover .ord-actions-btn,
    .ord-actions-btn.is-open { opacity: 1; }
    .ord-actions-btn:hover {
      background: var(--h-surface);
      border-color: var(--h-hairline);
      color: var(--h-ink);
    }
    .ord-actions-menu {
      position: absolute;
      right: 8px; top: 32px;
      min-width: 200px;
      background: var(--h-surface);
      border: 1px solid var(--h-hairline);
      border-radius: var(--h-radius-md);
      box-shadow: var(--h-shadow-lg);
      padding: 4px;
      z-index: var(--h-z-dropdown);
    }
    .ord-actions-menu-item {
      display: flex; align-items: center; gap: 10px;
      padding: 8px 12px;
      border-radius: var(--h-radius-sm);
      font-size: var(--h-text-sm);
      color: var(--h-ink);
      cursor: pointer;
      text-decoration: none;
      transition: background var(--h-transition-fast);
    }
    .ord-actions-menu-item:hover { background: var(--h-nest); }
    .ord-actions-menu-item.is-danger { color: var(--h-danger); }
    .ord-actions-menu-item.is-danger:hover { background: var(--h-danger-soft); }
    .ord-actions-menu-item svg { width: 16px; height: 16px; flex-shrink: 0; color: var(--h-muted); }
    .ord-actions-menu-item.is-danger svg { color: var(--h-danger); }
    .ord-actions-menu-sep {
      height: 1px; background: var(--h-hairline);
      margin: 4px 0;
    }