.claw-avatar-initial {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  font-weight: 800;
  background: linear-gradient(135deg, var(--oc-primary), var(--oc-accent));
  box-shadow: 0 10px 24px rgba(var(--oc-primary-rgb), .24);
}

.claw-brand-mark {
  width: 2.15rem;
  height: 2.15rem;
  display: inline-grid;
  place-items: center;
  border-radius: .8rem;
  color: #fff;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: -.02em;
  background: linear-gradient(135deg, var(--oc-primary), color-mix(in srgb, var(--oc-primary) 45%, var(--oc-accent)));
  box-shadow: 0 12px 28px rgba(var(--oc-primary-rgb), .26);
}

.topnav .navbar-brand::before { display: none !important; }

.claw-dashboard .card .card-body canvas {
  width: 100% !important;
}

.claw-dashboard .chart-area,
.claw-dashboard .chart-pie,
.claw-dashboard .chart-bar {
  position: relative;
  min-height: 18rem;
}

.claw-dashboard .chart-pie { min-height: 17rem; }

.claw-metric-card .feather-xl,
.feather-xl {
  width: 2.45rem;
  height: 2.45rem;
}

.claw-metric-card .card-footer {
  min-height: 3rem;
}

.claw-card-icon-soft {
  width: 2.35rem;
  height: 2.35rem;
  display: inline-grid;
  place-items: center;
  border-radius: .75rem;
  background: rgba(var(--oc-primary-rgb), .14);
  color: color-mix(in srgb, var(--oc-primary) 72%, #fff);
}

.claw-empty-state {
  display: grid;
  min-height: 13rem;
  place-items: center;
  border: 1px dashed rgba(var(--oc-primary-rgb), .3);
  border-radius: var(--oc-radius-sm);
  background: rgba(var(--oc-primary-rgb), .06);
}

.claw-empty-state i,
.claw-empty-state svg {
  width: 2.2rem;
  height: 2.2rem;
  color: color-mix(in srgb, var(--oc-primary) 74%, #fff);
}

.claw-summary-list .list-group-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  border-color: var(--oc-border);
  background: transparent;
}

.claw-system-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

@media (max-width: 575.98px) {
  .claw-system-grid { grid-template-columns: 1fr; }
}

.claw-kpi-mini {
  padding: 1rem;
  border: 1px solid var(--oc-border);
  border-radius: var(--oc-radius-sm);
  background: rgba(255,255,255,.035);
}

.claw-kpi-mini .label {
  color: var(--oc-text-muted);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.claw-kpi-mini .value {
  color: var(--oc-text-primary);
  font-size: 1.45rem;
  font-weight: 800;
}

.claw-page-action {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.2) !important;
  color: #fff !important;
}

.claw-page-action:hover {
  background: rgba(255,255,255,.18) !important;
}

.claw-dashboard .timeline.timeline-xs .timeline-item .timeline-item-content {
  color: var(--oc-text-secondary);
}

.claw-dashboard .timeline.timeline-xs .timeline-item .timeline-item-content a {
  color: var(--oc-text-primary) !important;
}

.claw-dashboard .table td,
.claw-dashboard .table th {
  vertical-align: middle;
}

.claw-footer-support .modal-content {
  color: var(--oc-text-primary);
  border: 1px solid var(--oc-border);
  background: var(--oc-card-strong);
}

.claw-footer-support .modal-header,
.claw-footer-support .modal-footer {
  border-color: var(--oc-border);
}

.claw-support-card {
  border: 1px solid var(--oc-border);
  border-radius: var(--oc-radius-sm);
  padding: 1rem;
  background: rgba(var(--oc-primary-rgb), .08);
}


/* Claw dashboard corrections -------------------------------------------------
   Keep SB Admin Pro markup, but force the adapted Laravel cards/sidebar to use
   the complete available card width and height. */
body.nav-fixed #layoutSidenav #layoutSidenav_nav,
#layoutSidenav #layoutSidenav_nav {
  will-change: transform;
}

@media (min-width: 992px) {
  body.sidenav-toggled #layoutSidenav #layoutSidenav_nav,
  body.claw-sidebar-collapsed #layoutSidenav #layoutSidenav_nav {
    transform: translateX(-15rem) !important;
  }

  body.sidenav-toggled #layoutSidenav #layoutSidenav_content,
  body.claw-sidebar-collapsed #layoutSidenav #layoutSidenav_content {
    margin-left: -15rem !important;
  }

  body.sidenav-toggled #layoutSidenav #layoutSidenav_content::before,
  body.claw-sidebar-collapsed #layoutSidenav #layoutSidenav_content::before {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  #layoutSidenav #layoutSidenav_nav {
    transform: translateX(-15rem) !important;
  }

  body.sidenav-toggled #layoutSidenav #layoutSidenav_nav,
  body.claw-sidebar-open #layoutSidenav #layoutSidenav_nav {
    transform: translateX(0) !important;
  }

  body.sidenav-toggled #layoutSidenav #layoutSidenav_content::before,
  body.claw-sidebar-open #layoutSidenav #layoutSidenav_content::before {
    content: "";
    display: block !important;
    position: fixed;
    inset: 3.625rem 0 0 0;
    background: rgba(0, 0, 0, .52);
    z-index: 1037;
  }
}

.claw-footer-centered .container-xl,
.claw-footer-centered .text-center {
  width: 100%;
}

.claw-dashboard .claw-fill-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.claw-dashboard .claw-fill-card > .card-header {
  flex: 0 0 auto;
  width: 100%;
}

.claw-dashboard .claw-fill-card > .card-body,
.claw-dashboard .claw-card-body-fill {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}

.claw-dashboard .claw-card-subtitle {
  width: 100%;
}

.claw-dashboard .claw-chart-frame {
  width: 100% !important;
  max-width: none !important;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}

.claw-dashboard .claw-chart-frame > canvas,
.claw-dashboard .chart-area > canvas,
.claw-dashboard canvas {
  display: block !important;
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: inherit;
}

.claw-dashboard .claw-activity-card .card-body {
  display: flex;
  align-items: stretch;
  padding: 1.25rem 1.35rem;
}

.claw-dashboard .claw-activity-card .timeline {
  width: 100%;
  margin: 0;
}

.claw-dashboard .claw-activity-card .timeline .timeline-item {
  display: grid;
  grid-template-columns: minmax(4.15rem, 4.85rem) minmax(0, 1fr);
  width: 100%;
  align-items: stretch;
}

.claw-dashboard .claw-activity-card .timeline .timeline-item .timeline-item-marker {
  transform: none !important;
  flex-direction: row !important;
  justify-content: flex-end;
  align-items: flex-start;
  min-width: 0;
  margin: 0;
  padding-top: .55rem;
}

.claw-dashboard .claw-activity-card .timeline .timeline-item .timeline-item-marker-text {
  width: auto !important;
  max-width: 3.55rem;
  margin: 0 .45rem 0 0 !important;
  padding-right: 0;
  text-align: right;
}

.claw-dashboard .claw-activity-card .timeline .timeline-item .timeline-item-content {
  width: 100% !important;
  min-width: 0;
  margin: 0;
  padding: .55rem .9rem .65rem 1.2rem !important;
}

.claw-dashboard .claw-progress-card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: .8rem;
  padding: 1.35rem;
}

.claw-dashboard .claw-progress-card .card-body > div {
  width: 100%;
  margin-bottom: 0 !important;
}

.claw-dashboard .claw-progress-card .progress {
  width: 100%;
}

.claw-dashboard .claw-system-card .card-body {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.claw-dashboard .claw-system-card .claw-summary-list {
  flex: 1 1 auto;
  width: 100%;
}

.claw-dashboard .card-header-actions .card-header > .d-flex.min-w-0 {
  flex: 1 1 auto;
}

.min-w-0 {
  min-width: 0 !important;
}

/* Dashboard cleanup: queue/status donuts and sidebar storage ---------------- */
.claw-dashboard .claw-donut-card .card-body,
.claw-dashboard .claw-donut-card-body {
  display: grid;
  grid-template-columns: minmax(10.5rem, 42%) minmax(0, 1fr);
  gap: 1.15rem;
  align-items: center;
  width: 100%;
}

.claw-dashboard .claw-chart-frame .claw-donut-wrap,
.claw-dashboard .claw-donut-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 16rem;
}

.claw-dashboard .claw-donut-wrap-sm {
  min-height: 12.5rem;
}

/* Chart.js inyecta width/height inline; usamos max-* para centrar sin deformar */
.claw-dashboard .claw-donut-wrap > canvas {
  display: block;
  max-width: 100% !important;
  max-height: 100% !important;
}

.claw-dashboard .claw-donut-center {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  text-align: center;
  pointer-events: none;
}

.claw-dashboard .claw-donut-center span {
  color: var(--oc-text-primary);
  font-size: clamp(1.35rem, 2vw, 2rem);
  font-weight: 900;
  letter-spacing: -.04em;
  line-height: 1;
}

.claw-dashboard .claw-donut-center small {
  color: var(--oc-text-muted);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  margin-top: .35rem;
  text-transform: uppercase;
}

.claw-dashboard .claw-donut-legend {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  min-width: 0;
}

.claw-dashboard .claw-donut-legend-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .35rem .75rem;
  padding: .72rem .85rem;
  border: 1px solid var(--oc-border);
  border-radius: var(--oc-radius-sm);
  background: rgba(255,255,255,.035);
}

.claw-dashboard .claw-donut-legend-item span {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-width: 0;
  color: var(--oc-text-primary);
  font-weight: 800;
}

.claw-dashboard .claw-donut-legend-item strong {
  color: var(--oc-text-primary);
  font-weight: 900;
}

.claw-dashboard .claw-donut-legend-item small {
  grid-column: 1 / -1;
  color: var(--oc-text-muted);
  line-height: 1.35;
}

.claw-dashboard .claw-dot {
  width: .58rem;
  height: .58rem;
  display: inline-block;
  border-radius: 999px;
  box-shadow: 0 0 0 .18rem rgba(255,255,255,.035);
}

.sidenav-footer-storage {
  padding-bottom: .9rem;
  border-bottom: 1px solid var(--oc-border);
}

.sidenav-footer-storage .badge {
  font-weight: 800;
}

.claw-sidebar-storage-progress {
  height: .42rem;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}

.claw-sidebar-storage-progress .progress-bar {
  border-radius: inherit;
}

.sidenav-footer-storage-caption {
  color: var(--oc-text-muted);
  font-size: .7rem;
  font-weight: 700;
}

@media (max-width: 575.98px) {
  .claw-dashboard .claw-donut-card .card-body,
  .claw-dashboard .claw-donut-card-body {
    grid-template-columns: 1fr;
  }
}

/* Claw dashboard polish: activity, sidebar footer, dropdowns and payment modal */
.claw-dashboard .claw-activity-card > .card-header {
  min-height: 4.4rem;
}

.claw-dashboard .claw-activity-list {
  height: 100%;
  min-height: 18rem;
  display: grid;
  align-content: center;
  gap: .85rem;
  padding: 1.2rem;
}

.claw-dashboard .claw-activity-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .85rem;
  align-items: center;
  min-width: 0;
  padding: .95rem 1rem;
  color: inherit;
  text-decoration: none;
  border: 1px solid var(--oc-border);
  border-radius: var(--oc-radius-sm);
  background:
    linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
    rgba(var(--oc-bg-surface-rgb), .64);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.claw-dashboard a.claw-activity-item:hover,
.claw-dashboard a.claw-activity-item:focus {
  color: inherit;
  transform: translateY(-1px);
  border-color: rgba(var(--oc-primary-rgb), .36);
  background:
    linear-gradient(135deg, rgba(var(--oc-primary-rgb), .12), rgba(255,255,255,.025)),
    rgba(var(--oc-bg-surface-rgb), .8);
}

.claw-dashboard .claw-activity-item.is-static {
  cursor: default;
}

.claw-dashboard .claw-activity-icon {
  width: 2.65rem;
  height: 2.65rem;
  display: inline-grid;
  place-items: center;
  border-radius: .9rem;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.045);
}

.claw-dashboard .claw-activity-icon svg {
  width: 1.15rem;
  height: 1.15rem;
}

.claw-dashboard .claw-activity-copy {
  display: grid;
  gap: .22rem;
  min-width: 0;
}

.claw-dashboard .claw-activity-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-width: 0;
  color: var(--oc-text-primary);
  font-size: .92rem;
  font-weight: 800;
  line-height: 1.25;
}

.claw-dashboard .claw-activity-title > span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.claw-dashboard .claw-activity-text {
  color: var(--oc-text-muted);
  font-size: .75rem;
  line-height: 1.4;
}

#layoutSidenav_nav .sidenav .claw-sidenav-footer {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 1rem;
  border-top: 1px solid var(--oc-border);
  background: rgba(var(--oc-bg-surface-rgb), .92);
}

#layoutSidenav_nav .sidenav .claw-sidebar-storage-card {
  display: block;
  width: 100%;
  margin: 0 0 .9rem 0 !important;
  padding: .8rem;
  border: 1px solid var(--oc-border);
  border-radius: .85rem;
  background: rgba(255,255,255,.035);
}

#layoutSidenav_nav .sidenav .claw-sidebar-session-card {
  display: block;
  width: 100%;
  padding-top: .15rem;
  clear: both;
}

#layoutSidenav_nav .sidenav .claw-sidenav-footer .sidenav-footer-subtitle,
#layoutSidenav_nav .sidenav .claw-sidenav-footer .sidenav-footer-title,
#layoutSidenav_nav .sidenav .claw-sidenav-footer .sidenav-footer-storage-caption {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#layoutSidenav_nav .sidenav .claw-sidenav-footer .sidenav-footer-subtitle {
  color: var(--oc-text-muted);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
}

#layoutSidenav_nav .sidenav .claw-sidenav-footer .sidenav-footer-title {
  color: var(--oc-text-secondary);
  font-size: .82rem;
  font-weight: 800;
}

.topnav .dropdown-menu {
  color: var(--oc-text-primary);
  border: 1px solid var(--oc-border) !important;
  background: var(--oc-card-strong);
  box-shadow: var(--oc-shadow);
}

.topnav .dropdown-menu .dropdown-header {
  color: var(--oc-text-primary);
  border-color: var(--oc-border);
  background: rgba(var(--oc-primary-rgb), .08);
}

.topnav .dropdown-user-details-name,
.topnav .dropdown-notifications-item-content-text {
  color: var(--oc-text-primary);
}

.topnav .dropdown-user-details-email,
.topnav .dropdown-notifications-item-content-details,
.topnav .dropdown-notifications-footer {
  color: var(--oc-text-muted) !important;
}

.topnav .dropdown-item,
.topnav .dropdown-menu .dropdown-item {
  color: var(--oc-text-secondary);
}

.topnav .dropdown-item .dropdown-item-icon,
.topnav .dropdown-menu .dropdown-item-icon {
  color: color-mix(in srgb, var(--oc-primary) 72%, #fff);
}

.topnav .dropdown-item:hover,
.topnav .dropdown-item:focus,
.topnav .dropdown-notifications-footer:hover,
.topnav .dropdown-notifications-footer:focus {
  color: var(--oc-text-primary) !important;
  background: rgba(var(--oc-primary-rgb), .12);
}

.topnav .dropdown-item.text-danger,
.topnav .dropdown-item.text-danger .dropdown-item-icon {
  color: #e29a94 !important;
}

.topnav .dropdown-divider {
  border-top-color: var(--oc-border);
}

@media (max-width: 767.98px) {
  .claw-dashboard .claw-activity-list {
    min-height: 0;
  }

  .claw-dashboard .claw-activity-title {
    align-items: flex-start;
    flex-direction: column;
    gap: .35rem;
  }

  .claw-dashboard .claw-activity-title > span:first-child {
    white-space: normal;
  }
}

.claw-dashboard .claw-activity-card > .card-body {
  display: block !important;
  padding: 0 !important;
}


/* Claw polish: visible sidebar badge, rejected alert/modal and account pages */
#layoutSidenav_nav .sidenav .claw-sidebar-badge {
  color: #f4fff8 !important;
  border: 1px solid rgba(var(--oc-primary-rgb), .42);
  background: linear-gradient(135deg, rgba(var(--oc-primary-rgb), .78), rgba(42, 82, 60, .95));
  box-shadow: 0 .35rem .9rem rgba(var(--oc-primary-rgb), .22);
  font-weight: 800;
  letter-spacing: .02em;
}

.claw-rejected-alert-card {
  background:
    linear-gradient(135deg, rgba(var(--bs-danger-rgb), .09), rgba(255,255,255,.02)),
    var(--oc-card-strong);
}

.claw-rejected-alert-card .text-danger,
.claw-rejected-modal .text-danger {
  color: #ee9d98 !important;
}

.claw-alert-icon {
  width: 2.35rem;
  height: 2.35rem;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: .85rem;
  background: rgba(255,255,255,.08);
}

.claw-alert-icon svg {
  width: 1.05rem;
  height: 1.05rem;
}

.claw-rejected-list .list-group-item {
  color: var(--oc-text-secondary);
  border-color: var(--oc-border);
  background: transparent;
}

.claw-rejected-list .list-group-item:first-child {
  padding-top: 0;
}

.claw-rejected-list .list-group-item:last-child {
  padding-bottom: 0;
}

.claw-rejected-reason {
  color: var(--oc-text-secondary);
  padding: .85rem 1rem;
  border: 1px solid rgba(var(--bs-danger-rgb), .22);
  border-radius: .9rem;
  background: rgba(var(--bs-danger-rgb), .08);
}

body.nav-fixed .modal-content {
  color: var(--oc-text-primary);
  border: 1px solid var(--oc-border);
  background: var(--oc-card-strong);
  box-shadow: var(--oc-shadow);
}

body.nav-fixed .modal-header,
body.nav-fixed .modal-footer {
  border-color: var(--oc-border);
}

body.nav-fixed .modal .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

body.nav-fixed .modal .text-muted {
  color: var(--oc-text-muted) !important;
}

body.nav-fixed .modal .text-body,
body.nav-fixed .modal p,
body.nav-fixed .modal label {
  color: var(--oc-text-primary) !important;
}

body.nav-fixed .modal .form-control,
.claw-account-page .form-control,
.claw-account-page .form-select {
  color: var(--oc-text-primary);
  border-color: var(--oc-border);
  background-color: rgba(var(--oc-bg-surface-rgb), .78);
}

body.nav-fixed .modal .form-control:focus,
.claw-account-page .form-control:focus,
.claw-account-page .form-select:focus {
  color: var(--oc-text-primary);
  border-color: rgba(var(--oc-primary-rgb), .64);
  background-color: rgba(var(--oc-bg-surface-rgb), .95);
  box-shadow: 0 0 0 .2rem rgba(var(--oc-primary-rgb), .16);
}

.claw-account-page .card .card-header {
  min-height: 4.25rem;
}

.claw-account-avatar {
  width: 6rem;
  height: 6rem;
  display: grid;
  place-items: center;
  border-radius: 1.75rem;
  color: #f4fff8;
  font-size: 2.25rem;
  font-weight: 900;
  background: linear-gradient(135deg, rgba(var(--oc-primary-rgb), .9), rgba(42, 82, 60, .98));
  box-shadow: 0 1rem 2.4rem rgba(var(--oc-primary-rgb), .25);
}

.claw-security-list {
  display: grid;
  gap: .9rem;
}

.claw-security-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .9rem;
  padding: 1rem;
  border: 1px solid var(--oc-border);
  border-radius: var(--oc-radius-sm);
  background: rgba(255,255,255,.035);
}

.claw-account-page .table {
  color: var(--oc-text-secondary);
}

.claw-account-page .table thead th {
  color: var(--oc-text-primary);
  border-color: var(--oc-border);
  background: rgba(var(--oc-primary-rgb), .10);
}

.claw-account-page .table td {
  border-color: var(--oc-border);
}

.claw-account-page .table-hover tbody tr:hover {
  color: var(--oc-text-primary);
  background: rgba(var(--oc-primary-rgb), .08);
}

.claw-token-icon {
  width: 2.4rem;
  height: 2.4rem;
  flex: 0 0 auto;
}

.claw-oauth-page .alert-info {
  color: #9ed0ce;
  border-color: rgba(var(--bs-info-rgb), .28);
  background: rgba(var(--bs-info-rgb), .12);
}

.claw-account-page .pagination {
  margin-top: 1rem;
}

/* Claw refinements: brand logo, fixed payment widget and wider account forms */
.claw-brand-mark {
  overflow: hidden;
}

.claw-brand-logo {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
}

.claw-payment-widget {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  width: 100%;
  padding: 1rem;
  border: 1px solid rgba(var(--oc-primary-rgb), .28);
  border-left: .28rem solid var(--oc-primary);
  border-radius: var(--oc-radius-sm);
  background:
    radial-gradient(circle at top left, rgba(var(--oc-primary-rgb), .18), transparent 42%),
    rgba(var(--oc-bg-surface-rgb), .72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  text-align: left;
}

.claw-payment-widget-icon {
  width: 2.85rem;
  height: 2.85rem;
  display: grid;
  place-items: center;
  border-radius: 1rem;
  color: #f4fff8;
  background: linear-gradient(135deg, rgba(var(--oc-primary-rgb), .95), rgba(42, 82, 60, .95));
  box-shadow: 0 .75rem 1.5rem rgba(var(--oc-primary-rgb), .22);
}

.claw-payment-widget-icon svg {
  width: 1.15rem;
  height: 1.15rem;
}

.claw-payment-widget-content {
  min-width: 0;
}

.claw-payment-widget-title {
  color: var(--oc-text-primary);
  font-size: .98rem;
  font-weight: 800;
  line-height: 1.25;
}

.claw-payment-widget-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin-top: .85rem;
}

.claw-payment-widget-grid > div {
  min-width: 0;
  padding: .72rem .8rem;
  border: 1px solid var(--oc-border);
  border-radius: .9rem;
  background: rgba(255,255,255,.035);
}

.claw-payment-widget-label {
  display: block;
  color: var(--oc-text-muted);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.claw-payment-widget-grid strong {
  display: block;
  margin-top: .2rem;
  color: var(--oc-text-primary);
  font-size: .88rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.claw-payment-progress {
  height: .55rem;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}

.claw-payment-progress .progress-bar {
  border-radius: inherit;
}

.claw-profile-form-body,
.claw-profile-form-section,
.claw-profile-form {
  width: 100%;
  max-width: none !important;
}

.claw-profile-form .mb-3,
.claw-profile-form .form-control,
.claw-profile-form .input-group {
  width: 100%;
  max-width: none !important;
}

.claw-account-page .card-header-actions {
  align-items: center;
}

@media (max-width: 1199.98px) {
  .claw-payment-widget-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .claw-payment-widget {
    grid-template-columns: 1fr;
  }

  .claw-payment-widget-icon {
    width: 2.6rem;
    height: 2.6rem;
  }
}

/* Claw account polish: full-width profile card and dropdown confirmations */
.claw-account-page .claw-profile-main-card {
  width: 100%;
}

.claw-account-page .claw-profile-main-card > .card-header {
  width: 100%;
  min-height: 4.75rem;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.claw-account-page .claw-profile-main-card > .card-body {
  width: 100%;
  padding: 2rem;
}

.claw-account-page .claw-profile-main-card .claw-profile-form-section,
.claw-account-page .claw-profile-main-card .claw-profile-form,
.claw-account-page .claw-profile-main-card .mb-3,
.claw-account-page .claw-profile-main-card .form-control,
.claw-account-page .claw-profile-main-card .input-group {
  width: 100% !important;
  max-width: none !important;
}

.claw-account-page .claw-profile-main-card label,
.claw-account-page .claw-profile-main-card .form-label {
  color: var(--oc-text-secondary);
  font-weight: 800;
}

.claw-account-page .claw-profile-main-card .form-control {
  min-height: 3.25rem;
}

.claw-account-avatar-sm {
  width: 2.65rem;
  height: 2.65rem;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: .95rem;
  color: #f4fff8;
  font-weight: 900;
  background: linear-gradient(135deg, rgba(var(--oc-primary-rgb), .9), rgba(42, 82, 60, .98));
  box-shadow: 0 .7rem 1.5rem rgba(var(--oc-primary-rgb), .2);
}

body.nav-fixed .modal .modal-title,
body.nav-fixed .modal h1,
body.nav-fixed .modal h2,
body.nav-fixed .modal h3,
body.nav-fixed .modal h4,
body.nav-fixed .modal h5,
body.nav-fixed .modal h6,
body.nav-fixed .modal .fw-bold {
  color: var(--oc-text-primary) !important;
}

body.nav-fixed .modal .modal-body,
body.nav-fixed .modal .modal-body p,
body.nav-fixed .modal .modal-body div,
body.nav-fixed .modal .modal-body span,
body.nav-fixed .modal .modal-body label {
  color: var(--oc-text-secondary);
}

.claw-confirm-dropdown .dropdown-toggle::after {
  margin-left: .45rem;
}

.claw-confirm-dropdown-menu {
  min-width: 18rem;
  max-width: min(22rem, calc(100vw - 2rem));
  padding: 1rem;
  color: var(--oc-text-primary);
  border: 1px solid var(--oc-border) !important;
  border-radius: var(--oc-radius-sm);
  background: var(--oc-card-strong);
  box-shadow: var(--oc-shadow);
}

.claw-confirm-dropdown-title {
  color: var(--oc-text-primary) !important;
  line-height: 1.25;
}

.claw-confirm-dropdown-message {
  color: var(--oc-text-muted) !important;
  line-height: 1.4;
}

.claw-confirm-dropdown-icon {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: .75rem;
}

.claw-confirm-dropdown-icon svg {
  width: 1rem;
  height: 1rem;
}

.claw-account-page .table-responsive:has(.claw-confirm-dropdown.show),
.claw-oauth-page .table-responsive:has(.claw-confirm-dropdown.show) {
  overflow: visible;
}

.claw-account-page .card-header .claw-confirm-dropdown-menu {
  right: 0;
}

@media (max-width: 575.98px) {
  .claw-account-page .claw-profile-main-card > .card-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .claw-account-page .claw-profile-main-card > .card-body {
    padding: 1.25rem;
  }
}

.confirm-math-modal-copy p,
.confirm-math-modal-context,
.confirm-math-modal-form .form-label {
  color: var(--oc-text-secondary) !important;
}

.confirm-math-modal-challenge {
  display: inline-flex;
  align-items: center;
  min-height: 2.65rem;
  padding: .65rem .9rem;
  color: var(--oc-text-primary);
  border: 1px solid rgba(var(--oc-primary-rgb), .3);
  border-radius: .8rem;
  background: rgba(var(--oc-primary-rgb), .08);
}

/* v4: payment widget detached from welcome card and safe confirm dropdowns */
.claw-payment-widget-detached {
  margin-top: 1rem !important;
}

.claw-dashboard > .row:first-of-type > [class*="col-"] > .claw-payment-widget-detached {
  min-height: auto;
}

.claw-confirm-card,
.claw-confirm-card > .card-header,
.claw-confirm-card > .card-body {
  overflow: visible !important;
}

.claw-confirm-card .claw-confirm-dropdown,
.claw-confirm-card .claw-confirm-dropdown .dropdown-menu {
  z-index: 1085;
}

.claw-confirm-card .claw-confirm-dropdown-menu.show {
  display: block;
}

.claw-confirm-card .card-header .dropstart .claw-confirm-dropdown-menu {
  margin-right: .6rem !important;
}

.claw-confirm-card .table td,
.claw-confirm-card .table th {
  position: relative;
}

.claw-confirm-card .table td:last-child {
  overflow: visible;
}

.claw-confirm-card .table-responsive:has(.dropdown-menu.show) {
  overflow: visible !important;
}

.claw-confirm-card .dropup .claw-confirm-dropdown-menu {
  margin-bottom: .6rem !important;
}

.claw-confirm-dropdown-menu {
  z-index: 1085;
  pointer-events: auto;
}

.claw-confirm-dropdown .btn {
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .claw-confirm-card .table-responsive:has(.dropdown-menu.show) {
    overflow-x: auto !important;
    overflow-y: visible !important;
  }

  .claw-confirm-dropdown-menu {
    min-width: min(18rem, calc(100vw - 2rem));
  }
}

/* v5: dashboard layout stability, rejected alert restore and robust confirm menus */
.claw-dashboard .claw-welcome-card {
  min-height: 0;
}

.claw-dashboard .claw-welcome-card .card-body {
  min-height: 0;
}

.claw-dashboard .claw-welcome-illustration {
  width: min(100%, 18rem);
  max-height: 13rem;
  object-fit: contain;
}

.claw-dashboard .claw-payment-widget-detached {
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
  position: relative;
  z-index: 2;
}

.claw-dashboard .claw-rejected-alert-card {
  position: relative;
  z-index: 2;
}

.claw-dashboard .claw-activity-list-compact {
  min-height: 0;
  align-content: stretch;
}

.claw-dashboard .claw-activity-list-compact .claw-activity-item {
  min-height: 4.65rem;
}

.claw-dashboard .claw-fill-card {
  min-height: 22rem;
}

.claw-confirm-dropdown-menu[data-claw-confirm-menu="true"].show {
  position: fixed !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  z-index: 1095 !important;
  will-change: top, left;
}

.claw-confirm-dropdown-menu[data-claw-confirm-menu="true"] {
  max-height: calc(100vh - 1.5rem);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.claw-confirm-card .table-responsive {
  overflow-x: auto;
  overflow-y: visible;
}

.claw-confirm-card .table-responsive:has(.dropdown-menu.show),
.claw-account-page .table-responsive:has(.claw-confirm-dropdown.show),
.claw-oauth-page .table-responsive:has(.claw-confirm-dropdown.show) {
  overflow-x: auto !important;
  overflow-y: visible !important;
}

.claw-confirm-card .card-header,
.claw-confirm-card .card-body {
  position: relative;
  z-index: 2;
}

@media (min-width: 1200px) {
  .claw-dashboard .claw-donut-card-body {
    grid-template-columns: minmax(13rem, 40%) minmax(0, 1fr);
  }
}

@media (max-width: 767.98px) {
  .claw-dashboard .claw-welcome-card .card-body {
    padding: 1.25rem !important;
  }

  .claw-dashboard .claw-welcome-illustration {
    max-height: 9rem;
  }
}

/* v6: dashboard operational cards and SweetAlert confirmations */
.claw-dashboard .claw-operational-row {
  align-items: stretch;
}

.claw-dashboard .claw-operational-row > [class*="col-"] {
  display: flex;
  min-width: 0;
}

.claw-dashboard .claw-operational-card {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible;
}

.claw-dashboard .claw-operational-card > .card-header {
  min-height: 0 !important;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.claw-dashboard .claw-operational-card > .card-body {
  min-height: 0 !important;
  flex: 0 1 auto;
}

.claw-dashboard .claw-operational-card.claw-activity-card > .card-body {
  padding: 0 !important;
}

.claw-dashboard .claw-operational-card .claw-activity-list,
.claw-dashboard .claw-activity-list-compact {
  height: auto !important;
  min-height: 0 !important;
  align-content: start !important;
  padding: 1rem;
  gap: .65rem;
}

.claw-dashboard .claw-operational-card .claw-activity-item,
.claw-dashboard .claw-activity-list-compact .claw-activity-item {
  min-height: 0 !important;
  padding: .72rem .85rem;
}

.claw-dashboard .claw-operational-card .claw-activity-icon {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: .8rem;
}

.claw-dashboard .claw-operational-card .claw-activity-title {
  font-size: .88rem;
}

.claw-dashboard .claw-operational-card .claw-activity-text {
  font-size: .72rem;
}

.claw-dashboard .claw-queue-card .claw-donut-card-body {
  min-height: 0 !important;
  padding: 1rem 1.1rem;
  grid-template-columns: minmax(10rem, 12rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
}

.claw-dashboard .claw-queue-card .claw-donut-wrap,
.claw-dashboard .claw-queue-card .claw-donut-wrap-sm {
  height: 12rem !important;
  min-height: 12rem !important;
  max-height: 12rem !important;
}

.claw-dashboard .claw-queue-card .claw-donut-legend {
  gap: .55rem;
}

.claw-dashboard .claw-queue-card .claw-donut-legend-item {
  padding: .62rem .75rem;
}

.claw-dashboard .claw-queue-card .claw-donut-legend-item small {
  font-size: .72rem;
}

@media (max-width: 991.98px) {
  .claw-dashboard .claw-queue-card .claw-donut-card-body {
    grid-template-columns: 1fr;
  }

  .claw-dashboard .claw-queue-card .claw-donut-wrap,
  .claw-dashboard .claw-queue-card .claw-donut-wrap-sm {
    height: 11rem !important;
    min-height: 11rem !important;
    max-height: 11rem !important;
  }
}

.claw-confirm-swal-form {
  margin: 0;
}

.claw-confirm-swal-button {
  white-space: nowrap;
}

.swal2-popup.claw-swal-popup {
  border: 1px solid var(--oc-border);
  border-radius: 1.35rem;
  background:
    radial-gradient(circle at top left, rgba(var(--oc-primary-rgb), .16), transparent 34%),
    var(--oc-card-strong) !important;
  box-shadow: 0 1.4rem 3.4rem rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255,255,255,.05);
  color: var(--oc-text-primary) !important;
  padding: 1.35rem;
}

.swal2-popup.claw-swal-popup .swal2-icon {
  margin-top: .45rem;
  box-shadow: 0 .65rem 1.4rem rgba(0,0,0,.18);
}

.claw-swal-title {
  color: var(--oc-text-primary) !important;
  font-size: 1.15rem !important;
  font-weight: 900 !important;
  letter-spacing: -.02em;
}

.claw-swal-html,
.swal2-popup.claw-swal-popup .swal2-html-container {
  color: var(--oc-text-secondary) !important;
  font-size: .95rem !important;
  line-height: 1.55 !important;
}

.claw-swal-actions {
  gap: .65rem;
  margin-top: 1.35rem !important;
}

.claw-swal-confirm-btn,
.claw-swal-cancel-btn {
  border-radius: .9rem !important;
  font-weight: 800 !important;
  padding: .7rem 1.1rem !important;
}

.claw-swal-cancel-btn {
  color: var(--oc-text-secondary) !important;
  border-color: var(--oc-border) !important;
  background: rgba(255,255,255,.035) !important;
}

.claw-swal-cancel-btn:hover,
.claw-swal-cancel-btn:focus {
  color: var(--oc-text-primary) !important;
  border-color: rgba(var(--oc-primary-rgb), .35) !important;
  background: rgba(var(--oc-primary-rgb), .10) !important;
}

/* v7: adaptive card-header-actions -------------------------------------------------
   SB Admin Pro uses .card-header-actions for simple one-line headers. In this
   Laravel adaptation some cards use title + subtitle or action buttons, so this
   override makes the header fluid instead of letting the inherited fixed header
   sizing/spacing visually compress or float the title area. */
.card.card-header-actions,
.claw-dashboard .card.card-header-actions,
.claw-account-page .card.card-header-actions {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.card.card-header-actions > .card-header,
.claw-dashboard .card.card-header-actions > .card-header,
.claw-account-page .card.card-header-actions > .card-header {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 3.5625rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex: 0 0 auto !important;
  gap: 1rem !important;
  box-sizing: border-box !important;
  padding: .875rem 1.25rem !important;
  overflow: visible !important;
  text-align: left !important;
}

.card.card-header-actions > .card-header > :first-child:not(.btn):not(.dropdown):not(.dropdown-menu),
.claw-dashboard .card.card-header-actions > .card-header > :first-child:not(.btn):not(.dropdown):not(.dropdown-menu),
.claw-account-page .card.card-header-actions > .card-header > :first-child:not(.btn):not(.dropdown):not(.dropdown-menu) {
  min-width: 0 !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
}

.card.card-header-actions > .card-header > .btn,
.card.card-header-actions > .card-header > .dropdown,
.claw-dashboard .card.card-header-actions > .card-header > .btn,
.claw-dashboard .card.card-header-actions > .card-header > .dropdown,
.claw-account-page .card.card-header-actions > .card-header > .btn,
.claw-account-page .card.card-header-actions > .card-header > .dropdown {
  flex: 0 0 auto !important;
  margin-left: auto;
}

.card.card-header-actions > .card-header .fw-bold,
.claw-dashboard .card.card-header-actions > .card-header .fw-bold,
.claw-account-page .card.card-header-actions > .card-header .fw-bold {
  color: var(--oc-text-primary) !important;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.card.card-header-actions > .card-header .small,
.claw-dashboard .card.card-header-actions > .card-header .small,
.claw-account-page .card.card-header-actions > .card-header .small {
  color: var(--oc-text-muted) !important;
  line-height: 1.25;
  margin-top: .15rem;
}

.card.card-header-actions > .card-body,
.claw-dashboard .card.card-header-actions > .card-body,
.claw-account-page .card.card-header-actions > .card-body {
  width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto;
}

.claw-dashboard .claw-operational-card > .card-header {
  border-top-left-radius: inherit !important;
  border-top-right-radius: inherit !important;
}

@media (max-width: 575.98px) {
  .card.card-header-actions > .card-header,
  .claw-dashboard .card.card-header-actions > .card-header,
  .claw-account-page .card.card-header-actions > .card-header {
    align-items: flex-start !important;
    flex-wrap: wrap;
    gap: .75rem !important;
    padding: .85rem 1rem !important;
  }

  .card.card-header-actions > .card-header > .btn,
  .card.card-header-actions > .card-header > .dropdown,
  .claw-dashboard .card.card-header-actions > .card-header > .btn,
  .claw-dashboard .card.card-header-actions > .card-header > .dropdown,
  .claw-account-page .card.card-header-actions > .card-header > .btn,
  .claw-account-page .card.card-header-actions > .card-header > .dropdown {
    margin-left: 0;
  }
}

/* v8: dashboard copy, compact operational cards and animated payment reminder */
.claw-dashboard .claw-operational-row {
  align-items: flex-start !important;
}

.claw-dashboard .claw-operational-row > [class*="col-"] {
  display: block !important;
}

.claw-dashboard .claw-operational-card {
  align-self: flex-start !important;
  height: auto !important;
  max-height: none !important;
}

.claw-dashboard .claw-operational-card > .card-body {
  flex: 0 0 auto !important;
}

.claw-dashboard .claw-queue-card .claw-donut-card-body {
  align-items: center !important;
}

.claw-payment-widget.claw-payment-widget-detached {
  position: relative;
  isolation: isolate;
  border-color: rgba(255, 193, 7, .46);
  border-left-color: #ffc247;
  background:
    linear-gradient(135deg, rgba(255, 193, 7, .13), rgba(184, 93, 87, .13)),
    radial-gradient(circle at 0% 0%, rgba(255, 193, 7, .22), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(184, 93, 87, .22), transparent 34%),
    rgba(var(--oc-bg-surface-rgb), .82);
  overflow: hidden;
  box-shadow:
    0 0 0 1px rgba(255, 193, 7, .14),
    0 1rem 2.5rem rgba(0,0,0,.22),
    0 0 2rem rgba(255, 193, 7, .12);
  animation: claw-payment-led-border 3.6s ease-in-out infinite;
}

.claw-payment-widget.claw-payment-widget-detached::before,
.claw-payment-widget.claw-payment-widget-detached::after {
  content: "";
  position: absolute;
  inset: -35%;
  z-index: -1;
  pointer-events: none;
  background: conic-gradient(from 0deg, transparent 0deg, rgba(255,193,7,.42) 62deg, transparent 120deg, rgba(184,93,87,.42) 220deg, transparent 310deg);
  filter: blur(1.6rem);
  opacity: .55;
  animation: claw-payment-led-spin 5.4s linear infinite;
}

.claw-payment-widget.claw-payment-widget-detached::after {
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
  filter: none;
  opacity: .35;
  transform: translateX(-120%);
  animation: claw-payment-led-sweep 2.8s ease-in-out infinite;
}

.claw-payment-widget.claw-payment-widget-detached > * {
  position: relative;
  z-index: 1;
}

.claw-payment-widget.claw-payment-widget-detached .claw-payment-widget-icon {
  background: linear-gradient(135deg, #ffc247, #b85d57);
  box-shadow: 0 0 1rem rgba(255,193,7,.24), 0 0 2rem rgba(184,93,87,.16);
  animation: claw-payment-led-icon 2.4s ease-in-out infinite;
}

.claw-payment-widget.claw-payment-widget-detached .claw-payment-progress .progress-bar {
  background: linear-gradient(90deg, #ffc247, #b85d57, #ffc247) !important;
  background-size: 200% 100% !important;
  animation: claw-payment-led-progress 2.2s linear infinite;
}

@keyframes claw-payment-led-border {
  0%, 100% {
    border-color: rgba(255, 193, 7, .48);
    border-left-color: #ffc247;
    box-shadow: 0 0 0 1px rgba(255,193,7,.16), 0 1rem 2.5rem rgba(0,0,0,.22), 0 0 1.9rem rgba(255,193,7,.14);
  }
  50% {
    border-color: rgba(184, 93, 87, .52);
    border-left-color: #b85d57;
    box-shadow: 0 0 0 1px rgba(184,93,87,.18), 0 1rem 2.5rem rgba(0,0,0,.24), 0 0 2.25rem rgba(184,93,87,.18);
  }
}

@keyframes claw-payment-led-spin {
  to { transform: rotate(360deg); }
}

@keyframes claw-payment-led-sweep {
  0%, 35% { transform: translateX(-120%); }
  70%, 100% { transform: translateX(120%); }
}

@keyframes claw-payment-led-icon {
  0%, 100% { filter: saturate(1.1) brightness(1); }
  50% { filter: saturate(1.35) brightness(1.18); }
}

@keyframes claw-payment-led-progress {
  to { background-position: 200% 0; }
}

@media (prefers-reduced-motion: reduce) {
  .claw-payment-widget.claw-payment-widget-detached,
  .claw-payment-widget.claw-payment-widget-detached::before,
  .claw-payment-widget.claw-payment-widget-detached::after,
  .claw-payment-widget.claw-payment-widget-detached .claw-payment-widget-icon,
  .claw-payment-widget.claw-payment-widget-detached .claw-payment-progress .progress-bar {
    animation: none !important;
  }
}

/* Componentes Claw reutilizables para tablas y paginación */
.claw-table-card {
  border-color: rgba(var(--oc-primary-rgb), .16);
  background: rgba(var(--oc-bg-surface-rgb), .88);
  box-shadow: 0 1rem 2.25rem rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255,255,255,.035);
  overflow: visible;
}

.claw-table-card .card-header {
  gap: 1rem;
}

.claw-table-header-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: .5rem;
  flex-wrap: wrap;
}

.claw-table-responsive {
  overflow-x: auto;
  overflow-y: visible;
}

.claw-data-table {
  color: var(--oc-text-secondary);
  min-width: 760px;
}

.claw-data-table thead th {
  padding: 1rem 1.25rem;
  color: var(--oc-text-primary);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .045em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--oc-border);
  background: rgba(var(--oc-primary-rgb), .08);
  white-space: nowrap;
}

.claw-data-table tbody td {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--oc-border);
  vertical-align: middle;
}

.claw-data-table tbody tr:last-child td {
  border-bottom: 0;
}

.claw-data-table tbody tr {
  transition: background .18s ease;
}

.claw-data-table tbody tr:hover {
  background: rgba(var(--oc-primary-rgb), .045);
}

.claw-table-pagination {
  padding: .9rem 1rem;
  background: rgba(255,255,255,.018);
  border-top: 1px solid var(--oc-border);
}

.claw-pagination-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .85rem;
  flex-wrap: wrap;
}

.claw-pagination-start { justify-content: flex-start; }
.claw-pagination-center { justify-content: center; }
.claw-pagination-end { justify-content: space-between; }

.claw-pagination-summary {
  color: var(--oc-text-muted);
  font-size: .85rem;
}

.claw-pagination {
  gap: .25rem;
}

.claw-pagination .page-link {
  min-width: 2.25rem;
  min-height: 2.25rem;
  display: inline-grid;
  place-items: center;
  border-radius: .75rem !important;
  border: 1px solid var(--oc-border);
  color: var(--oc-text-secondary);
  background: rgba(255,255,255,.032);
  font-weight: 700;
}

.claw-pagination .page-link:hover {
  color: var(--oc-primary-strong);
  background: rgba(var(--oc-primary-rgb), .12);
  border-color: rgba(var(--oc-primary-rgb), .26);
}

.claw-pagination .page-item.active .page-link {
  color: #062a1d;
  background: linear-gradient(135deg, var(--oc-primary), var(--oc-primary-strong));
  border-color: rgba(var(--oc-primary-rgb), .55);
  box-shadow: 0 .65rem 1.25rem rgba(var(--oc-primary-rgb), .22);
}

.claw-pagination .page-item.disabled .page-link {
  color: var(--oc-text-muted);
  background: rgba(255,255,255,.018);
  opacity: .58;
}

@media (max-width: 767.98px) {
  .claw-table-card .card-header,
  .claw-table-header-actions,
  .claw-pagination-wrap {
    align-items: stretch;
  }

  .claw-table-header-actions,
  .claw-pagination-wrap nav,
  .claw-pagination {
    width: 100%;
  }

  .claw-pagination {
    justify-content: center;
  }

  .claw-pagination-summary {
    width: 100%;
    text-align: center;
  }
}

.claw-page-action-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  border-radius: 999px;
  font-weight: 800;
  color: rgba(255,255,255,.94) !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  box-shadow: 0 1rem 2.5rem rgba(0,0,0,.18);
}

.claw-page-action-secondary:hover {
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
}

.claw-confirm-password-swal-form {
  margin: 0;
}

.swal2-popup.claw-swal-popup .claw-swal-input,
.swal2-popup.claw-swal-popup .swal2-input {
  width: 100% !important;
  margin: .75rem 0 0 !important;
  min-height: 3rem;
  border-radius: .9rem !important;
  border: 1px solid var(--oc-border) !important;
  background: rgba(var(--oc-bg-rgb), .55) !important;
  color: var(--oc-text-primary) !important;
  box-shadow: none !important;
}

.claw-reminder-swal-body {
    text-align: left;
    line-height: 1.55;
}

.claw-reminder-swal-body table {
    width: 100%;
    border-collapse: collapse;
    margin: .75rem 0;
}

.claw-reminder-swal-body th,
.claw-reminder-swal-body td {
    border: 1px solid rgba(148, 163, 184, .28);
    padding: .55rem;
}

.claw-reminder-swal-body img {
    max-width: 100%;
    height: auto;
    border-radius: .75rem;
}

.claw-reminder-swal-body a {
    color: var(--oc-primary, #3f6f54);
    font-weight: 700;
}

.claw-reminder-swal-popup {
    border: 1px solid rgba(var(--oc-primary-rgb, 63, 111, 84), .24) !important;
}

/* v34: ajustes globales de legibilidad y acciones flotantes ------------------ */
.topnav .dropdown-user .dropdown-menu .dropdown-header .dropdown-user-details,
.topnav .dropdown-user .dropdown-menu .dropdown-header .dropdown-user-details * {
  color: var(--oc-text-primary) !important;
}

.topnav .dropdown-user .dropdown-menu .dropdown-header .dropdown-user-details .dropdown-user-details-email {
  color: var(--oc-text-muted) !important;
}

.badge.bg-secondary-soft.text-secondary,
.text-secondary.bg-secondary-soft,
.claw-note-item .badge.bg-secondary-soft.text-secondary {
  color: #d9eadf !important;
  background: rgba(148, 163, 184, .18) !important;
  border: 1px solid rgba(203, 213, 225, .28) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}

.card.card-header-actions > .card-footer {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: .75rem !important;
  margin: 0 !important;
  padding: 1rem 1.25rem !important;
  border-top: 1px solid var(--oc-border) !important;
  background: rgba(var(--oc-bg-surface-rgb), .72) !important;
  box-sizing: border-box !important;
}

.card.card-header-actions > .card-footer > * {
  flex: 0 0 auto;
}

@media (max-width: 575.98px) {
  .card.card-header-actions > .card-footer {
    align-items: stretch !important;
    justify-content: stretch !important;
    flex-direction: column-reverse !important;
  }

  .card.card-header-actions > .card-footer > .btn,
  .card.card-header-actions > .card-footer > form,
  .card.card-header-actions > .card-footer > form .btn {
    width: 100% !important;
  }
}

.claw-floating-dropdown-menu {
  position: fixed !important;
  z-index: 1200 !important;
  max-width: calc(100vw - 1.5rem) !important;
  overflow: visible !important;
  transform: none !important;
}

.claw-actions-dropdown .dropdown-menu {
  z-index: 1200;
}

/* Recordatorio semanal independiente para mantenimiento del bot */
.claw-weekly-bot-payment-widget {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  width: 100%;
  padding: 1rem;
  border: 1px solid rgba(13, 202, 240, .32);
  border-left: .28rem solid #0dcaf0;
  border-radius: var(--oc-radius-sm);
  background:
    linear-gradient(135deg, rgba(13, 202, 240, .12), rgba(var(--oc-primary-rgb), .12)),
    radial-gradient(circle at 0% 0%, rgba(13, 202, 240, .22), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(var(--oc-primary-rgb), .18), transparent 34%),
    rgba(var(--oc-bg-surface-rgb), .82);
  overflow: hidden;
  box-shadow:
    0 0 0 1px rgba(13, 202, 240, .12),
    0 1rem 2.5rem rgba(0,0,0,.2),
    0 0 1.8rem rgba(13, 202, 240, .1);
}

.claw-weekly-bot-payment-widget::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.1), transparent);
  opacity: .35;
  transform: translateX(-120%);
  animation: claw-weekly-bot-payment-sweep 3.2s ease-in-out infinite;
}

.claw-weekly-bot-payment-widget > * {
  position: relative;
  z-index: 1;
}

.claw-weekly-bot-payment-icon {
  width: 2.85rem;
  height: 2.85rem;
  display: grid;
  place-items: center;
  border-radius: 1rem;
  color: #f6fdff;
  background: linear-gradient(135deg, #0dcaf0, var(--oc-primary));
  box-shadow: 0 .75rem 1.5rem rgba(13, 202, 240, .2);
}

.claw-weekly-bot-payment-icon svg {
  width: 1.15rem;
  height: 1.15rem;
}

.claw-weekly-bot-payment-content {
  min-width: 0;
}

.claw-weekly-bot-payment-title {
  color: var(--oc-text-primary);
  font-size: .98rem;
  font-weight: 800;
  line-height: 1.25;
}

.claw-weekly-bot-payment-copy {
  max-width: 56rem;
  color: var(--oc-text-muted);
  font-size: .86rem;
  line-height: 1.5;
}

.claw-weekly-bot-payment-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin-top: .85rem;
}

.claw-weekly-bot-payment-grid > div {
  min-width: 0;
  padding: .72rem .8rem;
  border: 1px solid var(--oc-border);
  border-radius: .9rem;
  background: rgba(255,255,255,.035);
}

.claw-weekly-bot-payment-label {
  display: block;
  color: var(--oc-text-muted);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.claw-weekly-bot-payment-grid strong {
  display: block;
  margin-top: .2rem;
  color: var(--oc-text-primary);
  font-size: .88rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.claw-weekly-bot-payment-progress {
  height: .55rem;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}

.claw-weekly-bot-payment-progress .progress-bar {
  border-radius: inherit;
  background: linear-gradient(90deg, #0dcaf0, var(--oc-primary), #0dcaf0) !important;
  background-size: 200% 100% !important;
  animation: claw-weekly-bot-payment-progress 2.4s linear infinite;
}

@keyframes claw-weekly-bot-payment-sweep {
  0%, 35% { transform: translateX(-120%); }
  70%, 100% { transform: translateX(120%); }
}

@keyframes claw-weekly-bot-payment-progress {
  to { background-position: 200% 0; }
}

@media (max-width: 1199.98px) {
  .claw-weekly-bot-payment-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .claw-weekly-bot-payment-widget {
    grid-template-columns: 1fr;
  }

  .claw-weekly-bot-payment-icon {
    width: 2.6rem;
    height: 2.6rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .claw-weekly-bot-payment-widget::before,
  .claw-weekly-bot-payment-progress .progress-bar {
    animation: none !important;
  }
}

/* Navbar: buscador global de siniestros */
.claw-navbar-search-shell {
  flex: 1 1 32rem;
  display: flex;
  justify-content: center;
  min-width: 12rem;
  padding: 0 1rem;
}

.claw-navbar-search {
  position: relative;
  width: min(100%, 34rem);
  min-width: 14rem;
}

.claw-navbar-search-input {
  width: 100%;
  min-height: 2.65rem;
  padding: .58rem 2.65rem .58rem 2.55rem;
  border: 1px solid color-mix(in srgb, var(--oc-border) 84%, rgba(255,255,255,.35));
  border-radius: 999px;
  outline: none;
  color: var(--oc-text-primary);
  background: rgba(var(--oc-bg-surface-rgb), .74);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 30px rgba(0,0,0,.12);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.claw-navbar-search-input::placeholder {
  color: var(--oc-text-muted);
}

.claw-navbar-search-input:focus {
  border-color: color-mix(in srgb, var(--oc-primary) 64%, #fff);
  background: rgba(var(--oc-bg-surface-rgb), .94);
  box-shadow: 0 0 0 .18rem rgba(var(--oc-primary-rgb), .18), 0 16px 34px rgba(0,0,0,.18);
}

.claw-navbar-search-icon,
.claw-navbar-search-clear {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: inline-grid;
  place-items: center;
  transform: translateY(-50%);
  color: color-mix(in srgb, var(--oc-primary) 72%, #fff);
}

.claw-navbar-search-icon {
  left: .95rem;
  pointer-events: none;
}

.claw-navbar-search-icon svg,
.claw-navbar-search-clear svg {
  width: 1rem;
  height: 1rem;
}

.claw-navbar-search-clear {
  right: .62rem;
  width: 1.95rem;
  height: 1.95rem;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}

.claw-navbar-search-clear:hover,
.claw-navbar-search-clear:focus {
  color: var(--oc-text-primary);
  background: rgba(var(--oc-primary-rgb), .18);
}

.claw-navbar-search-results {
  position: absolute;
  top: calc(100% + .55rem);
  left: 0;
  right: 0;
  z-index: 1220;
  overflow: hidden;
  border: 1px solid var(--oc-border);
  border-radius: 1rem;
  color: var(--oc-text-primary);
  background: color-mix(in srgb, var(--oc-card-strong) 94%, #000);
  box-shadow: 0 24px 50px rgba(0,0,0,.28);
}

.claw-navbar-search-state {
  padding: .95rem 1rem;
  color: var(--oc-text-secondary);
  font-size: .86rem;
  font-weight: 700;
}

.claw-navbar-search-state.is-hint,
.claw-navbar-search-state.is-loading {
  color: var(--oc-text-muted);
}

.claw-navbar-search-state.is-empty {
  color: color-mix(in srgb, var(--oc-text-secondary) 86%, #fff);
}

.claw-navbar-search-state.is-error {
  color: #f2aaa3;
  background: rgba(220, 53, 69, .1);
}

.claw-navbar-search-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .8rem;
  padding: .88rem 1rem;
  color: var(--oc-text-secondary);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: transparent;
}

.claw-navbar-search-item:hover,
.claw-navbar-search-item:focus,
.claw-navbar-search-item.is-active {
  color: var(--oc-text-primary);
  background: rgba(var(--oc-primary-rgb), .14);
}

.claw-navbar-search-item-main,
.claw-navbar-search-item-meta {
  min-width: 0;
  display: grid;
  gap: .18rem;
}

.claw-navbar-search-item-main strong {
  color: var(--oc-text-primary);
  font-size: .92rem;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.claw-navbar-search-item-main span,
.claw-navbar-search-item-meta small {
  color: var(--oc-text-muted);
  font-size: .74rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.claw-navbar-search-item-meta {
  justify-items: end;
  text-align: right;
}

.claw-navbar-search-item-meta em {
  display: inline-flex;
  align-items: center;
  min-height: 1.35rem;
  padding: .12rem .45rem;
  border: 1px solid rgba(var(--oc-primary-rgb), .22);
  border-radius: 999px;
  color: color-mix(in srgb, var(--oc-primary) 68%, #fff);
  background: rgba(var(--oc-primary-rgb), .12);
  font-size: .68rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .02em;
}

.claw-navbar-search-footer {
  display: block;
  padding: .75rem 1rem;
  color: color-mix(in srgb, var(--oc-primary) 70%, #fff);
  font-size: .78rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  background: rgba(255,255,255,.035);
}

.claw-navbar-search-footer:hover,
.claw-navbar-search-footer:focus {
  color: var(--oc-text-primary);
  background: rgba(var(--oc-primary-rgb), .16);
}

@media (max-width: 991.98px) {
  .claw-navbar-search-shell {
    flex-basis: 22rem;
    padding-inline: .7rem;
  }

  .claw-navbar-search {
    width: min(100%, 26rem);
  }
}

@media (max-width: 767.98px) {
  .topnav {
    flex-wrap: wrap;
  }

  .claw-navbar-search-shell {
    order: 20;
    flex: 1 0 100%;
    width: 100%;
    padding: .45rem .9rem .7rem;
  }

  .claw-navbar-search {
    width: 100%;
  }

  .claw-navbar-search-results {
    position: fixed;
    top: 4.8rem;
    left: .85rem;
    right: .85rem;
  }
}

@media (max-width: 575.98px) {
  .claw-navbar-search-item {
    grid-template-columns: 1fr;
  }

  .claw-navbar-search-item-meta {
    justify-items: start;
    text-align: left;
  }
}

/* ---- Buscador en tablas ---- */
.claw-table-search {
  width: 100%;
  max-width: 320px;
}

.claw-table-search .input-group {
  border-radius: var(--border-radius, 0.5rem);
  overflow: hidden;
}

.claw-table-search .input-group-text {
  color: var(--oc-text-secondary, #88998c);
  border-color: var(--oc-border, rgba(174, 196, 178, 0.2));
}

.claw-table-search .form-control {
  border-color: var(--oc-border, rgba(174, 196, 178, 0.2));
  background: var(--oc-input-bg, transparent);
  color: var(--oc-text-primary, #eef7f0);
  font-size: 0.8125rem;
}

.claw-table-search .form-control::placeholder {
  color: var(--oc-text-secondary, #788c7c);
  opacity: 0.7;
}

.claw-table-search .form-control:focus {
  border-color: var(--oc-primary, #3f6f54);
  box-shadow: 0 0 0 2px rgba(63, 111, 84, 0.15);
}

.claw-table-search .btn-outline-secondary {
  border-color: var(--oc-border, rgba(174, 196, 178, 0.2));
  color: var(--oc-text-secondary, #88998c);
}

.claw-table-search .btn-outline-secondary:hover {
  background: var(--oc-danger-soft-fallback, rgba(184, 93, 87, 0.12));
  color: var(--oc-danger, #b85d57);
  border-color: var(--oc-danger, #b85d57);
}


/* Overdue payment reminder modal --------------------------------------------------
   Global sweetalert used in layouts/claw/app.blade.php. Follows the dark
   theme tokens (--oc-*) used across the panel and the shared claw-swal classes. */
.swal2-popup.claw-overdue-payment-swal-popup {
  max-width: min(600px, calc(100vw - 2rem));
}

.claw-overdue-payment-swal-html {
  padding: 0 !important;
}

.claw-overdue-payment-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: .35rem .5rem .1rem;
}

.claw-overdue-payment-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  border-radius: 1.4rem;
  color: var(--oc-primary, #3f6f54);
  background: rgba(var(--oc-primary-rgb, 63 111 84), .14);
  border: 1px solid rgba(var(--oc-primary-rgb, 63 111 84), .22);
  box-shadow: 0 .7rem 1.6rem rgba(0, 0, 0, .22);
  margin-bottom: 1rem;
}

.claw-overdue-payment-icon svg {
  color: inherit;
}

.claw-overdue-payment-amount {
  font-size: 2.1rem;
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1.1;
  color: var(--oc-text-primary, #eef7f0);
}

.claw-overdue-payment-sub {
  margin-top: .2rem;
  font-size: .8rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--oc-text-secondary, #788c7c);
}

.claw-overdue-payment-copy {
  margin-top: 1.1rem;
  color: var(--oc-text-secondary, #b4c4b8);
  font-size: .95rem;
  line-height: 1.6;
}

.claw-overdue-payment-copy p {
  margin-bottom: .8rem;
}

.claw-overdue-payment-copy p:last-child {
  margin-bottom: 0;
}

.claw-overdue-payment-copy strong {
  color: var(--oc-text-primary, #eef7f0);
  font-weight: 700;
}

.claw-overdue-payment-muted {
  color: var(--oc-text-tertiary, #788c7c) !important;
  font-size: .88rem;
}