/**
 * TeachAcademy — Dokan Vendor Dashboard Overrides
 * Brand: #6CD3C2 (teal), #27282c (dark), #4db8a7 (teal hover)
 */

/* ================================
   CSS Custom Properties — Brand Override
   ================================ */
:root {
  /* Buttons — primary */
  --dokan-button-background-color: #4db8a7;
  --dokan-button-hover-background-color: #3d9b8c;
  --dokan-button-border-color: #4db8a7;

  /* Buttons — secondary */
  --dokan-button-secondary-text-color: #4db8a7;
  --dokan-button-secondary-border-color: #4db8a7;
  --dokan-button-secondary-hover-border-color: #3d9b8c;
  --dokan-button-secondary-hover-background-color: rgba(108, 211, 194, 0.15);
  --dokan-button-secondary-hover-text-color: #3d9b8c;

  /* Buttons — tertiary */
  --dokan-button-tertiary-hover-background-color: rgba(108, 211, 194, 0.2);

  /* Links */
  --dokan-link-color: #4db8a7;
  --dokan-link-hover-color: #3d9b8c;

  /* Sidebar (new Vue dashboard) */
  --dokan-sidebar-background-color: #1e1f23;
  --dokan-sidebar-hover-background-color: #4db8a7;
  --dokan-sidebar-text-color: rgba(255, 255, 255, 0.7);
  --dokan-sidebar-hover-text-color: #ffffff;

  /* WordPress component accent */
  --colors-primary-500: #4db8a7;
  --wp-components-color-accent: #4db8a7;
  --wp-components-color-accent-darker-20: #3d9b8c;
}

/* ================================
   Overall Layout
   ================================ */
.dokan-dashboard-wrap {
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  gap: 0;
}

.dokan-dashboard-content {
  padding-left: 30px !important;
  padding-top: 12px !important;
}


/* ================================
   Sidebar Navigation
   ================================ */
.dokan-dashboard .dokan-dash-sidebar {
  background: #1e1f23 !important;
  border-radius: 12px;
  margin: 8px 0 8px 0;
  overflow: hidden;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu {
  padding: 8px 0 !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li {
  border-bottom: none !important;
  margin: 1px 8px;
  border-radius: 8px;
  transition: background 0.15s ease;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a {
  padding: 11px 16px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  border-radius: 8px;
  transition: all 0.15s ease;
  letter-spacing: 0.01em;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a i,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a svg {
  font-size: 15px !important;
  width: 18px !important;
  opacity: 0.7;
  margin-right: 12px !important;
  padding-right: 0 !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover {
  background: rgba(108, 211, 194, 0.08) !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover > a {
  color: #fff !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover > a i,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover > a svg {
  opacity: 1;
}

/* Active item */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active {
  background: #4db8a7 !important;
  box-shadow: 0 2px 8px rgba(77, 184, 167, 0.3);
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active > a {
  color: #fff !important;
  font-weight: 600 !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active > a i,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active > a svg {
  opacity: 1;
}

/* Remove the active arrow triangle */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active::after {
  display: none !important;
}

/* Remove focus outlines on sidebar items */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a:focus,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a:focus-visible,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:focus,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:focus-within {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Remove focus outlines globally on Dokan dashboard interactive elements */
.dokan-dashboard-content a:focus,
.dokan-dashboard-content a:focus-visible,
.dokan-dashboard-content button:focus,
.dokan-dashboard-content button:focus-visible,
.dokan-dashboard-content input:focus-visible,
.dokan-dashboard-content select:focus-visible,
.dokan-dashboard-content .dokan-btn:focus,
.dokan-dashboard-content .dokan-btn:focus-visible {
  outline: none !important;
}

/* Submenu */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu {
  background: rgba(0, 0, 0, 0.15) !important;
  border-radius: 0 0 8px 8px;
  margin: 0 -8px;
  padding: 4px 8px 8px !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu li {
  margin: 0 !important;
  border-radius: 6px;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu li a {
  font-size: 12.5px !important;
  padding: 8px 16px 8px 46px !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu li:hover a,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu li.current a {
  color: #6CD3C2 !important;
  background: rgba(108, 211, 194, 0.08) !important;
}

/* Active item's submenu */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active ul.navigation-submenu {
  background: rgba(0, 0, 0, 0.2) !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active ul.navigation-submenu li:not(.current) a {
  color: rgba(255, 255, 255, 0.65) !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active ul.navigation-submenu li a:hover,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active ul.navigation-submenu li a:focus {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

/* Common links (Visit Store, etc.) */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-radius: 0;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a {
  font-size: 12px !important;
}


/* ================================
   New Vue Dashboard — Sidebar Override
   (.dokan-frontend-layout .dokan-frontend-sidebar)
   ================================ */
.dokan-frontend-layout .dokan-frontend-sidebar {
  background-color: #1e1f23 !important;
}

/* ── Sidebar brand / logo area ── */
.dokan-frontend-layout .dokan-frontend-sidebar > a:first-child {
  padding: 20px 16px !important;
  min-height: auto !important;
  gap: 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 8px;
}

/* Logo image — larger and rounded */
.dokan-frontend-layout .dokan-frontend-sidebar > a:first-child img {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.06);
  padding: 2px;
}

/* Site name — replace Vue-truncated text with full name */
.dokan-frontend-layout .dokan-frontend-sidebar > a:first-child span {
  font-size: 0 !important;       /* hide original truncated text */
  color: transparent !important;
  white-space: nowrap;
  overflow: visible !important;
  line-height: 1.3;
}
.dokan-frontend-layout .dokan-frontend-sidebar > a:first-child span::after {
  content: "Teach Academy";
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.01em;
  visibility: visible;
}

.dokan-frontend-layout .dokan-frontend-sidebar .site-icon {
  background-color: #4db8a7 !important;
}

/* Menu item default state */
.dokan-frontend-layout .dokan-frontend-sidebar li a {
  color: rgba(255, 255, 255, 0.7) !important;
  transition: all 0.15s ease;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a svg {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Hover state */
.dokan-frontend-layout .dokan-frontend-sidebar li a:hover {
  color: #fff !important;
  background-color: rgba(108, 211, 194, 0.12) !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a:hover svg {
  color: #fff !important;
}

/* Active state */
.dokan-frontend-layout .dokan-frontend-sidebar li a.active {
  color: #fff !important;
  background-color: #4db8a7 !important;
  box-shadow: 0 2px 8px rgba(77, 184, 167, 0.3);
}

.dokan-frontend-layout .dokan-frontend-sidebar li a.active svg {
  color: #fff !important;
}

/* Bubble badges */
.dokan-frontend-layout .dokan-frontend-sidebar li a .sidebar-menu-bubble {
  background-color: #4db8a7 !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a:hover .sidebar-menu-bubble,
.dokan-frontend-layout .dokan-frontend-sidebar li a.active .sidebar-menu-bubble {
  background-color: #fff !important;
  color: #4db8a7 !important;
}

/* Footer (user section) */
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .store-name {
  color: #fff !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .subscription-info {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Divider */
.dokan-frontend-layout .dokan-frontend-sidebar hr {
  background-color: rgba(255, 255, 255, 0.1) !important;
  opacity: 1 !important;
}

/* Header links */
.dokan-frontend-layout .dokan-frontend-layout-header .visit-store:hover,
.dokan-frontend-layout .dokan-frontend-layout-header .visit-store:hover svg {
  color: #4db8a7 !important;
}

.dokan-frontend-layout .dokan-frontend-layout-header .header-avatar svg.active {
  color: #4db8a7 !important;
}

/* Popover menus */
.header-popover a:hover,
.sidebar-popover a:hover {
  color: #4db8a7 !important;
  background-color: rgba(108, 211, 194, 0.12) !important;
}

.header-popover a:hover svg,
.sidebar-popover a:hover svg {
  color: #4db8a7 !important;
}

/* Submenu popover */
.dokan-submenu-popover li a.active {
  color: #fff !important;
  background-color: #4db8a7 !important;
}

.dokan-submenu-popover li a .sidebar-submenu-bubble {
  color: #fff !important;
  background-color: #4db8a7 !important;
}

.dokan-submenu-popover li a.active .sidebar-submenu-bubble {
  color: #4db8a7 !important;
  background-color: #fff !important;
}

/* Chevron arrows (submenu expand) */
.dokan-frontend-layout .dokan-frontend-sidebar li a svg.lucide-chevron-down {
  color: rgba(255, 255, 255, 0.5) !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a:hover svg.lucide-chevron-down,
.dokan-frontend-layout .dokan-frontend-sidebar li a.active svg.lucide-chevron-down {
  color: #fff !important;
}


/* ================================
   Dashboard Widgets
   ================================ */
.dashboard-widget {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  padding: 0 !important;
  overflow: hidden;
  margin-bottom: 20px !important;
  transition: box-shadow 0.2s ease;
}

.dashboard-widget:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

.dashboard-widget .widget-title {
  padding: 16px 20px !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  border-bottom: 1px solid #f3f4f6 !important;
  background: #fafbfc !important;
  border-radius: 12px 12px 0 0;
}

.dashboard-widget .widget-title i {
  color: #6CD3C2 !important;
  margin-right: 8px;
}

.dashboard-widget .widget-title .pull-right a {
  color: #4db8a7 !important;
  font-weight: 500;
  font-size: 13px;
  transition: color 0.15s;
}

.dashboard-widget .widget-title .pull-right a:hover {
  color: #3d9b8c !important;
}

/* Big Counter Widget */
.dashboard-widget.big-counter ul.list-inline li {
  padding: 16px 20px !important;
}

.dashboard-widget.big-counter ul.list-inline li .title {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-top: 0 !important;
}

.dashboard-widget.big-counter ul.list-inline li .count {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  border-bottom: 1px solid #f3f4f6 !important;
  padding-bottom: 16px;
  margin-top: 4px;
}

/* Orders & Products Widget - List Items */
.dashboard-widget ul.list-unstyled.list-count {
  padding: 8px 0 !important;
  margin: 0 !important;
}

.dashboard-widget ul.list-unstyled.list-count li {
  padding: 0 !important;
}

.dashboard-widget ul.list-unstyled.list-count li a {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px !important;
  color: #4b5563 !important;
  font-size: 13.5px !important;
  transition: all 0.15s;
  text-decoration: none !important;
}

.dashboard-widget ul.list-unstyled.list-count li a:hover {
  background: #f9fafb !important;
  color: #4db8a7 !important;
}

.dashboard-widget ul.list-unstyled.list-count li a .count {
  background: #f3f4f6;
  color: #1f2937;
  font-weight: 600;
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 20px;
  min-width: 28px;
  text-align: center;
}

/* Doughnut chart padding */
.dashboard-widget.orders .content-half-part canvas {
  padding: 16px !important;
}

/* Sales chart */
.dashboard-widget.sells-graph .chart-placeholder {
  padding: 16px !important;
}


/* ================================
   Profile Progress Bar
   ================================ */
.dokan-panel.dokan-panel-default .dokan-panel-heading,
.dokan-alert.dokan-alert-info {
  border-radius: 10px !important;
  border: 1px solid #e5e7eb !important;
}

.profile-completeness-list-wrap .dokan-progress {
  border-radius: 20px !important;
  overflow: hidden;
  height: 10px !important;
  background: #e5e7eb !important;
}

.profile-completeness-list-wrap .dokan-progress .dokan-progress-bar {
  background: linear-gradient(90deg, #6CD3C2, #4db8a7) !important;
  border-radius: 20px !important;
}


/* ================================
   Buttons — Brand Override
   ================================ */
.dokan-btn-theme,
.dokan-btn-theme:focus {
  background-color: #4db8a7 !important;
  border-color: #4db8a7 !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  padding: 8px 20px !important;
  transition: all 0.15s ease !important;
  box-shadow: none !important;
}

.dokan-btn-theme:hover {
  background-color: #3d9b8c !important;
  border-color: #3d9b8c !important;
  box-shadow: 0 2px 6px rgba(77, 184, 167, 0.3) !important;
}

.dokan-btn {
  border-radius: 8px !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  transition: all 0.15s ease !important;
}

.dokan-btn:hover {
  background-color: #4db8a7 !important;
  border-color: #4db8a7 !important;
  color: #fff !important;
}

.dokan-btn-success {
  background-color: #059669 !important;
  border-color: #059669 !important;
  border-radius: 8px !important;
}

.dokan-btn-success:hover {
  background-color: #047857 !important;
  border-color: #047857 !important;
}

.dokan-btn-danger {
  border-radius: 8px !important;
}

/* Add product link button */
.dokan-add-product-link .dokan-btn {
  background: #4db8a7 !important;
  border-color: #4db8a7 !important;
  color: #fff !important;
  border-radius: 8px !important;
}

.dokan-add-product-link .dokan-btn:hover {
  background: #3d9b8c !important;
}


/* ================================
   New Dashboard — Hardcoded Purple Overrides
   ================================ */

/* Links in .dokan-layout */
.dokan-layout a:not(.dokan-btn):not([class*="dokan-btn-"]):not(.skip-color-module) {
  color: #4db8a7 !important;
}

.dokan-layout a:not(.dokan-btn):not([class*="dokan-btn-"]):not(.skip-color-module):hover {
  color: #3d9b8c !important;
}

/* Focus outlines */
.dokan-layout a:focus:not([role="switch"], [role="combobox"]),
.dokan-layout button:focus:not([role="switch"], [role="combobox"]),
.dokan-layout textarea:focus:not([role="switch"], [role="combobox"]),
.dokan-layout input:focus:not([role="switch"], [role="combobox"]) {
  outline-color: #4db8a7 !important;
}

/* Quill editor focus */
.dokan-layout .ql-editor:focus-visible {
  outline-color: #4db8a7 !important;
}

/* Fill overrides (SVG icons) */
.dokan-layout .\!fill-\[\#7047EB\] {
  fill: #4db8a7 !important;
}

/* Text color overrides */
.dokan-layout .text-\[\#7047EB\] {
  color: #4db8a7 !important;
}

.dokan-layout .\!text-\[\#7047EB\] {
  color: #4db8a7 !important;
}

/* Background color overrides */
.dokan-layout .bg-\[\#7047EB\] {
  background-color: #4db8a7 !important;
}

.dokan-layout .\!bg-\[\#7047EB\] {
  background-color: #4db8a7 !important;
}

/* Border color overrides */
.dokan-layout .border-\[\#7047EB\] {
  border-color: #4db8a7 !important;
}

.dokan-layout .\!border-\[\#7047EB\] {
  border-color: #4db8a7 !important;
}

/* Ring color overrides */
.dokan-layout .ring-\[\#7047EB\] {
  --tw-ring-color: #4db8a7 !important;
}

/* Toggle/switch checked state */
button[data-headlessui-state="checked"]:hover,
button[data-headlessui-state="checked"]:focus {
  background-color: #4db8a7 !important;
}

/* Date picker */
.dokan-layout .dokan-date-range-picker .CalendarDay__selected_span,
.dokan-layout .dokan-date-range-picker .CalendarDay__selected {
  background: #4db8a7 !important;
}

.dokan-layout .dokan-date-range-picker .CalendarDay__selected_span:hover,
.dokan-layout .dokan-date-range-picker .CalendarDay__selected:hover,
.dokan-layout .dokan-date-range-picker .CalendarDay__hovered_span {
  background: #3d9b8c !important;
}

/* Progress bar (profile completion) */
.dokan-layout .bg-\[\#7047EB\]\/10,
.dokan-layout [class*="bg-[#7047EB]"] {
  background-color: #4db8a7 !important;
}

/* WP admin portal accent override */
.dokan_page_dokan-dashboard [id^="portal/:"] {
  --wp-components-color-accent: rgba(108, 211, 194, 0.15);
  --wp-components-color-accent-inverted: #4db8a7;
}

/* Time picker */
.dokan-react-time-picker .components-toggle-group-control::before {
  background-color: #4db8a7 !important;
}

/* Sidebar link active in sidebar popover */
.sidebar-popover a:hover,
.header-popover a:hover {
  color: #4db8a7 !important;
  background-color: rgba(108, 211, 194, 0.12) !important;
}

.sidebar-popover a:hover svg,
.header-popover a:hover svg {
  color: #4db8a7 !important;
}


/* ================================
   Tables
   ================================ */
.dokan-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  overflow: hidden;
  width: 100% !important;
  table-layout: auto !important;
}

.dokan-table thead th {
  background: #f9fafb !important;
  color: #6b7280 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid #e5e7eb !important;
  white-space: nowrap !important;
}

.dokan-table tbody td {
  padding: 12px 16px !important;
  font-size: 13.5px !important;
  color: #374151 !important;
  border-bottom: 1px solid #f3f4f6 !important;
  vertical-align: middle !important;
}

.dokan-table tbody tr:last-child td {
  border-bottom: none !important;
}

.dokan-table tbody tr:hover td,
.dokan-table tbody tr:hover th.check-column {
  background: #f9fafb !important;
}

/* Followers table — avatar + name spacing */
.dokan-table tbody td.dokan-column-name-with-avatar {
  position: relative !important;
  padding-left: 56px !important;
}

.dokan-table tbody td.dokan-column-name-with-avatar img {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  object-fit: cover !important;
}

.dokan-table .row-actions {
  font-size: 12px !important;
}

.dokan-table .row-actions a {
  color: #4db8a7 !important;
}

.dokan-table .row-actions a:hover {
  color: #3d9b8c !important;
}

/* Product status labels */
.dokan-table td.post-status label {
  border-radius: 20px !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.dokan-table td.post-status label.publish {
  background: #d1fae5 !important;
  color: #065f46 !important;
}

.dokan-table td.post-status label.draft {
  background: #f3f4f6 !important;
  color: #6b7280 !important;
}

.dokan-table td.post-status label.pending {
  background: #fef3c7 !important;
  color: #92400e !important;
}


/* ================================
   Status Badges / Labels
   ================================ */
.dokan-label {
  border-radius: 20px !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}

.dokan-label-success {
  background: #d1fae5 !important;
  color: #065f46 !important;
}

.dokan-label-warning {
  background: #fef3c7 !important;
  color: #92400e !important;
}

.dokan-label-danger {
  background: #fee2e2 !important;
  color: #991b1b !important;
}

.dokan-label-info {
  background: #dbeafe !important;
  color: #1e40af !important;
}

.dokan-label-default {
  background: #f3f4f6 !important;
  color: #6b7280 !important;
}


/* ================================
   Product Listing Area
   ================================ */

/* ── Hide SKU & Stock columns everywhere in the dashboard ── */
.product-listing-table td[data-title="SKU"],
.product-listing-table td[data-title="Stock"],
.wc-order-item-sku,
#dokan-order-detail-area .wc-order-item-sku,
/* Variation SKU field in product edit form */
.dokan-product-variation .sku,
.content-half-part .sku,
/* Order item SKU in order-item-html (lite) — <small> inside .name td */
#order-items-holder .name small,
.dokan-order-items .name small {
  display: none !important;
}

.dokan-product-listing .dokan-product-listing-area {
  padding: 0 !important;
}

.dokan-product-listing .product-listing-top {
  border-bottom: 1px solid #e5e7eb !important;
  padding: 0 0 12px !important;
  margin-bottom: 16px;
}

.dokan-product-listing .product-listing-top ul.dokan-listing-filter li a {
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 500;
  transition: color 0.15s;
}

.dokan-product-listing .product-listing-top ul.dokan-listing-filter li a:hover,
.dokan-product-listing .product-listing-top ul.dokan-listing-filter li.active a {
  color: #4db8a7 !important;
}

/* Product thumbnails */
.dokan-table .column-thumb img {
  border-radius: 8px !important;
  border: 1px solid #e5e7eb;
}

/* Product listing — uniform height for filters, inputs & buttons */
.dokan-product-listing .dokan-form-inline .dokan-form-control,
.dokan-product-listing .dokan-form-inline .dokan-btn,
.dokan-product-listing .dokan-form-inline .dokan-btn-theme,
.dokan-product-listing .dokan-form-inline input[type="submit"],
.dokan-product-listing .dokan-form-inline input[type="text"] {
  height: 38px !important;
  line-height: 1 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  vertical-align: middle !important;
}

.dokan-product-listing .dokan-form-inline .dokan-form-control {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.dokan-product-listing .dokan-form-inline .dokan-btn,
.dokan-product-listing .dokan-form-inline .dokan-btn-theme,
.dokan-product-listing .dokan-form-inline input[type="submit"] {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.dokan-product-listing .dokan-form-inline .dokan-form-group {
  vertical-align: middle !important;
}

/* Filter bar — "Filtrera" button (solid) */
.dokan-product-date-filter > .dokan-form-group > button.dokan-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #4db8a7 !important;
  border-color: #4db8a7 !important;
  border-radius: 8px !important;
  color: #fff !important;
}
.dokan-product-date-filter > .dokan-form-group > button.dokan-btn:hover {
  background: #3d9b8c !important;
  border-color: #3d9b8c !important;
}

/* Filter bar — "Återställ" link (outline) */
.dokan-product-date-filter > .dokan-form-group > a.dokan-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  color: #6b7280 !important;
  text-decoration: none !important;
  line-height: 38px !important;
}
.dokan-product-date-filter > .dokan-form-group > a.dokan-btn:hover {
  background: #f3f4f6 !important;
  border-color: #9ca3af !important;
  color: #374151 !important;
  text-decoration: none !important;
}


/* ================================
   Orders Area
   ================================ */
.dokan-orders-content .dokan-orders-area ul.order-statuses-filter li a {
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 500;
  transition: color 0.15s;
}

.dokan-orders-content .dokan-orders-area ul.order-statuses-filter li.active a,
.dokan-orders-content .dokan-orders-area ul.order-statuses-filter li a:hover {
  color: #4db8a7 !important;
}

/* --- Orders filter form layout --- */
.dokan-order-filter-serach {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 18px;
}
.dokan-order-filter-serach form.dokan-left,
.dokan-order-filter-serach form.dokan-right {
  float: none !important;
}
.dokan-order-filter-serach form.dokan-left .dokan-form-group,
.dokan-order-filter-serach form.dokan-right .dokan-form-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 0 !important;
}
.dokan-order-filter-serach .dokan-clearfix {
  display: none;
}

/* Customer dropdown wrapper (Select2) — give it a proper width */
.dokan-order-filter-serach #dokan-filter-customer,
.dokan-order-filter-serach .select2-container--dokan-filter-customer,
.dokan-order-filter-serach select.dokan-w12 {
  min-width: 180px !important;
  max-width: 220px !important;
}
.dokan-order-filter-serach .select2-container {
  min-width: 180px !important;
}
.dokan-order-filter-serach .select2-container .select2-selection--single {
  height: 38px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  display: flex;
  align-items: center;
  padding: 0 10px !important;
}
.dokan-order-filter-serach .select2-container .select2-selection__rendered {
  line-height: 38px !important;
  color: #6b7280 !important;
  font-size: 13.5px !important;
}
.dokan-order-filter-serach .select2-container .select2-selection__arrow {
  height: 38px !important;
}

/* Search input (has NO .dokan-form-control class in template) */
.dokan-order-filter-serach input[name="search"] {
  border-radius: 8px !important;
  border: 1px solid #d1d5db !important;
  padding: 8px 12px !important;
  font-size: 13.5px !important;
  height: 38px;
  min-width: 180px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
.dokan-order-filter-serach input[name="search"]:focus {
  border-color: #6CD3C2 !important;
  box-shadow: 0 0 0 3px rgba(108, 211, 194, 0.15) !important;
  outline: none !important;
}

/* Date range picker same height */
.dokan-order-filter-serach .dokan-daterangepicker {
  height: 38px !important;
}

/* "Filtrera" button — solid teal */
.dokan-order-filter-serach button.dokan-btn {
  background: #4db8a7 !important;
  border-color: #4db8a7 !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 7px 16px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background 0.15s, border-color 0.15s;
}
.dokan-order-filter-serach button.dokan-btn:hover {
  background: #3d9b8c !important;
  border-color: #3d9b8c !important;
}

/* "Återställ" link — outline gray */
.dokan-order-filter-serach a.dokan-btn {
  background: transparent !important;
  border: 1px solid #d1d5db !important;
  color: #6b7280 !important;
  border-radius: 8px !important;
  padding: 7px 16px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none !important;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.dokan-order-filter-serach a.dokan-btn:hover {
  background: #f3f4f6 !important;
  border-color: #9ca3af !important;
  color: #374151 !important;
}

/* Export buttons — solid teal, consistent with brand */
.dokan-order-filter-serach input[type="submit"].dokan-btn-theme {
  background: #4db8a7 !important;
  border-color: #4db8a7 !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 7px 16px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  height: 38px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.dokan-order-filter-serach input[type="submit"].dokan-btn-theme:hover {
  background: #3d9b8c !important;
  border-color: #3d9b8c !important;
}


/* ================================
   Form Controls
   ================================ */
.dokan-form-control {
  border-radius: 8px !important;
  border: 1px solid #d1d5db !important;
  padding: 8px 12px !important;
  font-size: 13.5px !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.dokan-form-control:focus {
  border-color: #6CD3C2 !important;
  box-shadow: 0 0 0 3px rgba(108, 211, 194, 0.15) !important;
  outline: none !important;
}


/* ================================
   Panels
   ================================ */
.dokan-panel {
  border-radius: 12px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden;
}

.dokan-panel .dokan-panel-heading {
  background: #fafbfc !important;
  border-bottom: 1px solid #f3f4f6 !important;
  padding: 14px 20px !important;
  border-radius: 12px 12px 0 0 !important;
}

.dokan-panel .dokan-panel-heading .dokan-panel-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
}

.dokan-panel .dokan-panel-body {
  padding: 20px !important;
}

.dokan-panel .dokan-panel-footer {
  background: #fafbfc !important;
  border-top: 1px solid #f3f4f6 !important;
  padding: 14px 20px !important;
}


/* ================================
   Alerts
   ================================ */
.dokan-alert {
  border-radius: 10px !important;
  font-size: 13.5px !important;
  padding: 14px 20px !important;
}

.dokan-alert-success {
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
  color: #065f46 !important;
}

.dokan-alert-info {
  background: #f0fdfa !important;
  border-color: #99f6e4 !important;
  color: #134e4a !important;
}

.dokan-alert-warning {
  background: #fffbeb !important;
  border-color: #fde68a !important;
  color: #92400e !important;
}

.dokan-alert-danger {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  color: #991b1b !important;
}


/* ================================
   Tabs (Settings, etc.)
   ================================ */
.dokan-dashboard-content ul.dokan_tabs {
  border-bottom: 2px solid #e5e7eb !important;
  margin-bottom: 24px !important;
}

.dokan-dashboard-content ul.dokan_tabs li {
  margin-bottom: -2px !important;
}

.dokan-dashboard-content ul.dokan_tabs li a {
  padding: 10px 20px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.15s ease;
  background: none !important;
}

.dokan-dashboard-content ul.dokan_tabs li a:hover {
  color: #4db8a7 !important;
}

.dokan-dashboard-content ul.dokan_tabs li.active a {
  color: #4db8a7 !important;
  border-bottom-color: #4db8a7 !important;
  font-weight: 600 !important;
}


/* ================================
   Pagination
   ================================ */
.dokan-pagination li a,
.dokan-pagination li span {
  border-radius: 8px !important;
  margin: 0 2px !important;
  font-size: 13px !important;
  padding: 6px 12px !important;
  color: #6b7280 !important;
  border: 1px solid #e5e7eb !important;
  transition: all 0.15s;
}

.dokan-pagination li.active a,
.dokan-pagination li.active span {
  background: #4db8a7 !important;
  border-color: #4db8a7 !important;
  color: #fff !important;
}

.dokan-pagination li a:hover {
  background: #f3f4f6 !important;
  color: #4db8a7 !important;
  border-color: #d1d5db !important;
}


/* ================================
   Hamburger / Mobile Menu
   ================================ */
.dokan-dash-sidebar #dokan-navigation #mobile-menu-icon {
  background: #1e1f23 !important;
  border-radius: 8px !important;
  color: #fff !important;
}


/* ================================
   Reports / Charts (Vue-based)
   ================================ */
.chart-tooltip {
  border-radius: 8px !important;
  font-size: 12px !important;
  padding: 8px 12px !important;
}

/* Dokan Pro report header overrides */
.dokan-reports-wrap .report-left,
.dokan-reports-wrap .report-right {
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  overflow: hidden;
}


/* ================================
   Settings area — base overrides
   ================================ */
article.dokan-settings-area .dokan-form-group label {
  font-weight: 500 !important;
  color: #374151 !important;
  font-size: 13.5px !important;
  margin-bottom: 6px !important;
}


/* ================================
   Modals / Popups
   ================================ */
.dokan-popup-content {
  border-radius: 16px !important;
  overflow: hidden;
}

.dokan-popup-content .dokan-popup-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 20px 24px !important;
  border-bottom: 1px solid #f3f4f6 !important;
}


/* ================================
   Misc / Links
   ================================ */
.dokan-dashboard-content a {
  color: #4db8a7;
  transition: color 0.15s;
}

.dokan-dashboard-content a:hover {
  color: #3d9b8c;
}

/* Page help text */
.dokan-page-help {
  color: #9ca3af !important;
  font-size: 13px !important;
  border-radius: 8px;
  padding: 12px 16px;
  background: #f9fafb;
  border: 1px solid #f3f4f6;
}

/* Loading overlay */
.dokan-overlay {
  border-radius: 12px;
}


/* ================================
   Responsive Refinements
   ================================ */
@media (max-width: 760px) {
  .dokan-dashboard-content {
    padding-left: 0 !important;
    padding-top: 16px !important;
  }

  .dokan-dash-sidebar {
    border-radius: 10px;
    margin: 8px 0 16px;
  }

  .dashboard-widget {
    margin-bottom: 16px !important;
  }

  .dokan-table thead th,
  .dokan-table tbody td {
    padding: 10px 12px !important;
    font-size: 12.5px !important;
  }
}


/* ================================================================
   TA CUSTOM DASHBOARD — Welcome Section
   ================================================================ */

/* Hide the old Dokan profile-completeness panel (replaced by ours) */
.dokan-panel.dokan-profile-completeness {
  display: none !important;
}

/* ── Welcome Section Container ── */
.ta-dashboard-welcome {
  margin-bottom: 32px;
}

/* ── Header Row ── */
.ta-welcome-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 24px;
}

.ta-welcome-text h1 {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 4px;
  line-height: 1.3;
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.ta-welcome-text p {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
}

.ta-welcome-text p strong {
  color: #374151;
}

.ta-welcome-actions {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
  align-items: center;
}

/* ── Buttons ── */
.ta-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  font-size: 13.5px;
  font-weight: 600;
  border-radius: 10px;
  text-decoration: none !important;
  transition: all 0.15s ease;
  white-space: nowrap;
  cursor: pointer;
  line-height: 1.4;
  font-family: inherit;
}

.ta-btn-primary {
  background: #4db8a7;
  color: #fff !important;
  border: 1px solid #4db8a7;
  box-shadow: 0 1px 3px rgba(77, 184, 167, 0.25);
}

.ta-btn-primary:hover {
  background: #3d9b8c;
  border-color: #3d9b8c;
  box-shadow: 0 3px 8px rgba(77, 184, 167, 0.35);
  color: #fff !important;
}

.ta-btn-outline {
  background: #fff;
  color: #374151 !important;
  border: 1px solid #d1d5db;
}

.ta-btn-outline:hover {
  border-color: #4db8a7;
  color: #4db8a7 !important;
  background: rgba(108, 211, 194, 0.06);
}


/* ── Stats Grid ── */
.ta-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 28px;
  margin-bottom: 24px;
}

.ta-stat-card {
  position: relative;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 18px 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  transition: all 0.18s ease;
}

.ta-stat-card:hover {
  border-color: #d1d5db;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}

.ta-stat-highlight {
  background: linear-gradient(135deg, #f0fdfa 0%, #ecfdf5 100%);
  border-color: #a7f3d0;
}

.ta-stat-highlight:hover {
  border-color: #6CD3C2;
}

.ta-stat-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: #f3f4f6;
  color: #6b7280;
}

.ta-stat-highlight .ta-stat-icon {
  background: rgba(108, 211, 194, 0.18);
  color: #3d9b8c;
}

.ta-stat-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.ta-stat-value {
  font-size: 22px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.ta-stat-value .woocommerce-Price-amount {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.ta-stat-value small.ta-rating-count {
  font-size: 13px;
  font-weight: 500;
  color: #9ca3af;
}

.ta-stat-label {
  font-size: 12.5px;
  font-weight: 500;
  color: #9ca3af;
  letter-spacing: 0.01em;
}

/* Action link on stat card */
.ta-stat-action {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #4db8a7;
  background: rgba(108, 211, 194, 0.1);
  transition: all 0.15s ease;
  text-decoration: none !important;
}

.ta-stat-action:hover {
  background: #4db8a7;
  color: #fff !important;
}

/* Pending badge */
.ta-stat-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
  line-height: 1.4;
}

.ta-badge-pending {
  background: #fef3c7;
  color: #92400e;
}


/* ── Getting Started Card ── */
.ta-getting-started {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 20px;
}

.ta-getting-started-icon {
  flex-shrink: 0;
  color: #0284c7;
  margin-top: 2px;
}

.ta-getting-started-content {
  font-size: 13.5px;
  color: #0c4a6e;
  line-height: 1.6;
}

.ta-getting-started-content strong {
  display: block;
  font-size: 14px;
  margin-bottom: 2px;
  color: #0369a1;
}

.ta-getting-started-content p {
  margin: 0;
}

.ta-getting-started-content a {
  color: #0284c7 !important;
  text-decoration: underline;
  font-weight: 600;
}

.ta-getting-started-content a:hover {
  color: #0369a1 !important;
}


/* ================================================================
   TA PROFILE PROGRESS BAR (override)
   ================================================================ */
.ta-profile-progress {
  margin-bottom: 20px;
}

.ta-progress-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 16px 20px;
}

.ta-progress-complete .ta-progress-inner {
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdfa 100%);
  border-color: #a7f3d0;
}

.ta-progress-main {
  flex: 1;
  min-width: 0;
}

.ta-progress-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.ta-progress-title {
  font-size: 14px;
  font-weight: 700;
  color: #1f2937;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ta-progress-complete .ta-progress-title {
  color: #059669;
}

.ta-progress-next {
  font-size: 13px;
  color: #6b7280;
}

.ta-progress-next a {
  color: #4db8a7 !important;
  font-weight: 600;
  text-decoration: none;
}

.ta-progress-next a:hover {
  color: #3d9b8c !important;
  text-decoration: underline;
}

/* Track */
.ta-progress-track {
  height: 8px;
  background: #e5e7eb;
  border-radius: 20px;
  overflow: hidden;
}

.ta-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #6CD3C2, #4db8a7);
  border-radius: 20px;
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 2px;
}

.ta-progress-complete .ta-progress-fill {
  background: linear-gradient(90deg, #34d399, #059669);
}

/* Close button */
.ta-progress-close {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
  padding: 0;
}

.ta-progress-close:hover {
  background: #f3f4f6;
  color: #6b7280;
}

.ta-progress-complete .ta-progress-close:hover {
  background: rgba(5, 150, 105, 0.1);
  color: #059669;
}


/* ================================================================
   TA DASHBOARD — Responsive
   ================================================================ */
@media (max-width: 900px) {
  .ta-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .ta-welcome-header {
    flex-direction: column;
    gap: 14px;
  }

  .ta-welcome-text h1 {
    font-size: 20px;
  }

  .ta-welcome-actions {
    width: 100%;
  }

  .ta-welcome-actions .ta-btn {
    flex: 1;
    justify-content: center;
  }

  .ta-stats-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .ta-stat-card {
    padding: 14px 16px;
  }

  .ta-stat-value {
    font-size: 18px;
  }

  .ta-progress-header {
    flex-direction: column;
    gap: 4px;
  }
}


/* ================================================================
   ORDER DETAIL PAGE — Section Headers + Form + Cleanup
   ================================================================ */

/* ── Section Headers: match table-header look ── */
.dokan-order-details-wrap .dokan-panel-heading {
  background: #f9fafb !important;
  border-bottom: 1px solid #e5e7eb !important;
  padding: 12px 20px !important;
  border-radius: 12px 12px 0 0 !important;
}

.dokan-order-details-wrap .dokan-panel-heading strong {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #6b7280 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
}

/* ── General details (right column) ── */
.dokan-order-right-content .dokan-panel-body.general-details {
  padding: 16px 20px !important;
}

.dokan-order-right-content .general-details ul.order-status {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dokan-order-right-content .general-details ul.order-status li {
  padding: 6px 0;
  font-size: 13.5px;
  color: #374151;
  line-height: 1.6;
}

.dokan-order-right-content .general-details ul.order-status li span {
  font-weight: 600;
  color: #1f2937;
}

.dokan-order-right-content .general-details ul.customer-details {
  margin: 12px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid #f3f4f6;
  list-style: none;
}

.dokan-order-right-content .general-details ul.customer-details li {
  padding: 4px 0;
  font-size: 13.5px;
  color: #374151;
}

.dokan-order-right-content .general-details ul.customer-details li span {
  font-weight: 600;
  color: #1f2937;
}

/* ── Billing / Shipping Address panels ── */
.dokan-order-billing-address,
.dokan-order-shipping-address {
  width: 49% !important;
}

.dokan-order-billing-address .dokan-panel-body,
.dokan-order-shipping-address .dokan-panel-body {
  font-size: 13.5px;
  color: #374151;
  line-height: 1.7;
}

/* ── Order Notes list ── */
#dokan-order-notes ul.order_notes {
  margin: 0;
  padding: 0;
  list-style: none;
}

#dokan-order-notes ul.order_notes li.note {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 10px;
  font-size: 13.5px;
  color: #374151;
}

#dokan-order-notes ul.order_notes li.note .note_content p {
  margin: 0;
}

#dokan-order-notes ul.order_notes li.note .meta {
  margin: 6px 0 0;
  font-size: 12px;
  color: #9ca3af;
}

#dokan-order-notes ul.order_notes li.note .meta a.delete_note {
  color: #ef4444 !important;
  font-weight: 500;
  margin-left: 8px;
}

#dokan-order-notes ul.order_notes li.note .meta a.delete_note:hover {
  color: #dc2626 !important;
}

/* ================================================================
   DASHBOARD POLISH V2 — Widget visual lift
   ================================================================ */

/* Keep dashboard area light with subtle depth behind cards */
.dokan-dashboard-content .dashboard-content-area {
  background:
    radial-gradient(1200px 260px at 10% -10%, rgba(108, 211, 194, 0.08), transparent 65%),
    radial-gradient(700px 220px at 100% 0%, rgba(77, 184, 167, 0.06), transparent 68%);
  border-radius: 16px;
}

/* Lift widgets with cleaner surfaces and spacing */
.dokan-dashboard-content .dashboard-widget {
  border-radius: 16px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 26px rgba(16, 24, 40, 0.05) !important;
  margin-bottom: 22px !important;
  overflow: clip;
}

.dokan-dashboard-content .dashboard-widget:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(16, 24, 40, 0.08) !important;
}

/* Sharper title row with subtle accent line */
.dokan-dashboard-content .dashboard-widget .widget-title {
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border-bottom: 1px solid #e5e7eb !important;
  padding: 14px 18px !important;
}

.dokan-dashboard-content .dashboard-widget .widget-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #6cd3c2 0%, #4db8a7 100%);
}

/* Improve list readability inside widgets */
.dokan-dashboard-content .dashboard-widget ul.list-unstyled.list-count li a {
  min-height: 42px;
  border-bottom: 1px dashed #edf2f7;
}

.dokan-dashboard-content .dashboard-widget ul.list-unstyled.list-count li:last-child a {
  border-bottom: none;
}

.dokan-dashboard-content .dashboard-widget ul.list-unstyled.list-count li a .count {
  background: #eef2f7;
  color: #334155;
  border: 1px solid #e2e8f0;
}

/* Better balance for donut chart card */
.dokan-dashboard-content .dashboard-widget.orders .content-half-part {
  padding: 10px 6px 14px;
}

.dokan-dashboard-content .dashboard-widget.orders .content-half-part canvas {
  max-height: 220px;
}

/* Announcement/news rows should feel clickable and tidy */
.dokan-dashboard-content .dashboard-widget .single-announcement {
  border-radius: 10px;
  margin: 6px 10px;
  transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

.dokan-dashboard-content .dashboard-widget .single-announcement:hover {
  background: #f8fafc;
  box-shadow: inset 0 0 0 1px #e2e8f0;
}

/* Small-screen polish */
@media (max-width: 760px) {
  .dokan-dashboard-content .dashboard-widget {
    border-radius: 14px !important;
  }

  .dokan-dashboard-content .dashboard-widget .widget-title {
    padding: 12px 14px !important;
  }
}

/* ================================================================
   DASHBOARD — No Hover Effects
   ================================================================ */

/* Sidebar links/menu */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover > a,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover > a i,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover > a svg,
.dokan-frontend-layout .dokan-frontend-sidebar li a:hover,
.dokan-frontend-layout .dokan-frontend-sidebar li a:hover svg,
.dokan-frontend-layout .dokan-frontend-layout-header .visit-store:hover,
.dokan-frontend-layout .dokan-frontend-layout-header .visit-store:hover svg,
.sidebar-popover a:hover,
.header-popover a:hover,
.sidebar-popover a:hover svg,
.header-popover a:hover svg {
  background: inherit !important;
  color: inherit !important;
  box-shadow: none !important;
}

/* Generic buttons and links */
.dokan-dashboard-content .dokan-btn:hover,
.dokan-dashboard-content .dokan-btn-theme:hover,
.dokan-dashboard-content .ta-btn:hover,
.dokan-dashboard-content a:hover {
  background: inherit !important;
  border-color: inherit !important;
  color: inherit !important;
  box-shadow: none !important;
}

/* Widgets/cards */
.dashboard-widget:hover,
.dokan-dashboard-content .dashboard-widget:hover,
.dokan-dashboard-content .dashboard-widget .single-announcement:hover,
.dashboard-widget ul.list-unstyled.list-count li a:hover {
  transform: none !important;
  background: inherit !important;
  color: inherit !important;
  box-shadow: none !important;
  border-color: #dbe4ee !important;
}

/* ── Add Note form ── */
.add_note h4 {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #6b7280 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 16px 0 10px !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid #f3f4f6;
}

.add_note #add-order-note textarea {
  width: 100% !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  font-family: inherit !important;
  resize: vertical;
  transition: border-color 0.15s, box-shadow 0.15s;
  min-height: 80px;
}

.add_note #add-order-note textarea:focus {
  border-color: #6CD3C2 !important;
  box-shadow: 0 0 0 3px rgba(108, 211, 194, 0.15) !important;
  outline: none !important;
}

.add_note #add-order-note .order_note_type {
  margin: 10px 0 !important;
}

.add_note #add-order-note .order_note_type select {
  border-radius: 8px !important;
  border: 1px solid #d1d5db !important;
  padding: 8px 12px !important;
  font-size: 13.5px !important;
  width: 100% !important;
  max-width: 220px;
}

.add_note #add-order-note .order_note_type select:focus {
  border-color: #6CD3C2 !important;
  box-shadow: 0 0 0 3px rgba(108, 211, 194, 0.15) !important;
  outline: none !important;
}

.add_note #add-order-note input[type="submit"].add_note {
  border-radius: 10px !important;
  padding: 9px 20px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
}

/* ── Hide Tracking Number button + form ── */
#dokan-add-tracking-number,
#add-shipping-tracking-form {
  display: none !important;
}

/* ── Download permissions ── */
.order_download_permissions .dokan-panel-body {
  padding: 16px 20px !important;
}

.order_download_permissions .toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.order_download_permissions .toolbar select {
  border-radius: 8px !important;
  border: 1px solid #d1d5db !important;
  padding: 8px 12px !important;
  font-size: 13.5px !important;
  min-width: 200px;
}

.order_download_permissions .toolbar .grant_access {
  border-radius: 10px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
}

/* ── Order items table refinement ── */
.dokan-order-details-wrap table.dokan-table th.item,
.dokan-order-details-wrap table.dokan-table th.quantity,
.dokan-order-details-wrap table.dokan-table th.line_cost {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #6b7280 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}


/* ================================================================
   QUICK EDIT — Full Panel Styling
   (mirrors dokan-product-edit.css design tokens)
   ================================================================ */

/* ── Panel container — card appearance ── */
.dokan-product-list-inline-edit-form > td {
  background: #f9fafb !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
  padding: 0 !important;
}

.dokan-product-list-inline-edit-form > td > fieldset {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  margin: 16px 20px;
  padding: 0 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}

/* ── Two-column layout ── */
.dokan-product-list-inline-edit-form > td > fieldset > .dokan-clearfix:first-child {
  display: flex;
}

.dokan-product-list-inline-edit-form .dokan-inline-edit-column {
  flex: 1;
  min-width: 0;
  padding: 24px 28px !important;
}

.dokan-product-list-inline-edit-form .dokan-inline-edit-column:first-child {
  border-right: 1px solid #f3f4f6;
}

/* ── Section titles — subtle divider labels ── */
.dokan-product-list-inline-edit-form .dokan-inline-edit-section-title {
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, sans-serif;
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f3f4f6;
}

/* ── Labels — match product-edit form-label ── */
.dokan-product-list-inline-edit-form label {
  font-weight: 600 !important;
  font-size: 13.5px !important;
  color: #374151 !important;
  margin-bottom: 6px;
  display: block;
}

/* Inline labels in field rows (Pris, Försäljning etc.) */
.dokan-product-list-inline-edit-form .dokan-inline-edit-field-row label.dokan-w3,
.dokan-product-list-inline-edit-form .inline-edit-col label.dokan-w3 {
  display: flex !important;
  align-items: center;
  min-height: 40px;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #6b7280 !important;
  margin-bottom: 0;
}

/* ── Inputs & Selects — match product-edit ── */
.dokan-product-list-inline-edit-form .dokan-form-control,
.dokan-product-list-inline-edit-form select:not(.ta-qe-hidden-select) {
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  height: auto !important;
  background: #fff !important;
  color: #1f2937 !important;
  transition: border-color 0.15s, box-shadow 0.15s;
  width: 100%;
  box-sizing: border-box;
}

.dokan-product-list-inline-edit-form .dokan-form-control:focus,
.dokan-product-list-inline-edit-form select:not(.ta-qe-hidden-select):focus {
  border-color: #4db8a7 !important;
  box-shadow: 0 0 0 3px rgba(77, 184, 167, 0.12) !important;
  outline: none !important;
}

/* ── Field rows ── */
.dokan-product-list-inline-edit-form .dokan-inline-edit-field-row,
.dokan-product-list-inline-edit-form .inline-edit-col {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.dokan-product-list-inline-edit-form .dokan-inline-edit-field-row .dokan-w9,
.dokan-product-list-inline-edit-form .inline-edit-col .dokan-w9 {
  flex: 1;
  min-width: 0;
}

.dokan-product-list-inline-edit-form .dokan-inline-edit-field-row .dokan-w3,
.dokan-product-list-inline-edit-form .inline-edit-col .dokan-w3 {
  flex: 0 0 90px;
  max-width: 90px;
}

/* ── Checkbox labels ── */
.dokan-product-list-inline-edit-form label:has(input[type="checkbox"]) {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  cursor: pointer;
  font-weight: 500 !important;
}

.dokan-product-list-inline-edit-form label:has(input[type="checkbox"]) input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #4db8a7;
  border-radius: 4px;
  margin: 0;
  flex-shrink: 0;
}

/* ── Status label with inline select ── */
.dokan-product-list-inline-edit-form label:has(select[data-field-name="post_status"]) {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.dokan-product-list-inline-edit-form label:has(select[data-field-name="post_status"]) select {
  flex: 1;
  min-width: 120px;
}

/* Pending status badge */
.dokan-product-list-inline-edit-form .dokan-label-danger {
  font-size: 11px !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
  font-weight: 600 !important;
}

/* ── HR dividers ── */
.dokan-product-list-inline-edit-form hr {
  border: none;
  border-top: 1px solid #f3f4f6;
  margin: 18px 0;
}

/* ── Select2 containers — match product-edit ── */
.dokan-product-list-inline-edit-form .select2-container .select2-selection--multiple {
  border: 1.5px solid #d1d5db !important;
  border-radius: 10px !important;
  min-height: 42px !important;
  padding: 4px 8px !important;
  background: #fff !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.dokan-product-list-inline-edit-form .select2-container--default .select2-selection--multiple:focus-within,
.dokan-product-list-inline-edit-form .select2-container--open .select2-selection--multiple {
  border-color: #4db8a7 !important;
  box-shadow: 0 0 0 3px rgba(77, 184, 167, 0.10) !important;
}

.dokan-product-list-inline-edit-form .select2-container .select2-selection--multiple .select2-selection__choice {
  background: rgba(108, 211, 194, 0.12) !important;
  border: 1px solid rgba(108, 211, 194, 0.35) !important;
  border-radius: 6px !important;
  color: #27282c !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  padding: 3px 8px !important;
  margin: 2px 4px 2px 0 !important;
}

.dokan-product-list-inline-edit-form .select2-container .select2-selection--multiple .select2-selection__choice__remove {
  color: #9ca3af !important;
  margin-right: 5px !important;
  font-size: 14px !important;
}

.dokan-product-list-inline-edit-form .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #ef4444 !important;
}

.dokan-product-list-inline-edit-form .select2-container .select2-selection--multiple .select2-search__field {
  margin-top: 4px !important;
  font-size: 13px !important;
}

/* ── Category picker (Årskurser) — match chip design ── */
.dokan-product-list-inline-edit-form .dokan-add-new-cat-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 8px;
}

.dokan-product-list-inline-edit-form .dokan-select-product-category-container {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  transition: border-color 0.15s;
}

.dokan-product-list-inline-edit-form .dokan-select-product-category-container:hover {
  border-color: #4db8a7;
}

.dokan-product-list-inline-edit-form .dokan-select-product-category {
  flex: 1;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px !important;
  font-size: 13px !important;
  cursor: pointer;
  gap: 8px;
  min-height: 38px;
}

.dokan-product-list-inline-edit-form .dokan-select-product-category-title {
  font-size: 13px;
  color: #374151;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dokan-product-list-inline-edit-form .dokan-select-product-category-icon {
  color: #4db8a7;
  flex-shrink: 0;
}

.dokan-product-list-inline-edit-form .dokan-select-product-category-remove-container {
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-left: 1px solid #f3f4f6;
}

.dokan-product-list-inline-edit-form .dokan-select-product-category-remove {
  cursor: pointer;
  color: #9ca3af;
  font-size: 14px;
  transition: color 0.15s;
}

.dokan-product-list-inline-edit-form .dokan-select-product-category-remove:hover {
  color: #ef4444;
}

/* "+ Lägg till en ny årskurs" button — match ta-tax-trigger style */
.dokan-product-list-inline-edit-form .dokan-add-more-single-cat-container {
  margin-top: 2px;
}

.dokan-product-list-inline-edit-form .dokan-single-cat-add-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #f9fafb;
  border: 1px dashed #d1d5db;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}

.dokan-product-list-inline-edit-form .dokan-single-cat-add-btn:hover {
  border-color: #4db8a7;
  background: #f0fdf9;
}

.dokan-product-list-inline-edit-form .dokan-single-cat-add-btn span {
  color: #4db8a7 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
}

/* ── Price input-group (currency addon + input) ── */
.dokan-product-list-inline-edit-form .ta-qe-input-group {
  display: inline-flex;
  align-items: stretch;
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  transition: border-color .15s, box-shadow .15s;
}

.dokan-product-list-inline-edit-form .ta-qe-input-group:focus-within {
  border-color: #4db8a7;
  box-shadow: 0 0 0 3px rgba(77, 184, 167, .12);
}

.dokan-product-list-inline-edit-form .ta-qe-input-addon {
  background: #f3f4f6;
  border: none;
  border-left: 1px solid #e5e7eb;
  padding: 8px 10px;
  font-size: 13px;
  color: #6b7280;
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-shrink: 0;
  order: 2;
}

.dokan-product-list-inline-edit-form .ta-qe-input-group .dokan-form-control {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  flex: 1;
  min-width: 0;
  padding: 8px 12px;
  font-size: 14px;
  color: #1f2937;
}

.dokan-product-list-inline-edit-form .ta-qe-input-group .dokan-form-control:focus {
  box-shadow: none !important;
  outline: none;
}

/* ── Min price alert ── */
.dokan-product-list-inline-edit-form .ta-qe-min-price-alert {
  margin-top: 6px;
  padding: 8px 12px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  color: #dc2626;
  font-size: 13px;
  font-weight: 500;
}

/* ── Sale price toggle ── */
.dokan-product-list-inline-edit-form .ta-qe-sale-toggle {
  margin-top: 8px;
  margin-bottom: 4px;
}

.dokan-product-list-inline-edit-form .ta-qe-toggle-sale-on {
  font-size: 13px;
  color: #4db8a7;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
}

.dokan-product-list-inline-edit-form .ta-qe-toggle-sale-on:hover {
  text-decoration: underline;
}

.dokan-product-list-inline-edit-form .ta-qe-toggle-sale-off {
  font-size: 13px;
  color: #ef4444;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
}

.dokan-product-list-inline-edit-form .ta-qe-toggle-sale-off:hover {
  text-decoration: underline;
}

/* ── Sale fields ── */
.dokan-product-list-inline-edit-form .ta-qe-sale-fields {
  margin-top: 8px;
}

.dokan-product-list-inline-edit-form .ta-qe-sub-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 4px;
}

/* ── Plain input (no addon) ── */
.dokan-product-list-inline-edit-form .ta-qe-plain-input {
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  color: #1f2937 !important;
  width: 100%;
  box-sizing: border-box;
  transition: border-color .15s, box-shadow .15s;
}

.dokan-product-list-inline-edit-form .ta-qe-plain-input:focus {
  border-color: #4db8a7 !important;
  box-shadow: 0 0 0 3px rgba(77, 184, 167, .12) !important;
  outline: none;
}

/* ── Schedule (sale date interval) ── */
.dokan-product-list-inline-edit-form .ta-qe-schedule-toggle {
  margin-top: 6px;
  margin-bottom: 2px;
}

.dokan-product-list-inline-edit-form .ta-qe-toggle-schedule-on {
  font-size: 13px;
  color: #4db8a7;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
}

.dokan-product-list-inline-edit-form .ta-qe-toggle-schedule-on:hover {
  text-decoration: underline;
}

.dokan-product-list-inline-edit-form .ta-qe-toggle-schedule-off {
  font-size: 13px;
  color: #ef4444;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
}

.dokan-product-list-inline-edit-form .ta-qe-toggle-schedule-off:hover {
  text-decoration: underline;
}

.dokan-product-list-inline-edit-form .ta-qe-schedule-fields {
  margin-top: 8px;
}

.dokan-product-list-inline-edit-form .ta-qe-date-row {
  display: flex;
  gap: 8px;
}

.dokan-product-list-inline-edit-form .ta-qe-date-field {
  flex: 1;
  min-width: 0;
}

/* Date addons stay BEFORE input (override the default order:2) */
.dokan-product-list-inline-edit-form .ta-qe-input-addon--before {
  order: 0 !important;
  border-right: 1px solid #e5e7eb !important;
  border-left: none !important;
  border-radius: 8px 0 0 8px;
}

.dokan-product-list-inline-edit-form .ta-qe-input-addon--before + .dokan-form-control {
  border-radius: 0 8px 8px 0 !important;
}

/* ── Submit row ── */
.dokan-product-list-inline-edit-form .quick-edit-submit-wrap {
  padding: 14px 28px !important;
  margin: 0;
  background: #f9fafb;
  border-top: 1px solid #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.dokan-product-list-inline-edit-form .quick-edit-submit-wrap .inline-edit-cancel {
  border-radius: 10px !important;
  border: 1px solid #d1d5db !important;
  background: #fff !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 9px 22px !important;
  transition: all 0.15s;
}

.dokan-product-list-inline-edit-form .quick-edit-submit-wrap .inline-edit-cancel:hover {
  background: #f9fafb !important;
  color: #374151 !important;
  border-color: #b0b5bf !important;
}

.dokan-product-list-inline-edit-form .quick-edit-submit-wrap .inline-edit-submit-button {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dokan-product-list-inline-edit-form .quick-edit-submit-wrap .dokan-btn-theme {
  background: #4db8a7 !important;
  border-color: #4db8a7 !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  padding: 9px 28px !important;
  font-size: 13px !important;
  float: none !important;
  transition: background 0.15s, border-color 0.15s;
}

.dokan-product-list-inline-edit-form .quick-edit-submit-wrap .dokan-btn-theme:hover {
  background: #3d9b8c !important;
  border-color: #3d9b8c !important;
}

/* ── Min price alert ── */
.ta-qe-min-price-alert {
  margin-top: 6px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 6px;
}

/* ── Responsive: stack columns on narrow screens ── */
@media (max-width: 768px) {
  .dokan-product-list-inline-edit-form > td > fieldset {
    margin: 12px 8px;
  }
  .dokan-product-list-inline-edit-form > td > fieldset > .dokan-clearfix:first-child {
    flex-direction: column;
  }
  .dokan-product-list-inline-edit-form .dokan-inline-edit-column {
    padding: 20px 16px !important;
  }
  .dokan-product-list-inline-edit-form .dokan-inline-edit-column:first-child {
    border-right: none;
    border-bottom: 1px solid #f3f4f6;
  }
}


/* ================================
   Withdraw Page
   ================================ */

/* --- Panels (Balance / Payment Details / Methods) --- */
.ta-withdraw-panel {
  margin-bottom: 20px !important;
}

.ta-withdraw-panel .dokan-panel-heading {
  background: #f9fafb !important;
  border-bottom: 1px solid #f3f4f6 !important;
  padding: 16px 20px !important;
}

.ta-withdraw-panel .dokan-panel-heading strong {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  letter-spacing: 0.01em;
}

.ta-withdraw-panel .dokan-panel-body {
  padding: 20px !important;
}

.ta-withdraw-panel .dokan-panel-body p {
  font-size: 13.5px !important;
  color: #374151 !important;
  line-height: 1.7 !important;
  margin: 0 0 8px !important;
}

.ta-withdraw-panel .dokan-panel-body p strong {
  color: #1f2937 !important;
}

.ta-withdraw-panel .dokan-panel-body p a {
  color: #4db8a7 !important;
  font-weight: 600 !important;
}

.ta-withdraw-panel .dokan-panel-body p a:hover {
  color: #3d9b8c !important;
}

/* Teach Academy minimal withdraw template */
.ta-withdraw-panel {
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05) !important;
  overflow: hidden !important;
}

.ta-withdraw-panel .ta-withdraw-heading {
  background: linear-gradient(90deg, rgba(77, 184, 167, 0.1) 0%, rgba(255, 255, 255, 0.95) 65%) !important;
  border-bottom: 1px solid #dfe7ee !important;
  padding: 14px 20px !important;
}

.ta-withdraw-panel .ta-withdraw-heading strong {
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  color: #0f172a !important;
}

.ta-withdraw-panel .ta-withdraw-balance-body {
  padding: 22px 24px 24px !important;
}

.ta-withdraw-panel .ta-withdraw-balance-copy {
  margin: 0 !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  color: #475569 !important;
  font-size: 14px !important;
}

.ta-withdraw-panel .ta-withdraw-balance-amount {
  font-size: clamp(28px, 3.4vw, 40px) !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -0.02em !important;
}

.ta-withdraw-panel .ta-withdraw-history-body {
  padding: 14px !important;
}

.ta-withdraw-panel .ta-withdraw-history-wrap {
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.ta-withdraw-history-table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.ta-withdraw-history-table thead th {
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 12px 14px !important;
  white-space: nowrap !important;
}

.ta-withdraw-history-table tbody td {
  font-size: 13px !important;
  color: #1f2937 !important;
  border-top: 1px solid #f1f5f9 !important;
  padding: 12px 14px !important;
  vertical-align: middle !important;
}

.ta-withdraw-history-table tbody tr:first-child td {
  border-top: none !important;
}

.ta-withdraw-history-table .ta-withdraw-col-amount,
.ta-withdraw-history-table .ta-withdraw-col-net {
  font-weight: 700 !important;
  color: #0f172a !important;
}

.ta-withdraw-history-table .ta-withdraw-col-fee {
  color: #64748b !important;
}

.ta-withdraw-history-table .ta-withdraw-col-method {
  max-width: 280px !important;
  color: #475569 !important;
}

.ta-withdraw-status {
  border-radius: 999px !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border: 1px solid transparent !important;
  text-transform: none !important;
}

.ta-withdraw-status.ta-status--approved {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border-color: #a7f3d0 !important;
}

.ta-withdraw-status.ta-status--pending {
  background: #fff7ed !important;
  color: #9a3412 !important;
  border-color: #fed7aa !important;
}

.ta-withdraw-status.ta-status--cancelled {
  background: #f8fafc !important;
  color: #475569 !important;
  border-color: #e2e8f0 !important;
}

.ta-withdraw-panel .ta-withdraw-empty {
  margin: 0 !important;
  padding: 34px 14px !important;
  border: 1px dashed #cbd5e1 !important;
  border-radius: 10px !important;
  text-align: center !important;
  color: #64748b !important;
  background: #f8fafc !important;
  font-style: normal !important;
}

@media (max-width: 900px) {
  .ta-withdraw-panel .ta-withdraw-balance-copy {
    flex-direction: column !important;
    gap: 6px !important;
  }

  .ta-withdraw-panel .ta-withdraw-history-body {
    padding: 10px !important;
  }

  .ta-withdraw-history-table thead th,
  .ta-withdraw-history-table tbody td {
    padding: 10px !important;
    font-size: 12px !important;
  }

  .ta-withdraw-history-table .ta-withdraw-col-method {
    max-width: 190px !important;
  }
}

/* Balance — large number */
.ta-withdraw-panel .dokan-panel-body .dokan-w8 strong a {
  font-size: 18px !important;
  color: #4db8a7 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.ta-withdraw-panel .dokan-panel-body .dokan-w8 strong a:hover {
  color: #3d9b8c !important;
}

/* Inner container row */
.ta-withdraw-panel .dokan-panel-inner-container {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.ta-withdraw-panel .dokan-panel-inner-container .dokan-w8 {
  flex: 1 !important;
}

.ta-withdraw-panel .dokan-panel-inner-container .dokan-w5 {
  flex-shrink: 0 !important;
}

/* Request Withdraw button in panel */
.ta-withdraw-panel #dokan-request-withdraw-button {
  background: #4db8a7 !important;
  border-color: #4db8a7 !important;
  color: #fff !important;
  padding: 10px 24px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
}

.ta-withdraw-panel #dokan-request-withdraw-button:hover {
  background: #3d9b8c !important;
  border-color: #3d9b8c !important;
  box-shadow: 0 2px 8px rgba(77, 184, 167, 0.3) !important;
}

/* View Payments secondary button */
.ta-withdraw-panel #dokan-withdraw-display-requests-button {
  background: transparent !important;
  border: 1.5px solid #d1d5db !important;
  color: #374151 !important;
  padding: 8px 20px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
}

.ta-withdraw-panel #dokan-withdraw-display-requests-button:hover {
  border-color: #4db8a7 !important;
  color: #4db8a7 !important;
  background: #f0fdfa !important;
}

/* --- Payment Methods list --- */
#dokan-withdraw-payment-method-list .dokan-panel-inner-container {
  padding: 12px 0 !important;
  border-bottom: 1px solid #f3f4f6 !important;
}

#dokan-withdraw-payment-method-list .dokan-panel-inner-container:last-of-type {
  border-bottom: none !important;
}

#dokan-withdraw-payment-method-list .dokan-withdraw-method-logo {
  border-radius: 8px !important;
  margin-right: 12px !important;
  vertical-align: middle !important;
}

#dokan-withdraw-payment-method-list .dokan-w8 strong {
  font-size: 14px !important;
  color: #1f2937 !important;
  vertical-align: middle !important;
}

#dokan-withdraw-payment-method-list .dokan-w8 small {
  color: #9ca3af !important;
  font-size: 12px !important;
  margin-left: 8px !important;
  vertical-align: middle !important;
}

/* Default / Make Default / Configure buttons */
#dokan-withdraw-payment-method-list .dokan-w5 .dokan-btn {
  font-size: 12.5px !important;
  padding: 6px 14px !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
}

#dokan-withdraw-payment-method-list .dokan-w5 .dokan-btn-default,
#dokan-withdraw-payment-method-list .dokan-w5 .dokan-btn[disabled] {
  background: #f0fdfa !important;
  color: #059669 !important;
  border-color: #a7f3d0 !important;
  cursor: default;
  opacity: 1 !important;
}

#dokan-withdraw-payment-method-list .dokan-withdraw-make-default-button {
  background: transparent !important;
  border: 1.5px solid #d1d5db !important;
  color: #374151 !important;
}

#dokan-withdraw-payment-method-list .dokan-withdraw-make-default-button:hover {
  border-color: #4db8a7 !important;
  color: #4db8a7 !important;
}

/* --- Status Filter Tabs (Pending / Approved / Cancelled) --- */
.dokan-withdraw-status-filter-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.dokan-withdraw-status-filter-container ul.subsubsub {
  display: flex !important;
  gap: 4px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #f3f4f6 !important;
  border-radius: 8px !important;
  padding: 3px !important;
}

.dokan-withdraw-status-filter-container ul.subsubsub li {
  margin: 0 !important;
  padding: 0 !important;
}

.dokan-withdraw-status-filter-container ul.subsubsub li a {
  display: block !important;
  padding: 6px 16px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.dokan-withdraw-status-filter-container ul.subsubsub li a:hover {
  color: #4db8a7 !important;
  background: #fff !important;
}

.dokan-withdraw-status-filter-container ul.subsubsub li.active a {
  background: #fff !important;
  color: #4db8a7 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

/* Status filter — right-side buttons */
.dokan-withdraw-status-filter-container .dokan-add-product-link {
  display: flex !important;
  gap: 8px !important;
  float: none !important;
  align-items: center !important;
}

.dokan-withdraw-status-filter-container .dokan-add-product-link #dokan-request-withdraw-button {
  background: #4db8a7 !important;
  border-color: #4db8a7 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
  border-radius: 8px !important;
}

.dokan-withdraw-status-filter-container .dokan-add-product-link #dokan-request-withdraw-button:hover {
  background: #3d9b8c !important;
}

.dokan-withdraw-status-filter-container .dokan-add-product-link .dokan-btn:not(#dokan-request-withdraw-button) {
  background: transparent !important;
  border: 1.5px solid #d1d5db !important;
  color: #374151 !important;
  font-size: 13px !important;
  padding: 8px 18px !important;
}

.dokan-withdraw-status-filter-container .dokan-add-product-link .dokan-btn:not(#dokan-request-withdraw-button):hover {
  border-color: #4db8a7 !important;
  color: #4db8a7 !important;
}

/* --- Withdraw Tables (striped override) --- */
.dokan-withdraw-status-filter-container + table.dokan-table,
.dokan-withdraw-status-filter-container ~ table.dokan-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Remove striped background */
.dokan-table.dokan-table-striped > tbody > tr:nth-of-type(odd),
.dokan-table.dokan-table-striped > tbody > tr:nth-of-type(even) {
  background: #fff !important;
}

.dokan-table.dokan-table-striped > tbody > tr:nth-of-type(odd) > td,
.dokan-table.dokan-table-striped > tbody > tr:nth-of-type(odd) > th,
.dokan-table.dokan-table-striped > tbody > tr:nth-of-type(even) > td,
.dokan-table.dokan-table-striped > tbody > tr:nth-of-type(even) > th {
  background: transparent !important;
}

.dokan-table.dokan-table-striped > tbody > tr:hover td,
.dokan-table.dokan-table-striped > tbody > tr:hover th.check-column {
  background: #f9fafb !important;
}

/* Withdraw table header uses <tr><th> (no thead) */
.dokan-table.dokan-table-striped > tr:first-child > th,
.dokan-table.dokan-table-striped > tbody > tr:first-child > th {
  background: #f9fafb !important;
  color: #6b7280 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid #e5e7eb !important;
  white-space: nowrap !important;
}

/* Withdraw status labels */
.dokan-table .label.label-danger {
  background: #fef3c7 !important;
  color: #92400e !important;
  border-radius: 20px !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.dokan-table .label.label-warning {
  background: #d1fae5 !important;
  color: #065f46 !important;
  border-radius: 20px !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

/* Cancel link in tables */
.dokan-table td a[href*="dokan_cancel_withdraw"] {
  color: #ef4444 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
}

.dokan-table td a[href*="dokan_cancel_withdraw"]:hover {
  color: #dc2626 !important;
  text-decoration: underline !important;
}

/* Empty state message */
.dokan-table td[colspan] {
  text-align: center !important;
  color: #9ca3af !important;
  font-size: 13.5px !important;
  padding: 32px 16px !important;
  font-style: italic !important;
}

/* --- Withdraw Request Form (Modal) --- */
#dokan-handle-withdraw-request .dokan-form-group {
  margin-bottom: 16px !important;
}

#dokan-handle-withdraw-request .dokan-control-label {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #374151 !important;
}

#dokan-handle-withdraw-request .dokan-form-control {
  border-radius: 8px !important;
  border: 1px solid #d1d5db !important;
  padding: 8px 12px !important;
  font-size: 13.5px !important;
  transition: border-color 0.15s ease !important;
}

#dokan-handle-withdraw-request .dokan-form-control:focus {
  border-color: #6CD3C2 !important;
  box-shadow: 0 0 0 3px rgba(108, 211, 194, 0.15) !important;
  outline: none !important;
}

#dokan-handle-withdraw-request .dokan-input-group {
  border-radius: 8px !important;
  overflow: hidden !important;
}

#dokan-handle-withdraw-request .dokan-input-group-addon {
  background: #f9fafb !important;
  border: 1px solid #d1d5db !important;
  border-right: none !important;
  color: #6b7280 !important;
  font-weight: 600 !important;
  padding: 8px 12px !important;
}

#dokan-handle-withdraw-request #dokan-withdraw-request-submit {
  background: #4db8a7 !important;
  border-color: #4db8a7 !important;
  color: #fff !important;
  padding: 10px 28px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  margin-top: 8px !important;
}

#dokan-handle-withdraw-request #dokan-withdraw-request-submit:hover {
  background: #3d9b8c !important;
  border-color: #3d9b8c !important;
  box-shadow: 0 2px 8px rgba(77, 184, 167, 0.3) !important;
}

/* Charge & Receivable display */
#dokan-withdraw-charge-section-text,
#dokan-withdraw-revivable-section-text {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #374151 !important;
}

/* --- Withdraw Alert --- */
.dokan-alert.dokan-alert-warning {
  background: #fffbeb !important;
  border: 1px solid #fde68a !important;
  color: #92400e !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
}

.dokan-alert.dokan-alert-warning a {
  color: #4db8a7 !important;
  font-weight: 600 !important;
}

/* --- Withdraw page header --- */
.dokan-dashboard-header h1.entry-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  margin-bottom: 20px !important;
}

/* --- iziModal override for withdraw popup --- */
.iziModal .iziModal-header {
  background: #f9fafb !important;
  border-bottom: 1px solid #f3f4f6 !important;
}

.iziModal .iziModal-header .iziModal-header-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
}

.iziModal .iziModal-header .iziModal-header-buttons button {
  color: #9ca3af !important;
}

.iziModal .iziModal-wrap {
  padding: 24px !important;
}


/* ================================
   Reviews Page (Recensioner)
   ================================ */

/* --- Status filter tabs --- */
.ta-review-status-filter,
#dokan-comments_menu {
  margin-bottom: 20px !important;
}

.ta-review-status-filter ul.subsubsub,
#dokan-comments_menu ul.subsubsub {
  display: inline-flex !important;
  gap: 4px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 3px !important;
  background: #f3f4f6 !important;
  border-radius: 8px !important;
}

.ta-review-status-filter ul.subsubsub li,
#dokan-comments_menu ul.subsubsub li {
  margin: 0 !important;
  padding: 0 !important;
}

.ta-review-status-filter ul.subsubsub li a,
#dokan-comments_menu ul.subsubsub li a {
  display: block !important;
  padding: 6px 16px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  white-space: nowrap !important;
}

.ta-review-status-filter ul.subsubsub li a:hover,
#dokan-comments_menu ul.subsubsub li a:hover {
  color: #4db8a7 !important;
  background: #fff !important;
}

.ta-review-status-filter ul.subsubsub li.active a,
#dokan-comments_menu ul.subsubsub li.active a {
  background: #fff !important;
  color: #4db8a7 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

/* --- Bulk actions row --- */
.ta-review-bulk-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

.ta-review-bulk-actions select.dokan-form-control {
  width: auto !important;
  min-width: 180px !important;
  border-radius: 8px !important;
  border: 1px solid #d1d5db !important;
  padding: 7px 12px !important;
  font-size: 13px !important;
  color: #374151 !important;
  background: #fff !important;
}

.ta-review-bulk-actions select.dokan-form-control:focus {
  border-color: #6CD3C2 !important;
  box-shadow: 0 0 0 3px rgba(108, 211, 194, 0.15) !important;
  outline: none !important;
}

.ta-review-bulk-actions .dokan-btn-sm {
  padding: 7px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* --- Reviews table --- */
.ta-reviews-table,
#dokan-comments-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Remove striped rows */
#dokan-comments-table.dokan-table-striped > tbody > tr:nth-of-type(odd),
#dokan-comments-table.dokan-table-striped > tbody > tr:nth-of-type(even) {
  background: #fff !important;
}

#dokan-comments-table.dokan-table-striped > tbody > tr:hover > td {
  background: #f9fafb !important;
}

#dokan-comments-table thead th {
  background: #f9fafb !important;
  color: #6b7280 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid #e5e7eb !important;
  white-space: nowrap !important;
}

#dokan-comments-table tbody td {
  padding: 14px 16px !important;
  font-size: 13.5px !important;
  color: #374151 !important;
  border-bottom: 1px solid #f3f4f6 !important;
  vertical-align: top !important;
}

#dokan-comments-table tbody tr:last-child td {
  border-bottom: none !important;
}

/* Checkbox column */
#dokan-comments-table .col-check {
  width: 40px !important;
  text-align: center !important;
}

#dokan-comments-table .col-check input[type="checkbox"] {
  accent-color: #4db8a7 !important;
  width: 16px !important;
  height: 16px !important;
  cursor: pointer !important;
}

/* Author column */
#dokan-comments-table .col-author {
  min-width: 180px !important;
}

#dokan-comments-table .dokan-author-img {
  float: left !important;
  margin-right: 12px !important;
}

#dokan-comments-table .dokan-author-img img {
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  object-fit: cover !important;
}

#dokan-comments-table .dokan-author-meta {
  font-size: 13px !important;
  color: #374151 !important;
  line-height: 1.5 !important;
}

#dokan-comments-table .dokan-author-meta a {
  color: #4db8a7 !important;
  font-size: 12px !important;
}

/* Comment / Review column */
#dokan-comments-table .col-content {
  min-width: 240px !important;
}

#dokan-comments-table .dokan-comments-subdate {
  font-size: 12px !important;
  color: #9ca3af !important;
  margin-bottom: 6px !important;
}

#dokan-comments-table .dokan-comments-content {
  font-size: 13.5px !important;
  color: #374151 !important;
  line-height: 1.6 !important;
}

/* Row actions (Approve / Spam / Trash etc) */
#dokan-comments-table .dokan-cmt-row-actions {
  list-style: none !important;
  display: flex !important;
  gap: 6px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  flex-wrap: wrap !important;
}

#dokan-comments-table .dokan-cmt-row-actions li {
  padding: 0 !important;
  margin: 0 !important;
}

#dokan-comments-table .dokan-cmt-row-actions li::after {
  content: none !important;
}

#dokan-comments-table .dokan-cmt-row-actions li:not(:last-child)::after {
  content: "·" !important;
  margin-left: 6px !important;
  color: #d1d5db !important;
}

#dokan-comments-table .dokan-cmt-row-actions a {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #4db8a7 !important;
  text-decoration: none !important;
}

#dokan-comments-table .dokan-cmt-row-actions a:hover {
  color: #3d9b8c !important;
  text-decoration: underline !important;
}

/* Link To column */
#dokan-comments-table .col-link {
  white-space: nowrap !important;
}

#dokan-comments-table .col-link a {
  color: #4db8a7 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

#dokan-comments-table .col-link a:hover {
  color: #3d9b8c !important;
}

/* Star rating */
#dokan-comments-table .dokan-rating .star-rating {
  font-size: 14px !important;
  color: #f59e0b !important;
}

/* Empty state */
#dokan-comments-table .ta-reviews-empty,
#dokan-comments-table td[colspan] {
  text-align: center !important;
  color: #475569 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  padding: 52px 16px !important;
  font-style: normal !important;
  border-bottom: none !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}

#dokan-comments-table td[colspan]::before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto 12px;
  border-radius: 999px;
  background: radial-gradient(circle at 35% 30%, #6cd3c2 0%, #4db8a7 55%, #3d9b8c 100%);
  box-shadow: 0 8px 18px rgba(77, 184, 167, 0.25);
}

/* ================================
   Statistics / Reports Page (TA)
   ================================ */

.dokan-report-wrap .dokan_tabs {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  list-style: none;
  margin: 0 0 18px !important;
  padding: 4px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
}

.dokan-report-wrap .dokan_tabs li {
  margin: 0 !important;
}

.dokan-report-wrap .dokan_tabs li a {
  display: block;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  background: transparent !important;
  text-decoration: none !important;
}

.dokan-report-wrap .dokan_tabs li.active a {
  background: #ffffff !important;
  color: #0f766e !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
}

.dokan-reports-wrap .report-left,
.dokan-reports-wrap .report-right {
  border-radius: 14px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(16, 24, 40, 0.05) !important;
}

.dokan-reports-wrap .chart-widgets .chart-widget {
  border-bottom: 1px solid #eef2f7;
  padding: 12px 14px;
}

.dokan-reports-wrap .chart-widgets .chart-widget:last-child {
  border-bottom: none;
}

.dokan-reports-wrap .chart-widgets .chart-widget h4 {
  font-size: 12px;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 4px;
}

.dokan-reports-wrap .chart-widgets .chart-widget .number,
.dokan-reports-wrap .chart-widgets .chart-widget strong {
  font-size: 28px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.15;
}

.dokan-reports-wrap .report-right .postbox {
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.dokan-reports-wrap .report-right .postbox h3 {
  font-size: 34px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  padding: 16px 18px 6px !important;
  margin: 0 !important;
}

.dokan-report-wrap .button,
.dokan-report-wrap input[type="submit"],
.dokan-report-wrap .dokan-btn,
.dokan-report-wrap button {
  border-radius: 8px !important;
  border: 1px solid #4db8a7 !important;
  background: #4db8a7 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 7px 14px !important;
}

/* Empty statistics chart state */
.chart-placeholder.main.ta-report-empty-state {
  position: relative;
  border-radius: 12px;
  border: 1px dashed #cbd5e1;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  overflow: hidden;
}

.chart-placeholder.main.ta-report-empty-state::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 44%;
  width: 52px;
  height: 52px;
  margin-left: -26px;
  margin-top: -32px;
  border-radius: 999px;
  background: radial-gradient(circle at 35% 30%, #6cd3c2 0%, #4db8a7 55%, #3d9b8c 100%);
  box-shadow: 0 12px 24px rgba(77, 184, 167, 0.28);
}

.chart-placeholder.main.ta-report-empty-state::after {
  content: attr(data-empty-text);
  position: absolute;
  left: 50%;
  top: 56%;
  transform: translate(-50%, -50%);
  color: #475569;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
}


/* ================================
   TA Confirm Modal (replaces SweetAlert)
   ================================ */
.ta-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  transition: background 0.2s ease;
}

.ta-confirm-overlay.active {
  background: rgba(0, 0, 0, 0.35);
}

.ta-confirm-box {
  background: #fff;
  border-radius: 16px;
  padding: 36px 32px 28px;
  max-width: 380px;
  width: 90%;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.08);
  transform: scale(0.9) translateY(10px);
  opacity: 0;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
}

.ta-confirm-overlay.active .ta-confirm-box {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.ta-confirm-icon {
  margin-bottom: 16px;
}

.ta-confirm-icon svg {
  display: inline-block;
}

.ta-confirm-message {
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #374151;
  line-height: 1.5;
  margin: 0 0 24px;
}

.ta-confirm-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.ta-confirm-btn {
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 28px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
  min-width: 90px;
}

.ta-confirm-btn.ta-confirm-ok {
  background: #4db8a7;
  color: #fff;
}

.ta-confirm-btn.ta-confirm-ok:hover {
  background: #3d9b8c;
  box-shadow: 0 2px 8px rgba(77, 184, 167, 0.35);
}

.ta-confirm-btn.ta-confirm-cancel {
  background: #f3f4f6;
  color: #6b7280;
}

.ta-confirm-btn.ta-confirm-cancel:hover {
  background: #e5e7eb;
  color: #374151;
}


/* ================================
   Settings — Crop Modal (Banner / Profile)
   ================================ */
.ta-settings-crop-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
}

.ta-settings-crop-box {
  background: #fff;
  border-radius: 16px;
  max-width: 700px;
  width: 94%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.ta-settings-crop-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #f3f4f6;
}

.ta-settings-crop-header h3 {
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}

.ta-settings-crop-close {
  background: none;
  border: none;
  font-size: 22px;
  line-height: 1;
  color: #9ca3af;
  cursor: pointer;
  padding: 4px;
}

.ta-settings-crop-close:hover {
  color: #374151;
}

.ta-settings-crop-body {
  padding: 20px;
  overflow: hidden;
  max-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
}

.ta-settings-crop-body img {
  display: block;
  max-width: 100%;
  max-height: 55vh;
}

.ta-settings-crop-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid #f3f4f6;
}

/* Uploading state */
.ta-settings-uploading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  color: #6b7280;
  padding: 24px 16px;
}

.ta-settings-uploading i {
  color: #4db8a7;
  font-size: 18px;
}

/* Drag-over highlight on banner */
#dokan-banner-wrapper.ta-dragover {
  outline: 3px dashed #4db8a7 !important;
  outline-offset: -3px;
  background: rgba(108, 211, 194, 0.06) !important;
}


/* ================================
   Quick Edit — Taxonomy Picker (Ämne / Resurstyp)
   Mirrors ta-tax-* styles from dokan-product-edit.css
   ================================ */

/* ── Section layout ── */
.ta-qe-tax-section {
  margin: 12px 0;
}

.ta-qe-tax-section > label {
  display: block;
  font-weight: 600;
  font-size: 13.5px;
  color: #374151;
  margin-bottom: 6px;
}

/* ── Chips — match ta-tax-chip (rounded pill, teal) ── */
.ta-qe-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
  min-height: 0;
}

.ta-qe-chips:empty {
  margin-bottom: 0;
}

.ta-qe-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #e8f7f4;
  color: #1a6b5c;
  border: 1px solid #b2e4da;
  border-radius: 20px;
  padding: 4px 8px 4px 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
  animation: ta-qe-chip-in .15s ease;
}

@keyframes ta-qe-chip-in {
  from { opacity: 0; transform: scale(.85); }
  to   { opacity: 1; transform: scale(1); }
}

.ta-qe-chip-x {
  border: none;
  background: none;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  color: #4db8a7;
  padding: 0 2px;
  font-weight: 700;
  transition: color .1s;
}

.ta-qe-chip-x:hover {
  color: #ef4444;
}

/* ── Trigger button — match ta-tax-trigger (full-width dashed) ── */
.ta-qe-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 14px;
  background: #f9fafb;
  border: 1px dashed #d1d5db;
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #4db8a7;
  transition: border-color .15s, background .15s;
}

.ta-qe-trigger:hover {
  border-color: #4db8a7;
  background: #f0fdf9;
}

.ta-qe-trigger-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e8f7f4;
  color: #4db8a7;
  flex-shrink: 0;
}

.ta-qe-trigger-icon svg {
  stroke: #4db8a7;
}

.ta-qe-trigger-text {
  flex: 1;
  text-align: left;
}

/* ── Hidden selects — prevent leaked Select2 containers ── */
.ta-qe-hidden-select + .select2-container {
  display: none !important;
}

/* ── Modal Overlay ── */
.ta-qe-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
}

.ta-qe-modal-overlay--open {
  display: flex;
}

/* ── Modal Box ── */
.ta-qe-modal {
  background: #fff;
  border-radius: 16px;
  max-width: 420px;
  width: 92%;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ── Modal Header ── */
.ta-qe-modal__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  border-bottom: 1px solid #f3f4f6;
}

.ta-qe-modal__title {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}

.ta-qe-modal__back {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #6b7280;
  display: flex;
  align-items: center;
}

.ta-qe-modal__back:hover {
  color: #374151;
}

.ta-qe-modal__close {
  background: none;
  border: none;
  font-size: 22px;
  line-height: 1;
  color: #9ca3af;
  cursor: pointer;
  padding: 4px;
}

.ta-qe-modal__close:hover {
  color: #374151;
}

/* ── Modal Search ── */
.ta-qe-modal__search {
  padding: 8px 16px 12px;
  border-bottom: 1px solid #f3f4f6;
}

.ta-qe-modal__search-wrap {
  position: relative;
}

.ta-qe-modal__search-wrap::before {
  content: '';
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5.5' cy='5.5' r='3.5'/%3E%3Cline x1='9' y1='9' x2='13' y2='13'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 14px;
  pointer-events: none;
}

.ta-qe-modal__search-input {
  width: 100%;
  padding: 8px 12px 8px 33px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
  outline: none;
  transition: border-color 0.15s;
  box-sizing: border-box;
}

.ta-qe-modal__search-input:focus {
  border-color: #6CD3C2;
  box-shadow: 0 0 0 2px rgba(108, 211, 194, 0.15);
}

/* ── Modal Body (scrollable list) ── */
.ta-qe-modal__body {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0;
  max-height: 50vh;
}

/* ── Modal Items ── */
.ta-qe-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 16px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
  text-align: left;
  transition: background 0.1s;
  gap: 8px;
}

.ta-qe-item:hover {
  background: #f9fafb;
}

.ta-qe-item--selected {
  background: #f0fdf9;
}

.ta-qe-item--selected:hover {
  background: #e6faf5;
}

.ta-qe-item__name {
  flex: 1;
}

.ta-qe-item__label {
  font-size: 11px;
  color: #9ca3af;
  margin-right: 4px;
}

.ta-qe-item__check {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4db8a7;
}

.ta-qe-item__count {
  background: #6CD3C2;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 1px 7px;
  border-radius: 10px;
  min-width: 20px;
  text-align: center;
}

.ta-qe-item__arrow {
  font-size: 18px;
  color: #d1d5db;
  margin-left: auto;
}

.ta-qe-item--parent:hover .ta-qe-item__arrow {
  color: #9ca3af;
}

/* ── Modal Footer ── */
.ta-qe-modal__footer {
  padding: 12px 16px;
  border-top: 1px solid #f3f4f6;
  display: flex;
  justify-content: flex-end;
}

.ta-qe-modal__done {
  background: #6CD3C2;
  color: #fff;
  border: none;
  padding: 8px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}

.ta-qe-modal__done:hover {
  background: #4db8a7;
}

/* ── Empty state ── */
.ta-qe-empty {
  text-align: center;
  padding: 32px 16px;
  color: #9ca3af;
  font-size: 14px;
}


/* ================================================================
   Settings Page — Store Form Modernization
   ================================================================ */

/* ── Overall settings area ── */
.dokan-settings-content .dokan-settings-area {
  max-width: 720px;
}

/* ── Page header ── */
.dokan-settings-area .dokan-dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 0;
  border: none;
}

.dokan-settings-area .dokan-dashboard-header .entry-title {
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  margin: 0;
}

.dokan-settings-area .dokan-dashboard-header .entry-title small {
  font-weight: 400;
  font-size: 13px;
  color: #9ca3af;
}

.dokan-settings-area .dokan-dashboard-header .entry-title small a {
  color: #4db8a7;
  text-decoration: none;
  font-weight: 500;
}

.dokan-settings-area .dokan-dashboard-header .entry-title small a:hover {
  color: #3d9b8c;
  text-decoration: underline;
}

/* Top "Update Settings" button */
.dokan-settings-area .dokan-update-setting-top .dokan-update-setting-top-button {
  background: #4db8a7 !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 9px 22px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #fff !important;
  cursor: pointer;
  transition: background 0.18s, box-shadow 0.18s, transform 0.12s;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.dokan-settings-area .dokan-update-setting-top .dokan-update-setting-top-button:hover {
  background: #3d9b8c !important;
  box-shadow: 0 3px 8px rgba(77,184,167,0.25);
  transform: translateY(-1px);
}

/* ── Settings tabs (Butik / Betalning / Sociala profiler) ── */
.dokan-settings-content .dokan-dash-sidebar ul.dokan-settings-tabs {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: flex;
  gap: 4px;
  border-bottom: 2px solid #f3f4f6;
  padding-bottom: 0;
}

.dokan-settings-content .dokan-dash-sidebar ul.dokan-settings-tabs li a {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 0;
  font-size: 13.5px;
  font-weight: 500;
  color: #9ca3af;
  text-decoration: none;
  transition: color 0.15s, border-color 0.15s;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
}

.dokan-settings-content .dokan-dash-sidebar ul.dokan-settings-tabs li a:hover {
  color: #374151;
}

.dokan-settings-content .dokan-dash-sidebar ul.dokan-settings-tabs li.active a,
.dokan-settings-content .dokan-dash-sidebar ul.dokan-settings-tabs li.dokan-active a {
  color: #4db8a7;
  font-weight: 600;
  border-bottom-color: #4db8a7;
}

/* ── Section cards ── */
.dokan-settings-area .ta-settings-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 28px 28px 16px;
  margin-bottom: 20px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03), 0 4px 12px rgba(0,0,0,0.02);
  transition: box-shadow 0.2s;
}

.dokan-settings-area .ta-settings-card:hover {
  box-shadow: 0 2px 4px rgba(0,0,0,0.04), 0 8px 20px rgba(0,0,0,0.03);
}

.dokan-settings-area .ta-settings-card__title {
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 20px;
  padding-left: 14px;
  border-left: 3px solid #6CD3C2;
  line-height: 1.3;
}

/* ── Banner wrapper ── */
.dokan-settings-area .dokan-banner {
  border-radius: 12px !important;
  overflow: hidden;
  border: 2px dashed #e5e7eb;
  background: #fafafa;
  transition: border-color 0.2s, background 0.2s;
  min-height: auto !important;
  margin-bottom: 24px;
}

.dokan-settings-area .dokan-banner:hover {
  border-color: #c4e8e1;
  background: #f6fcfb;
}

.dokan-settings-area .dokan-banner .image-wrap {
  position: relative;
}

.dokan-settings-area .dokan-banner .image-wrap img {
  border-radius: 10px;
  display: block;
  width: 100%;
}

.dokan-settings-area .dokan-banner .button-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
  margin-top: 0 !important;
}

.dokan-settings-area .dokan-banner .button-area i,
.dokan-settings-area .dokan-banner .button-area i.fas {
  font-size: 32px;
  color: #d1d5db;
  margin-bottom: 12px;
  display: block;
}

.dokan-settings-area .dokan-banner .button-area .help-block {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 8px;
}

/* Banner upload button */
.dokan-settings-content .dokan-settings-area .dokan-banner .dokan-banner-drag,
.dokan-settings-area .dokan-banner .dokan-banner-drag {
  background: #4db8a7 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 9px 22px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: background 0.18s, box-shadow 0.18s !important;
  display: inline-block !important;
}

.dokan-settings-content .dokan-settings-area .dokan-banner .dokan-banner-drag:hover,
.dokan-settings-area .dokan-banner .dokan-banner-drag:hover {
  background: #3d9b8c !important;
  box-shadow: 0 2px 8px rgba(77,184,167,0.3) !important;
}

/* ── Banner remove — small circle button ── */
.dokan-settings-content .dokan-settings-area .dokan-banner .dokan-remove-banner-image,
.dokan-settings-area .dokan-banner .close.dokan-remove-banner-image {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.45) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  z-index: 5 !important;
  opacity: 0 !important;
  transition: opacity 0.2s, background 0.15s !important;
  padding: 0 !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.dokan-settings-content .dokan-settings-area .dokan-banner:hover .dokan-remove-banner-image,
.dokan-settings-area .dokan-banner .image-wrap:hover .dokan-remove-banner-image {
  display: flex !important;
  opacity: 1 !important;
}

.dokan-settings-content .dokan-settings-area .dokan-banner .dokan-remove-banner-image:hover,
.dokan-settings-area .dokan-banner .close.dokan-remove-banner-image:hover {
  background: rgba(220, 38, 38, 0.8) !important;
}

/* Override Dokan inline <style> that sets max-width/max-height */
.dokan-settings-content .dokan-settings-area .dokan-banner {
  max-width: 100% !important;
  max-height: none !important;
  min-height: auto !important;
}

/* ── Profile picture ── */
.dokan-settings-area .dokan-gravatar {
  display: flex;
  align-items: center;
  gap: 16px;
}

.dokan-settings-area .gravatar-wrap {
  position: relative;
}

.dokan-settings-area .dokan-gravatar-img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #f3f4f6;
  transition: border-color 0.2s;
}

.dokan-settings-area .gravatar-wrap:hover .dokan-gravatar-img {
  border-color: #e0f2ef;
}

/* Gravatar remove — small circle button */
.dokan-settings-content .dokan-settings-area .dokan-gravatar .dokan-remove-gravatar-image,
.dokan-settings-area .gravatar-wrap .dokan-close,
.dokan-settings-area .gravatar-wrap .dokan-remove-gravatar-image {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  left: auto !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.45) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  opacity: 0 !important;
  transition: opacity 0.2s !important;
  padding: 0 !important;
}

.dokan-settings-content .dokan-settings-area .dokan-gravatar:hover .dokan-remove-gravatar-image,
.dokan-settings-area .gravatar-wrap:hover .dokan-close,
.dokan-settings-area .gravatar-wrap:hover .dokan-remove-gravatar-image {
  display: flex !important;
  opacity: 1 !important;
}

.dokan-settings-area .gravatar-button-area .dokan-btn {
  background: #fff !important;
  border: 1px dashed #d1d5db !important;
  border-radius: 10px !important;
  color: #4db8a7 !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  padding: 6px 16px !important;
  transition: border-color 0.15s, background 0.15s !important;
}

.dokan-settings-area .gravatar-button-area .dokan-btn:hover {
  border-color: #4db8a7 !important;
  background: #f0fdf9 !important;
}

/* ── Form structure — stacked labels above inputs ── */
.dokan-settings-area .dokan-form-horizontal {
  text-align: left !important;
  max-width: 100%;
}

.dokan-settings-area .dokan-form-horizontal .dokan-form-group {
  margin-bottom: 18px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Override float widths — full-width stacked */
.dokan-settings-area .dokan-form-horizontal .dokan-w3,
.dokan-settings-area .dokan-form-horizontal .dokan-w4,
.dokan-settings-area .dokan-form-horizontal .dokan-w5,
.dokan-settings-area .dokan-form-horizontal .dokan-w6,
.dokan-settings-area .dokan-form-horizontal .dokan-w7,
.dokan-settings-area .dokan-form-horizontal .dokan-w8 {
  width: 100% !important;
  float: none !important;
}

.dokan-settings-area .dokan-form-horizontal .dokan-control-label {
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #374151 !important;
  text-align: left !important;
  padding-right: 0 !important;
  margin-bottom: 0 !important;
  letter-spacing: 0.01em;
}

/* Kill clearfix so flexbox takes over */
.dokan-settings-area .dokan-form-horizontal .dokan-form-group::before,
.dokan-settings-area .dokan-form-horizontal .dokan-form-group::after {
  display: none !important;
}

/* ── Address fields — city/zip side-by-side ── */
.dokan-settings-area .dokan-address-fields .dokan-form-group {
  flex-direction: column;
}

.dokan-settings-area .dokan-address-fields .dokan-from-group {
  display: flex;
  gap: 12px;
}

.dokan-settings-area .dokan-address-fields .dokan-from-group > .dokan-form-group {
  flex: 1;
  min-width: 0;
}

.dokan-settings-area .dokan-address-fields .dokan-from-group .dokan-w6,
.dokan-settings-area .dokan-address-fields .dokan-from-group .dokan-w5 {
  width: 100% !important;
}

.dokan-settings-area .dokan-address-fields .dokan-left {
  float: none !important;
}

.dokan-settings-area .dokan-address-fields .dokan-right-margin-30 {
  margin-right: 0 !important;
}

.dokan-settings-area .dokan-address-fields .dokan-clearfix {
  display: none;
}

.dokan-settings-area .dokan-address-fields .control-label {
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #374151 !important;
  display: block;
  margin-bottom: 4px;
  letter-spacing: 0.01em;
}

/* ── Inputs ── */
.dokan-settings-area .dokan-form-horizontal .dokan-form-control,
.dokan-settings-area .dokan-address-fields .dokan-form-control {
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  color: #1f2937 !important;
  transition: border-color 0.18s, box-shadow 0.18s !important;
  background: #fff !important;
  width: 100%;
  box-sizing: border-box;
}

.dokan-settings-area .dokan-form-horizontal .dokan-form-control:focus,
.dokan-settings-area .dokan-address-fields .dokan-form-control:focus {
  border-color: #6CD3C2 !important;
  box-shadow: 0 0 0 3px rgba(108, 211, 194, 0.15) !important;
  outline: none !important;
}

.dokan-settings-area .dokan-form-horizontal .dokan-form-control::placeholder {
  color: #c4c8cc;
}

.dokan-settings-area .dokan-form-horizontal select.dokan-form-control {
  appearance: auto;
  padding-right: 12px !important;
}

/* ── Select2 ── */
.dokan-settings-area .select2-container {
  width: 100% !important;
}

.dokan-settings-area .select2-container--default .select2-selection--multiple,
.dokan-settings-area .select2-container--default .select2-selection--single {
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  min-height: 42px !important;
  padding: 4px 10px !important;
  background: #fff !important;
  transition: border-color 0.18s, box-shadow 0.18s !important;
}

.dokan-settings-area .select2-container--default .select2-selection--multiple:focus-within,
.dokan-settings-area .select2-container--default .select2-selection--single:focus-within {
  border-color: #6CD3C2 !important;
  box-shadow: 0 0 0 3px rgba(108, 211, 194, 0.15) !important;
}

.dokan-settings-area .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #e8f7f4 !important;
  border: 1px solid #b2e4da !important;
  border-radius: 16px !important;
  color: #1a6b5c !important;
  padding: 2px 8px !important;
  font-size: 13px !important;
}

.dokan-settings-area .select2-container--default .select2-selection__choice__remove {
  color: #4db8a7 !important;
  margin-right: 4px !important;
}

/* ── Checkbox / Radio ── */
.dokan-settings-area .checkbox label {
  font-weight: 400 !important;
  color: #4b5563 !important;
  font-size: 13.5px !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.dokan-settings-area .checkbox input[type="checkbox"],
.dokan-settings-area input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #6CD3C2;
  border-radius: 4px;
  cursor: pointer;
  flex-shrink: 0;
}

/* ── Store Schedule — day rows ── */
.dokan-settings-area .dokan-store-times {
  margin-bottom: 6px;
}

.dokan-settings-area .dokan-store-times .dokan-form-group {
  flex-direction: row !important;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  padding: 8px 0;
  border-bottom: 1px solid #f9fafb;
}

.dokan-settings-area .dokan-store-times .dokan-form-group:last-child {
  border-bottom: none;
}

.dokan-settings-area .dokan-store-times .day.control-label {
  font-weight: 600 !important;
  color: #374151 !important;
  font-size: 13px !important;
  min-width: 80px;
  margin-bottom: 0;
}

.dokan-settings-area .dokan-store-times .dokan-on-off {
  border-radius: 8px !important;
  border: 1px solid #e5e7eb !important;
  padding: 7px 10px !important;
  font-size: 13px !important;
  min-width: 80px;
  background: #fff !important;
  transition: border-color 0.15s !important;
}

.dokan-settings-area .dokan-store-times .dokan-on-off:focus {
  border-color: #6CD3C2 !important;
  box-shadow: 0 0 0 3px rgba(108, 211, 194, 0.15) !important;
  outline: none !important;
}

.dokan-settings-area .dokan-store-times .time {
  flex-shrink: 0;
}

.dokan-settings-area .dokan-store-times .time .dokan-form-control {
  max-width: 110px;
  text-align: center;
}

/* Store open/close notice fields */
.dokan-settings-area .store-open-close .dokan-form-control {
  max-width: 360px;
}

/* ── Biography (wp_editor) ── */
.dokan-settings-area .dokan-form-group:has(#vendor_biography) .dokan-w7,
.dokan-settings-area .dokan-form-group:has(#wp-vendor_biography-wrap) .dokan-w7 {
  width: 100% !important;
  float: none !important;
}

.dokan-settings-area #wp-vendor_biography-wrap {
  border-radius: 10px !important;
  overflow: hidden;
  border: 1px solid #e5e7eb !important;
}

.dokan-settings-area .wp-editor-tabs button,
.dokan-settings-area .wp-editor-tabs .wp-switch-editor {
  border-radius: 6px 6px 0 0 !important;
}

/* ── Support button section ── */
.dokan-settings-area .support-enable-check .dokan-form-control {
  max-width: 360px;
}

/* ── Hide Store Categories (Årskurser) — not needed ── */
.dokan-settings-area .dokan-form-group:has(#dokan_store_categories) {
  display: none !important;
}

/* ── Submit button ── */
.dokan-settings-area .ta-settings-submit {
  margin-top: 8px;
  padding-top: 24px;
  border-top: 1px solid #f3f4f6;
}

.dokan-settings-area input[name="dokan_update_store_settings"],
.dokan-settings-area .ta-settings-submit .dokan-btn-theme {
  background: #4db8a7 !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 11px 32px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  cursor: pointer;
  transition: background 0.18s, box-shadow 0.18s, transform 0.12s !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.dokan-settings-area input[name="dokan_update_store_settings"]:hover,
.dokan-settings-area .ta-settings-submit .dokan-btn-theme:hover {
  background: #3d9b8c !important;
  box-shadow: 0 3px 10px rgba(77,184,167,0.3);
  transform: translateY(-1px);
}

/* Override inline margin-left: 24% from old template */
.dokan-settings-area .dokan-form-group .ajax_prev[style*="margin-left"] {
  margin-left: 0 !important;
}

/* ── ACF custom fields section (Typ av försäljare / payment info) ── */

/* Force ACF labels above inputs */
.dokan-settings-area .ta-acf-seller-fields .acf-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.dokan-settings-area .ta-acf-seller-fields .acf-fields.-left > .acf-field {
  padding: 0 !important;
}

.dokan-settings-area .ta-acf-seller-fields .acf-fields.-left > .acf-field::before {
  display: none !important;
}

.dokan-settings-area .ta-acf-seller-fields .acf-fields.-left > .acf-field > .acf-label {
  width: 100% !important;
  float: none !important;
  margin-bottom: 4px;
  padding: 0 !important;
}

.dokan-settings-area .ta-acf-seller-fields .acf-fields.-left > .acf-field > .acf-input {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

.dokan-settings-area .ta-acf-seller-fields .acf-label label {
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #374151 !important;
}

.dokan-settings-area .ta-acf-seller-fields .acf-input input[type="text"],
.dokan-settings-area .ta-acf-seller-fields .acf-input input[type="number"],
.dokan-settings-area .ta-acf-seller-fields .acf-input input[type="email"],
.dokan-settings-area .ta-acf-seller-fields .acf-input textarea,
.dokan-settings-area .ta-acf-seller-fields .acf-input select {
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  color: #1f2937 !important;
  background: #fff !important;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.18s, box-shadow 0.18s !important;
}

.dokan-settings-area .ta-acf-seller-fields .acf-input input:focus,
.dokan-settings-area .ta-acf-seller-fields .acf-input textarea:focus,
.dokan-settings-area .ta-acf-seller-fields .acf-input select:focus {
  border-color: #6CD3C2 !important;
  box-shadow: 0 0 0 3px rgba(108, 211, 194, 0.15) !important;
  outline: none !important;
}

/* ACF radio buttons (Privatperson / Företag) */
.dokan-settings-area .ta-acf-seller-fields .acf-radio-list {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.dokan-settings-area .ta-acf-seller-fields .acf-radio-list li label {
  font-weight: 400 !important;
  color: #4b5563 !important;
  font-size: 14px !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.dokan-settings-area .ta-acf-seller-fields .acf-radio-list input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: #6CD3C2;
  cursor: pointer;
}

.dokan-settings-area .ta-acf-seller-fields .select2-container {
  width: 100% !important;
}

.dokan-settings-area .ta-acf-seller-fields .select2-container--default .select2-selection--single {
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  min-height: 42px !important;
  padding: 4px 10px !important;
  background: #fff !important;
}

.dokan-settings-area .ta-acf-seller-fields .acf-field-group > .acf-input > .acf-fields {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

/* ── Social profiles section (dokan-pro) ── */
.dokan-settings-area .dokan-social-profile .dokan-form-group {
  margin-bottom: 10px;
}

.dokan-settings-area .dokan-social-profile .dokan-form-control {
  border-radius: 10px !important;
}

/* ── Payment method cards ── */
.dokan-settings-content .dokan-payment-settings-listing .dokan-panel {
  border-radius: 14px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03), 0 4px 12px rgba(0,0,0,0.02) !important;
  overflow: hidden;
  margin-bottom: 14px;
}

.dokan-settings-content .dokan-payment-settings-listing .dokan-panel-heading {
  background: #fafafa !important;
  border-bottom: 1px solid #f3f4f6 !important;
  padding: 14px 20px !important;
}

.dokan-settings-content .dokan-payment-settings-listing .dokan-panel-title {
  font-family: 'Avenir', 'Avenir Next', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}

.dokan-settings-content .dokan-payment-settings-listing .dokan-panel-body {
  padding: 20px !important;
}

/* ── Section dividers ── */
.dokan-settings-area .dokan-form-horizontal hr {
  border: none;
  border-top: 1px solid #f3f4f6;
  margin: 20px 0;
}

/* ── Responsive — Settings page ── */
@media (max-width: 768px) {
  .dokan-settings-area .ta-settings-card {
    padding: 20px 16px 12px;
    border-radius: 12px;
    margin-bottom: 16px;
  }

  .dokan-settings-area .ta-settings-card__title {
    font-size: 14px;
    padding-left: 12px;
  }

  .dokan-settings-area .dokan-dashboard-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .dokan-settings-area .dokan-banner .button-area {
    padding: 28px 16px;
  }

  .dokan-settings-area .dokan-store-times .dokan-form-group {
    flex-wrap: wrap !important;
    gap: 6px;
  }

  .dokan-settings-area .dokan-store-times .day.control-label {
    min-width: 60px;
    font-size: 12px !important;
  }

  .dokan-settings-area .dokan-store-times .time .dokan-form-control {
    max-width: 90px;
  }

  .dokan-settings-area .dokan-address-fields .dokan-from-group {
    flex-direction: column;
  }

  .dokan-settings-content .dokan-dash-sidebar ul.dokan-settings-tabs {
    gap: 0;
  }

  .dokan-settings-content .dokan-dash-sidebar ul.dokan-settings-tabs li a {
    padding: 8px 12px;
    font-size: 12.5px;
  }
}

@media (max-width: 480px) {
  .dokan-settings-area .ta-settings-card {
    padding: 16px 14px 10px;
  }

  .dokan-settings-area .dokan-gravatar-img {
    width: 56px;
    height: 56px;
  }

  .dokan-settings-area .dokan-store-times .dokan-form-group {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}


/* ================================================================
   REACT DASHBOARD — Layout fixes
   ================================================================ */

/* Prevent headings from breaking mid-word ("Report s") */
#dokan-vendor-dashboard-root .woocommerce-layout__header h1,
#dokan-vendor-dashboard-root .woocommerce-layout__header h2,
#dokan-vendor-dashboard-root .woocommerce-layout__header h3,
#dokan-vendor-dashboard-root .woocommerce-section-header h2,
#dokan-vendor-dashboard-root h1,
#dokan-vendor-dashboard-root h2,
#dokan-vendor-dashboard-root h3 {
  white-space: nowrap;
  overflow: visible;
  word-break: normal;
  overflow-wrap: normal;
}

/* Ensure the React dashboard sidebar + content don't squeeze headings */
#dokan-vendor-dashboard-root .dokan-layout {
  min-width: 0;
}

/* Charts container — prevent overflow squeeze */
#dokan-vendor-dashboard-root .woocommerce-chart,
#dokan-vendor-dashboard-root .woocommerce-chart__body {
  min-width: 0;
  overflow-x: auto;
}

/* ── Statistics / Analytics Sub-pages — layout fixes ── */

/* Section header titles (e.g. "Products") should never wrap vertically */
#dokan-vendor-dashboard-root .woocommerce-section-header,
#dokan-vendor-dashboard-root .woocommerce-card__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

#dokan-vendor-dashboard-root .woocommerce-section-header h2 {
  font-size: 20px !important;
  white-space: nowrap !important;
  min-width: max-content;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  overflow: visible !important;
}

/* Table summary footer — items appear inline, not concatenated */
#dokan-vendor-dashboard-root .woocommerce-table__summary {
  display: flex !important;
  flex-wrap: wrap;
  gap: 4px 16px;
  padding: 12px 16px;
  list-style: none;
  margin: 0;
}

#dokan-vendor-dashboard-root .woocommerce-table__summary li,
#dokan-vendor-dashboard-root .woocommerce-table__summary li.woocommerce-table__summary-item {
  white-space: nowrap;
  display: inline-block;
  margin: 0 8px;
}

/* Summary cards (Items sold, Net sales, Orders) — horizontal layout */
#dokan-vendor-dashboard-root .woocommerce-summary {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-bottom: 16px;
}

/* Card content — prevent text squeezing */
#dokan-vendor-dashboard-root .woocommerce-summary__item,
#dokan-vendor-dashboard-root .woocommerce-summary__item-container {
  min-width: 0;
}

#dokan-vendor-dashboard-root .woocommerce-summary__item-label {
  white-space: nowrap;
}

/* Compare/search bar — proper inline layout */
#dokan-vendor-dashboard-root .woocommerce-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* Analytics table — prevent column squeeze */
#dokan-vendor-dashboard-root .woocommerce-table,
#dokan-vendor-dashboard-root .woocommerce-analytics__table {
  overflow-x: auto;
}

#dokan-vendor-dashboard-root .woocommerce-table thead th {
  white-space: nowrap !important;
}

#dokan-vendor-dashboard-root .woocommerce-table td,
#dokan-vendor-dashboard-root .woocommerce-table th {
  min-width: 80px;
}

#dokan-vendor-dashboard-root .woocommerce-table td:first-child,
#dokan-vendor-dashboard-root .woocommerce-table th:first-child {
  min-width: 160px;
}

/* Force table to use auto layout so columns don't squeeze */
#dokan-vendor-dashboard-root .woocommerce-table table {
  table-layout: auto !important;
  width: 100% !important;
}

/* Legend items — inline */
#dokan-vendor-dashboard-root .woocommerce-chart__header,
#dokan-vendor-dashboard-root .woocommerce-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* Date comparison legend (checkboxes) */
#dokan-vendor-dashboard-root .woocommerce-chart__header-item {
  white-space: nowrap;
}

/* Dropdown selectors (By day, etc.) */
#dokan-vendor-dashboard-root .woocommerce-chart__types,
#dokan-vendor-dashboard-root .woocommerce-chart__interval-select {
  flex-shrink: 0;
}

/* "No data to display" message */
#dokan-vendor-dashboard-root .woocommerce-table__empty-message {
  text-align: center;
  padding: 40px 20px;
  color: #6b7280;
  font-size: 14px;
}

/* ── WooCommerce analytics layout inside Dokan — prevent squeeze ── */

/* The analytics layout main area needs full width */
#dokan-vendor-dashboard-root .woocommerce-layout__main,
.dokan-dashboard-content .woocommerce-layout__main {
  max-width: 100% !important;
  min-width: 0;
}

/* Override the default wc-admin header position within Dokan */
#dokan-vendor-dashboard-root .woocommerce-layout__header {
  position: relative !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 10;
}

/* Ensure Dokan's own layout doesn't constrain analytics */
#dokan-vendor-dashboard-root .dokan-layout .dokan-layout__content,
#dokan-vendor-dashboard-root .woocommerce-layout {
  min-width: 0;
  width: 100%;
}

/* Force horizontal writing mode on all text inside analytics */
#dokan-vendor-dashboard-root h1,
#dokan-vendor-dashboard-root h2,
#dokan-vendor-dashboard-root h3,
#dokan-vendor-dashboard-root h4,
#dokan-vendor-dashboard-root span,
#dokan-vendor-dashboard-root p,
#dokan-vendor-dashboard-root button,
#dokan-vendor-dashboard-root a {
  writing-mode: horizontal-tb !important;
}

/* The WooCommerce card body sometimes constrains width */
#dokan-vendor-dashboard-root .woocommerce-card__body {
  min-width: 0;
  overflow-x: auto;
}

/* Ellipsis section wrapping container — give it proper width */
#dokan-vendor-dashboard-root .woocommerce-ellipsis-menu {
  flex-shrink: 0;
}

/* Dashboard section columns — prevent vertical stacking of text */
.dokan-dashboard-content .woocommerce-dashboard-section .woocommerce-dashboard__columns {
  min-width: 0;
}

.dokan-dashboard-content .woocommerce-dashboard-section .woocommerce-section-header h2 {
  white-space: nowrap !important;
  min-width: max-content;
}

/* Responsive: allow overflow on small widths instead of squeezing */
@media (max-width: 960px) {
  #dokan-vendor-dashboard-root .woocommerce-layout {
    overflow-x: auto;
  }
  #dokan-vendor-dashboard-root .woocommerce-summary {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  }
}

/* ── Analytics Overview (query path=/analytics/Overview) — spacing + heading ── */
#dokan-vendor-dashboard-root .woocommerce-dashboard-section .woocommerce-section-header {
  margin-bottom: 14px !important;
}

#dokan-vendor-dashboard-root .woocommerce-dashboard-section .woocommerce-section-header h2,
#dokan-vendor-dashboard-root .woocommerce-dashboard-section .woocommerce-section-header__title {
  white-space: nowrap !important;
  word-break: keep-all !important;
  line-height: 1.2;
}

#dokan-vendor-dashboard-root .woocommerce-dashboard-section .woocommerce-summary {
  margin-top: 12px !important;
  margin-bottom: 32px !important;
}

#dokan-vendor-dashboard-root .woocommerce-dashboard-section .woocommerce-dashboard__columns,
#dokan-vendor-dashboard-root .woocommerce-dashboard-section .woocommerce-dashboard__charts,
#dokan-vendor-dashboard-root .woocommerce-dashboard-section .woocommerce-chart {
  margin-top: 18px;
}

/* ═══════════════════════════════════════════════════════════
 * TA Kreator Analytics — Custom reports page
 * ═══════════════════════════════════════════════════════════ */

.ta-analytics-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 60px;
  font-family: 'Avenir Next', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ── Top Bar ── */
.ta-analytics-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  margin-bottom: 8px;
}

.ta-analytics-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #27282c;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 8px;
  transition: background 0.15s;
}
.ta-analytics-back-link:hover {
  background: #f3f4f6;
  color: #27282c;
  text-decoration: none;
}

.ta-analytics-store-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #6b7280;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 8px;
  transition: background 0.15s;
}
.ta-analytics-store-link:hover {
  background: #f3f4f6;
  color: #27282c;
  text-decoration: none;
}

/* ── Dokan Analytics App (actual root) — heading + spacing fixes ── */
#dokan-analytics-app .woocommerce-layout__header .woocommerce-layout__header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

#dokan-analytics-app .woocommerce-layout__header .entry-title,
#dokan-analytics-app .woocommerce-section-header__title,
#dokan-analytics-app .woocommerce-section-header h2 {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  line-height: 1.2;
}

/* Products title in report-table/chart area must never collapse letter-by-letter */
#dokan-analytics-app .woocommerce-report-chart .woocommerce-section-header,
#dokan-vendor-dashboard-root .woocommerce-report-chart .woocommerce-section-header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

#dokan-analytics-app .woocommerce-report-chart .woocommerce-section-header__title,
#dokan-vendor-dashboard-root .woocommerce-report-chart .woocommerce-section-header__title,
#dokan-analytics-app .woocommerce-report-chart .woocommerce-section-header h2,
#dokan-vendor-dashboard-root .woocommerce-report-chart .woocommerce-section-header h2 {
  display: inline-block;
  width: auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  writing-mode: horizontal-tb !important;
}

#dokan-analytics-app .woocommerce-dashboard-section .woocommerce-section-header {
  margin-bottom: 14px !important;
}

#dokan-analytics-app .woocommerce-dashboard__store-performance {
  margin-bottom: 30px !important;
}

#dokan-analytics-app .woocommerce-dashboard__dashboard-charts {
  margin-top: 20px !important;
}

#dokan-analytics-app .woocommerce-dashboard__columns,
#dokan-analytics-app .woocommerce-dashboard__chart-block-wrapper {
  margin-top: 10px;
}

#dokan-analytics-app .woocommerce-summary {
  margin-top: 12px !important;
  margin-bottom: 32px !important;
}

@media (max-width: 960px) {
  #dokan-analytics-app .woocommerce-layout {
    overflow-x: auto;
  }
}

/* ── Header + Filters ── */
.ta-analytics-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 28px;
}

.ta-analytics-heading {
  font-size: 26px;
  font-weight: 700;
  color: #27282c;
  margin: 0 0 4px;
  letter-spacing: -0.3px;
}

.ta-analytics-range {
  font-size: 13px;
  color: #9ca3af;
  margin: 0;
}

.ta-analytics-filters {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.ta-period-btn {
  background: #f3f4f6;
  border: 1px solid transparent;
  color: #6b7280;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}
.ta-period-btn:hover {
  background: #e5e7eb;
  color: #27282c;
}
.ta-period-btn--active {
  background: #6CD3C2;
  color: #fff;
  border-color: #6CD3C2;
}
.ta-period-btn--active:hover {
  background: #4db8a7;
  color: #fff;
}

/* ── KPI Cards ── */
.ta-analytics-kpis {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-bottom: 28px;
}

.ta-kpi-card {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  transition: box-shadow 0.2s;
}
.ta-kpi-card:hover {
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.ta-kpi-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ta-kpi-icon--earnings {
  background: rgba(108,211,194,0.12);
  color: #3d9b8c;
}
.ta-kpi-icon--sales {
  background: rgba(59,130,246,0.10);
  color: #2563eb;
}
.ta-kpi-icon--orders {
  background: rgba(139,92,246,0.10);
  color: #7c3aed;
}
.ta-kpi-icon--views {
  background: rgba(245,158,11,0.10);
  color: #d97706;
}
.ta-kpi-icon--rating {
  background: rgba(234,179,8,0.12);
  color: #ca8a04;
}

.ta-kpi-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.ta-kpi-label {
  font-size: 12px;
  font-weight: 500;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.ta-kpi-value {
  font-size: 22px;
  font-weight: 700;
  color: #27282c;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ta-kpi-value.ta-loading {
  background: linear-gradient(90deg, #f0f0f0 25%, #e5e5e5 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: ta-shimmer 1.5s infinite;
  border-radius: 4px;
  color: transparent;
  min-width: 60px;
  height: 28px;
}

@keyframes ta-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.ta-kpi-trend {
  font-size: 12px;
  font-weight: 600;
  margin-top: 4px;
}
.ta-kpi-trend--up {
  color: #22c55e;
}
.ta-kpi-trend--down {
  color: #ef4444;
}
.ta-kpi-trend--flat {
  color: #9ca3af;
}
.ta-kpi-trend--muted {
  color: #d1d5db;
  font-weight: 400;
  font-size: 11px;
}

/* ── Chart Card ── */
.ta-analytics-chart-card {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  padding: 24px;
  margin-bottom: 28px;
}

.ta-chart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
}

.ta-chart-title {
  font-size: 16px;
  font-weight: 600;
  color: #27282c;
  margin: 0;
}

.ta-chart-toggles {
  display: flex;
  gap: 4px;
  background: #f3f4f6;
  border-radius: 8px;
  padding: 3px;
}

.ta-chart-toggle {
  background: transparent;
  border: none;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  padding: 6px 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s;
}
.ta-chart-toggle:hover {
  color: #27282c;
}
.ta-chart-toggle--active {
  background: #fff;
  color: #27282c;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.ta-chart-wrap {
  height: 300px;
  position: relative;
}

/* ── Bottom Grid ── */
.ta-analytics-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.ta-analytics-card {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  padding: 24px;
}

.ta-analytics-card-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #27282c;
  margin: 0 0 18px;
}
.ta-analytics-card-title svg {
  color: #9ca3af;
}

.ta-analytics-card-body {
  min-height: 80px;
}

.ta-analytics-empty {
  font-size: 13px;
  color: #d1d5db;
  text-align: center;
  padding: 40px 20px;
  margin: 0;
}

/* ── Top Products ── */
.ta-top-product {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #f9fafb;
}
.ta-top-product:last-child {
  border-bottom: none;
}

.ta-top-rank {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #6b7280;
  flex-shrink: 0;
}

.ta-top-thumb {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  background: #f9fafb;
}
.ta-top-thumb--empty {
  display: block;
  background: #f3f4f6;
}

.ta-top-name {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #27282c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ta-top-qty {
  font-size: 13px;
  color: #9ca3af;
  font-weight: 500;
  white-space: nowrap;
}

/* ── Recent Orders ── */
.ta-recent-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #f9fafb;
}
.ta-recent-order:last-child {
  border-bottom: none;
}

.ta-order-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.ta-order-id {
  font-size: 13px;
  font-weight: 600;
  color: #6CD3C2;
  white-space: nowrap;
}

.ta-order-customer {
  font-size: 13px;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ta-order-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.ta-order-date {
  font-size: 12px;
  color: #d1d5db;
  white-space: nowrap;
}

.ta-order-amount {
  font-size: 13px;
  font-weight: 600;
  color: #27282c;
  white-space: nowrap;
}

.ta-order-status {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  white-space: nowrap;
  text-transform: capitalize;
}

/* ── Responsive ── */
@media (max-width: 992px) {
  .ta-analytics-kpis {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .ta-analytics-section {
    padding: 0 8px 40px;
  }

  .ta-analytics-header {
    flex-direction: column;
    align-items: stretch;
  }

  .ta-analytics-filters {
    justify-content: flex-start;
  }

  .ta-analytics-kpis {
    grid-template-columns: repeat(2, 1fr);
  }

  .ta-kpi-card {
    padding: 16px;
  }

  .ta-kpi-icon {
    width: 38px;
    height: 38px;
  }

  .ta-kpi-value {
    font-size: 18px;
  }

  .ta-analytics-bottom {
    grid-template-columns: 1fr;
  }

  .ta-chart-wrap {
    height: 220px;
  }

  .ta-chart-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .ta-order-date {
    display: none;
  }
}

@media (max-width: 480px) {
  .ta-analytics-kpis {
    grid-template-columns: 1fr;
  }

  .ta-analytics-heading {
    font-size: 22px;
  }
}

/* ═══════════════════════════════════════════════════════════
 * Dokan New Dashboard — Announcement page polish
 * Scoped to the announcement React route layout only.
 * The container is: .container.mx-auto.min-h-96.pb-2
 * List items use md:flex with h3 titles + date on right.
 * ═══════════════════════════════════════════════════════════ */

/* --- shorthand alias for readability  ---------------------- */
/* annc = #dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 */

/* ── 1. UNDO GLOBAL white-space:nowrap for announcement headings ── */
#dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 h1,
#dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 h2,
#dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 h3 {
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* ── 2. FILTER BAR (search + dropdowns + reset button) ── */
#dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 > .grid.grid-cols-2.gap-2.mb-4 {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 460px);
  gap: 12px;
  align-items: end;
}

/* Inner 5-col grid → 3 equal auto columns */
#dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 > .grid.grid-cols-2.gap-2.mb-4 .grid.grid-cols-5.gap-2 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 8px;
}

/* Each col-span-2 dropdown → single column */
#dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 > .grid.grid-cols-2.gap-2.mb-4 .grid.grid-cols-5.gap-2 > .col-span-2 {
  grid-column: auto;
}

/* Reset button – keep on one line */
#dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 > .grid.grid-cols-2.gap-2.mb-4 .grid.grid-cols-5.gap-2 > button,
#dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 > .grid.grid-cols-2.gap-2.mb-4 .grid.grid-cols-5.gap-2 > .dokan-btn {
  white-space: nowrap;
  min-width: 104px;
}

/* ── 3. MAIN PANEL (list col-span-2 + detail col-span-3) ── */
#dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 > .grid-cols-5.border.border-gray-100 {
  border-radius: 12px;
  overflow: hidden;
}

#dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 > .grid-cols-5.border.border-gray-100 > .col-span-2 {
  min-height: 30rem;
}

#dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 > .grid-cols-5.border.border-gray-100 > .col-span-3 {
  min-height: 30rem;
  background: #fff;
}

/* ── 4. LIST ITEM – fix text overflow ── */

/* The col-span-2 list panel itself must clip */
#dokan-vendor-dashboard-root .dokan-layout .col-span-2.border-r {
  overflow: hidden;
  min-width: 0;
}

/* Each article row */
#dokan-vendor-dashboard-root .dokan-layout .col-span-2 article {
  overflow: hidden;
  min-width: 0;
}

/* The md:flex row (title + date) */
#dokan-vendor-dashboard-root .dokan-layout .col-span-2 article > div.justify-between {
  min-width: 0;
  overflow: hidden;
}

/* Left side: checkbox + text — override Tailwind w-full (width:100%) */
#dokan-vendor-dashboard-root .dokan-layout .col-span-2 article .justify-between > .flex {
  min-width: 0 !important;
  width: auto !important;
  flex: 1 1 0% !important;
  overflow: hidden;
}

/* The clickable text block (role=button, .text-left.w-full) */
#dokan-vendor-dashboard-root .dokan-layout .col-span-2 article .justify-between .text-left {
  min-width: 0 !important;
  width: auto !important;
  overflow: hidden;
}

/* Title h3 – truncate with ellipsis */
#dokan-vendor-dashboard-root .dokan-layout .col-span-2 article h3 {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  line-height: 1.4;
}

/* Excerpt div under title */
#dokan-vendor-dashboard-root .dokan-layout .col-span-2 article .text-xs {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#dokan-vendor-dashboard-root .dokan-layout .col-span-2 article .text-xs > div {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Date column on the right – must not shrink */
#dokan-vendor-dashboard-root .dokan-layout .col-span-2 article .justify-between > .text-right {
  flex-shrink: 0 !important;
  padding-left: 12px;
  white-space: nowrap;
}

/* ── 5. DETAIL PANE heading ── */
#dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 .col-span-3 h2 {
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

/* ── 6. RESPONSIVE ── */
@media (max-width: 1199px) {
  #dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 > .grid.grid-cols-2.gap-2.mb-4 {
    grid-template-columns: 1fr;
  }

  #dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 > .grid.grid-cols-2.gap-2.mb-4 .grid.grid-cols-5.gap-2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  #dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 > .grid-cols-5.border.border-gray-100 {
    display: block;
  }

  #dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 > .grid-cols-5.border.border-gray-100 > .col-span-2 {
    border-right: 0;
    border-bottom: 1px solid #e5e7eb;
    min-height: 0;
  }

  #dokan-vendor-dashboard-root .dokan-layout .container.mx-auto.min-h-96.pb-2 > .grid-cols-5.border.border-gray-100 > .col-span-3 {
    min-height: 0;
  }
}

/* ═══════════════════════════════════════════════════
   5. ANNOUNCEMENT — Legacy PHP template overrides
   ═══════════════════════════════════════════════════ */

/* ── List page ── */
.ta-announcement-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ta-announcement-empty {
  text-align: center;
  padding: 64px 24px;
  color: #9ca3af;
}

.ta-announcement-empty i {
  font-size: 48px;
  margin-bottom: 16px;
  display: block;
  opacity: .5;
}

.ta-announcement-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 20px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  position: relative;
  transition: border-color .15s, box-shadow .15s;
}

.ta-announcement-item:hover {
  border-color: #4db8a7;
  box-shadow: 0 2px 8px rgba(77, 184, 167, .10);
}

.ta-announcement-unread {
  border-left: 3px solid #4db8a7;
}

.ta-announcement-item__remove {
  position: absolute;
  top: 10px;
  right: 12px;
}

.ta-announcement-item__remove a {
  color: #d1d5db;
  font-size: 14px;
  transition: color .15s;
}

.ta-announcement-item__remove a:hover {
  color: #ef4444;
}

.ta-announcement-item__date {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 52px;
  padding: 6px 0;
  line-height: 1.2;
  color: #6b7280;
  flex-shrink: 0;
}

.ta-announcement-day {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
}

.ta-announcement-month {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.ta-announcement-year {
  font-size: 11px;
  color: #9ca3af;
}

.ta-announcement-item__body {
  flex: 1;
  min-width: 0;
}

.ta-announcement-item__title h3 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  line-height: 1.4;
}

.ta-announcement-item__title:hover h3 {
  color: #4db8a7;
}

.ta-announcement-item__excerpt {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.5;
}

.ta-announcement-item__excerpt a {
  color: #4db8a7;
  font-weight: 500;
}

/* ── Single announcement ── */
.ta-announcement-single .entry-content {
  padding: 24px 0;
  font-size: 15px;
  line-height: 1.7;
  color: #374151;
}

.ta-announcement-single__date {
  display: inline-block;
  font-size: 13px;
  color: #6b7280;
  margin-top: 4px;
}

.ta-announcement-single__date i {
  margin-right: 4px;
}

.ta-announcement-single__back {
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
  margin-top: 24px;
}

.ta-announcement-single__back .dokan-btn-theme {
  background: #4db8a7;
  border-color: #4db8a7;
}

.ta-announcement-single__back .dokan-btn-theme:hover {
  background: #3d9b8c;
  border-color: #3d9b8c;
}

.ta-announcement-single__back i {
  margin-right: 6px;
}

/* ================================
   Dashboard: Info Widget Polish
   (Latest Announcement / Info från Team Teach Academy)
   ================================ */

.dashboard-widget.dokan-announcement-widget {
  border: 1px solid #dbe4ee !important;
  border-radius: 14px !important;
  overflow: hidden;
  background: #fff !important;
}

.dashboard-widget.dokan-announcement-widget .widget-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 14px 16px !important;
  border-bottom: 1px solid #e5edf4 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%) !important;
  text-align: left !important;
}

.dashboard-widget.dokan-announcement-widget .widget-title i {
  color: #4db8a7 !important;
}

.dashboard-widget.dokan-announcement-widget .widget-title .pull-right a {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: #ecfeff;
  border: 1px solid #c9f1ec;
  color: #0f766e !important;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none !important;
}

.dashboard-widget.dokan-announcement-widget .widget-title .pull-right {
  margin-left: auto !important;
}

.dashboard-widget.dokan-announcement-widget ul.list-unstyled {
  margin: 0 !important;
  padding: 0 !important;
}

.dashboard-widget.dokan-announcement-widget ul.list-unstyled > li {
  margin: 0 !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid #edf2f7;
  display: grid;
  grid-template-columns: 1fr 110px;
  gap: 14px;
  align-items: stretch;
}

.dashboard-widget.dokan-announcement-widget ul.list-unstyled > li:last-child {
  border-bottom: none;
}

.dashboard-widget.dokan-announcement-widget .dokan-dashboard-announce-content {
  float: none !important;
  width: auto !important;
  min-width: 0;
  text-align: left !important;
}

.dashboard-widget.dokan-announcement-widget .dokan-dashboard-announce-content h3 {
  margin: 0 0 4px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  color: #1f2937 !important;
  font-weight: 700 !important;
  text-align: left !important;
}

.dashboard-widget.dokan-announcement-widget .dokan-dashboard-announce-content a {
  color: inherit !important;
  text-decoration: none !important;
}

.dashboard-widget.dokan-announcement-widget .dokan-dashboard-announce-content {
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

@media (min-width: 992px) {
  .dokan-dashboard-content .dashboard-widget.orders,
  .dokan-dashboard-content .dashboard-widget.dokan-announcement-widget {
    min-height: 452px !important;
  }
}

.dashboard-widget.dokan-announcement-widget .dokan-dashboard-announce-date {
  float: none !important;
  width: 110px !important;
  border-radius: 10px;
  border: 1px solid #d8dee9;
  background: #1f2430;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px 6px;
}

.dashboard-widget.dokan-announcement-widget .dokan-dashboard-announce-date .announce-day {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
}

.dashboard-widget.dokan-announcement-widget .dokan-dashboard-announce-date .announce-month {
  margin-top: 2px;
  font-size: 12px;
  text-transform: lowercase;
  opacity: 0.95;
}

.dashboard-widget.dokan-announcement-widget .dokan-dashboard-announce-date .announce-year {
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
  margin-top: 3px;
}

.dashboard-widget.dokan-announcement-widget .dokan-dashboard-announce-date.dokan-dashboard-announce-unread {
  border-color: #8ce3d7;
  box-shadow: inset 0 0 0 2px rgba(77, 184, 167, 0.25);
}

.dashboard-widget.dokan-announcement-widget .dokan-no-announcement {
  padding: 28px 16px;
  text-align: center;
  color: #64748b;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.dashboard-widget.dokan-announcement-widget .dokan-no-announcement .dokan-announcement-icon {
  color: #4db8a7;
  font-size: 22px;
  margin-bottom: 8px;
}

/* Explicitly disable hover changes for this widget only */
.dashboard-widget.dokan-announcement-widget:hover,
.dashboard-widget.dokan-announcement-widget .widget-title .pull-right a:hover,
.dashboard-widget.dokan-announcement-widget ul.list-unstyled > li:hover,
.dashboard-widget.dokan-announcement-widget .dokan-dashboard-announce-content a:hover,
.dashboard-widget.dokan-announcement-widget .dokan-dashboard-announce-content h3:hover {
  transform: none !important;
  box-shadow: none !important;
  background: inherit !important;
  color: inherit !important;
  text-decoration: none !important;
}

@media (max-width: 760px) {
  .dashboard-widget.dokan-announcement-widget ul.list-unstyled > li {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .dashboard-widget.dokan-announcement-widget .dokan-dashboard-announce-date {
    width: 100% !important;
    max-width: 130px;
  }
}

/* ── Responsive ── */
@media (max-width: 600px) {
  .ta-announcement-item {
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
  }

  .ta-announcement-item__date {
    flex-direction: row;
    gap: 6px;
  }

  .ta-announcement-day {
    font-size: 16px;
  }
}

/* ================================================================
   Sidebar Refresh (Dokan frontend layout)
   ================================================================ */

.dokan-frontend-layout .dokan-frontend-sidebar {
  background:
    radial-gradient(560px 220px at -20% -10%, rgba(108, 211, 194, 0.12), transparent 62%),
    linear-gradient(180deg, #1b2028 0%, #171b22 100%) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.dokan-frontend-layout .dokan-frontend-sidebar > a:first-child {
  padding: 16px 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.dokan-frontend-layout .dokan-frontend-sidebar > a:first-child img {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.07);
}

.dokan-frontend-layout .dokan-frontend-sidebar ul,
.dokan-frontend-layout .dokan-frontend-sidebar nav {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar li {
  margin: 2px 0;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a {
  min-height: 42px;
  border-radius: 10px !important;
  padding: 9px 12px !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 15px !important;
  font-weight: 560 !important;
  letter-spacing: 0.01em;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a svg,
.dokan-frontend-layout .dokan-frontend-sidebar li a i {
  width: 18px;
  height: 18px;
  margin-right: 11px;
  opacity: 0.9;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a.active {
  position: relative;
  background: linear-gradient(135deg, #56c9b7 0%, #45b4a3 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow: 0 6px 18px rgba(77, 184, 167, 0.3);
}

.dokan-frontend-layout .dokan-frontend-sidebar li a.active::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 9px;
  bottom: 9px;
  width: 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
}

.dokan-frontend-layout .dokan-frontend-sidebar li a.active svg,
.dokan-frontend-layout .dokan-frontend-sidebar li a.active i {
  color: #ffffff !important;
  opacity: 1;
}

/* Expanded submenu under Settings */
.dokan-frontend-layout .dokan-frontend-sidebar li ul {
  margin: 4px 0 6px 12px;
  padding: 8px 6px !important;
  border-left: 1px dashed rgba(255, 255, 255, 0.18);
}

.dokan-frontend-layout .dokan-frontend-sidebar li ul li a {
  min-height: 38px;
  padding: 7px 10px !important;
  font-size: 14px !important;
  border-radius: 8px !important;
}

/* Footer profile block */
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer {
  margin: 10px 8px 10px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(2px);
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .store-name {
  font-size: 15px;
  font-weight: 650;
  color: #ffffff !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .subscription-info {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.68) !important;
}

/* ================================================================
   Sidebar Rescue v2 + Withdraw Polish v2
   ================================================================ */

/* Sidebar: fix broken labels and cramped layout */
.dokan-frontend-layout .dokan-frontend-sidebar {
  width: 258px !important;
  min-width: 258px !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar ul,
.dokan-frontend-layout .dokan-frontend-sidebar nav {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-height: 44px !important;
  padding: 9px 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a svg,
.dokan-frontend-layout .dokan-frontend-sidebar li a i {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-right: 0 !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a span,
.dokan-frontend-layout .dokan-frontend-sidebar li a strong,
.dokan-frontend-layout .dokan-frontend-sidebar li a em {
  min-width: 0;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a.active {
  background: linear-gradient(135deg, #63d0c0 0%, #52beae 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 6px 14px rgba(77, 184, 167, 0.24) !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a.active::before {
  left: 7px;
  top: 11px;
  bottom: 11px;
  width: 2px;
}

/* Sidebar footer badge: avoid narrow vertical wrapping */
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer {
  margin: 10px 10px 12px !important;
  padding: 11px 12px !important;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer,
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer * {
  white-space: normal;
  word-break: normal !important;
  overflow-wrap: anywhere;
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .store-name {
  font-size: 14px;
  line-height: 1.25;
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .subscription-info {
  font-size: 11.5px;
  line-height: 1.2;
}

/* Withdraw page: stronger visual hierarchy */
.ta-withdraw-panel {
  border-color: #dce6ef !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

.ta-withdraw-panel .ta-withdraw-heading {
  padding: 13px 18px !important;
}

.ta-withdraw-panel .ta-withdraw-balance-body {
  position: relative;
  padding: 22px 22px 24px !important;
  background: linear-gradient(180deg, rgba(240, 253, 250, 0.58) 0%, rgba(255, 255, 255, 1) 75%) !important;
}

.ta-withdraw-panel .ta-withdraw-balance-copy {
  display: grid !important;
  grid-template-columns: auto;
  gap: 2px !important;
  margin: 0 !important;
}

.ta-withdraw-panel .ta-withdraw-balance-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #64748b !important;
}

.ta-withdraw-panel .ta-withdraw-balance-amount {
  margin-top: 2px;
  font-size: clamp(30px, 3.6vw, 44px) !important;
  font-weight: 800 !important;
}

.ta-withdraw-history-table thead th {
  padding: 13px 14px !important;
}

.ta-withdraw-history-table tbody td {
  padding: 13px 14px !important;
}

.ta-withdraw-history-table tbody tr:hover td {
  background: #f8fafc !important;
}

.ta-withdraw-history-table .ta-withdraw-col-date {
  color: #334155 !important;
  font-weight: 500 !important;
}

@media (max-width: 860px) {
  .dokan-frontend-layout .dokan-frontend-sidebar {
    width: 244px !important;
    min-width: 244px !important;
  }

  .dokan-frontend-layout .dokan-frontend-sidebar li a {
    min-height: 42px !important;
    font-size: 13.5px !important;
  }

  .ta-withdraw-panel .ta-withdraw-balance-amount {
    font-size: clamp(26px, 8vw, 36px) !important;
  }
}

/* ================================================================
   Sidebar Rescue v3 (final readability + width control)
   ================================================================ */

#dokan-dashboard-fullwidth-wrapper {
  --dokan-sidebar-width: 252px !important;
}

#dokan-dashboard-fullwidth-wrapper .dokan-dash-sidebar,
#dokan-dashboard-fullwidth-wrapper .dokan-frontend-layout .dokan-frontend-sidebar {
  width: var(--dokan-sidebar-width, 252px) !important;
  min-width: var(--dokan-sidebar-width, 252px) !important;
  max-width: var(--dokan-sidebar-width, 252px) !important;
}

#dokan-dashboard-fullwidth-wrapper .dokan-dashboard-content {
  width: calc(100% - var(--dokan-sidebar-width, 252px)) !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  min-height: 44px !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a > *:not(svg):not(i) {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a [class*="menu"],
.dokan-frontend-layout .dokan-frontend-sidebar li a [class*="label"],
.dokan-frontend-layout .dokan-frontend-sidebar li a [class*="title"],
.dokan-frontend-layout .dokan-frontend-sidebar li a span,
.dokan-frontend-layout .dokan-frontend-sidebar li a p,
.dokan-frontend-layout .dokan-frontend-sidebar li a div {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar li a .sidebar-menu-bubble {
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .store-name,
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .subscription-info,
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer a,
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer span,
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer div {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

@media (max-width: 960px) {
  #dokan-dashboard-fullwidth-wrapper {
    --dokan-sidebar-width: 236px !important;
  }

  .dokan-frontend-layout .dokan-frontend-sidebar li a {
    font-size: 13px !important;
    padding: 9px 11px !important;
  }
}

/* ================================================================
   Sidebar Density Tune (based on Dokan sidebar HTML utilities)
   ================================================================ */

.dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll {
  padding: 12px 10px !important; /* overrides p-5 */
}

.dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul {
  gap: 4px !important; /* overrides gap-1.5 */
  padding: 0 !important;
  margin: 0 !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li {
  margin: 0 !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > a {
  padding: 8px 10px !important; /* overrides py-2.5 px-3 */
  min-height: 40px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > a > span.ml-2 {
  margin-left: 8px !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > a svg.w-5,
.dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > a svg.h-5 {
  width: 17px !important;
  height: 17px !important;
}

/* Submenu under settings */
.dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > div > ul {
  margin-top: 6px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  gap: 3px !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > div > ul > li > a {
  padding: 7px 10px !important;
  min-height: 36px !important;
  font-size: 13px !important;
}

/* Bottom profile/footer area polish */
.dokan-frontend-layout .dokan-frontend-sidebar > div:last-child {
  padding: 10px 10px 12px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.1) 0%, rgba(15, 23, 42, 0.22) 100%) !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer {
  margin: 0 !important;
  width: 100% !important;
  min-height: 60px !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 10px 11px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer img,
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer svg {
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .store-name,
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .subscription-info,
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer a,
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer span,
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer div {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .store-name {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.2 !important;
  max-height: 2.4em;
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .subscription-info {
  display: none !important;
}

/* Footer text container from runtime HTML: div.sidebar-footer.leading-tight.space-y-1 */
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer.leading-tight.space-y-1,
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .leading-tight.space-y-1 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow: visible !important;
}

.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer.leading-tight.space-y-1 > *,
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .leading-tight.space-y-1 > * {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.2 !important;
}

/* Neutralize Tailwind-style truncation utilities inside footer */
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .truncate,
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer [class*="truncate"],
.dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer [class*="line-clamp"] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}

/* Remove active side-indicator beside icon/text */
.dokan-frontend-layout .dokan-frontend-sidebar li a.active::before,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active::before,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active::after {
  display: none !important;
  content: none !important;
}

/* Keep sidebar toggle (hamburger) visible after collapse */
.dokan-frontend-layout button[aria-label="Toggle sidebar menu"],
.dokan-frontend-layout [aria-label="Toggle sidebar menu"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 31 !important;
}

.dokan-frontend-layout button[aria-label="Toggle sidebar menu"] svg,
.dokan-frontend-layout [aria-label="Toggle sidebar menu"] svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 2.2 !important;
}

/* Sidebar state-aware polish (expanded/collapsed) */
body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
}

body.ta-sidebar-collapsed #dokan-dashboard-fullwidth-wrapper {
  --dokan-sidebar-width: 92px !important;
}

body.ta-sidebar-collapsed #dokan-dashboard-fullwidth-wrapper .dokan-frontend-layout .dokan-frontend-sidebar,
body.ta-sidebar-collapsed #dokan-dashboard-fullwidth-wrapper .dokan-dash-sidebar {
  width: var(--dokan-sidebar-width, 92px) !important;
  min-width: var(--dokan-sidebar-width, 92px) !important;
  max-width: var(--dokan-sidebar-width, 92px) !important;
}

body.ta-sidebar-collapsed #dokan-dashboard-fullwidth-wrapper .dokan-dashboard-content {
  width: calc(100% - var(--dokan-sidebar-width, 92px)) !important;
}

body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll {
  padding: 12px 8px !important;
}

body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul {
  gap: 8px !important;
}

body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > a {
  justify-content: center !important;
  gap: 0 !important;
  padding: 9px 0 !important;
  min-height: 42px !important;
}

body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > a .sidebar-menu-bubble,
body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > a .lucide-chevron-down,
body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > a > .ml-2 {
  display: none !important;
}

body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > a svg,
body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar .dokan-vendor-sidebar-scroll > nav > ul > li > a i {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  opacity: 0.95 !important;
  color: rgba(226, 232, 240, 0.96) !important;
}

body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  min-height: 54px !important;
  padding: 8px !important;
}

body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .store-name,
body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .subscription-info,
body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .leading-tight,
body.ta-sidebar-collapsed .dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .space-y-1 {
  display: none !important;
}

body.ta-sidebar-collapsed .dokan-frontend-layout button[aria-label="Toggle sidebar menu"],
body.ta-sidebar-collapsed .dokan-frontend-layout [aria-label="Toggle sidebar menu"] {
  background: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.8) !important;
  color: #e2e8f0 !important;
}

body.ta-sidebar-expanded .dokan-frontend-layout button[aria-label="Toggle sidebar menu"],
body.ta-sidebar-expanded .dokan-frontend-layout [aria-label="Toggle sidebar menu"] {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(203, 213, 225, 0.9) !important;
  color: #0f172a !important;
}

/* Unified dashboard theme layer for all pages */
.dokan-frontend-layout .dokan-layout-content-area,
.dokan-dashboard .dokan-dashboard-content {
  padding-top: 12px !important;
}

.dokan-frontend-layout .dokan-panel,
.dokan-frontend-layout .dashboard-widget,
.dokan-frontend-layout .dokan-dashboard-box,
.dokan-dashboard .dokan-panel,
.dokan-dashboard .dashboard-widget,
.dokan-dashboard .dokan-dashboard-box {
  background: #ffffff !important;
  border: 1px solid #dbe6ef !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04) !important;
}

.dokan-frontend-layout .dokan-panel .dokan-panel-heading,
.dokan-dashboard .dokan-panel .dokan-panel-heading {
  background: linear-gradient(180deg, #f7fbff 0%, #f1f8ff 100%) !important;
  border-bottom: 1px solid #e4eef7 !important;
  border-radius: 14px 14px 0 0 !important;
}

.dokan-frontend-layout .dokan-panel .dokan-panel-title,
.dokan-dashboard .dokan-panel .dokan-panel-title,
.dokan-frontend-layout h3,
.dokan-dashboard h3 {
  color: #1f2937 !important;
  letter-spacing: 0.01em;
}

.dokan-frontend-layout .dokan-btn,
.dokan-dashboard .dokan-btn,
.dokan-frontend-layout button.button,
.dokan-dashboard button.button {
  border-radius: 10px !important;
}

.dokan-frontend-layout .dokan-table,
.dokan-dashboard .dokan-table {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #e3ebf3 !important;
}

.dokan-frontend-layout .dokan-table thead th,
.dokan-dashboard .dokan-table thead th {
  background: #f8fbff !important;
  border-bottom: 1px solid #e4edf6 !important;
}

.dokan-frontend-layout .dokan-table tbody tr:hover td,
.dokan-dashboard .dokan-table tbody tr:hover td {
  background: #f8fcff !important;
}

/* Statistics page refresh v2 */
.dokan-dashboard .dokan-report-wrap,
.dokan-frontend-layout .dokan-report-wrap {
  background: linear-gradient(180deg, #f8fcff 0%, #f4f8fc 100%) !important;
  border: 1px solid #dbe7f2 !important;
  border-radius: 14px !important;
  padding: 14px !important;
}

.dokan-dashboard .dokan-report-wrap .dokan_tabs,
.dokan-frontend-layout .dokan-report-wrap .dokan_tabs {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 0 16px !important;
  padding: 4px !important;
  border: 1px solid #d9e5f0 !important;
  border-radius: 10px !important;
  background: #eef4f9 !important;
}

.dokan-dashboard .dokan-report-wrap .dokan_tabs li a,
.dokan-frontend-layout .dokan-report-wrap .dokan_tabs li a {
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  color: #64748b !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  background: transparent !important;
}

.dokan-dashboard .dokan-report-wrap .dokan_tabs li.active a,
.dokan-frontend-layout .dokan-report-wrap .dokan_tabs li.active a {
  color: #0f766e !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
}

.dokan-dashboard .dokan-report-wrap .dokan-reports-wrap,
.dokan-frontend-layout .dokan-report-wrap .dokan-reports-wrap,
.dokan-dashboard .dokan-reports-wrap,
.dokan-frontend-layout .dokan-reports-wrap {
  display: grid !important;
  grid-template-columns: minmax(230px, 280px) 1fr !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.dokan-dashboard .dokan-reports-wrap .report-left,
.dokan-dashboard .dokan-reports-wrap .report-right,
.dokan-frontend-layout .dokan-reports-wrap .report-left,
.dokan-frontend-layout .dokan-reports-wrap .report-right {
  border: 1px solid #dbe6f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden !important;
}

.dokan-dashboard .dokan-reports-wrap .report-left .chart-widget,
.dokan-frontend-layout .dokan-reports-wrap .report-left .chart-widget {
  padding: 12px 14px !important;
  border-bottom: 1px solid #edf2f7 !important;
}

.dokan-dashboard .dokan-reports-wrap .report-left .chart-widget:last-child,
.dokan-frontend-layout .dokan-reports-wrap .report-left .chart-widget:last-child {
  border-bottom: none !important;
}

.dokan-dashboard .dokan-reports-wrap .report-left .chart-widget h4,
.dokan-frontend-layout .dokan-reports-wrap .report-left .chart-widget h4 {
  margin: 0 0 4px !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #64748b !important;
}

.dokan-dashboard .dokan-reports-wrap .report-left .chart-widget .number,
.dokan-dashboard .dokan-reports-wrap .report-left .chart-widget strong,
.dokan-frontend-layout .dokan-reports-wrap .report-left .chart-widget .number,
.dokan-frontend-layout .dokan-reports-wrap .report-left .chart-widget strong {
  font-size: 30px !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

.dokan-dashboard .dokan-reports-wrap .report-right .postbox,
.dokan-frontend-layout .dokan-reports-wrap .report-right .postbox {
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.dokan-dashboard .dokan-reports-wrap .report-right .postbox h3,
.dokan-frontend-layout .dokan-reports-wrap .report-right .postbox h3 {
  margin: 0 !important;
  padding: 16px 18px 8px !important;
  font-size: 42px !important;
  line-height: 1.05 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

.dokan-dashboard .dokan-reports-wrap .report-right .chart-placeholder.main,
.dokan-frontend-layout .dokan-reports-wrap .report-right .chart-placeholder.main {
  margin: 0 14px 14px !important;
  min-height: 330px !important;
  border-radius: 12px !important;
  border: 1px dashed #d3deea !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

@media (max-width: 980px) {
  .dokan-dashboard .dokan-report-wrap .dokan-reports-wrap,
  .dokan-frontend-layout .dokan-report-wrap .dokan-reports-wrap,
  .dokan-dashboard .dokan-reports-wrap,
  .dokan-frontend-layout .dokan-reports-wrap {
    grid-template-columns: 1fr !important;
  }

  .dokan-dashboard .dokan-reports-wrap .report-right .postbox h3,
  .dokan-frontend-layout .dokan-reports-wrap .report-right .postbox h3 {
    font-size: 34px !important;
  }
}