/* Ayri Creative Solution - custom styles */
:root { color-scheme: light; }

/* Blurred bubbles (water-like) */
.ayri-bubble {
  position: absolute;
  border-radius: 9999px;
  filter: blur(64px);
  opacity: 0.25;
  pointer-events: none;
  transform: translateZ(0);
}

.ayri-slider {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}
.ayri-slider::-webkit-scrollbar { display: none; }

/* Safer long text rendering for credentials */
pre.ayri-pre {
  white-space: pre-wrap;
  word-break: break-word;
}

/* Nice subtle shadow */
.ayri-soft-shadow {
  box-shadow: 0 10px 30px rgba(2, 132, 199, 0.12);
}




/* Dashboard redesign clean mode */
.ayri-soft-shadow { box-shadow: 0 10px 25px rgba(15, 118, 110, 0.08); }
.ayri-admin-card { border:1px solid #dbeafe; border-radius:24px; background:#fff; }
.ayri-section-title { color:#0f766e; font-weight:800; letter-spacing:-0.02em; }
.ayri-subtle { color:#64748b; }
.ayri-tab-btn { border:1px solid #bae6fd; background:#fff; color:#0f766e; padding:.75rem 1rem; border-radius:9999px; font-weight:700; }
.ayri-tab-btn.is-active { background:#0891b2; color:#fff; border-color:#0891b2; }
.ayri-admin-table th { color:#64748b; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.ayri-admin-table td { vertical-align:top; }
.ayri-lite-hover:hover { background:#f8fafc; }
.ayri-pill { display:inline-flex; align-items:center; gap:.5rem; border-radius:9999px; padding:.35rem .75rem; font-size:12px; font-weight:700; }
.ayri-paid { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.ayri-not-paid { background:#fff7ed; color:#9a3412; border:1px solid #fed7aa; }
.ayri-panel-grid { display:grid; gap:1rem; }
@media(min-width:1024px){ .ayri-panel-grid { grid-template-columns:260px minmax(0,1fr);} }


/* ==== Ayri Dashboard Gradient Restore ==== */
body {
  background: radial-gradient(circle at top left, rgba(34,211,238,.12), transparent 35%),
              radial-gradient(circle at top right, rgba(59,130,246,.10), transparent 30%),
              linear-gradient(180deg,#f7fdff 0%,#eef7ff 100%);
}

/* Sidebar / dashboard panels */
.dashboard-shell {
  background: linear-gradient(135deg,#0ea5e9 0%,#0891b2 100%);
  color: #fff;
}

/* Card system */
.card,
.dashboard-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid rgba(14,165,233,.15);
  box-shadow: 0 8px 24px rgba(2,132,199,.08);
  transition: all .18s ease;
}

.card:hover,
.dashboard-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(2,132,199,.12);
}

/* Product grid optimization */
.product-card img {
  image-rendering: auto;
}

.product-card {
  will-change: transform;
}

/* Reduce heavy transitions */
* {
  transition-duration: .15s !important;
}

/* Scroll performance */
html {
  scroll-behavior: smooth;
}



/* ==== Ayri Premium Sidebar ==== */
.ayri-sidebar{
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.12), transparent 28%),
    radial-gradient(circle at bottom left, rgba(103,232,249,.16), transparent 30%),
    linear-gradient(180deg,#2f89af 0%, #236f97 55%, #1c6287 100%);
  border: 1px solid rgba(255,255,255,.12);
  color:#fff;
  box-shadow:
    0 20px 50px rgba(3,105,161,.18),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.ayri-sidebar-avatar{
  background: rgba(255,255,255,.14);
  color:#fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.ayri-sidebar-stat{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.10);
  color:#fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.ayri-sidebar-nav .ayri-sidebar-link{
  display:block;
  color: rgba(255,255,255,.96);
  font-weight: 600;
}
.ayri-sidebar-nav .ayri-sidebar-link i{
  color: #fff;
}
.ayri-sidebar-nav .ayri-sidebar-link:hover{
  background: rgba(255,255,255,.10);
}
.ayri-sidebar-nav .ayri-sidebar-link.is-active{
  background: rgba(255,255,255,.96);
  color: #145a80;
  box-shadow: 0 10px 22px rgba(8,47,73,.14);
}
.ayri-sidebar-nav .ayri-sidebar-link.is-active i{
  color: #145a80;
}


/* ==== Ayri Premium Sidebar v2 ==== */
.ayri-sidebar{
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.12), transparent 26%),
    radial-gradient(circle at 0% 100%, rgba(103,232,249,.18), transparent 30%),
    linear-gradient(180deg,#3688ae 0%, #2a7398 48%, #215f83 100%);
  border: 1px solid rgba(255,255,255,.10);
  color:#fff;
  box-shadow: 0 18px 44px rgba(2, 132, 199, .18), inset 0 1px 0 rgba(255,255,255,.08);
}
.ayri-sidebar-avatar{
  background: rgba(255,255,255,.12);
  color:#fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.ayri-sidebar-stat{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.ayri-sidebar-nav .ayri-sidebar-link{
  display:block;
  color:#f8fbff;
  font-weight:600;
}
.ayri-sidebar-nav .ayri-sidebar-link i{
  color:#f8fbff;
}
.ayri-sidebar-nav .ayri-sidebar-link:hover{
  background: rgba(255,255,255,.10);
}
.ayri-sidebar-nav .ayri-sidebar-link.is-active{
  background:#ffffff;
  color:#145a80;
  box-shadow: 0 10px 22px rgba(8,47,73,.14);
}
.ayri-sidebar-nav .ayri-sidebar-link.is-active i{
  color:#145a80;
}
.ayri-admin-table th{ color:#64748b; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }