.admin-pending-page { display: grid; gap: 13px; }
.admin-pending-hero { display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid var(--border); border-radius: 13px; background: linear-gradient(135deg, rgba(10, 29, 48, .96), rgba(7, 18, 32, .92)); padding: 16px; }
.admin-pending-hero h1 { margin: 2px 0 5px; }
.admin-pending-hero p { margin: 0; color: var(--muted); }
.admin-pending-hero a { color: var(--primary); font-weight: 900; }
.admin-summary-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.admin-summary-grid article { display: grid; gap: 4px; min-width: 0; border: 1px solid var(--border); border-radius: 10px; background: rgba(7, 18, 32, .8); padding: 11px; }
.admin-summary-grid span,
.admin-pending-card summary span,
.admin-pending-card summary small { color: var(--muted); font-size: 11px; }
.admin-summary-grid strong { overflow: hidden; color: var(--accent); font-size: 20px; text-overflow: ellipsis; }
.admin-pending-filters { display: flex; align-items: end; gap: 10px; border: 1px solid var(--border); border-radius: 10px; background: rgba(7, 18, 32, .72); padding: 10px; }
.admin-pending-filters label { display: grid; gap: 4px; min-width: 220px; }
.admin-pending-filters label span { color: var(--muted); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.admin-pending-filters select { min-height: 38px; }
.admin-pending-filters a { color: var(--primary); font-weight: 800; }
.admin-pending-list { display: grid; gap: 7px; }
.admin-pending-card { border: 1px solid var(--border); border-radius: 10px; background: rgba(7, 18, 32, .78); overflow: hidden; }
.admin-pending-card > summary { display: grid; grid-template-columns: 60px minmax(120px, 1.2fr) minmax(110px, 1fr) 135px repeat(4, minmax(65px, .6fr)); gap: 8px; align-items: center; padding: 10px; cursor: pointer; }
.admin-pending-card > summary > div { display: grid; gap: 2px; min-width: 0; }
.admin-pending-card > summary strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-pending-selections { display: grid; gap: 6px; border-top: 1px solid var(--border); background: rgba(0, 0, 0, .12); padding: 9px; }
.admin-selection { border: 1px solid rgba(148, 163, 184, .14); border-radius: 8px; padding: 9px; }
.admin-selection header { display: flex; justify-content: space-between; gap: 10px; }
.admin-selection header div { display: grid; gap: 2px; }
.admin-selection header span { color: var(--muted); font-size: 11px; }
.admin-selection-facts { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 8px; color: var(--muted); font-size: 12px; }
.admin-selection-facts strong { color: var(--text); }
.admin-selection-facts a { color: var(--primary); font-weight: 800; }
.admin-pending-empty { display: grid; gap: 4px; border: 1px dashed var(--border); border-radius: 10px; color: var(--muted); padding: 25px; text-align: center; }
.admin-pending-empty strong { color: var(--text); }
.admin-pending-pagination { display: flex; justify-content: center; padding: 10px; }
.admin-pending-pagination a { color: var(--primary); font-weight: 900; }
.admin-result-message { border: 1px solid; border-radius: 9px; padding: 10px 12px; font-weight: 800; }
.admin-result-success { border-color: rgba(34, 197, 94, .45); background: rgba(34, 197, 94, .1); color: #86efac; }
.admin-result-error { border-color: rgba(239, 68, 68, .45); background: rgba(239, 68, 68, .1); color: #fca5a5; }
.admin-result-form { display: grid; grid-template-columns: auto minmax(120px, 1fr) minmax(120px, 1fr) minmax(180px, 1.5fr) auto; gap: 8px; align-items: end; margin-top: 10px; border-top: 1px solid var(--border); padding-top: 9px; }
.admin-result-form label { display: grid; gap: 3px; }
.admin-result-form label span { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.admin-result-form input { min-width: 0; }
.admin-result-form button { min-height: 38px; border: 0; border-radius: 7px; background: var(--primary); padding: 0 13px; color: #04111d; font-weight: 900; cursor: pointer; }
.company-header-actions { display: flex; align-items: center; gap: 12px; }
.company-header-actions form { margin: 0; }
.company-header-actions button { border: 1px solid var(--border); border-radius: 7px; background: transparent; padding: 8px 10px; color: var(--text); cursor: pointer; }
.company-login-page { display: grid; min-height: 70vh; place-items: center; }
.company-login-card { display: grid; gap: 13px; width: min(420px, 100%); border: 1px solid var(--border); border-radius: 13px; background: rgba(7, 18, 32, .9); padding: 22px; }
.company-login-card h1, .company-login-card p { margin: 0; }
.company-login-card p { color: var(--muted); }
.company-login-card label { display: grid; gap: 5px; }
.company-login-card label span { color: var(--muted); font-size: 12px; font-weight: 800; }
.company-login-card button { min-height: 42px; border: 0; border-radius: 8px; background: var(--primary); color: #04111d; font-weight: 900; cursor: pointer; }
@media (max-width: 900px) {
  .admin-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-pending-card > summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .admin-pending-hero,
  .admin-pending-filters { align-items: stretch; flex-direction: column; }
  .admin-pending-filters label { min-width: 0; }
  .admin-pending-card > summary { grid-template-columns: 1fr; }
  .admin-result-form { grid-template-columns: 1fr; }
}

/* Pending slips data component */
.admin-pending-page { gap: 24px; }
.admin-summary-grid { gap: 16px; }
.admin-summary-grid article { min-height: 92px; align-content: center; padding: 14px; }
.admin-summary-grid article small { color: var(--muted); font-size: 11px; }
.admin-summary-grid strong { font-variant-numeric: tabular-nums; }
.admin-pending-filters { gap: 12px; padding: 14px; }
.admin-pending-filters label { gap: 7px; }
.admin-pending-filters a { display: inline-flex; align-items: center; min-height: 42px; color: #cbd5e1; text-decoration: none; }
.admin-pending-list { gap: 8px; }
.admin-pending-columns,
.admin-pending-card > summary { grid-template-columns: 62px minmax(135px, 1.2fr) minmax(115px, 1fr) 138px 92px 70px 115px 72px 92px; }
.admin-pending-columns { display: grid; gap: 8px; padding: 0 11px; color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .03em; text-transform: uppercase; }
.admin-pending-columns span:nth-child(n+5) { text-align: right; }
.admin-pending-card > summary { transition: background-color .14s ease; }
.admin-pending-card > summary:hover,
.admin-pending-card > summary:focus-visible { outline: 0; background: rgba(148, 163, 184, .05); }
.admin-pending-card > summary strong { font-variant-numeric: tabular-nums; }
.admin-slip-action { display: inline-flex; align-items: center; justify-content: flex-end; gap: 5px; color: #cbd5e1 !important; font-size: 11px !important; font-weight: 850; white-space: nowrap; }
.admin-slip-action i { color: var(--primary); font-style: normal; }

@media (max-width: 1100px) {
  .admin-pending-columns { display: none; }
  .admin-pending-card > summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .admin-slip-action { justify-content: flex-start; }
}

@media (max-width: 720px) {
  .admin-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .admin-pending-filters { align-items: stretch; flex-direction: column; }
  .admin-pending-filters label { width: 100%; min-width: 0; }
  .admin-pending-card > summary { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px; }
  .admin-slip-action { grid-column: 1 / -1; min-height: 42px; border-top: 1px solid var(--border); padding-top: 9px; }
}