/*
 * Inventory Analytics Reference UI R1.3
 *
 * Requested changes:
 *
 * - Inventory Value by Category hidden.
 * - Stock trend + Risk Overview use 50/50 row.
 * - Trend values display automatic real-data labels.
 * - Analytics section typography standardized at 9.5px.
 * - Existing React tables remain authoritative.
 */


body.aquila-inventory-analytics-reference-r1-3-active {
  --ia-text: #0b1736;
  --ia-muted: #61708d;
  --ia-border: #dce4ee;
  --ia-blue: #3479ef;
  --ia-green: #2cbf73;
  --ia-purple: #9866e8;
  --ia-orange: #ff7a24;
  --ia-amber: #f4ad11;
  --ia-red: #ff4e56;
  --ia-cyan: #20b9c8;
}


/* ============================================================
   FILTERS
   ============================================================ */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-filters {
  display: grid !important;
  grid-template-columns:
    minmax(125px, 1fr)
    minmax(125px, 1fr)
    minmax(120px, .92fr)
    minmax(140px, 1.05fr)
    minmax(155px, 1.18fr)
    minmax(125px, 1fr)
    minmax(125px, 1fr)
    auto !important;

  align-items: end !important;

  gap: 18px !important;

  margin: 0 !important;

  padding:
    18px 15px 16px !important;

  border:
    1px solid var(--ia-border) !important;

  border-radius:
    7px !important;

  background:
    #fff !important;

  box-shadow:
    none !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-filters label {
  display:
    grid !important;

  gap:
    6px !important;

  min-width:
    0 !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-filters input,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-filters select {
  width:
    100% !important;

  height:
    35px !important;

  min-height:
    35px !important;

  padding:
    0 10px !important;

  border:
    1px solid #d7dfeb !important;

  border-radius:
    5px !important;

  background:
    #fff !important;

  color:
    #4b5b77 !important;

  box-shadow:
    none !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-filters > button {
  height:
    35px !important;

  min-width:
    105px !important;

  padding:
    0 15px !important;

  border:
    0 !important;

  border-radius:
    5px !important;

  background:
    linear-gradient(
      180deg,
      #173d7c,
      #112f64
    ) !important;

  color:
    #fff !important;

  font-weight:
    650 !important;
}


/* ============================================================
   KPI GRID
   ============================================================ */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis {
  display:
    grid !important;

  grid-template-columns:
    repeat(
      6,
      minmax(0, 1fr)
    ) !important;

  gap:
    10px !important;

  margin:
    0 !important;

  padding:
    11px 6px 8px !important;

  border:
    1px solid var(--ia-border) !important;

  border-radius:
    7px !important;

  background:
    #fff !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis article {
  --ia-tone:
    var(--ia-blue);

  --ia-icon-bg:
    #edf4ff;

  position:
    relative !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  justify-content:
    center !important;

  min-width:
    0 !important;

  min-height:
    64px !important;

  padding:
    11px 50px 10px 11px !important;

  overflow:
    hidden !important;

  border:
    1px solid #dfe6ef !important;

  border-radius:
    6px !important;

  background:
    #fff !important;

  box-shadow:
    none !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis article::before {
  content: "";

  position:
    absolute;

  top:
    0;

  bottom:
    0;

  left:
    0;

  width:
    2px;

  background:
    var(--ia-tone);
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis article::after {
  position:
    absolute;

  top:
    50%;

  right:
    10px;

  display:
    grid;

  place-items:
    center;

  width:
    34px;

  height:
    34px;

  transform:
    translateY(-50%);

  border-radius:
    8px;

  background:
    var(--ia-icon-bg);

  color:
    var(--ia-tone);

  font-size:
    9.5px !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="blue"] {
  --ia-tone:
    var(--ia-blue);

  --ia-icon-bg:
    #edf4ff;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="blue"]::after {
  content:
    "▱";
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="green"] {
  --ia-tone:
    var(--ia-green);

  --ia-icon-bg:
    #eaf9f1;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="green"]::after {
  content:
    "◇";
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="purple"] {
  --ia-tone:
    var(--ia-purple);

  --ia-icon-bg:
    #f3edff;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="purple"]::after {
  content:
    "⇩";
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="orange"] {
  --ia-tone:
    var(--ia-orange);

  --ia-icon-bg:
    #fff1e7;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="orange"]::after {
  content:
    "⇧";
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="amber"] {
  --ia-tone:
    var(--ia-amber);

  --ia-icon-bg:
    #fff7e5;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="amber"]::after {
  content:
    "△";
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="red"] {
  --ia-tone:
    var(--ia-red);

  --ia-icon-bg:
    #fff0f1;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="red"]::after {
  content:
    "×";
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="cyan"] {
  --ia-tone:
    var(--ia-cyan);

  --ia-icon-bg:
    #eafafb;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis
article[data-aquila-ia-tone="cyan"]::after {
  content:
    "⌁";
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis article button {
  display:
    none !important;
}


/* ============================================================
   MAIN ANALYTICS GRID
   ============================================================ */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-grid {
  display:
    grid !important;

  grid-template-columns:
    repeat(
      12,
      minmax(0, 1fr)
    ) !important;

  align-items:
    stretch !important;

  gap:
    11px !important;

  margin:
    0 !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card {
  order:
    var(--aquila-ia-order) !important;

  grid-column:
    span var(
      --aquila-ia-span,
      4
    ) !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    11px 10px !important;

  overflow:
    hidden !important;

  border:
    1px solid var(--ia-border) !important;

  border-radius:
    7px !important;

  background:
    #fff !important;

  box-shadow:
    none !important;
}


/* ============================================================
   REMOVE INVENTORY VALUE BY CATEGORY
   PRESENTATION HIDE ONLY — REACT NODE PRESERVED
   ============================================================ */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="category-hidden"
] {
  display:
    none !important;
}


/* ============================================================
   STOCK TREND + RISK = 50 / 50
   ============================================================ */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="trend"
],

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="risk"
] {
  min-height:
    225px !important;
}


/* ============================================================
   STOCK TREND — REAL VALUES + AUTOMATIC DATA LABELS
   ============================================================ */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="trend"
]::before {
  content:
    "";

  display:
    block;

  width:
    100%;

  height:
    175px;

  margin:
    4px 0 0;

  background-image:
    var(
      --aquila-ia-trend-image
    );

  background-repeat:
    no-repeat;

  background-position:
    center;

  background-size:
    100% 100%;
}


/*
 * Existing React trend sources remain in DOM for data authority.
 * They are presentation-hidden only.
 */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="trend"
]
.inventory-analytics-request-bars,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="trend"
]
.inventory-analytics-stacked-bar-trends,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="trend"
]
.inventory-analytics-trend-chart-pair,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="trend"
]
.inventory-analytics-trend-mini-tables,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="trend"
]
.inventory-analytics-request-table-scroll {
  display:
    none !important;
}


/* ============================================================
   TABLES — EXISTING REACT TABLES ONLY
   ============================================================ */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-table-scroll {
  max-height:
    145px !important;

  overflow:
    auto !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  background:
    #fff !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-table-scroll table {
  width:
    100% !important;

  min-width:
    0 !important;

  border-collapse:
    collapse !important;

  table-layout:
    auto !important;

  font-size:
    9.5px !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-table-scroll th,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-table-scroll td {
  height:
    22px !important;

  padding:
    3px 7px !important;

  border-bottom:
    1px solid #edf1f6 !important;

  color:
    #334665 !important;

  font-size:
    9.5px !important;

  line-height:
    1.15 !important;

  white-space:
    nowrap !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-table-scroll th {
  background:
    #f7f9fc !important;

  color:
    #1f3152 !important;

  font-weight:
    700 !important;

  text-transform:
    uppercase !important;
}


/*
 * Reference shows maximum five preview rows.
 * Existing React data remains untouched.
 */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card
tbody tr:nth-child(n+6) {
  display:
    none !important;
}


/* ============================================================
   SECTION HEADERS / ACTIONS
   ============================================================ */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card > header {
  display:
    flex !important;

  align-items:
    center !important;

  gap:
    6px !important;

  min-height:
    26px !important;

  margin:
    0 0 7px !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card h3 {
  flex:
    1 1 auto !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  color:
    #12264c !important;

  font-size:
    9.5px !important;

  font-weight:
    700 !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card header button,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card header select {
  height:
    23px !important;

  min-height:
    23px !important;

  padding:
    0 7px !important;

  border:
    1px solid #dce4ee !important;

  border-radius:
    4px !important;

  background:
    #fff !important;

  color:
    #4a5c79 !important;

  font-size:
    9.5px !important;

  box-shadow:
    none !important;
}


/* ============================================================
   LOWER CARD HEIGHTS
   ============================================================ */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="low-stock"
],

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="near-expiry"
],

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="expired"
] {
  min-height:
    190px !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="fast"
],

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="slow"
],

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="high-risk"
],

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="insight"
] {
  min-height:
    130px !important;
}


/* ============================================================
   INSIGHTS
   ============================================================ */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="insight"
] ul {
  display:
    grid !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  list-style:
    none !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-card[
  data-aquila-ia-kind="insight"
] li {
  min-height:
    28px !important;

  padding:
    7px 5px !important;

  border-bottom:
    1px solid #edf1f6 !important;

  color:
    #475a78 !important;

  font-size:
    9.5px !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1500px) {

  body.aquila-inventory-analytics-reference-r1-3-active
  .inventory-analytics-request-kpis {
    grid-template-columns:
      repeat(
        4,
        minmax(0, 1fr)
      ) !important;
  }
}


@media (max-width: 1250px) {

  body.aquila-inventory-analytics-reference-r1-3-active
  .inventory-analytics-request-filters {
    grid-template-columns:
      repeat(
        4,
        minmax(0, 1fr)
      ) !important;
  }


  body.aquila-inventory-analytics-reference-r1-3-active
  .inventory-analytics-request-card {
    grid-column:
      span 6 !important;
  }


  body.aquila-inventory-analytics-reference-r1-3-active
  .inventory-analytics-request-card[
    data-aquila-ia-kind="insight"
  ] {
    grid-column:
      span 12 !important;
  }
}


@media (max-width: 850px) {

  body.aquila-inventory-analytics-reference-r1-3-active
  .inventory-analytics-request-kpis,

  body.aquila-inventory-analytics-reference-r1-3-active
  .inventory-analytics-request-filters {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      ) !important;
  }


  body.aquila-inventory-analytics-reference-r1-3-active
  .inventory-analytics-request-card {
    grid-column:
      span 12 !important;
  }
}


@media (max-width: 560px) {

  body.aquila-inventory-analytics-reference-r1-3-active
  .inventory-analytics-request-kpis,

  body.aquila-inventory-analytics-reference-r1-3-active
  .inventory-analytics-request-filters {
    grid-template-columns:
      1fr !important;
  }
}


/* ============================================================
   AQUILA INVENTORY ANALYTICS R1.4.1
   ============================================================ */


/* ============================================================
   LOWER ANALYTICS ONLY = 9.5PX

   FILTERS AND KPI CARDS ARE EXCLUDED.
   ============================================================ */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-grid,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-grid *,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-grid input,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-grid select,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-grid button,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-grid table,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-grid th,

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-grid td {
  font-size: 9.5px !important;
}


/* ============================================================
   REMOVE THE VISIBLE INVENTORY ANALYTICS TITLE SECTION
   ============================================================ */


/*
 * IMPORTANT:
 *
 * The header is NOT removed from React.
 *
 * Its visual wrapper becomes display:contents so the existing
 * React Refresh button can remain functional while participating
 * in the parent grid.
 */

body.aquila-inventory-analytics-reference-r1-3-active
section.inventory-module-home.inventory-home-refined
> .inventory-analytics-photo-header {
  display: contents !important;
}


/*
 * Hide only the text/title part:
 *
 * Inventory Analytics
 *
 * Monitor inventory value, stock movement, expiry risk,
 * and operational performance in real time.
 */

body.aquila-inventory-analytics-reference-r1-3-active
section.inventory-module-home.inventory-home-refined
> .inventory-analytics-photo-header
> div {
  display: none !important;
}


/* ============================================================
   STOCK ON HAND + PRODUCT MASTER + REFRESH
   SAME VISUAL ROW
   ============================================================ */

body.aquila-inventory-analytics-reference-r1-3-active
section.inventory-module-home.inventory-home-refined {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    118px !important;

  column-gap: 12px !important;

  row-gap: 12px !important;

  align-items: stretch !important;
}


/*
 * Existing Stock on Hand / Product Master shortcut area.
 */

body.aquila-inventory-analytics-reference-r1-3-active
section.inventory-module-home.inventory-home-refined
> .inventory-analytics-photo-shortcuts {
  display: grid !important;

  grid-column: 1 !important;

  grid-row: 1 !important;

  width: 100% !important;

  min-width: 0 !important;

  margin: 0 !important;
}


/*
 * Existing Refresh React button.
 *
 * No click handler change.
 * No new element.
 * No DOM reparent.
 */

body.aquila-inventory-analytics-reference-r1-3-active
section.inventory-module-home.inventory-home-refined
> .inventory-analytics-photo-header
> .inventory-analytics-photo-refresh {
  grid-column: 2 !important;

  grid-row: 1 !important;

  align-self: stretch !important;

  justify-self: stretch !important;

  width: 100% !important;

  min-width: 118px !important;

  min-height: 48px !important;

  height: auto !important;

  margin: 0 !important;

  position: static !important;

  inset: auto !important;

  border-radius: 7px !important;

  white-space: nowrap !important;
}


/*
 * Inventory Analytics data content remains full width
 * below the top shortcut/Refresh row.
 */

body.aquila-inventory-analytics-reference-r1-3-active
section.inventory-module-home.inventory-home-refined
> .inventory-home-analytics {
  grid-column: 1 / -1 !important;

  min-width: 0 !important;
}


/* ============================================================
   FILTER / KPI TYPOGRAPHY

   Intentionally NO 9.5px rule here.
   The application stylesheet regains ownership.
   ============================================================ */

body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-filters {
  font-size: inherit !important;
}


body.aquila-inventory-analytics-reference-r1-3-active
.inventory-analytics-request-kpis {
  font-size: inherit !important;
}


/* ============================================================
   MOBILE / TABLET
   ============================================================ */

@media (max-width: 768px) {

  body.aquila-inventory-analytics-reference-r1-3-active
  section.inventory-module-home.inventory-home-refined {
    grid-template-columns:
      minmax(0, 1fr) !important;
  }


  body.aquila-inventory-analytics-reference-r1-3-active
  section.inventory-module-home.inventory-home-refined
  > .inventory-analytics-photo-shortcuts {
    grid-column: 1 !important;

    grid-row: 1 !important;
  }


  body.aquila-inventory-analytics-reference-r1-3-active
  section.inventory-module-home.inventory-home-refined
  > .inventory-analytics-photo-header
  > .inventory-analytics-photo-refresh {
    grid-column: 1 !important;

    grid-row: 2 !important;

    width: 100% !important;

    min-height: 42px !important;
  }


  body.aquila-inventory-analytics-reference-r1-3-active
  section.inventory-module-home.inventory-home-refined
  > .inventory-home-analytics {
    grid-column: 1 !important;

    grid-row: 3 !important;
  }
}