/* FarmManagerPro Stage 5 — visual refresh only. No business/data logic. */
:root{
  --fmp5-purple:#6338ee;
  --fmp5-purple-2:#7b4dff;
  --fmp5-purple-soft:#f2efff;
  --fmp5-green:#12a85b;
  --fmp5-green-soft:#eafaf1;
  --fmp5-blue:#2f80ed;
  --fmp5-blue-soft:#edf5ff;
  --fmp5-orange:#ff7a21;
  --fmp5-orange-soft:#fff2e8;
  --fmp5-red:#ef4444;
  --fmp5-surface:#ffffff;
  --fmp5-bg:#f7f9fd;
  --fmp5-line:#e7eaf2;
  --fmp5-text:#141c31;
  --fmp5-muted:#7a8499;
  --fmp5-shadow:0 10px 28px rgba(31,39,77,.055);
}

body.authenticated{background:var(--fmp5-bg);color:var(--fmp5-text)}
body.authenticated .card,
body.authenticated .stat,
body.authenticated .dashboard-panel-v561,
body.authenticated .dashboard-kpi-v561,
body.authenticated .ops-subcard,
body.authenticated .stock-card,
body.authenticated .employee-card,
body.authenticated .batch-card{
  border-color:var(--fmp5-line);
  box-shadow:var(--fmp5-shadow);
}
body.authenticated .card{border-radius:16px}
body.authenticated input,
body.authenticated select,
body.authenticated textarea{border-color:#dfe4ee;border-radius:12px;background:#fff}
body.authenticated input:focus,
body.authenticated select:focus,
body.authenticated textarea:focus{border-color:#866cf6;box-shadow:0 0 0 4px rgba(99,56,238,.10)}
body.authenticated .primary,
body.authenticated .scan-button{
  background:linear-gradient(135deg,var(--fmp5-purple),var(--fmp5-purple-2));
  box-shadow:0 8px 18px rgba(99,56,238,.18);
}
body.authenticated .secondary{border-color:#cfc6ff;color:#5d37df;background:#fff}
body.authenticated .success{background:linear-gradient(135deg,#0e9f55,#18bb68)}

/* Unified icon language */
.fmp5-icon-svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dashboard-quick-actions button span,
.more-menu-grid button>span,
.dashboard-kpi-icon{
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  border:1px solid transparent;
}
.dashboard-quick-actions button span{width:42px!important;height:42px!important}
.more-menu-grid button>span{width:40px!important;height:40px!important}
.dashboard-kpi-icon{width:38px!important;height:38px!important;font-size:0!important}

.dashboard-quick-actions button[data-view="scanner"] span,
.more-menu-grid button[data-view="scanner"]>span,
.more-menu-grid button[data-view="rankings"]>span,
.more-menu-grid button[data-view="reports"]>span,
.more-menu-grid button[data-view="managementReports5982"]>span,
.kpi-harvest .dashboard-kpi-icon,
.kpi-workers .dashboard-kpi-icon{background:var(--fmp5-purple-soft)!important;color:var(--fmp5-purple)!important;border-color:#e7e0ff}
.dashboard-quick-actions button[data-view="sales"] span,
.more-menu-grid button[data-view="sales"]>span,
.more-menu-grid button[data-view="work"]>span,
.more-menu-grid button[data-view="plantations"]>span,
.kpi-revenue .dashboard-kpi-icon{background:var(--fmp5-green-soft)!important;color:var(--fmp5-green)!important;border-color:#d8f4e5}
.dashboard-quick-actions button[data-view="invoices"] span,
.more-menu-grid button[data-view="invoices"]>span,
.more-menu-grid button[data-view="purchaseInvoices"]>span,
.more-menu-grid button[data-view="users"]>span,
.kpi-documents .dashboard-kpi-icon{background:var(--fmp5-blue-soft)!important;color:var(--fmp5-blue)!important;border-color:#dcecff}
.dashboard-quick-actions button[data-view="finance"] span,
.more-menu-grid button[data-view="finance"]>span,
.more-menu-grid button[data-view="tax"]>span,
.more-menu-grid button[data-view="inventory"]>span,
.kpi-costs .dashboard-kpi-icon{background:var(--fmp5-orange-soft)!important;color:var(--fmp5-orange)!important;border-color:#ffe1cc}
.dashboard-quick-actions button[data-view="employees"] span,
.more-menu-grid button[data-view="employees"]>span,
.more-menu-grid button[data-view="security"]>span,
.more-menu-grid button[data-view="settings"]>span{background:#f4f0ff!important;color:#7448f3!important;border-color:#e8e0ff}

.dashboard-quick-actions button{
  border-color:var(--fmp5-line)!important;background:#fff!important;
  box-shadow:var(--fmp5-shadow)!important;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.dashboard-quick-actions button:hover{transform:translateY(-1px);border-color:#d8d0ff!important;box-shadow:0 12px 28px rgba(53,43,110,.08)!important}
.dashboard-quick-actions button b{color:#20283b}

.more-menu-panel{background:#f8f9fd!important;border:1px solid #e9eaf1!important}
.more-menu-grid button{border-color:var(--fmp5-line)!important;border-radius:15px!important;box-shadow:0 5px 16px rgba(31,39,77,.035)!important}
.more-menu-grid button:hover{border-color:#d5ccff!important;background:#fcfbff!important}
.more-menu-grid button b{color:#20283b}
.more-menu-group>h3{color:#9aa3b6!important;font-size:10px!important;letter-spacing:.13em!important}

/* Scanner / harvest form */
#scanner .card{overflow:hidden}
#scanner .scan-button{min-height:50px}
#scanner .quantity-control{background:#f1edff;color:#6338ee;border:1px solid #e2dbff}
#scanner .harvest-net-preview{border-color:#e4ddff;background:#faf9ff}
#scanner .harvest-field-badge{background:#edf9f2;color:#11824a;border-color:#d8f1e4}

/* Desktop: same visual language without layout changes */
@media (min-width:1100px){
  .enterprise-sidebar{border-right-color:#e9ebf2!important;box-shadow:4px 0 28px rgba(31,38,69,.028)!important}
  .desktop-nav-item{border-radius:12px!important}
  .desktop-nav-icon{
    width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:10px;
    background:#f6f7fa;color:#707b91!important;transition:.15s ease;
  }
  .desktop-nav-item:hover .desktop-nav-icon,
  .desktop-nav-item.active .desktop-nav-icon,
  .desktop-nav-item.active-context .desktop-nav-icon{background:#efeaff;color:var(--fmp5-purple)!important}
  .desktop-nav-item.active,.desktop-nav-item.active-context{background:linear-gradient(90deg,#f0ebff,#faf9ff)!important;color:#5731d7!important}
  #dashboardQuickActions.dashboard-quick-actions button span{box-shadow:none!important}
  .dashboard-kpi-v561{border-radius:15px!important}
  .dashboard-panel-v561{border-radius:15px!important}
}

/* Mobile: clean white shell + central scan shortcut. Existing view order/content is preserved. */
@media (max-width:1099px){
  body.authenticated{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  body.authenticated .app-header{
    background:rgba(255,255,255,.97)!important;color:var(--fmp5-text)!important;
    border-bottom:1px solid #edf0f5;box-shadow:0 4px 18px rgba(31,39,77,.035)!important;
    backdrop-filter:blur(16px);
  }
  body.authenticated .header-sub{color:#7e8799!important;opacity:1!important}
  body.authenticated .header-button{border-color:#e4e7ef!important;background:#fff!important;color:#33405a!important}
  body.authenticated #appMain{padding-left:12px!important;padding-right:12px!important}
  body.authenticated .page-heading h2{letter-spacing:-.025em}
  body.authenticated .scope-bar{background:#fff;border-bottom-color:#edf0f5}
  body.authenticated .scope-bar select{border-color:#e0e4ed;border-radius:12px}

  #dashboardQuickActions.dashboard-quick-actions{gap:9px!important}
  #dashboardQuickActions.dashboard-quick-actions button{border-radius:15px!important;padding:12px!important}
  #dashboardQuickActions.dashboard-quick-actions button:first-child{
    grid-column:1/-1;min-height:70px;background:linear-gradient(135deg,#6e43f2,#6338ee)!important;color:#fff!important;border-color:transparent!important;
  }
  #dashboardQuickActions.dashboard-quick-actions button:first-child b,
  #dashboardQuickActions.dashboard-quick-actions button:first-child small{color:#fff!important}
  #dashboardQuickActions.dashboard-quick-actions button:first-child small{opacity:.82}
  #dashboardQuickActions.dashboard-quick-actions button:first-child span{background:#fff!important;color:#6338ee!important;border-color:#fff!important;width:46px!important;height:46px!important}

  .bottom-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    height:70px!important;overflow:visible!important;
    background:rgba(255,255,255,.98)!important;border-top:1px solid #e8eaf1!important;
    box-shadow:0 -10px 28px rgba(31,39,77,.08)!important;
  }
  .bottom-nav>button{height:70px!important;padding:8px 2px 7px!important;background:transparent!important;color:#68758e!important;font-size:10px!important}
  .bottom-nav>button span{width:28px;height:28px;margin:0 auto 2px;display:grid!important;place-items:center;font-size:0!important;color:currentColor}
  .bottom-nav>button.active{color:#6338ee!important;background:#f8f6ff!important}
  .bottom-nav>button.stage5-nav-sales{display:none!important}
  .bottom-nav>button#quickScanNavStage5{
    position:relative;z-index:3;color:#6338ee!important;background:transparent!important;font-weight:900!important;
  }
  .bottom-nav>button#quickScanNavStage5 span{
    width:58px!important;height:58px!important;margin:-30px auto 3px!important;border-radius:50%!important;
    color:#fff!important;background:linear-gradient(145deg,#7b4dff,#5630df)!important;
    box-shadow:0 10px 24px rgba(99,56,238,.35),0 0 0 6px #fff;
  }
  .bottom-nav>button#quickScanNavStage5 .fmp5-icon-svg{width:27px;height:27px}
  .bottom-nav>button#quickScanNavStage5{padding-top:9px!important}

  .more-menu-panel{border-radius:24px 24px 0 0!important}
  .more-menu-grid{gap:9px!important}
  .more-menu-grid button{min-height:64px!important}

  #scanner .page-heading,
  #employees .page-heading,
  #sales .page-heading,
  #finance .page-heading,
  #inventory .page-heading,
  #reports .page-heading,
  #settings .page-heading{
    padding:4px 1px 2px;
  }
}

@media (max-width:560px){
  .dashboard-quick-actions button span{width:39px!important;height:39px!important}
  .more-menu-grid button>span{width:38px!important;height:38px!important}
  .more-menu-grid button{padding:11px!important}
  body.authenticated .card{border-radius:15px}
}

@media print{
  #quickScanNavStage5{display:none!important}
}