/*
  R13.4.0 cleanup note: package-only hardening; no locked UI redesign.
  AMNKO R13.2.7 UI Tokens.
  Canonical visual tokens for the client app. Visual-only: no workflow, accounting, posting, FIFO, or permissions behavior.
*/
:root{
  /* Brand */
  --amk-color-primary:#00a8c8;
  --amk-color-primary-50:#ecfeff;
  --amk-color-primary-100:#cffafe;
  --amk-color-primary-600:#0891b2;
  --amk-color-primary-700:#087e96;
  --amk-color-accent:#0f766e;

  /* Surfaces */
  --amk-color-app-bg:#f6f8fb;
  --amk-color-surface:#ffffff;
  --amk-color-surface-soft:#f8fafc;
  --amk-color-surface-muted:#f1f5f9;
  --amk-color-border:#e2e8f0;
  --amk-color-border-strong:#cbd5e1;

  /* Text */
  --amk-color-text:#172033;
  --amk-color-heading:#0f172a;
  --amk-color-muted:#64748b;
  --amk-color-subtle:#94a3b8;

  /* Semantic */
  --amk-color-success:#16a34a;
  --amk-color-success-600:#047857;
  --amk-color-warning:#f59e0b;
  --amk-color-warning-700:#92400e;
  --amk-color-danger:#dc2626;
  --amk-color-danger-700:#b91c1c;
  --amk-color-info:#2563eb;

  /* Shape */
  --amk-radius-xs:8px;
  --amk-radius-sm:10px;
  --amk-radius-md:14px;
  --amk-radius-lg:18px;
  --amk-radius-xl:22px;
  --amk-radius-pill:999px;

  /* Spacing */
  --amk-space-1:.25rem;
  --amk-space-2:.5rem;
  --amk-space-3:.75rem;
  --amk-space-4:1rem;
  --amk-space-5:1.25rem;
  --amk-space-6:1.5rem;

  /* Elevation */
  --amk-shadow-xs:0 1px 2px rgba(15,23,42,.04);
  --amk-shadow-sm:0 6px 16px rgba(15,23,42,.055);
  --amk-shadow-md:0 12px 28px rgba(15,23,42,.075);
  --amk-shadow-lg:0 18px 42px rgba(15,23,42,.10);

  /* Controls */
  --amk-control-height:42px;
  --amk-control-height-lg:46px;
  --amk-topbar-height:56px;
  --amk-sidebar-width:196px;

  /* Gradients */
  --amk-gradient-primary:linear-gradient(135deg,var(--amk-color-primary),var(--amk-color-primary-700));
  --amk-gradient-primary-accent:linear-gradient(135deg,var(--amk-color-primary),var(--amk-color-accent));
  --amk-gradient-surface:linear-gradient(180deg,var(--amk-color-surface),var(--amk-color-surface-soft));

  /* Legacy aliases used by older screens. Keep these aliases until all views use AMK tokens directly. */
  --amnko-brand:var(--amk-color-primary);
  --amnko-brand-2:var(--amk-color-primary-600);
  --amnko-primary:var(--amk-color-primary);
  --amnko-primary-600:var(--amk-color-primary-600);
  --amnko-primary-700:var(--amk-color-primary-700);
  --amnko-navy:var(--amk-color-heading);
  --amnko-ink:var(--amk-color-text);
  --amnko-muted:var(--amk-color-muted);
  --amnko-bg:var(--amk-color-app-bg);
  --amnko-surface:var(--amk-color-surface);
  --amnko-surface-2:var(--amk-color-surface-soft);
  --amnko-border:var(--amk-color-border);
  --amnko-border-strong:var(--amk-color-border-strong);
  --amnko-radius-sm:var(--amk-radius-sm);
  --amnko-radius:var(--amk-radius-md);
  --amnko-radius-lg:var(--amk-radius-lg);
  --amnko-shadow-xs:var(--amk-shadow-xs);
  --amnko-shadow-sm:var(--amk-shadow-sm);
  --amnko-shadow-md:var(--amk-shadow-md);
  --amnko-topbar-h:var(--amk-topbar-height);
  --amnko-sidebar-w:var(--amk-sidebar-width);

  --amnko-ds-primary:var(--amk-color-primary);
  --amnko-ds-primary-700:var(--amk-color-primary-700);
  --amnko-ds-accent:var(--amk-color-accent);
  --amnko-ds-bg:var(--amk-color-app-bg);
  --amnko-ds-surface:var(--amk-color-surface);
  --amnko-ds-surface-soft:var(--amk-color-surface-soft);
  --amnko-ds-border:var(--amk-color-border);
  --amnko-ds-border-strong:var(--amk-color-border-strong);
  --amnko-ds-text:var(--amk-color-text);
  --amnko-ds-muted:var(--amk-color-muted);
  --amnko-ds-success:var(--amk-color-success);
  --amnko-ds-warning:var(--amk-color-warning);
  --amnko-ds-danger:var(--amk-color-danger);
  --amnko-ds-info:var(--amk-color-info);
  --amnko-ds-radius:var(--amk-radius-md);
  --amnko-ds-radius-lg:var(--amk-radius-lg);
  --amnko-ds-shadow:var(--amk-shadow-sm);
  --amnko-ds-shadow-soft:var(--amk-shadow-md);
  --amnko-ds-control-h:var(--amk-control-height);

  /* R13.2.3 filter toolbar tokens */
  --amk-filter-bg:var(--amk-color-surface);
  --amk-filter-border:var(--amk-color-border);
  --amk-filter-label:var(--amk-color-muted);
  --amk-filter-control-bg:var(--amk-color-surface-soft);
  --amk-filter-control-border:var(--amk-color-border);

  /* R13.2.3 data table tokens */
  --amk-table-shell-bg:var(--amk-color-surface);
  --amk-table-border:var(--amk-color-border);
  --amk-table-radius:var(--amk-radius-lg);
  --amk-table-shadow:var(--amk-shadow-sm);
  --amk-table-head-bg:var(--amk-color-surface-soft);
  --amk-table-head-color:var(--amk-color-muted);
  --amk-table-row-alt:#fcfdff;
  --amk-table-row-hover:rgba(0,168,200,.045);

  /* R13.2.4 record form layout tokens */
  --amk-record-shell-bg:var(--amk-color-surface);
  --amk-record-shell-border:var(--amk-color-border);
  --amk-record-shell-shadow:var(--amk-shadow-md);
  --amk-record-section-bg:var(--amk-color-surface);
  --amk-record-section-soft:var(--amk-color-surface-soft);
  --amk-record-section-border:var(--amk-color-border);
  --amk-record-rail:var(--amk-gradient-primary);

}

/* R13.2.5 document view tokens */
:root{
  --amk-document-bg:var(--amk-color-surface);
  --amk-document-border:var(--amk-color-border);
  --amk-document-soft:var(--amk-color-surface-soft);
  --amk-document-shadow:var(--amk-shadow-md);
  --amk-document-rail:var(--amk-gradient-primary);
  --amk-document-radius:var(--amk-radius-xl);
}

/* R13.2.6 app shell tokens */
:root{
  --amk-shell-topbar-bg:linear-gradient(135deg,#0f9fbb 0%,#087e96 56%,#0f766e 100%);
  --amk-shell-topbar-border:rgba(255,255,255,.14);
  --amk-shell-sidebar-bg:linear-gradient(180deg,#172033 0%,#111827 100%);
  --amk-shell-sidebar-section:rgba(226,232,240,.46);
  --amk-shell-sidebar-active:rgba(0,168,200,.18);
  --amk-shell-sidebar-active-border:var(--amk-color-primary);
  --amk-shell-chip-bg:rgba(255,255,255,.14);
  --amk-shell-chip-border:rgba(255,255,255,.20);
  --amk-shell-mobile-nav-bg:rgba(255,255,255,.96);
  --amk-shell-mobile-nav-shadow:0 -12px 32px rgba(15,23,42,.12);
}


/* R13.2.7 mobile ERP experience tokens */
:root{
  --amk-mobile-breakpoint:767px;
  --amk-mobile-page-padding:14px;
  --amk-mobile-card-radius:18px;
  --amk-mobile-card-bg:var(--amk-color-surface);
  --amk-mobile-card-border:var(--amk-color-border);
  --amk-mobile-card-shadow:0 10px 26px rgba(15,23,42,.07);
  --amk-mobile-filter-summary-bg:linear-gradient(135deg,rgba(0,168,200,.10),rgba(15,118,110,.08));
  --amk-mobile-bottom-nav-offset:calc(94px + env(safe-area-inset-bottom, 0px));
  --amk-mobile-touch-size:44px;
}

/* R13.2.8.6.1 sidebar shell and final UI acceptance tokens */
:root{
  --amk-ui-acceptance-version:13.2.8.6.1;
  --amk-ui-regression-min-touch-target:44px;
  --amk-sidebar-shell-width:var(--amnko-sidebar-w,208px);
}

/* R13.2.8.6.1 final visual polish and UI lock tokens */
:root{
  --amk-ui-lock-version:13.2.8.6.1;
  --amk-shell-sidebar-scrollbar-thumb:rgba(148,163,184,.28);
  --amk-shell-sidebar-scrollbar-thumb-hover:rgba(148,163,184,.44);
  --amk-shell-sidebar-footer-border:rgba(255,255,255,.08);
  --amk-filter-toggle-bg:linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,254,255,.78));
  --amk-tabs-edge-fade:linear-gradient(90deg,transparent,rgba(255,255,255,.95) 18px,rgba(255,255,255,.95) calc(100% - 18px),transparent);
}

/* R13.2.8.6.1 POS and navigation final UX lock tokens */
:root{
  --amk-ui-lock-version:13.2.8.6.1;
  --amk-pos-nav-lock-version:13.2.8.6.1;
  --amk-pos-bg:#f3f7fa;
  --amk-pos-panel-bg:#ffffff;
  --amk-pos-panel-border:rgba(15,23,42,.08);
  --amk-pos-panel-shadow:0 16px 36px rgba(15,23,42,.075);
  --amk-pos-control-bg:#f8fbfd;
  --amk-pos-control-border:rgba(0,168,200,.16);
  --amk-pos-topbar-height:58px;
  --amk-nav-compact-link-height:34px;
  --amk-nav-compact-logo-width:98px;
  --amk-nav-compact-logo-height:58px;
}

/* R13.2.8.6.1 desktop app launcher final visibility lock */
:root{
  --amk-desktop-launcher-lock-version:13.2.8.6.1;
}

/* R13.2.8.6.1 POS recovery and branding final fix tokens */
:root{
  --amk-pos-recovery-version:13.2.8.6.1;
  --amk-sidebar-brand-logo-width:124px;
  --amk-sidebar-brand-footer-font:.78rem;
}

/* R13.2.8.6.1 unified POS shell integration tokens */
:root{
  --amk-pos-unified-shell-version:13.2.8.6.1;
  --amk-pos-workspace-bg: var(--amk-color-app-bg, #f4f8fb);
  --amk-pos-workspace-panel: var(--amk-color-surface, #ffffff);
  --amk-pos-workspace-border: var(--amk-color-border, #dbe7ef);
  --amk-pos-workspace-radius: var(--amk-radius-xl, 20px);
  --amk-pos-workspace-shadow: var(--amk-shadow-sm, 0 12px 28px rgba(15,23,42,.06));
  --amk-pos-control-height: var(--amk-control-height, 46px);
}

/* R13.2.8.6.1 POS header alignment token */
:root{ --amk-pos-header-align-version:13.2.8.6.1; }
