nav.-right-2 {
  right: unset;
  left: 0;
}

#nav-sidebar img{
  width: 40%;
  height: 40%;
  right: unset;
  left: 0;
}

h2 span.material-symbols-outlined {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

span.rotate-90 {
  transform: rotate(90deg) !important;
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
}

a span.mr-3 {
  margin-left: 0.5rem;
}

th.text-left {
  text-align: right;
}

td.text-left {
  text-align: right;
}

span.bg-red-600.ml-2 {
  margin-right: 0.5rem;
}

div span.material-symbols-outlined.md-16 {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.simplebar-content table tbody td.text-left {
  text-align: right;
}

a span.pl-4 {
  padding-right: 0.5rem;
  padding-left: 0;
}

div.ml-auto {
  margin-right: auto;
  margin-left: 0;
}

.datetimeshortcuts {
  right: unset;
  left: 0;
}

div.flex.group div.flex-row {
  flex-direction: row-reverse;
  justify-content: start;
}

div.flex.group div.flex-row div.flex-col label.ml-2 {
  margin-left: 0.5rem;
  margin-right: 0;
}

.flex-grow input:is([name="start_date"], [name="end_date"]) {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-text-opacity: 1;
  color: rgb(var(--color-font-default-light) / var(--tw-text-opacity));
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  border-width: 1px;
  border-radius: 0.375rem;
  max-width: 42rem;
  min-width: 5rem;
  width: 40%;
  margin-top: 0.5rem;
}

@media (min-width: 1280px) {
  .xl\:left-72 {
    right: 18rem !important;
    left: 0 !important;
  }
}

/* ===== Modern polish layer (new design system) ===== */
:root {
  --nusha-green: 63 79 68;
  --nusha-amber: 224 122 61;
  --nusha-cream: 247 243 235;
}

body {
  font-family: "Vazir", "Vazirmatn", Tahoma, sans-serif !important;
}

.header,
[class*="sticky"] {
  backdrop-filter: saturate(1.4);
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
select,
textarea {
  font-family: "Vazir", "Vazirmatn", Tahoma, sans-serif !important;
}

/* Rounder, softer admin cards */
[class*="rounded-xl"],
[class*="rounded"],
.shadow-lg {
  border-radius: 14px;
}

/* Dashboard stat cards */
.bg-primary-50 {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bg-primary-50:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(var(--nusha-amber) / 0.18);
}

/* Gradients on the superuser welcome banner */
.bg-gradient-to-l.from-primary-600.to-primary-800 {
  background: linear-gradient(135deg, #e07a3d 0%, #3f4f44 100%) !important;
}

/* Nicer scrollbars for the sidebar */
.ps__rail-y {
  background: transparent !important;
}

.ps__thumb-y {
  background: rgba(var(--nusha-green) / 0.25) !important;
  border-radius: 999px;
  width: 6px !important;
}

/* Buttons */
button[type="submit"].default,
.submit-row input[type="submit"] {
  border-radius: 999px !important;
  box-shadow: 0 8px 20px rgba(var(--nusha-amber) / 0.3);
}

/* Table header polish */
thead th {
  letter-spacing: 0;
  text-transform: none;
}

/* Sidebar active item accent */
[aria-current="page"] {
  position: relative;
}

[aria-current="page"]::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 20%;
  bottom: 20%;
  width: 3px;
  border-radius: 999px;
  background: rgb(var(--nusha-amber));
}