:root {
  --color-brand-25: #f7fbf8;
  --color-brand-50: #eef8f1;
  --color-brand-100: #dcefe2;
  --color-brand-200: #badfc5;
  --color-brand-300: #8bc99d;
  --color-brand-400: #54ab70;
  --color-brand-500: #168a45;
  --color-brand-600: #0e7438;
  --color-brand-700: #0d5c30;
  --color-brand-800: #0d4928;
  --color-brand-900: #0b3c22;
  --color-brand-950: #052314;
  --farmvilla-section-gap: 16px;
  --farmvilla-control-gap: 10px;
}

body {
  background: #fafcfb;
  color: #24332b;
}

aside.farmvilla-sidebar {
  width: 228px !important;
  min-width: 228px;
  padding-inline: 18px !important;
}

.farmvilla-logo {
  width: 145px;
  height: 36px;
  object-fit: cover;
  object-position: center top;
  background: #fff;
}

.farmvilla-sidebar nav {
  flex: 1;
  min-height: 0;
  padding-bottom: 10px;
  scrollbar-color: #c6d1ca transparent;
  scrollbar-width: thin;
}
.farmvilla-sidebar nav::-webkit-scrollbar { width: 6px; }
.farmvilla-sidebar nav::-webkit-scrollbar-thumb { border-radius: 999px; background: #c6d1ca; }

.farmvilla-sidebar .menu-item {
  min-height: 40px;
  border-radius: 8px;
  padding: 8px 12px;
}

.farmvilla-sidebar .menu-dropdown-item {
  min-height: 38px;
  border-radius: 8px;
  padding: 8px 12px;
}
.farmvilla-sidebar-company-menu > summary::-webkit-details-marker { display: none; }
.farmvilla-sidebar-company-menu > summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.farmvilla-sidebar-submenu-arrow { flex: 0 0 auto; color: #98a2b3; transition: transform .15s ease, color .15s ease; }
.farmvilla-sidebar-company-menu[open] .farmvilla-sidebar-submenu-arrow { transform: rotate(180deg); color: #168a45; }
.farmvilla-sidebar-submenu-items { display: flex; flex-direction: column; gap: 3px; margin: 4px 0 2px 10px; padding-left: 10px; border-left: 1px solid #e4e7ec; }
.farmvilla-sidebar-submenu-items .menu-dropdown-item { min-height: 32px; padding-top: 6px; padding-bottom: 6px; font-size: 12px; }

.farmvilla-grow-card {
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  border: 1px solid #e5ebe7;
  border-radius: 9px;
  background: #fff;
  padding: 13px 15px;
  color: #66746c;
  font-size: 12px;
  line-height: 1.35;
}

.farmvilla-grow-card svg {
  width: 29px;
  height: 29px;
  color: #168a45;
}

.farmvilla-header {
  min-height: 92px;
  padding: 16px 24px !important;
}

.farmvilla-header h1,
.farmvilla-header h2 {
  color: #17251d;
  font-size: 20px;
  line-height: 28px;
}

.farmvilla-user-avatar {
  background: #168a45 !important;
}

.farmvilla-header-icon-button {
  display: inline-flex;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #98a2b3;
}

.farmvilla-header-icon-button:hover {
  background: #f2f4f7;
  color: #475467;
}

.farmvilla-notification-center { position: relative; }
.farmvilla-notification-trigger { position: relative; }
.farmvilla-notification-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  display: inline-flex;
  min-width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #d92d20;
  padding: 0 4px;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
}
.farmvilla-notification-panel {
  position: fixed;
  z-index: 100002;
  top: 76px;
  right: 24px;
  display: flex;
  width: min(390px, calc(100vw - 32px));
  max-height: calc(100vh - 92px);
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(16, 24, 40, .16);
}
.farmvilla-notification-panel[hidden] { display: none; }
.farmvilla-notification-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 16px 13px; border-bottom: 1px solid #eaecf0; }
.farmvilla-notification-header h2 { color: #1d2939; font-size: 15px; font-weight: 600; line-height: 20px; }
.farmvilla-notification-header p { margin-top: 2px; color: #667085; font-size: 11px; line-height: 16px; }
.farmvilla-notification-header .farmvilla-button-icon { width: 32px; height: 32px; min-height: 32px; flex: 0 0 32px; border: 0; }
.farmvilla-notification-header svg { width: 17px; height: 17px; }
.farmvilla-notification-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid #eaecf0; background: #f9fafb; }
.farmvilla-notification-summary span { padding: 9px 4px; border-right: 1px solid #eaecf0; color: #667085; font-size: 9px; text-align: center; }
.farmvilla-notification-summary span:last-child { border-right: 0; }
.farmvilla-notification-summary b { display: block; margin-bottom: 1px; color: #344054; font-size: 13px; }
.farmvilla-notification-list { min-height: 0; overflow-y: auto; padding: 6px 14px 8px; }
.farmvilla-notification-group { padding-top: 8px; }
.farmvilla-notification-group + .farmvilla-notification-group { margin-top: 3px; border-top: 1px solid #eaecf0; }
.farmvilla-notification-group-title { display: flex; align-items: center; justify-content: space-between; padding: 5px 2px; }
.farmvilla-notification-group-title h3 { color: #344054; font-size: 11px; font-weight: 600; text-transform: uppercase; }
.farmvilla-notification-group-title span { display: inline-flex; min-width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 999px; background: #f2f4f7; color: #667085; font-size: 10px; }
.farmvilla-notification-group.is-overdue .farmvilla-notification-group-title h3 { color: #b42318; }
.farmvilla-notification-group.is-overdue .farmvilla-notification-group-title span { background: #fef3f2; color: #b42318; }
.farmvilla-notification-item { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 2px; border-top: 1px solid #f2f4f7; }
.farmvilla-notification-item:hover .farmvilla-notification-copy b { color: #067647; }
.farmvilla-notification-type { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 50%; }
.farmvilla-notification-type svg { width: 17px; height: 17px; }
.farmvilla-notification-type.is-ticket { color: #087443; background: #ecfdf3; }
.farmvilla-notification-type.is-task { color: #175cd3; background: #eff8ff; }
.farmvilla-notification-copy { min-width: 0; }
.farmvilla-notification-copy b, .farmvilla-notification-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-notification-copy b { color: #344054; font-size: 12px; font-weight: 600; line-height: 17px; }
.farmvilla-notification-copy small { margin-top: 1px; color: #667085; font-size: 10px; line-height: 15px; }
.farmvilla-notification-item time { color: #98a2b3; font-size: 10px; white-space: nowrap; }
.farmvilla-notification-empty { padding: 14px 4px 16px; color: #98a2b3; font-size: 11px; text-align: center; }
.farmvilla-notification-footer { display: flex; gap: 8px; padding: 10px 14px; border-top: 1px solid #eaecf0; background: #fff; }
.farmvilla-notification-footer a { flex: 1; border: 1px solid #d0d5dd; border-radius: 7px; padding: 8px 10px; color: #344054; font-size: 11px; font-weight: 600; text-align: center; }
.farmvilla-notification-footer a:hover { border-color: #a6cdb5; color: #087443; background: #f6fbf8; }

.farmvilla-mobile-menu-button,
.farmvilla-mobile-sidebar-close {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
  color: #667085;
}

.farmvilla-mobile-menu-button svg,
.farmvilla-mobile-sidebar-close svg { width: 20px; height: 20px; stroke: currentColor; }
.farmvilla-sidebar-backdrop { display: none; }
.farmvilla-mobile-account { align-items: center; gap: 10px; margin: 10px 0 12px; padding: 12px; border: 1px solid #e4e7ec; border-radius: 8px; }
.farmvilla-mobile-account .farmvilla-user-avatar { display: inline-flex; width: 36px; height: 36px; flex: 0 0 36px; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-size: 12px; }
.farmvilla-mobile-account > span:nth-child(2) { min-width: 0; flex: 1; }
.farmvilla-mobile-account b, .farmvilla-mobile-account small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-mobile-account b { color: #344054; font-size: 12px; }
.farmvilla-mobile-account small { margin-top: 2px; color: #667085; font-size: 11px; }
.farmvilla-mobile-account a { color: #b42318; font-size: 11px; font-weight: 600; }

.farmvilla-control {
  height: 44px;
  width: 100%;
  min-width: 0;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #344054;
  font-size: 14px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

body select:not(.appearance-none) {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 38px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%2398A2B3' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

.farmvilla-control-search {
  padding-left: 42px !important;
  padding-right: 12px !important;
}

.farmvilla-page-stack { display: flex; min-width: 0; flex-direction: column; gap: var(--farmvilla-section-gap); }
.farmvilla-panel { min-width: 0; overflow: hidden; border: 1px solid #e4e7ec; border-radius: 12px; background: #fff; }
.farmvilla-panel-header { display: flex; min-height: 60px; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #e4e7ec; }
.farmvilla-panel-title { color: #1d2939; font-size: 14px; font-weight: 600; line-height: 1.35; }
.farmvilla-panel-subtitle { margin-top: 2px; color: #667085; font-size: 12px; line-height: 1.4; }
.farmvilla-collection-meta { display: flex; min-height: 40px; align-items: center; justify-content: space-between; padding: 9px 16px; border-bottom: 1px solid #e4e7ec; color: #667085; font-size: 12px; }
.farmvilla-toolbar { display: flex; min-width: 0; align-items: center; gap: var(--farmvilla-control-gap); }
.farmvilla-toolbar-grid { display: grid; min-width: 0; align-items: center; gap: var(--farmvilla-control-gap); }
.farmvilla-segmented-control { display: inline-flex; min-height: 40px; align-items: center; gap: 2px; padding: 4px; border-radius: 8px; background: #f2f4f7; }
.farmvilla-segmented-control > a,
.farmvilla-segmented-control > button { display: inline-flex; min-height: 32px; align-items: center; justify-content: center; padding: 6px 12px; border-radius: 6px; color: #667085; font-size: 13px; font-weight: 600; white-space: nowrap; }
.farmvilla-segmented-control > .is-active { color: #1d2939; background: #fff; box-shadow: 0 1px 2px rgba(16,24,40,.08); }
.farmvilla-segmented-count { display: inline-flex; min-width: 20px; height: 20px; align-items: center; justify-content: center; margin-left: 6px; border-radius: 999px; padding: 0 6px; color: #667085; background: #fff; font-size: 11px; line-height: 1; box-shadow: 0 1px 2px rgba(16,24,40,.05); }
.farmvilla-field-label { display: block; margin-bottom: 6px; color: #344054; font-size: 13px; font-weight: 500; }
.farmvilla-field { width: 100%; min-width: 0; height: 44px; border: 1px solid #d0d5dd; border-radius: 8px; padding: 9px 12px; color: #344054; background: #fff; font-size: 14px; box-shadow: 0 1px 2px rgba(16,24,40,.04); }
textarea.farmvilla-field { height: auto; min-height: 96px; line-height: 1.5; resize: vertical; }
select.farmvilla-field { padding-right: 38px; }
.farmvilla-field:focus { border-color: #7fbd91; outline: 0; box-shadow: 0 0 0 3px rgba(22,138,69,.1); }
.farmvilla-record-form { width: 100%; }
.farmvilla-record-split { display: grid; min-width: 0; gap: 16px; align-items: start; }
.farmvilla-record-split-primary { grid-template-columns: minmax(0, 53fr) minmax(0, 47fr); }
.farmvilla-record-split-balanced { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.farmvilla-record-split > * { min-width: 0; }
.farmvilla-inquiry-wide-field { grid-column: 1 / -1; }
.farmvilla-inquiry-progress { margin-top: 16px; border-top: 1px solid #e4e7ec; padding-top: 16px; }
.farmvilla-inquiry-progress-heading { margin-bottom: 12px; }
.farmvilla-inquiry-progress-heading h4 { color: #344054; font-size: 13px; font-weight: 600; }
.farmvilla-inquiry-progress-heading p { margin-top: 2px; color: #667085; font-size: 12px; }
.farmvilla-inquiry-progress-switches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.farmvilla-form-section { min-width: 0; }
.farmvilla-form-section + .farmvilla-form-section { padding-top: 16px; border-top: 1px solid #e4e7ec; }
.farmvilla-form-section-header { margin-bottom: 12px; }
.farmvilla-form-section-header h3 { color: #344054; font-size: 14px; font-weight: 600; }
.farmvilla-form-section-header p { margin-top: 2px; color: #667085; font-size: 12px; }
.farmvilla-form-section-body { min-width: 0; }
.farmvilla-form-grid { display: grid; min-width: 0; gap: 12px; }
.farmvilla-form-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.farmvilla-form-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.farmvilla-form-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.farmvilla-form-grid-identity { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.farmvilla-form-grid-company-meta { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(7rem, .7fr) minmax(10rem, 1.15fr) minmax(9rem, 1fr) minmax(8rem, .8fr); }
.farmvilla-company-combobox { display: block; min-width: 0; }
.farmvilla-company-addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.farmvilla-company-addresses > label,
.farmvilla-company-shipping,
.farmvilla-company-shipping > label { min-width: 0; }
.farmvilla-company-addresses textarea.farmvilla-field { min-height: 112px; resize: vertical; }
.farmvilla-company-shipping { display: grid; gap: 10px; }
.farmvilla-shipping-address-select[hidden] { display: none; }
.farmvilla-company-address-layout { display: grid; grid-template-columns: minmax(20rem, .8fr) minmax(36rem, 1.4fr); gap: 16px; align-items: stretch; }
.farmvilla-company-address-layout > label { display: flex; min-width: 0; flex-direction: column; }
.farmvilla-company-address-layout > label textarea { min-height: 0; flex: 1; }
.farmvilla-form-actions { display: flex !important; flex-flow: row wrap !important; align-items: center; justify-content: flex-end; gap: 12px; padding-top: 12px; border-top: 1px solid #e4e7ec; }
.farmvilla-form-actions > details { width: auto; flex: 0 0 auto; margin: 0; }
.farmvilla-form-actions > a,
.farmvilla-form-actions > button { width: auto; flex: 0 0 auto; margin: 0; }
.farmvilla-record-workspace { display: grid; min-width: 0; gap: 10px; }
.farmvilla-record-form { display: grid; min-width: 0; gap: 10px; }
.farmvilla-record-form > * { min-width: 0; max-width: 100%; }
.farmvilla-record-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 2px 2px 8px; }
.farmvilla-record-heading h2 { color: #101828; font-size: 22px; font-weight: 700; line-height: 1.25; }
.farmvilla-record-heading p { margin-top: 4px; color: #667085; font-size: 13px; }
.farmvilla-summary-strip { display: grid; grid-template-columns: repeat(var(--farmvilla-summary-count, 7), minmax(0, 1fr)); overflow: hidden; border: 1px solid #e4e7ec; border-radius: 10px; background: #fff; box-shadow: 0 2px 6px rgba(16,24,40,.04); }
.farmvilla-summary-item { position: relative; display: flex; min-width: 0; align-items: center; gap: 10px; padding: 13px 14px; }
.farmvilla-summary-item + .farmvilla-summary-item::before { position: absolute; top: 17px; bottom: 17px; left: 0; width: 1px; background: #e4e7ec; content: ""; }
.farmvilla-summary-icon,
.farmvilla-form-foldout-icon { display: inline-flex; width: 38px; height: 38px; flex: 0 0 38px; align-items: center; justify-content: center; border-radius: 9px; }
.farmvilla-summary-icon svg,
.farmvilla-form-foldout-icon svg { width: 20px; height: 20px; }
.farmvilla-summary-icon.is-blue, .farmvilla-form-foldout-icon.is-blue { color: #2969d6; background: #eff4ff; }
.farmvilla-summary-icon.is-green, .farmvilla-form-foldout-icon.is-green { color: #168a45; background: #ecfdf3; }
.farmvilla-summary-icon.is-purple, .farmvilla-form-foldout-icon.is-purple { color: #6941c6; background: #f4f3ff; }
.farmvilla-summary-icon.is-amber, .farmvilla-form-foldout-icon.is-amber { color: #dc6803; background: #fffaeb; }
.farmvilla-summary-item div { min-width: 0; }
.farmvilla-summary-item dt { overflow: hidden; color: #667085; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-summary-item dd { overflow: hidden; margin-top: 2px; color: #1d2939; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-metric-strip { display: grid; grid-template-columns: repeat(var(--farmvilla-metric-count, 4), minmax(0, 1fr)); gap: 12px; }
.farmvilla-metric-card { display: flex; min-width: 0; min-height: 82px; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid #e4e7ec; border-radius: 10px; color: #344054; background: #fff; box-shadow: 0 2px 6px rgba(16,24,40,.035); transition: border-color .15s ease, box-shadow .15s ease; }
a.farmvilla-metric-card:hover { border-color: #b7dfc3; box-shadow: 0 4px 10px rgba(16,24,40,.06); }
.farmvilla-metric-icon { display: inline-flex; width: 38px; height: 38px; flex: 0 0 38px; align-items: center; justify-content: center; border-radius: 9px; color: #667085; background: #f2f4f7; }
.farmvilla-metric-icon svg { width: 20px; height: 20px; }
.farmvilla-metric-copy { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 2px 10px; }
.farmvilla-metric-copy small { overflow: hidden; color: #475467; font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-metric-copy b { color: #101828; font-size: 18px; font-weight: 700; }
.farmvilla-metric-copy em { grid-column: 1 / -1; overflow: hidden; color: #98a2b3; font-size: 11px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-metric-card.is-brand .farmvilla-metric-icon { color: #2969d6; background: #eff4ff; }
.farmvilla-metric-card.is-success .farmvilla-metric-icon { color: #168a45; background: #ecfdf3; }
.farmvilla-metric-card.is-warning .farmvilla-metric-icon { color: #dc6803; background: #fffaeb; }
.farmvilla-metric-card.is-error .farmvilla-metric-icon { color: #d92d20; background: #fef3f2; }
.farmvilla-metric-card.is-purple .farmvilla-metric-icon { color: #6941c6; background: #f4f3ff; }
.farmvilla-responsive-disclosure { overflow: hidden; border: 1px solid #e4e7ec; border-radius: 12px; background: #fff; }
.farmvilla-responsive-disclosure > summary { display: none; min-height: 56px; cursor: pointer; list-style: none; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; }
.farmvilla-responsive-disclosure > summary::-webkit-details-marker { display: none; }
.farmvilla-responsive-disclosure > summary span { min-width: 0; }
.farmvilla-responsive-disclosure > summary b, .farmvilla-responsive-disclosure > summary small { display: block; }
.farmvilla-responsive-disclosure > summary b { color: #1d2939; font-size: 14px; font-weight: 600; }
.farmvilla-responsive-disclosure > summary small { margin-top: 2px; color: #667085; font-size: 12px; }
.farmvilla-responsive-disclosure > summary svg { width: 20px; height: 20px; flex: 0 0 20px; color: #667085; transition: transform .15s ease; }
.farmvilla-responsive-disclosure[open] > summary svg { transform: rotate(180deg); }
.farmvilla-responsive-disclosure-body { min-width: 0; }
.farmvilla-dashboard-filter-panel .farmvilla-responsive-disclosure-body { padding: 16px; }
.farmvilla-draft-actions { position: relative; }
.farmvilla-draft-actions > summary { cursor: pointer; list-style: none; }
.farmvilla-draft-actions > summary::-webkit-details-marker { display: none; }
.farmvilla-draft-actions [data-draft-count] { display: inline-flex; min-width: 18px; height: 18px; align-items: center; justify-content: center; border-radius: 999px; padding: 0 5px; color: #475467; background: #f2f4f7; font-size: 10px; }
.farmvilla-draft-actions > div { position: absolute; z-index: 40; top: calc(100% + 7px); right: 0; display: grid; width: min(17rem, calc(100vw - 32px)); gap: 3px; border: 1px solid #e4e7ec; border-radius: 9px; padding: 6px; background: #fff; box-shadow: 0 14px 30px rgba(16,24,40,.14); }
.farmvilla-draft-actions:not([open]) > div { display: none; }
.farmvilla-draft-actions > div a { border-radius: 7px; padding: 9px 10px; color: #344054; font-size: 12px; font-weight: 600; }
.farmvilla-draft-actions > div a:hover { color: #087443; background: #f6fbf8; }
.farmvilla-action-popover { position: relative; }
.farmvilla-action-popover > summary { cursor: pointer; list-style: none; }
.farmvilla-action-popover > summary::-webkit-details-marker { display: none; }
.farmvilla-action-popover > summary svg { width: 16px; height: 16px; transition: transform .15s ease; }
.farmvilla-action-popover[open] > summary svg { transform: rotate(180deg); }
.farmvilla-action-popover-panel { position: absolute; z-index: 50; top: calc(100% + 8px); right: 0; display: grid; width: min(24rem, calc(100vw - 28px)); gap: 13px; border: 1px solid #e4e7ec; border-radius: 11px; padding: 16px; background: #fff; text-align: left; box-shadow: 0 16px 32px rgba(16,24,40,.14); }
.farmvilla-action-popover-heading h3 { color: #344054; font-size: 14px; font-weight: 650; }
.farmvilla-action-popover-heading p { margin-top: 3px; color: #667085; font-size: 12px; line-height: 1.5; }
.farmvilla-horizontal-scroll { overscroll-behavior-x: contain; scrollbar-color: #a6cdb5 #edf3ef; scrollbar-width: thin; }
.farmvilla-horizontal-scroll::-webkit-scrollbar { height: 7px; }
.farmvilla-horizontal-scroll::-webkit-scrollbar-track { border-radius: 999px; background: #edf3ef; }
.farmvilla-horizontal-scroll::-webkit-scrollbar-thumb { border-radius: 999px; background: #a6cdb5; }
.farmvilla-horizontal-scroll.is-scrollable:not(.is-scroll-end) { box-shadow: inset -14px 0 12px -14px rgba(16,24,40,.45); }
.farmvilla-horizontal-scroll.is-scrollable:not(.is-scroll-start) { border-left-color: #b7dfc3; }
.farmvilla-form-foldout { overflow: hidden; border: 1px solid #e4e7ec; border-radius: 10px; background: #fff; box-shadow: 0 2px 6px rgba(16,24,40,.035); }
.farmvilla-form-foldout > summary { display: flex; min-height: 58px; cursor: pointer; list-style: none; align-items: center; gap: 12px; padding: 10px 14px; }
.farmvilla-form-foldout > summary::-webkit-details-marker { display: none; }
.farmvilla-form-foldout-copy { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.farmvilla-form-foldout-copy b { color: #1d2939; font-size: 14px; font-weight: 650; }
.farmvilla-form-foldout-copy small { margin-top: 2px; color: #667085; font-size: 12px; }
.farmvilla-form-foldout-badge { border-radius: 999px; padding: 2px 8px; color: #6941c6; background: #f4f3ff; font-size: 11px; font-weight: 600; }
.farmvilla-form-foldout-arrow { width: 20px; height: 20px; flex: 0 0 20px; color: #667085; transition: transform .15s ease; }
.farmvilla-form-foldout[open] .farmvilla-form-foldout-arrow { transform: rotate(180deg); }
.farmvilla-form-foldout-body { border-top: 1px solid #e4e7ec; padding: 13px 14px 14px; }
.farmvilla-record-action-footer { position: sticky; z-index: 30; bottom: 0; display: flex; width: 100%; min-width: 0; max-width: 100%; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 2px; padding: 12px 0 0; border-top: 1px solid #e4e7ec; background: rgba(255,255,255,.96); box-shadow: 0 -4px 12px rgba(16,24,40,.04); backdrop-filter: blur(8px); }
.farmvilla-record-action-footer > p { margin-right: auto; color: #667085; font-size: 12px; }
.farmvilla-record-action-footer .farmvilla-button { min-width: 150px; }
.farmvilla-record-action-footer .farmvilla-button svg,
.farmvilla-company-delete > summary svg { width: 17px; height: 17px; }
.farmvilla-company-delete { position: relative; }
.farmvilla-company-delete > summary { min-width: 0 !important; }
.farmvilla-company-delete > summary::-webkit-details-marker { display: none; }
.farmvilla-company-delete > div { position: absolute; right: auto; bottom: calc(100% + 10px); left: 0; display: grid; width: min(22rem, calc(100vw - 32px)); gap: 10px; padding: 14px; border: 1px solid #fda29b; border-radius: 10px; color: #475467; background: #fff; box-shadow: 0 12px 28px rgba(16,24,40,.16); }
.farmvilla-company-delete > div p { font-size: 12px; }
.farmvilla-company-delete > div input { width: 100%; height: 40px; border: 1px solid #fda29b; border-radius: 8px; padding: 7px 10px; color: #1d2939; background: #fff; font-size: 13px; }
.farmvilla-company-delete > div .farmvilla-button { width: 100%; min-width: 0; }
.farmvilla-field-compact { height: 40px; padding: 7px 10px; font-size: 13px; }
.farmvilla-repeater-item { overflow: hidden; border: 1px solid #e4e7ec; border-radius: 8px; background: #fff; }
.farmvilla-repeater-header { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border-bottom: 1px solid #e4e7ec; background: #f9fafb; }
.farmvilla-repeater-title { overflow: hidden; color: #344054; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-repeater-meta { margin-top: 1px; color: #98a2b3; font-size: 11px; }
.farmvilla-product-editor { overflow: hidden; margin: 0 16px 16px; border: 1px solid #b7dfc3; border-radius: 12px; background: #fff; box-shadow: 0 8px 22px rgba(16,24,40,.07); }
.farmvilla-product-editor-header { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid #d1fadf; background: linear-gradient(90deg, #f6fbf8 0%, #fff 72%); }
.farmvilla-product-editor-heading { display: flex; min-width: 0; align-items: center; gap: 12px; }
.farmvilla-product-editor-heading > span { display: inline-flex; width: 40px; height: 40px; flex: 0 0 40px; align-items: center; justify-content: center; border-radius: 10px; color: #087443; background: #dcfae6; }
.farmvilla-product-editor-heading > span svg { width: 21px; height: 21px; }
.farmvilla-product-editor-heading h2 { color: #1d2939; font-size: 16px; font-weight: 650; }
.farmvilla-product-editor-heading p { margin-top: 2px; color: #667085; font-size: 12px; }
.farmvilla-product-editor-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(21rem, .8fr); }
.farmvilla-product-editor-details, .farmvilla-product-editor-pricing { min-width: 0; padding: 18px; }
.farmvilla-product-editor-pricing { border-left: 1px solid #e4e7ec; background: #fcfcfd; }
.farmvilla-product-editor-status { max-width: 28rem; margin-top: 14px; }
.farmvilla-product-editor-footer { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 12px 16px; border-top: 1px solid #e4e7ec; background: #fcfcfd; }
.farmvilla-unit-price-summary { display: flex; min-width: 0; flex-wrap: wrap; gap: 6px; }
.farmvilla-unit-price-summary > span { display: inline-flex; min-height: 29px; align-items: center; gap: 6px; border: 1px solid #e4e7ec; border-radius: 7px; padding: 4px 8px; color: #475467; background: #fff; white-space: nowrap; }
.farmvilla-unit-price-summary b { color: #087443; font-size: 11px; font-weight: 700; }
.farmvilla-unit-price-summary small { font-size: 11px; }
.farmvilla-unit-price-editor { overflow: hidden; border: 1px solid #d0d5dd; border-radius: 10px; background: #fff; }
.farmvilla-unit-price-editor-header { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-bottom: 1px solid #e4e7ec; background: #f9fafb; }
.farmvilla-unit-price-editor-header b, .farmvilla-unit-price-editor-header small { display: block; }
.farmvilla-unit-price-editor-header b { color: #344054; font-size: 13px; font-weight: 650; }
.farmvilla-unit-price-editor-header small { margin-top: 2px; color: #98a2b3; font-size: 11px; }
.farmvilla-unit-price-editor-header > span { flex: 0 0 auto; border-radius: 999px; padding: 3px 8px; color: #067647; background: #ecfdf3; font-size: 10px; font-weight: 700; }
.farmvilla-unit-price-list { display: grid; gap: 0; }
.farmvilla-unit-price-row { display: grid; grid-template-columns: minmax(6rem, .7fr) minmax(9rem, 1.25fr) 32px; align-items: end; gap: 10px; padding: 11px 12px; }
.farmvilla-unit-price-row + .farmvilla-unit-price-row { border-top: 1px solid #eaecf0; }
.farmvilla-unit-price-row label { min-width: 0; }
.farmvilla-unit-price-row .farmvilla-field { height: 40px; }
.farmvilla-unit-price-remove { display: flex; height: 40px; align-items: center; }
.farmvilla-unit-price-input { position: relative; display: block; }
.farmvilla-unit-price-input > span { position: absolute; z-index: 1; top: 50%; left: 11px; color: #98a2b3; font-size: 10px; font-weight: 700; transform: translateY(-50%); pointer-events: none; }
.farmvilla-unit-price-input .farmvilla-field { padding-left: 42px; text-align: right; font-variant-numeric: tabular-nums; }
.farmvilla-unit-price-add { display: flex; width: 100%; min-height: 42px; align-items: center; justify-content: center; gap: 6px; border-top: 1px dashed #d0d5dd; color: #087443; background: #f6fbf8; font-size: 12px; font-weight: 650; }
.farmvilla-unit-price-add:hover { background: #ecfdf3; }
.farmvilla-unit-price-add.is-disabled { cursor: not-allowed; color: #98a2b3; background: #f9fafb; }
.farmvilla-product-price-readonly > p { margin-bottom: 10px; color: #667085; font-size: 12px; }
.farmvilla-shipping-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px; padding: 12px; }
.farmvilla-shipping-grid > label { min-width: 0; }
.farmvilla-shipping-landmark { grid-column: span 3; }
.farmvilla-shipping-grid > label:not(.farmvilla-shipping-landmark):not(.farmvilla-shipping-pin):not(.farmvilla-shipping-address):not(.farmvilla-shipping-tax):not(.farmvilla-shipping-pan) { grid-column: span 2; }
.farmvilla-shipping-pin { grid-column: span 3; }
.farmvilla-shipping-address { grid-column: span 6; }
.farmvilla-shipping-tax,
.farmvilla-shipping-pan { grid-column: span 3; }
.farmvilla-shipping-grid textarea.farmvilla-field { min-height: 64px; resize: vertical; }
[data-shipping-address-empty][hidden] { display: none; }
.farmvilla-button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; border-radius: 8px; padding: 8px 14px; font-size: 13px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.farmvilla-button-primary { border-color: #168a45; color: #fff; background: #168a45; box-shadow: 0 1px 2px rgba(13,92,48,.12); }
.farmvilla-button-primary:hover { background: #0e7438; }
.farmvilla-button-secondary { border-color: #d0d5dd; color: #344054; background: #fff; box-shadow: 0 1px 2px rgba(16,24,40,.04); }
.farmvilla-button-secondary:hover { background: #f9fafb; }
.farmvilla-button-danger { border-color: #fda29b; color: #b42318; background: #fff; }
.farmvilla-button-icon { width: 40px; min-width: 40px; padding: 0; }
.farmvilla-button-icon svg { width: 18px; height: 18px; }
.farmvilla-modal-layer { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 16px; }
.farmvilla-modal-backdrop { position: absolute; inset: 0; background: rgba(16,24,40,.42); backdrop-filter: blur(4px); }
.farmvilla-modal { position: relative; width: min(100%, 48rem); overflow: hidden; border: 1px solid #e4e7ec; border-radius: 12px; background: #fff; box-shadow: 0 24px 48px -12px rgba(16,24,40,.3); }
.farmvilla-modal-header { display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 18px; border-bottom: 1px solid #e4e7ec; }
.farmvilla-modal-body { max-height: min(72vh, 44rem); overflow-y: auto; padding: 18px; }
.farmvilla-modal-footer { display: flex; min-height: 64px; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; border-top: 1px solid #e4e7ec; }
.farmvilla-notice { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: var(--farmvilla-section-gap); padding: 10px 14px; border: 1px solid; border-radius: 8px; font-size: 13px; }
.farmvilla-empty-state { display: grid; min-height: 72px; place-items: center; padding: 16px; border: 1px dashed #d0d5dd; border-radius: 8px; color: #98a2b3; background: #fff; font-size: 13px; text-align: center; }
.farmvilla-data-table { width: 100%; border-collapse: separate; border-spacing: 0; }
.farmvilla-data-table thead { background: #f9fafb; }
.farmvilla-data-table th { height: 44px; padding: 10px 16px; color: #667085; font-size: 11px; font-weight: 600; letter-spacing: 0; text-align: left; text-transform: uppercase; white-space: nowrap; }
.farmvilla-data-table td { padding: 12px 16px; border-top: 1px solid #e4e7ec; color: #475467; font-size: 13px; vertical-align: middle; }
.farmvilla-table-action { text-align: right; }
.farmvilla-table-number { text-align: right; }
.farmvilla-table-action.is-centered { text-align: center; }
.farmvilla-table-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; }
.farmvilla-table-icon-button { width: 32px; min-width: 32px; height: 32px; min-height: 32px; padding: 0; border-color: #e4e7ec; border-radius: 6px; color: #98a2b3; box-shadow: none; }
.farmvilla-table-icon-button:hover { border-color: #d0d5dd; color: #344054; }
.farmvilla-table-icon-button.is-danger:hover { border-color: #fecdca; color: #d92d20; background: #fef3f2; }
.farmvilla-table-icon-button svg { width: 16px; height: 16px; }
.farmvilla-table-icon-button [data-product-edit-icon],
.farmvilla-table-icon-button [data-product-save-icon] { display: inline-flex; }
.farmvilla-table-icon-button [data-product-edit-icon].hidden,
.farmvilla-table-icon-button [data-product-save-icon].hidden { display: none !important; }
.farmvilla-table-action-column { width: 6.5rem; padding: 10px 16px; }
.farmvilla-table-action-column.is-wide { width: 11rem; }
.farmvilla-filter-button { display: inline-flex; width: 16rem; min-width: 16rem; align-items: center; justify-content: center; gap: 8px; padding: 0 16px; font-size: 13px; font-weight: 600; }
.farmvilla-filter-button > svg { width: 18px; height: 18px; }
.farmvilla-filter-count { border-radius: 999px; padding: 2px 8px; color: #08783f; background: #ecfdf3; font-size: 11px; line-height: 1.25; }
.farmvilla-search-field { position: relative; display: block; min-width: 0; flex: 1; }
.farmvilla-search-field .farmvilla-control { width: 100%; }
.farmvilla-search-icon { position: absolute; top: 50%; left: 14px; z-index: 1; width: 19px; height: 19px; color: #98a2b3; transform: translateY(-50%); pointer-events: none; }
.farmvilla-search-icon svg { width: 100%; height: 100%; }
.farmvilla-filter-panel { position: absolute; top: 100%; right: 0; z-index: 50; width: 36rem; max-width: calc(100vw - 2rem); margin-top: 8px; padding: 16px; border: 1px solid #e4e7ec; border-radius: 12px; background: #fff; box-shadow: 0 12px 24px -8px rgba(16,24,40,.18); }
.farmvilla-filter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.farmvilla-filter-actions { display: flex; grid-column: 1 / -1; align-items: center; justify-content: flex-end; gap: 8px; padding-top: 12px; border-top: 1px solid #f2f4f7; }
.farmvilla-data-table th.text-right,
.farmvilla-data-table td.text-right,
.farmvilla-data-table .farmvilla-table-action,
.farmvilla-data-table .farmvilla-table-number { text-align: right; }
.farmvilla-data-table th.text-center,
.farmvilla-data-table td.text-center { text-align: center; }
.farmvilla-data-table .farmvilla-table-action { white-space: nowrap; }
.farmvilla-data-table .farmvilla-table-action.is-centered { text-align: center; }
.farmvilla-data-table th.farmvilla-table-number > * { justify-content: flex-end; }
.farmvilla-data-table tbody tr:hover { background: #fcfdfc; }
.farmvilla-line-item-table th,
.farmvilla-line-item-table td { padding: 10px 8px; }
.farmvilla-line-item-table .farmvilla-line-item-field-header { padding-left: 20px; }
.farmvilla-content input[type="checkbox"],
.farmvilla-content input[type="radio"] { accent-color: #168a45; }
.farmvilla-content input:focus,
.farmvilla-content select:focus,
.farmvilla-content textarea:focus { border-color: #7fbd91 !important; box-shadow: 0 0 0 3px rgba(22,138,69,.1) !important; }

.farmvilla-content {
  padding: 18px 20px 22px !important;
  flex: 1 0 auto;
  position: relative;
}

.farmvilla-primary-action {
  background: #168a45 !important;
  border-color: #168a45 !important;
  box-shadow: 0 1px 2px rgba(13, 92, 48, .12);
}

.farmvilla-primary-action:hover {
  background: #0e7438 !important;
}

.farmvilla-content a.bg-brand-500,
.farmvilla-content button.bg-brand-500 { background: #168a45 !important; border-color: #168a45 !important; box-shadow: 0 1px 2px rgba(13,92,48,.12); }
.farmvilla-content a.bg-brand-500:hover,
.farmvilla-content button.bg-brand-500:hover { background: #0e7438 !important; }

.max-w-3xl {
  max-width: 48rem !important;
}

.farmvilla-footer {
  border-top: 1px solid #edf1ee;
  flex-shrink: 0;
  position: relative;
  z-index: 0;
  padding: 14px 20px;
  text-align: center;
  color: #98a39c;
  font-size: 12px;
}

.farmvilla-task-filters input,
.farmvilla-task-filters select,
.farmvilla-task-filters button {
  min-width: 0;
}

.farmvilla-task-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px !important;
}

.farmvilla-task-filters {
  gap: var(--farmvilla-control-gap) !important;
}

.farmvilla-task-view-tabs,
.farmvilla-task-board { margin-bottom: 0 !important; }
.farmvilla-task-lane-count { display: inline-flex; min-width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 999px; padding: 0 6px; color: #667085; background: #f2f4f7; font-size: 11px; font-weight: 600; }
.farmvilla-task-lane-body { background: #f9fafb; }
.farmvilla-task-lane-empty { border: 1px dashed #d0d5dd; border-radius: 8px; padding: 16px; color: #98a2b3; background: #fff; font-size: 13px; text-align: center; }
.farmvilla-task-card { background: #fff; }
.farmvilla-task-priority { display: inline-flex; border-radius: 999px; padding: 4px 10px; font-size: 11px; font-weight: 600; }
.farmvilla-task-priority.is-low { color: #475467; background: #f2f4f7; }
.farmvilla-task-priority.is-normal { color: #026aa2; background: #f0f9ff; }
.farmvilla-task-priority.is-high { color: #b54708; background: #fffaeb; }
.farmvilla-task-priority.is-critical { color: #b42318; background: #fef3f2; }

.farmvilla-task-list-layout { display: grid; min-height: 36rem; grid-template-columns: 18rem minmax(0, 1fr); }
.farmvilla-task-list-sidebar { border-right: 1px solid #e4e7ec; padding: 14px; }
.farmvilla-task-list-sidebar > header { padding: 2px 4px 12px; }
.farmvilla-task-list-sidebar h2, .farmvilla-task-list-detail h2 { color: #344054; font-size: 14px; font-weight: 600; }
.farmvilla-task-list-sidebar p, .farmvilla-task-list-detail header p { margin-top: 3px; color: #667085; font-size: 12px; }
.farmvilla-task-list-sidebar nav { display: grid; gap: 8px; }
.farmvilla-task-list-link { display: grid; gap: 9px; border: 1px solid #e4e7ec; border-radius: 9px; padding: 11px 12px; background: #fff; }
.farmvilla-task-list-link:hover { border-color: #a6f4c5; background: #f6fef9; }
.farmvilla-task-list-link.is-active { border-color: #75e0a7; background: #ecfdf3; box-shadow: 0 0 0 2px rgba(117, 224, 167, .12); }
.farmvilla-task-list-link > span:first-child { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.farmvilla-task-list-link b { overflow: hidden; color: #344054; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-task-list-link small { flex: 0 0 auto; color: #667085; font-size: 10px; }
.farmvilla-task-list-progress { display: block; height: 4px; overflow: hidden; border-radius: 999px; background: #e4e7ec; }
.farmvilla-task-list-progress i { display: block; height: 100%; border-radius: inherit; background: #168a45; }
.farmvilla-task-list-detail { min-width: 0; }
.farmvilla-task-list-detail > header { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid #e4e7ec; padding: 14px 20px; }
.farmvilla-task-list-detail > header > span { flex: 0 0 auto; border-radius: 999px; padding: 4px 9px; color: #067647; background: #ecfdf3; font-size: 11px; font-weight: 600; }
.farmvilla-task-list-entries > * + * { border-top: 1px solid #e4e7ec; }
.farmvilla-task-list-entry { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; }
.farmvilla-task-list-entry.is-complete { background: #f6fef9; }
.farmvilla-task-list-entry > div { min-width: 0; }
.farmvilla-task-list-entry-title { display: flex; min-width: 0; align-items: center; gap: 8px; }
.farmvilla-task-list-entry-title a { flex: 0 0 auto; color: #067647; font-size: 13px; font-weight: 700; }
.farmvilla-task-list-entry-title b { overflow: hidden; color: #344054; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-task-list-entry p { overflow: hidden; margin-top: 5px; color: #667085; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-task-list-entry .farmvilla-button { white-space: nowrap; }

.farmvilla-user-create > summary::marker { content: ""; }
.farmvilla-user-account-list > * + * { border-top: 1px solid #e4e7ec; }
.farmvilla-user-account { padding: 0 16px; }
.farmvilla-user-account-summary { display: grid; min-height: 72px; cursor: pointer; list-style: none; grid-template-columns: 40px minmax(0, 1fr) auto 20px; align-items: center; gap: 12px; }
.farmvilla-user-account-summary::-webkit-details-marker { display: none; }
.farmvilla-user-account-summary .farmvilla-user-avatar { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-size: 12px; font-weight: 700; }
.farmvilla-user-account-copy { min-width: 0; }
.farmvilla-user-account-copy > div { overflow: hidden; color: #344054; font-size: 14px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-user-account-copy small { display: block; overflow: hidden; margin-top: 3px; color: #667085; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-user-status { border-radius: 999px; padding: 3px 9px; color: #667085; background: #f2f4f7; font-size: 11px; font-weight: 600; }
.farmvilla-user-status.is-active { color: #067647; background: #ecfdf3; }
.farmvilla-user-chevron { width: 20px; height: 20px; color: #98a2b3; transition: transform .15s ease; }
.farmvilla-user-account[open] .farmvilla-user-chevron { transform: rotate(180deg); }
.farmvilla-user-editor-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; border-top: 1px solid #e4e7ec; padding: 18px 16px 20px; }
.farmvilla-permission-option { display: flex; min-height: 42px; align-items: center; gap: 9px; border: 1px solid #e4e7ec; border-radius: 8px; padding: 9px 11px; color: #475467; background: #fff; font-size: 13px; transition: border-color .15s ease, background .15s ease; }
.farmvilla-permission-option:hover { border-color: #a6f4c5; background: #f6fef9; }
.farmvilla-permission-option:has(input:checked) { border-color: #75e0a7; color: #067647; background: #ecfdf3; }

.farmvilla-user-dashboard-stack > * + * {
  margin-top: var(--farmvilla-section-gap);
}
.farmvilla-user-dashboard-stack,
.farmvilla-user-dashboard-insights,
.farmvilla-dashboard-panel { min-width: 0; max-width: 100%; }

.farmvilla-user-dashboard-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.farmvilla-user-dashboard-insights {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(19rem, 1fr);
  gap: var(--farmvilla-section-gap);
  align-items: stretch;
}

.farmvilla-dashboard-kpi {
  display: flex;
  min-width: 0;
  gap: 12px;
  padding: 14px;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.farmvilla-dashboard-kpi:hover { border-color: #b7d8c1; box-shadow: 0 3px 10px rgba(16, 46, 27, .06); }
.farmvilla-dashboard-kpi-icon { display: inline-flex; width: 40px; height: 40px; flex: 0 0 40px; align-items: center; justify-content: center; border-radius: 8px; }
.farmvilla-dashboard-kpi-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
.farmvilla-dashboard-icon-green { color: #18864b; background: #edf8f1; }
.farmvilla-dashboard-icon-blue { color: #2878c8; background: #edf6ff; }
.farmvilla-dashboard-icon-amber { color: #c87516; background: #fff7e8; }
.farmvilla-dashboard-icon-purple { color: #7b55bd; background: #f5f0ff; }
.farmvilla-dashboard-icon-red { color: #d44747; background: #fff0f0; }
.farmvilla-dashboard-kpi-label, .farmvilla-dashboard-kpi small { display: block; color: #667085; font-size: 12px; line-height: 1.35; }
.farmvilla-dashboard-kpi strong { display: block; margin: 2px 0; color: #1d2939; font-size: 20px; line-height: 1.15; }

.farmvilla-dashboard-panel { overflow: hidden; border: 1px solid #e4e7ec; border-radius: 10px; background: #fff; }
.farmvilla-dashboard-panel > header { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 14px; border-bottom: 1px solid #e4e7ec; }
.farmvilla-dashboard-panel > header h2 { color: #1d2939; font-size: 14px; font-weight: 600; }
.farmvilla-dashboard-panel > header p { margin-top: 2px; color: #667085; font-size: 12px; }
.farmvilla-dashboard-panel > header a { color: #18864b; font-size: 12px; font-weight: 600; white-space: nowrap; }
.farmvilla-dashboard-source-panel { padding-bottom: 14px; }
.farmvilla-dashboard-source-panel > div { padding-right: 14px; padding-left: 14px; }
.farmvilla-dashboard-donut-layout { display: grid; grid-template-columns: 118px minmax(0, 1fr); align-items: center; gap: 18px; padding-top: 18px; }
.farmvilla-dashboard-donut { position: relative; width: 116px; aspect-ratio: 1; border-radius: 50%; }
.farmvilla-dashboard-donut::after { position: absolute; inset: 25px; border-radius: 50%; background: #fff; content: ""; }
.farmvilla-dashboard-donut > span { position: absolute; z-index: 1; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.farmvilla-dashboard-donut b { color: #1d2939; font-size: 20px; line-height: 1; }
.farmvilla-dashboard-donut small { margin-top: 4px; color: #667085; font-size: 11px; }
.farmvilla-dashboard-donut-legend { display: grid; gap: 10px; min-width: 0; }
.farmvilla-dashboard-donut-legend > div { display: grid; grid-template-columns: 8px minmax(0, 1fr); align-items: start; gap: 8px; }
.farmvilla-dashboard-donut-legend > div > span { width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; }
.farmvilla-dashboard-donut-legend p, .farmvilla-dashboard-donut-legend b, .farmvilla-dashboard-donut-legend small { display: block; min-width: 0; }
.farmvilla-dashboard-donut-legend b { overflow: hidden; color: #344054; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-dashboard-donut-legend small { margin-top: 1px; color: #667085; font-size: 11px; }

.farmvilla-dashboard-pipeline { display: grid; grid-template-columns: repeat(6, minmax(145px, 1fr)); overflow-x: auto; }
.farmvilla-dashboard-pipeline-column { display: flex; min-height: 260px; flex-direction: column; gap: 9px; padding: 12px; border-right: 1px solid #e4e7ec; background: #fbfcfb; }
.farmvilla-dashboard-pipeline-column:last-child { border-right: 0; }
.farmvilla-dashboard-pipeline-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #344054; font-size: 12px; font-weight: 600; }
.farmvilla-dashboard-pipeline-title b { min-width: 22px; padding: 2px 6px; border-radius: 999px; background: #edf8f1; color: #18864b; text-align: center; }
.farmvilla-dashboard-inquiry { display: block; padding: 10px; border: 1px solid #e4e7ec; border-radius: 8px; background: #fff; box-shadow: 0 1px 2px rgba(16,24,40,.04); }
.farmvilla-dashboard-inquiry span, .farmvilla-dashboard-inquiry small { display: block; overflow: hidden; color: #667085; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-dashboard-inquiry span { color: #18864b; font-weight: 600; }
.farmvilla-dashboard-inquiry strong { display: block; overflow: hidden; margin: 4px 0 2px; color: #1d2939; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-dashboard-empty { padding: 28px 8px; border: 1px dashed #d0d5dd; border-radius: 8px; color: #98a2b3; font-size: 12px; text-align: center; }
.farmvilla-dashboard-timing { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); background: #e4e7ec; gap: 1px; }
.farmvilla-dashboard-timing a { padding: 11px; background: #fff; text-align: center; }
.farmvilla-dashboard-timing strong, .farmvilla-dashboard-timing span { display: block; }
.farmvilla-dashboard-timing strong { color: #344054; font-size: 18px; }
.farmvilla-dashboard-timing span { margin-top: 2px; color: #667085; font-size: 12px; }
.farmvilla-dashboard-timing .is-overdue strong { color: #d92d20; }
.farmvilla-dashboard-priority-panel { border-color: #d7e9dc; }
.farmvilla-dashboard-priority-panel > header { background: #fbfefc; }
.farmvilla-dashboard-priority-panel .farmvilla-dashboard-timing a { padding-top: 14px; padding-bottom: 14px; }
.farmvilla-dashboard-priority-panel .farmvilla-dashboard-timing .is-overdue { background: #fff5f5; }
.farmvilla-dashboard-priority-panel .farmvilla-dashboard-timing .is-overdue span { color: #b42318; font-weight: 600; }
.farmvilla-dashboard-task-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
.farmvilla-dashboard-task-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-content: start; background: #e4e7ec; gap: 1px; }
.farmvilla-dashboard-task-summary a { display: flex; min-height: 86px; align-items: center; justify-content: center; flex-direction: column; padding: 12px; background: #fbfcfb; text-align: center; }
.farmvilla-dashboard-task-summary strong { color: #344054; font-size: 19px; }
.farmvilla-dashboard-task-summary span { margin-top: 3px; color: #667085; font-size: 11px; }
.farmvilla-dashboard-task-summary .is-overdue { background: #fff5f5; }
.farmvilla-dashboard-task-summary .is-overdue strong, .farmvilla-dashboard-task-summary .is-overdue span { color: #b42318; }
.farmvilla-dashboard-task-list { border-left: 1px solid #e4e7ec; }
.farmvilla-dashboard-task-list > a { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #eef0f3; }
.farmvilla-dashboard-task-list > a:last-child { border-bottom: 0; }
.farmvilla-dashboard-task-list span, .farmvilla-dashboard-task-list b, .farmvilla-dashboard-task-list small { display: block; min-width: 0; }
.farmvilla-dashboard-task-list b { overflow: hidden; color: #344054; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-dashboard-task-list small { margin-top: 2px; color: #667085; font-size: 11px; }
.farmvilla-dashboard-task-list time { flex: 0 0 auto; color: #667085; font-size: 11px; }

.farmvilla-donut-layout {
  grid-template-columns: minmax(190px, .8fr) minmax(0, 1.2fr);
}

.farmvilla-queue-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.farmvilla-ticket-detail-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 14px;
}

.farmvilla-ticket-edit-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

@media (max-width: 640px) {
  .farmvilla-donut-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .farmvilla-queue-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .farmvilla-ticket-detail-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .farmvilla-ticket-edit-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 641px) and (max-width: 1023px) {
  .farmvilla-ticket-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

form label > span:first-child {
  color: #34483b;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right .75rem center !important;
  background-size: 1rem 1rem !important;
  padding-right: 2.5rem !important;
}

select.rounded-full {
  background-position: right .5rem center !important;
  background-size: .8rem .8rem !important;
  padding-right: 1.65rem !important;
}

select + span.pointer-events-none.absolute {
  display: none !important;
}

input:not([type="checkbox"]):not([type="radio"]):focus,
select:focus,
textarea:focus {
  border-color: #8bc99d !important;
  box-shadow: 0 0 0 3px rgba(22, 138, 69, .1) !important;
  outline: none;
}

.farmvilla-ticket-board > div[data-ticket-column] {
  border-color: rgba(219, 227, 222, .92);
  box-shadow: 0 1px 2px rgba(16, 46, 27, .025);
}

.farmvilla-ticket-workspace {
  box-shadow: 0 1px 3px rgba(16, 46, 27, .025);
}

.farmvilla-ticket-board .farmvilla-board-column-header {
  border-bottom-color: rgba(212, 220, 215, .82);
  background: transparent;
}

.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 1) .farmvilla-board-column-header { background: #f2f9f4; }
.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 2) .farmvilla-board-column-header { background: #fff7ef; }
.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 3) .farmvilla-board-column-header { background: #f0f6fc; }
.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 4) .farmvilla-board-column-header { background: #f7f3fd; }
.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 5) .farmvilla-board-column-header { background: #fff8ed; }

.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 1) { background: #f6fbf7; }
.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 2) { background: #fffaf5; }
.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 3) { background: #f5f9fd; }
.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 4) { background: #faf8ff; }
.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 5) { background: #fffaf2; }

.farmvilla-ticket-board article[data-ticket-card] {
  border-radius: 9px !important;
  border-left-width: 3px !important;
  background: rgba(255, 255, 255, .96) !important;
  padding: 13px !important;
  box-shadow: 0 1px 3px rgba(16, 46, 27, .08) !important;
}

.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 1) article[data-ticket-card] { border-left-color: #69b67e !important; }
.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 2) article[data-ticket-card] { border-left-color: #e3a35b !important; }
.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 3) article[data-ticket-card] { border-left-color: #6e9fd5 !important; }
.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 4) article[data-ticket-card] { border-left-color: #9a7bd1 !important; }
.farmvilla-ticket-board > div[data-ticket-column]:nth-child(5n + 5) article[data-ticket-card] { border-left-color: #d5a24c !important; }
.farmvilla-ticket-board > div[data-ticket-column="inquiry"] article[data-ticket-card] { border-left-color: #69b67e !important; }
.farmvilla-ticket-board > div[data-ticket-column="negotiation"] article[data-ticket-card] { border-left-color: #e3a35b !important; }
.farmvilla-ticket-board > div[data-ticket-column="sample"] article[data-ticket-card] { border-left-color: #6e9fd5 !important; }
.farmvilla-ticket-board > div[data-ticket-column="quotation"] article[data-ticket-card] { border-left-color: #9a7bd1 !important; }
.farmvilla-ticket-board > div[data-ticket-column="won"] article[data-ticket-card] { border-left-color: #54ab70 !important; }
.farmvilla-ticket-board > div[data-ticket-column="lost"] article[data-ticket-card] { border-left-color: #d87676 !important; }

.farmvilla-ticket-board article[data-ticket-card]:hover {
  border-color: #cddbd1 !important;
  box-shadow: 0 4px 12px rgba(16, 46, 27, .09) !important;
}

.farmvilla-ticket-card-content { display: grid; gap: 9px; }
.farmvilla-ticket-card-meta { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; }
.farmvilla-ticket-card-subject { display: flex; min-width: 0; align-items: baseline; gap: 7px; }
.farmvilla-ticket-card-subject h4 { overflow: hidden; color: #1d2939; font-size: 13px; font-weight: 650; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-ticket-card-subject > span { flex: 0 0 auto; color: #d0d5dd; font-size: 12px; }
.farmvilla-ticket-card-subject p { overflow: hidden; min-width: 0; color: #667085; font-size: 12px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-ticket-card-subject p b { color: #475467; font-size: 10px; font-weight: 600; }
.farmvilla-ticket-card-commercial { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 5px; }
.farmvilla-ticket-card-commercial > span:not([class*="bg-"]) { padding: 3px 7px; border-radius: 6px; background: #f2f4f7; color: #475467; font-size: 10px; font-weight: 600; line-height: 16px; }
.farmvilla-ticket-card-commercial > strong { padding: 3px 7px; border-radius: 6px; background: #edf8f1; color: #168a45; font-size: 10px; font-weight: 650; line-height: 16px; }
.farmvilla-ticket-card-commercial > [class*="rounded-full"] { padding: 3px 7px !important; border-radius: 6px !important; font-size: 10px !important; line-height: 16px; }

.farmvilla-ticket-card-actions {
  display: grid;
  width: 100%;
  grid-template-columns: 4.5rem minmax(0, 1fr) 4.5rem;
  align-items: center;
  column-gap: 6px;
}

.farmvilla-ticket-card-actions > form,
.farmvilla-ticket-card-actions > span { min-width: 0; }
.farmvilla-ticket-card-actions > form:first-child,
.farmvilla-ticket-card-actions > form:first-child > span { width: 100%; min-width: 0 !important; }
.farmvilla-ticket-card-actions > form:first-child select { width: 100%; }
.farmvilla-ticket-source { display: flex; min-width: 0; align-items: center; justify-content: center; gap: 4px; overflow: hidden; color: #667085; font-size: 10px; font-weight: 600; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-ticket-followup-control { width: 4.5rem; min-width: 0; }
.farmvilla-ticket-followup-label { display: block; overflow: hidden; color: #667085; font-size: 11px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-ticket-card-note { display: -webkit-box; overflow: hidden; margin-top: 9px; padding: 7px 8px; border-radius: 6px; background: rgba(248, 250, 252, .9); color: #667085; font-size: 10px; line-height: 15px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.farmvilla-ticket-card-footer { display: flex; min-height: 28px; align-items: center; justify-content: space-between; gap: 8px; margin-top: 9px; }
.farmvilla-ticket-card-footer > span { border-radius: 0 !important; background: transparent !important; padding: 0 !important; color: #667085 !important; }
.farmvilla-ticket-archive-button { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 7px; color: #98a2b3; transition: color .15s ease, background-color .15s ease; }
.farmvilla-ticket-archive-button:hover { background: #f2f4f7; color: #475467; }
.farmvilla-ticket-archive-button svg { width: 16px; height: 16px; stroke: currentColor; }

body.farmvilla-filter-open { overflow: hidden; }
.farmvilla-filter-backdrop { position: fixed; z-index: 100000; inset: 0; background: rgba(15, 23, 42, .2); backdrop-filter: blur(1px); }
[data-ticket-filter-panel] { z-index: 100001 !important; width: 36rem !important; max-width: calc(100vw - 2rem) !important; border-radius: 10px !important; box-shadow: 0 18px 40px rgba(15, 23, 42, .16) !important; }
[data-ticket-filter-panel] > .space-y-4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
[data-ticket-filter-panel] > .space-y-4 > * { min-width: 0; margin-top: 0 !important; }
[data-ticket-filter-panel] > .space-y-4 > .flex:last-child { grid-column: 1 / -1; }
[data-ticket-filter-panel] select,
[data-ticket-filter-panel] input { min-width: 0; }
.farmvilla-filter-search-input { padding-left: 2.75rem !important; }
.farmvilla-switch-field { display: inline-flex; min-height: 42px; min-width: 190px; cursor: pointer; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid #e4e7ec; border-radius: 8px; padding: 8px 12px; color: #344054; font-size: 14px; font-weight: 500; }
.farmvilla-switch-label { min-width: 0; text-align: left; }
.farmvilla-switch-control { position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; }
.farmvilla-switch-track { position: relative; display: inline-block; width: 36px; height: 20px; flex: 0 0 36px; border-radius: 999px; background: #e4e7ec; transition: background-color .15s ease; }
.farmvilla-switch-track::after { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .18); content: ""; transition: transform .15s ease; }
.farmvilla-switch-input:checked + .farmvilla-switch-track { background: #168a45; }
.farmvilla-switch-input:checked + .farmvilla-switch-track::after { transform: translateX(16px); }
.farmvilla-switch-input:focus-visible + .farmvilla-switch-track { outline: 3px solid rgba(22, 138, 69, .16); outline-offset: 2px; }
.dark .farmvilla-switch-field,
.dark .farmvilla-switch-label { border-color: #344054; color: #d0d5dd !important; }
.dark .farmvilla-switch-track { background: #344054; }

.farmvilla-confirm-overlay { position: fixed; inset: 0; z-index: 1000001; display: grid; place-items: center; padding: 1rem; background: rgb(16 24 40 / .38); backdrop-filter: blur(4px); }
.farmvilla-confirm-overlay.hidden { display: none; }
.farmvilla-confirm-dialog { width: min(100%, 27rem); display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: .875rem; padding: 1.25rem; border: 1px solid #e4e7ec; border-radius: .75rem; background: #fff; box-shadow: 0 24px 48px -12px rgb(16 24 40 / .3); }
.farmvilla-confirm-icon { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: .625rem; color: #b54708; background: #fffaeb; }
.farmvilla-confirm-icon svg { width: 1.35rem; height: 1.35rem; }
.farmvilla-confirm-copy h2 { margin: 0; color: #101828; font-size: 1rem; font-weight: 600; }
.farmvilla-confirm-copy p { margin: .35rem 0 0; color: #667085; font-size: .875rem; line-height: 1.45; }
.farmvilla-confirm-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: .625rem; padding-top: .25rem; }
.farmvilla-confirm-actions button { min-height: 2.5rem; padding: .55rem .9rem; border: 1px solid #d0d5dd; border-radius: .5rem; color: #344054; background: #fff; font-size: .875rem; font-weight: 600; }
.farmvilla-confirm-actions [data-confirm-accept] { border-color: #15803d; color: #fff; background: #15803d; }
.farmvilla-confirm-actions button:hover { filter: brightness(.98); }
.farmvilla-confirm-actions button:focus-visible { outline: 3px solid rgb(22 163 74 / .2); outline-offset: 2px; }

.farmvilla-quotation-table thead {
  background: #fbfcfb;
}

.farmvilla-quotation-table th {
  color: #657169;
  font-weight: 500;
}

.farmvilla-quotation-table td,
.farmvilla-quotation-table th {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.dark {
  --farmvilla-dark-canvas: #0b1220;
  --farmvilla-dark-surface: #101828;
  --farmvilla-dark-raised: #182230;
  --farmvilla-dark-border: #344054;
  --farmvilla-dark-text: #f2f4f7;
  --farmvilla-dark-muted: #98a2b3;
  color-scheme: dark;
}
.dark body { background: var(--farmvilla-dark-canvas); }
.dark .farmvilla-content { background: var(--farmvilla-dark-canvas); }
.dark .farmvilla-control { border-color: #475467; color: var(--farmvilla-dark-text); background: var(--farmvilla-dark-raised); box-shadow: none; }
.dark .farmvilla-control::placeholder,
.dark .farmvilla-field::placeholder { color: #667085; opacity: 1; }
.dark .farmvilla-toolbar .farmvilla-button-secondary { border-color: #475467; color: #d0d5dd; background: var(--farmvilla-dark-raised); }
.dark .farmvilla-panel,
.dark .farmvilla-modal { border-color: var(--farmvilla-dark-border); background: var(--farmvilla-dark-surface); }
.dark .farmvilla-panel-header,
.dark .farmvilla-collection-meta,
.dark .farmvilla-modal-header,
.dark .farmvilla-modal-footer { border-color: #344054; }
.dark .farmvilla-panel-title,
.dark .farmvilla-modal h2,
.dark .farmvilla-modal h3 { color: #f2f4f7; }
.dark .farmvilla-panel-subtitle,
.dark .farmvilla-field-label { color: #98a2b3; }
.dark .farmvilla-field { border-color: #475467; color: #f2f4f7; background: #101828; }
.dark .farmvilla-task-list-sidebar,
.dark .farmvilla-task-list-detail > header,
.dark .farmvilla-task-list-entries > * + * { border-color: #344054; }
.dark .farmvilla-task-list-sidebar h2,
.dark .farmvilla-task-list-detail h2,
.dark .farmvilla-task-list-link b,
.dark .farmvilla-task-list-entry-title b { color: #f2f4f7; }
.dark .farmvilla-task-list-sidebar p,
.dark .farmvilla-task-list-detail header p,
.dark .farmvilla-task-list-link small,
.dark .farmvilla-task-list-entry p { color: #98a2b3; }
.dark .farmvilla-task-list-link { border-color: #344054; background: #101828; }
.dark .farmvilla-task-list-link:hover,
.dark .farmvilla-task-list-link.is-active,
.dark .farmvilla-task-list-entry.is-complete { border-color: #168a45; background: #16231c; }
.dark .farmvilla-user-account-list > * + *,
.dark .farmvilla-user-editor-form { border-color: #344054; }
.dark .farmvilla-user-account-copy > div { color: #f2f4f7; }
.dark .farmvilla-user-account-copy small { color: #98a2b3; }
.dark .farmvilla-user-status { color: #98a2b3; background: #1d2939; }
.dark .farmvilla-user-status.is-active { color: #75e0a7; background: rgba(8, 93, 58, .35); }
.dark .farmvilla-permission-option { border-color: #344054; color: #d0d5dd; background: #101828; }
.dark .farmvilla-permission-option:hover,
.dark .farmvilla-permission-option:has(input:checked) { border-color: #168a45; color: #75e0a7; background: #16231c; }
.dark .farmvilla-form-section + .farmvilla-form-section,
.dark .farmvilla-form-actions { border-color: #344054; }
.dark .farmvilla-form-section-header h3 { color: #f2f4f7; }
.dark .farmvilla-inquiry-progress { border-color: #344054; }
.dark .farmvilla-inquiry-progress-heading h4 { color: #f2f4f7; }
.dark .farmvilla-inquiry-progress-heading p { color: #98a2b3; }
.dark .farmvilla-product-editor,
.dark .farmvilla-unit-price-editor,
.dark .farmvilla-unit-price-summary > span { border-color: #344054; background: #101828; }
.dark .farmvilla-product-editor-header { border-color: #344054; background: linear-gradient(90deg, #16231c 0%, #101828 72%); }
.dark .farmvilla-product-editor-heading h2,
.dark .farmvilla-unit-price-editor-header b { color: #f2f4f7; }
.dark .farmvilla-product-editor-heading p,
.dark .farmvilla-unit-price-editor-header small,
.dark .farmvilla-unit-price-summary small { color: #98a2b3; }
.dark .farmvilla-product-editor-pricing,
.dark .farmvilla-product-editor-footer,
.dark .farmvilla-unit-price-editor-header { border-color: #344054; background: #1d2939; }
.dark .farmvilla-unit-price-row + .farmvilla-unit-price-row,
.dark .farmvilla-unit-price-add { border-color: #344054; }
.dark .farmvilla-unit-price-add { background: #16231c; }
.dark .farmvilla-record-heading h2,
.dark .farmvilla-summary-item dd,
.dark .farmvilla-form-foldout-copy b { color: #f2f4f7; }
.dark .farmvilla-record-heading p,
.dark .farmvilla-summary-item dt,
.dark .farmvilla-form-foldout-copy small { color: #98a2b3; }
.dark .farmvilla-summary-strip,
.dark .farmvilla-form-foldout,
.dark .farmvilla-metric-card,
.dark .farmvilla-responsive-disclosure,
.dark .farmvilla-draft-actions > div { border-color: #344054; background: #101828; }
.dark .farmvilla-action-popover-panel { border-color: #344054; background: #101828; }
.dark .farmvilla-action-popover-heading h3 { color: #f2f4f7; }
.dark .farmvilla-action-popover-heading p { color: #98a2b3; }
.dark .farmvilla-responsive-disclosure > summary b { color: #f2f4f7; }
.dark .farmvilla-responsive-disclosure > summary small,
.dark .farmvilla-responsive-disclosure > summary svg { color: #98a2b3; }
.dark .farmvilla-responsive-disclosure-body { border-color: #344054; }
.dark .farmvilla-draft-actions > div a { color: #d0d5dd; }
.dark .farmvilla-draft-actions > div a:hover { color: #6ce9a6; background: rgba(255,255,255,.04); }
.dark .farmvilla-metric-copy small { color: #d0d5dd; }
.dark .farmvilla-metric-copy b { color: #f2f4f7; }
.dark .farmvilla-metric-copy em { color: #98a2b3; }
.dark .farmvilla-summary-item + .farmvilla-summary-item::before,
.dark .farmvilla-form-foldout-body,
.dark .farmvilla-record-action-footer { border-color: #344054; background: rgba(16,24,40,.96); }
.dark .farmvilla-company-delete > div { border-color: rgba(240,68,56,.4); color: #d0d5dd; background: #101828; }
.dark .farmvilla-company-delete > div input { border-color: rgba(240,68,56,.4); color: #f2f4f7; background: #101828; }
.dark .farmvilla-repeater-item { border-color: #344054; background: #101828; }
.dark .farmvilla-repeater-header { border-color: #344054; background: #1d2939; }
.dark .farmvilla-repeater-title { color: #f2f4f7; }
.dark .farmvilla-button-secondary { border-color: #475467; color: #d0d5dd; background: #101828; }
.dark .farmvilla-button-secondary:hover { background: #1d2939; }
.dark .farmvilla-table-icon-button { border-color: #344054; color: #98a2b3; box-shadow: none; }
.dark .farmvilla-table-icon-button:hover { border-color: #475467; color: #d0d5dd; }
.dark .farmvilla-table-icon-button.is-danger:hover { border-color: rgba(240,68,56,.35); color: #f97066; background: rgba(240,68,56,.1); }
.dark .farmvilla-filter-count { color: #6ce9a6; background: rgba(18,183,106,.15); }
.dark .farmvilla-search-icon { color: #667085; }
.dark .farmvilla-filter-panel { border-color: #344054; background: #101828; }
.dark .farmvilla-filter-actions { border-color: #1d2939; }
.dark .farmvilla-segmented-control { background: #1d2939; }
.dark .farmvilla-segmented-control > .is-active { color: #f2f4f7; background: #344054; }
.dark .farmvilla-data-table thead { background: #1d2939; }
.dark .farmvilla-data-table th { color: #98a2b3; }
.dark .farmvilla-data-table td { border-color: #344054; color: #d0d5dd; }
.dark .farmvilla-data-table td .text-gray-800 { color: #f2f4f7 !important; }
.dark .farmvilla-data-table td .text-gray-500,
.dark .farmvilla-data-table td .text-gray-600 { color: #98a2b3 !important; }
.dark .farmvilla-data-table tbody tr:hover { background: #182230; }
.dark .farmvilla-empty-state { border-color: #475467; color: #98a2b3; background: #101828; }

/* High-level dark surfaces: inquiry board, CRM dashboard and task board. */
.dark .farmvilla-ticket-workspace { border-color: var(--farmvilla-dark-border) !important; background: var(--farmvilla-dark-surface) !important; }
.dark .farmvilla-ticket-board > div[data-ticket-column] { border-color: var(--farmvilla-dark-border) !important; background: #0f172a !important; box-shadow: none; }
.dark .farmvilla-ticket-board > div[data-ticket-column="inquiry"] { background: #101d1a !important; }
.dark .farmvilla-ticket-board > div[data-ticket-column="negotiation"] { background: #1e1914 !important; }
.dark .farmvilla-ticket-board > div[data-ticket-column="sample"] { background: #101a24 !important; }
.dark .farmvilla-ticket-board > div[data-ticket-column="quotation"] { background: #181525 !important; }
.dark .farmvilla-ticket-board > div[data-ticket-column="won"] { background: #101d18 !important; }
.dark .farmvilla-ticket-board > div[data-ticket-column="lost"] { background: #211517 !important; }
.dark .farmvilla-ticket-board .farmvilla-board-column-header { border-color: var(--farmvilla-dark-border) !important; background: var(--farmvilla-dark-raised) !important; }
.dark .farmvilla-ticket-board > div[data-ticket-column="inquiry"] .farmvilla-board-column-header { background: #153126 !important; }
.dark .farmvilla-ticket-board > div[data-ticket-column="negotiation"] .farmvilla-board-column-header { background: #302317 !important; }
.dark .farmvilla-ticket-board > div[data-ticket-column="sample"] .farmvilla-board-column-header { background: #172b3d !important; }
.dark .farmvilla-ticket-board > div[data-ticket-column="quotation"] .farmvilla-board-column-header { background: #29213b !important; }
.dark .farmvilla-ticket-board > div[data-ticket-column="won"] .farmvilla-board-column-header { background: #153126 !important; }
.dark .farmvilla-ticket-board > div[data-ticket-column="lost"] .farmvilla-board-column-header { background: #352024 !important; }
.dark .farmvilla-ticket-board article[data-ticket-card] { border-color: #475467 !important; color: #d0d5dd; background: var(--farmvilla-dark-raised) !important; box-shadow: 0 1px 3px rgba(0,0,0,.24) !important; }
.dark .farmvilla-ticket-board article[data-ticket-card]:hover { border-color: #667085 !important; background: #1d2939 !important; box-shadow: 0 5px 14px rgba(0,0,0,.3) !important; }
.dark .farmvilla-ticket-card-subject h4 { color: var(--farmvilla-dark-text); }
.dark .farmvilla-ticket-card-subject p,
.dark .farmvilla-ticket-card-subject p b,
.dark .farmvilla-ticket-source,
.dark .farmvilla-ticket-followup-label,
.dark .farmvilla-ticket-card-footer > span { color: var(--farmvilla-dark-muted) !important; }
.dark .farmvilla-ticket-card-commercial > span:not([class*="bg-"]) { color: #d0d5dd; background: #344054; }
.dark .farmvilla-ticket-card-commercial > strong { color: #6ce9a6; background: rgba(18,183,106,.14); }
.dark .farmvilla-ticket-card-actions select,
.dark .farmvilla-ticket-followup-control input { border-color: #475467 !important; color: #d0d5dd !important; background-color: var(--farmvilla-dark-surface) !important; }
.dark .farmvilla-ticket-card-note { color: var(--farmvilla-dark-muted); background: rgba(16,24,40,.72); }
.dark .farmvilla-ticket-archive-button:hover { color: #d0d5dd; background: #344054; }
.dark .farmvilla-ticket-board [class*="border-dashed"] { border-color: #475467 !important; color: var(--farmvilla-dark-muted) !important; background: rgba(16,24,40,.55); }

.dark .farmvilla-dashboard-kpi,
.dark .farmvilla-dashboard-panel { border-color: var(--farmvilla-dark-border); background: var(--farmvilla-dark-surface); box-shadow: none; }
.dark .farmvilla-dashboard-kpi:hover { border-color: #475467; background: var(--farmvilla-dark-raised); box-shadow: 0 4px 12px rgba(0,0,0,.2); }
.dark .farmvilla-dashboard-kpi-label,
.dark .farmvilla-dashboard-kpi small,
.dark .farmvilla-dashboard-panel > header p,
.dark .farmvilla-dashboard-donut small,
.dark .farmvilla-dashboard-donut-legend small { color: var(--farmvilla-dark-muted); }
.dark .farmvilla-dashboard-kpi strong,
.dark .farmvilla-dashboard-panel > header h2,
.dark .farmvilla-dashboard-donut b,
.dark .farmvilla-dashboard-donut-legend b { color: var(--farmvilla-dark-text); }
.dark .farmvilla-dashboard-panel > header { border-color: var(--farmvilla-dark-border); background: var(--farmvilla-dark-surface); }
.dark .farmvilla-dashboard-panel > header a { color: #6ce9a6; }
.dark .farmvilla-dashboard-icon-green { color: #6ce9a6; background: rgba(18,183,106,.14); }
.dark .farmvilla-dashboard-icon-blue { color: #84caff; background: rgba(46,144,250,.14); }
.dark .farmvilla-dashboard-icon-amber { color: #fec84b; background: rgba(247,144,9,.14); }
.dark .farmvilla-dashboard-icon-purple { color: #bdb4fe; background: rgba(127,86,217,.16); }
.dark .farmvilla-dashboard-icon-red { color: #fda29b; background: rgba(240,68,56,.14); }
.dark .farmvilla-dashboard-donut::after { background: var(--farmvilla-dark-surface); }
.dark .farmvilla-dashboard-pipeline-column { border-color: var(--farmvilla-dark-border); background: #0f172a; }
.dark .farmvilla-dashboard-pipeline-title { color: #d0d5dd; }
.dark .farmvilla-dashboard-pipeline-title b { color: #6ce9a6; background: rgba(18,183,106,.14); }
.dark .farmvilla-dashboard-inquiry { border-color: var(--farmvilla-dark-border); background: var(--farmvilla-dark-raised); box-shadow: none; }
.dark .farmvilla-dashboard-inquiry:hover { border-color: #475467; background: #1d2939; }
.dark .farmvilla-dashboard-inquiry span { color: #6ce9a6; }
.dark .farmvilla-dashboard-inquiry strong { color: var(--farmvilla-dark-text); }
.dark .farmvilla-dashboard-inquiry small,
.dark .farmvilla-dashboard-empty { color: var(--farmvilla-dark-muted); }
.dark .farmvilla-dashboard-empty { border-color: #475467; background: rgba(16,24,40,.45); }
.dark .farmvilla-dashboard-timing,
.dark .farmvilla-dashboard-task-summary { background: var(--farmvilla-dark-border); }
.dark .farmvilla-dashboard-timing a,
.dark .farmvilla-dashboard-task-summary a { background: var(--farmvilla-dark-raised); }
.dark .farmvilla-dashboard-timing a:hover,
.dark .farmvilla-dashboard-task-summary a:hover { background: #1d2939; }
.dark .farmvilla-dashboard-timing strong,
.dark .farmvilla-dashboard-task-summary strong { color: var(--farmvilla-dark-text); }
.dark .farmvilla-dashboard-timing span,
.dark .farmvilla-dashboard-task-summary span,
.dark .farmvilla-dashboard-task-list small,
.dark .farmvilla-dashboard-task-list time { color: var(--farmvilla-dark-muted); }
.dark .farmvilla-dashboard-priority-panel { border-color: var(--farmvilla-dark-border); }
.dark .farmvilla-dashboard-priority-panel > header { background: var(--farmvilla-dark-surface); }
.dark .farmvilla-dashboard-priority-panel .farmvilla-dashboard-timing .is-overdue,
.dark .farmvilla-dashboard-task-summary .is-overdue { background: #2a171a; }
.dark .farmvilla-dashboard-priority-panel .farmvilla-dashboard-timing .is-overdue strong,
.dark .farmvilla-dashboard-priority-panel .farmvilla-dashboard-timing .is-overdue span,
.dark .farmvilla-dashboard-task-summary .is-overdue strong,
.dark .farmvilla-dashboard-task-summary .is-overdue span { color: #fda29b; }
.dark .farmvilla-dashboard-task-list { border-color: var(--farmvilla-dark-border); }
.dark .farmvilla-dashboard-task-list > a { border-color: #1d2939; }
.dark .farmvilla-dashboard-task-list > a:hover { background: var(--farmvilla-dark-raised); }
.dark .farmvilla-dashboard-task-list b { color: var(--farmvilla-dark-text); }

.dark .farmvilla-task-lane { border-color: var(--farmvilla-dark-border); background: var(--farmvilla-dark-surface); }
.dark .farmvilla-task-lane .farmvilla-panel-header { border-color: var(--farmvilla-dark-border); background: var(--farmvilla-dark-surface); }
.dark .farmvilla-task-lane-count { color: #d0d5dd; background: #344054; }
.dark .farmvilla-task-lane-body { background: #0f172a; }
.dark .farmvilla-task-lane-empty { border-color: #475467; color: var(--farmvilla-dark-muted); background: var(--farmvilla-dark-surface); }
.dark .farmvilla-task-card { border-color: var(--farmvilla-dark-border); background: var(--farmvilla-dark-raised); box-shadow: none; }
.dark .farmvilla-task-card:hover { border-color: #475467; background: #1d2939; }
.dark .farmvilla-task-card h3 { color: var(--farmvilla-dark-text) !important; }
.dark .farmvilla-task-card .text-gray-500,
.dark .farmvilla-task-card .text-gray-600 { color: var(--farmvilla-dark-muted) !important; }
.dark .farmvilla-task-card .bg-gray-100 { color: #d0d5dd !important; background: #344054 !important; }
.dark .farmvilla-task-priority.is-low { color: #d0d5dd; background: #344054; }
.dark .farmvilla-task-priority.is-normal { color: #84caff; background: rgba(46,144,250,.14); }
.dark .farmvilla-task-priority.is-high { color: #fec84b; background: rgba(247,144,9,.14); }
.dark .farmvilla-task-priority.is-critical { color: #fda29b; background: rgba(240,68,56,.14); }

.dark .farmvilla-automation-panel { border-color: var(--farmvilla-dark-border) !important; background: var(--farmvilla-dark-surface); }
.dark .farmvilla-automation-panel h3 { color: var(--farmvilla-dark-text) !important; }
.dark .farmvilla-automation-panel p { color: var(--farmvilla-dark-muted) !important; }
.dark .farmvilla-grow-card { border-color: var(--farmvilla-dark-border); color: var(--farmvilla-dark-muted); background: var(--farmvilla-dark-surface); }
.dark .farmvilla-mobile-account { border-color: var(--farmvilla-dark-border); background: var(--farmvilla-dark-surface); }
.dark .farmvilla-mobile-account b { color: var(--farmvilla-dark-text); }
.dark .farmvilla-mobile-account small { color: var(--farmvilla-dark-muted); }
.dark .farmvilla-confirm-dialog { border-color: var(--farmvilla-dark-border); background: var(--farmvilla-dark-surface); }
.dark .farmvilla-confirm-copy h2 { color: var(--farmvilla-dark-text); }
.dark .farmvilla-confirm-copy p { color: var(--farmvilla-dark-muted); }
.dark .farmvilla-confirm-actions button { border-color: #475467; color: #d0d5dd; background: var(--farmvilla-dark-raised); }
.dark .farmvilla-pagination { border-color: var(--farmvilla-dark-border); color: var(--farmvilla-dark-muted); }
.dark .farmvilla-pagination-pages a { color: #d0d5dd; }
.dark .farmvilla-pagination-pages a:hover,
.dark .farmvilla-pagination-pages a.is-active { border-color: #168a45; color: #6ce9a6; background: rgba(18,183,106,.14); }
.dark .farmvilla-pagination-jump input { border-color: #475467; color: var(--farmvilla-dark-text); background: var(--farmvilla-dark-raised); }
.dark .farmvilla-onboarding { border-color: #175c3a; background: #10251c; }
.dark .farmvilla-onboarding h2 { color: #6ce9a6; }
.dark .farmvilla-onboarding p { color: var(--farmvilla-dark-muted); }
.dark .farmvilla-onboarding-steps { border-color: #175c3a; }
.dark .farmvilla-onboarding-steps a { color: #d0d5dd; }
.dark .farmvilla-onboarding-steps a + a { border-color: #175c3a; }
.dark .farmvilla-onboarding-steps span { color: #6ce9a6; background: rgba(18,183,106,.18); }
.dark .farmvilla-dashboard-customize > summary,
.dark .farmvilla-dashboard-customize > div { border-color: var(--farmvilla-dark-border); color: #d0d5dd; background: var(--farmvilla-dark-surface); }
.dark .farmvilla-dashboard-customize label { color: #d0d5dd; }
.dark .farmvilla-dashboard-customize label:hover { background: var(--farmvilla-dark-raised); }
.dark .farmvilla-notification-badge { border-color: #101828; }
.dark .farmvilla-notification-panel, .dark .farmvilla-notification-footer { border-color: #344054; background: #101828; }
.dark .farmvilla-notification-header, .dark .farmvilla-notification-summary, .dark .farmvilla-notification-group + .farmvilla-notification-group, .dark .farmvilla-notification-footer { border-color: #344054; }
.dark .farmvilla-notification-header h2, .dark .farmvilla-notification-copy b, .dark .farmvilla-notification-group-title h3 { color: #f2f4f7; }
.dark .farmvilla-notification-summary { background: #1d2939; }
.dark .farmvilla-notification-summary span, .dark .farmvilla-notification-item time, .dark .farmvilla-notification-copy small, .dark .farmvilla-notification-header p { color: #98a2b3; }
.dark .farmvilla-notification-summary b { color: #e4e7ec; }
.dark .farmvilla-notification-item { border-color: #1d2939; }
.dark .farmvilla-notification-footer a { border-color: #475467; color: #d0d5dd; }
.farmvilla-confirm-overlay[data-tone="danger"] .farmvilla-confirm-icon { color: #b42318; background: #fef3f2; }
.farmvilla-confirm-overlay[data-tone="danger"] [data-confirm-accept] { border-color: #d92d20; background: #d92d20; }

.farmvilla-product-version { display: block; margin-top: 5px; color: #667085; font-size: 10px; font-weight: 600; letter-spacing: .02em; }
.farmvilla-breadcrumb ol { display: flex; min-width: 0; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; color: #667085; font-size: 12px; }
.farmvilla-breadcrumb li { display: flex; min-width: 0; align-items: center; gap: 6px; }
.farmvilla-breadcrumb li + li::before { color: #98a2b3; content: "/"; }
.farmvilla-breadcrumb a { color: #667085; text-decoration: none; }
.farmvilla-breadcrumb a:hover { color: #168a45; text-decoration: underline; text-underline-offset: 2px; }
.farmvilla-breadcrumb [aria-current="page"] { overflow: hidden; max-width: 18rem; color: #344054; text-overflow: ellipsis; white-space: nowrap; }
.farmvilla-account-menu { position: relative; }
.farmvilla-account-trigger { display: flex; min-height: 42px; align-items: center; gap: 9px; border-radius: 8px; padding: 1px 4px; color: #667085; }
.farmvilla-account-trigger:hover { background: #f9fafb; }
.farmvilla-account-trigger > svg { width: 18px; height: 18px; }
.farmvilla-account-popover { position: absolute; top: calc(100% + 9px); right: 0; z-index: 100002; width: 220px; overflow: hidden; border: 1px solid #e4e7ec; border-radius: 10px; background: #fff; box-shadow: 0 16px 32px rgba(16,24,40,.14); }
.farmvilla-account-popover-identity { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-bottom: 1px solid #e4e7ec; }
.farmvilla-account-popover-identity b { color: #344054; font-size: 13px; }
.farmvilla-account-popover-identity span { color: #667085; font-size: 11px; }
.farmvilla-account-popover > button { display: flex; width: 100%; align-items: center; gap: 9px; padding: 11px 14px; border-top: 1px solid #f2f4f7; color: #475467; font-size: 13px; font-weight: 600; text-align: left; }
.farmvilla-account-popover > button:hover { background: #f9fafb; }
.farmvilla-account-theme > span:first-child { display: inline-flex; width: 18px; height: 18px; align-items: center; justify-content: center; border-radius: 50%; color: #344054; background: #f2f4f7; font-size: 13px; }
.farmvilla-account-popover > .farmvilla-account-signout { color: #b42318; }
.farmvilla-account-popover > .farmvilla-account-signout:hover { background: #fef3f2; }
.dark .farmvilla-account-trigger:hover { background: #1d2939; }
.dark .farmvilla-header h1 { color: #f2f4f7 !important; }
.dark .farmvilla-breadcrumb ol,
.dark .farmvilla-breadcrumb a,
.dark .farmvilla-breadcrumb [aria-current="page"] { color: #98a2b3; }
.dark .farmvilla-account-popover { border-color: #344054; background: #101828; }
.dark .farmvilla-account-popover-identity { border-color: #344054; }
.dark .farmvilla-account-popover-identity b { color: #f2f4f7; }
.dark .farmvilla-account-popover-identity span { color: #98a2b3; }
.dark .farmvilla-account-popover > button { border-color: #1d2939; color: #d0d5dd; }
.dark .farmvilla-account-popover > button:hover { background: #1d2939; }
.dark .farmvilla-account-theme > span:first-child { color: #f2f4f7; background: #344054; }
.dark .farmvilla-account-popover > .farmvilla-account-signout { color: #fda29b; }
.farmvilla-date-range { display: flex; align-items: center; gap: 10px; }
.farmvilla-date-range .farmvilla-field { display: grid; min-width: 190px; grid-template-columns: auto minmax(120px, 1fr); align-items: center; gap: 8px; border: 0; padding: 0; background: transparent; }
.farmvilla-date-range .farmvilla-field-label { margin: 0; white-space: nowrap; }
.farmvilla-date-range.is-compact .farmvilla-field { display: block; min-width: 156px; }
.farmvilla-date-range.is-compact .farmvilla-select-wrap { display: block; }
.farmvilla-date-range.is-compact select { min-width: 156px; padding-right: 42px !important; padding-left: 14px !important; }
.farmvilla-date-range-custom { display: flex; align-items: center; gap: 10px; }
.farmvilla-date-range-custom.hidden { display: none !important; }
.farmvilla-pagination { display: flex; min-height: 56px; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid #e4e7ec; padding: 10px 16px; color: #667085; font-size: 12px; }
.farmvilla-pagination-pages { display: flex; align-items: center; gap: 4px; }
.farmvilla-pagination-pages a { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 7px; color: #475467; font-weight: 600; }
.farmvilla-pagination-pages a:hover, .farmvilla-pagination-pages a.is-active { border-color: #a6f4c5; color: #067647; background: #ecfdf3; }
.farmvilla-pagination-pages a[aria-disabled="true"] { pointer-events: none; opacity: .4; }
.farmvilla-pagination-jump { display: flex; align-items: center; gap: 8px; }
.farmvilla-pagination-jump input { width: 64px; height: 34px; border: 1px solid #d0d5dd; border-radius: 7px; padding: 0 8px; text-align: center; }
.farmvilla-onboarding { margin-bottom: 16px; border: 1px solid #d1fadf; border-radius: 10px; background: #f6fef9; }
.farmvilla-onboarding > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 14px; }
.farmvilla-onboarding h2 { color: #05603a; font-size: 14px; font-weight: 700; }
.farmvilla-onboarding p { margin-top: 2px; color: #667085; font-size: 12px; }
.farmvilla-onboarding-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid #d1fadf; }
.farmvilla-onboarding-steps a { display: flex; min-width: 0; align-items: center; gap: 8px; padding: 11px 13px; color: #344054; font-size: 12px; font-weight: 600; }
.farmvilla-onboarding-steps a + a { border-left: 1px solid #d1fadf; }
.farmvilla-onboarding-steps span { display: grid; width: 20px; height: 20px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #067647; background: #d1fadf; font-size: 10px; }
.farmvilla-onboarding-steps a.is-complete { color: #667085; text-decoration: line-through; }
.farmvilla-dashboard-customize { position: relative; z-index: 20; display: flex; justify-content: flex-end; margin: 0 0 10px auto; }
.farmvilla-dashboard-customize > summary { display: inline-flex; min-height: 36px; cursor: pointer; list-style: none; align-items: center; border: 1px solid #d0d5dd; border-radius: 8px; padding: 0 12px; color: #475467; background: #fff; font-size: 12px; font-weight: 600; }
.farmvilla-dashboard-customize > summary::-webkit-details-marker { display: none; }
.farmvilla-dashboard-customize > div { position: absolute; top: calc(100% + 6px); right: 0; display: grid; width: 240px; gap: 4px; border: 1px solid #e4e7ec; border-radius: 9px; padding: 8px; background: #fff; box-shadow: 0 14px 30px rgba(16,24,40,.14); }
.farmvilla-dashboard-customize:not([open]) > div { display: none; }
.farmvilla-dashboard-customize label { display: flex; align-items: center; gap: 9px; border-radius: 6px; padding: 8px; color: #344054; font-size: 12px; }
.farmvilla-dashboard-customize label:hover { background: #f9fafb; }
.farmvilla-dashboard-customize input { width: 16px; height: 16px; accent-color: #168a45; }
[data-dashboard-widget][hidden] { display: none !important; }

@media (max-width: 1023px) {
  body.farmvilla-mobile-nav-open { overflow: hidden; }
  aside.farmvilla-sidebar.is-mobile-open { display: flex !important; position: fixed; z-index: 100001; inset: 0 auto 0 0; width: min(82vw, 290px) !important; min-width: 0; box-shadow: 16px 0 32px rgba(16,24,40,.18); }
  .farmvilla-sidebar-backdrop.is-visible { display: block; position: fixed; z-index: 100000; inset: 0; background: rgba(16,24,40,.45); backdrop-filter: blur(2px); }
  .farmvilla-mobile-menu-button, .farmvilla-mobile-sidebar-close, .farmvilla-mobile-account { display: flex !important; }
  .farmvilla-header { min-height: 72px; }
  .farmvilla-content { padding: 14px !important; }
  .farmvilla-product-editor-layout { grid-template-columns: 1fr; }
  .farmvilla-product-editor-pricing { border-top: 1px solid #e4e7ec; border-left: 0; }
  .farmvilla-task-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .farmvilla-user-dashboard-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .farmvilla-user-dashboard-insights { grid-template-columns: 1fr; }
  .farmvilla-dashboard-task-layout { grid-template-columns: 1fr; }
  .farmvilla-dashboard-task-list { border-top: 1px solid #e4e7ec; border-left: 0; }
  .farmvilla-task-filters { grid-template-columns: 1fr 1fr !important; }
  .farmvilla-task-list-layout { grid-template-columns: 1fr !important; }
  .farmvilla-task-list-layout > aside { border-right: 0; border-bottom: 1px solid #e4e7ec; }
  .farmvilla-record-split,
  .farmvilla-quotation-field-grid { grid-template-columns: 1fr !important; }
  .farmvilla-company-addresses { grid-template-columns: 1fr; }
  .farmvilla-form-grid-identity,
  .farmvilla-form-grid-four,
  .farmvilla-form-grid-three,
  .farmvilla-form-grid-company-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .farmvilla-shipping-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .farmvilla-shipping-grid > label,
  .farmvilla-shipping-landmark,
  .farmvilla-shipping-pin,
  .farmvilla-shipping-tax,
  .farmvilla-shipping-pan { grid-column: auto !important; }
  .farmvilla-shipping-address { grid-column: 1 / -1 !important; }
  .farmvilla-company-address-layout { grid-template-columns: 1fr; }
  .farmvilla-company-address-layout > label textarea { min-height: 96px; }
  .farmvilla-summary-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .farmvilla-metric-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .farmvilla-summary-item:nth-child(3n + 1):not(:first-child)::before { display: none; }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .farmvilla-form-grid-company-meta { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 639px) {
  .farmvilla-header { gap: 10px; padding: 12px 14px !important; }
  .farmvilla-product-editor { margin: 0 10px 12px; }
  .farmvilla-product-editor-header { align-items: flex-start; padding: 12px; }
  .farmvilla-product-editor-heading > span { width: 36px; height: 36px; flex-basis: 36px; }
  .farmvilla-product-editor-details, .farmvilla-product-editor-pricing { padding: 14px 12px; }
  .farmvilla-product-editor-footer { align-items: stretch; flex-direction: column-reverse; padding: 10px 12px; }
  .farmvilla-product-editor-footer .farmvilla-button { width: 100%; }
  .farmvilla-unit-price-editor-header { align-items: flex-start; }
  .farmvilla-unit-price-row { grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr) 32px; gap: 8px; padding: 10px; }
  .farmvilla-header > div { gap: 10px !important; }
  .farmvilla-header > div > .min-w-0 { min-width: 0 !important; overflow: hidden; }
  .farmvilla-header .farmvilla-breadcrumb { display: none; }
  .farmvilla-header h1 { font-size: 17px; line-height: 22px; }
  .farmvilla-header .farmvilla-header-actions { gap: 6px; }
  .farmvilla-header .farmvilla-header-identity { display: none !important; }
  .farmvilla-header .farmvilla-account-trigger { width: 44px; min-width: 44px; padding: 2px; }
  .farmvilla-header .farmvilla-account-trigger > svg { display: none; }
  .farmvilla-header .farmvilla-account-menu { width: 44px; flex: 0 0 44px; }
  .farmvilla-header-primary-actions a, .farmvilla-header-primary-actions button { width: 38px !important; height: 38px !important; padding: 0 !important; overflow: hidden; justify-content: center; gap: 0 !important; font-size: 0 !important; white-space: nowrap; }
  .farmvilla-header-primary-actions a > span, .farmvilla-header-primary-actions button > span { font-size: 18px !important; line-height: 1; }
  .farmvilla-notification-panel { top: 68px; right: 10px; width: calc(100vw - 20px); max-height: calc(100vh - 78px); }
  .farmvilla-task-kpis { grid-template-columns: 1fr; }
  .farmvilla-panel-header { min-height: 56px; padding: 10px 12px; }
  .farmvilla-toolbar { align-items: stretch; flex-direction: column; }
  .farmvilla-segmented-control { width: 100%; overflow-x: auto; scrollbar-width: thin; }
  .farmvilla-segmented-control > a, .farmvilla-segmented-control > button { flex: 1 0 auto; }
  .farmvilla-user-dashboard-kpis { grid-template-columns: 1fr; }
  .farmvilla-user-editor-form { grid-template-columns: 1fr; padding: 14px 12px 16px; }
  .farmvilla-user-account { padding: 0 12px; }
  .farmvilla-user-account-summary { grid-template-columns: 36px minmax(0, 1fr) 18px; gap: 10px; }
  .farmvilla-user-account-summary .farmvilla-user-avatar { width: 36px; height: 36px; }
  .farmvilla-user-status { display: none; }
  .farmvilla-user-dashboard-stack,
  .farmvilla-user-dashboard-insights,
  .farmvilla-dashboard-panel { width: 100%; min-width: 0; max-width: 100%; }
  .farmvilla-dashboard-pipeline { width: 100%; max-width: 100%; grid-template-columns: repeat(6, 145px); overscroll-behavior-x: contain; }
  .farmvilla-dashboard-timing { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .farmvilla-dashboard-timing a:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .farmvilla-dashboard-donut-layout { grid-template-columns: 1fr; justify-items: center; gap: 14px; }
  .farmvilla-dashboard-donut-legend { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .farmvilla-dashboard-panel > header { align-items: flex-start; }
  .farmvilla-dashboard-panel > header > a { flex: 0 0 auto; }
  .farmvilla-task-filters { grid-template-columns: 1fr !important; }
  .farmvilla-task-list-detail > header { align-items: flex-start; flex-direction: column; padding: 14px; }
  .farmvilla-task-list-entry { align-items: stretch; flex-direction: column; padding: 14px; }
  .farmvilla-task-list-entry form, .farmvilla-task-list-entry .farmvilla-button { width: 100%; }
  .farmvilla-dashboard-task-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-ticket-filter-toggle] { width: 7rem !important; min-width: 7rem !important; }
  [data-ticket-filter-panel] > .space-y-4,
  [data-ticket-filter-panel] > .grid { grid-template-columns: 1fr !important; }
  .farmvilla-filter-grid { grid-template-columns: 1fr; }
  [data-ticket-filter-panel] > .space-y-4 > .flex:last-child { grid-column: auto; }
  .farmvilla-modal-layer { align-items: end; padding: 0; }
  .farmvilla-modal { max-height: 94vh; border-radius: 12px 12px 0 0; }
  .farmvilla-modal-header, .farmvilla-modal-body, .farmvilla-modal-footer { padding-left: 14px; padding-right: 14px; }
  .farmvilla-modal-footer { align-items: stretch; flex-direction: column-reverse; }
  .farmvilla-modal-footer > div { display: grid; grid-template-columns: 1fr 1fr; }
  .farmvilla-modal-footer .farmvilla-button { width: 100%; }
  .farmvilla-form-grid-two,
  .farmvilla-form-grid-three,
  .farmvilla-form-grid-four,
  .farmvilla-form-grid-identity,
  .farmvilla-form-grid-company-meta,
  .farmvilla-inquiry-progress-switches { grid-template-columns: 1fr; }
  .farmvilla-shipping-grid { grid-template-columns: 1fr; }
  .farmvilla-shipping-address { grid-column: auto !important; }
  .farmvilla-record-heading h2 { font-size: 19px; }
  .farmvilla-summary-strip { grid-template-columns: 1fr 1fr; }
  .farmvilla-metric-strip { grid-auto-columns: minmax(11rem, 82%); grid-template-columns: none; grid-auto-flow: column; overflow-x: auto; padding-bottom: 7px; scroll-snap-type: x proximity; overscroll-behavior-x: contain; }
  .farmvilla-metric-card { scroll-snap-align: start; }
  .farmvilla-responsive-disclosure > summary { display: flex; }
  .farmvilla-responsive-disclosure-body { border-top: 1px solid #e4e7ec; }
  .farmvilla-dashboard-filter-intro { display: none; }
  .farmvilla-draft-actions { width: auto !important; }
  .farmvilla-summary-item { padding: 10px; }
  .farmvilla-summary-item:nth-child(odd)::before { display: none; }
  .farmvilla-summary-icon { width: 34px; height: 34px; flex-basis: 34px; }
  .farmvilla-record-action-footer { padding: 10px 0 0; }
  .farmvilla-record-action-footer .farmvilla-button { min-width: 0; flex: 1; }
  .farmvilla-onboarding > header { align-items: flex-start; flex-direction: column; }
  .farmvilla-onboarding-steps { grid-template-columns: 1fr; }
  .farmvilla-onboarding-steps a + a { border-top: 1px solid #d1fadf; border-left: 0; }
  .farmvilla-dashboard-customize { width: 100%; }
  .farmvilla-dashboard-customize > summary { margin-left: auto; }
  .farmvilla-dashboard-filter-form { display: grid !important; width: 100%; grid-template-columns: minmax(0, 1fr); align-items: stretch !important; gap: 10px !important; }
  .farmvilla-dashboard-filter-form > * { width: 100% !important; min-width: 0 !important; margin: 0 !important; }
  .farmvilla-dashboard-filter-form .farmvilla-date-range,
  .farmvilla-dashboard-filter-form .farmvilla-date-range .farmvilla-field,
  .farmvilla-dashboard-filter-form .farmvilla-date-range select { width: 100%; min-width: 0; }
  .farmvilla-dashboard-filter-form > .flex { display: grid; grid-template-columns: 1fr 1fr; }
  .farmvilla-dashboard-filter-form > .flex > * { width: 100%; justify-content: center; }
}