/* Helios Stock V27 · Inventory + Kardex UX refinement
   Visual-only layer. No stock, movement or approval logic changes. */

.module-inventory-v27,.module-kardex-v27,.module-stock-v27{
  --inv27-ink:#172237;
  --inv27-muted:#718096;
  --inv27-line:#e3eaf3;
  --inv27-soft:#f7f9fc;
  --inv27-blue:#2557d6;
  --inv27-blue-soft:#edf3ff;
  --inv27-green:#14805d;
  --inv27-green-soft:#eaf8f2;
  --inv27-red:#c1434d;
  --inv27-red-soft:#fff0f1;
  --inv27-amber:#ad741b;
  --inv27-amber-soft:#fff7e6;
}

/* Shared inventory identity */
.module-inventory-v27 .hero-panel:not(.dashboard-hero),
.module-kardex-v27 .hero-panel:not(.dashboard-hero),
.module-stock-v27 .hero-panel:not(.dashboard-hero){
  position:relative;overflow:hidden;border:1px solid #dfe8f6;
  background:linear-gradient(118deg,#fff 0%,#f7faff 72%,#edf4ff 100%);
  box-shadow:0 10px 28px rgba(28,63,122,.055)
}
.module-inventory-v27 .hero-panel:not(.dashboard-hero)::before,
.module-kardex-v27 .hero-panel:not(.dashboard-hero)::before,
.module-stock-v27 .hero-panel:not(.dashboard-hero)::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#2e67dc,#61a5fa)}
.module-inventory-v27 .hero-panel h1,.module-kardex-v27 .hero-panel h1,.module-stock-v27 .hero-panel h1{color:var(--inv27-ink)}
.module-inventory-v27 .hero-panel p,.module-kardex-v27 .hero-panel p,.module-stock-v27 .hero-panel p{color:#68768b}
.module-inventory-v27 .hero-kicker,.module-kardex-v27 .hero-kicker,.module-stock-v27 .hero-kicker{color:var(--inv27-blue)!important}
.module-inventory-v27 .hero-panel .hero-icon,.module-stock-v27 .hero-panel .hero-icon{color:rgba(37,87,214,.11)}

/* Inventory list: stronger stock readability without changing generic list markup */
.module-inventory-v27 .directory-shell{overflow:hidden;border:1px solid var(--inv27-line);box-shadow:0 10px 28px rgba(15,23,42,.045)}
.module-inventory-v27 .directory-toolbar{min-height:72px;border-bottom:1px solid #edf1f6;background:linear-gradient(180deg,#fff,#fcfdff)}
.module-inventory-v27 .directory-title>i{background:var(--inv27-blue-soft);color:var(--inv27-blue);box-shadow:none}
.module-inventory-v27 .directory-title h2{color:#24324a}
.module-inventory-v27 .directory-title span{color:#8b98aa}
.module-inventory-v27 .directory-tools .btn{min-height:38px;border-radius:10px;font-size:10px}
.module-inventory-v27 .directory-table-wrap{background:#fff}
.module-inventory-v27 .native-table{margin:0;font-size:10px}
.module-inventory-v27 .native-table thead th{padding:11px 9px;border-bottom:1px solid #dfe6ef;background:#f7f9fc;color:#6d7b90;font-size:8px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}
.module-inventory-v27 .native-table tbody td{padding:12px 9px;border-bottom-color:#edf1f5;color:#42506a;vertical-align:middle}
.module-inventory-v27 .native-table tbody tr:hover{background:#f8fbff}
.module-inventory-v27 .native-table tbody td:nth-child(5){font-weight:800;color:#334155}
.module-inventory-v27 .native-table tbody td:nth-child(6){color:#9a6a19}
.module-inventory-v27 .native-table tbody td:nth-child(7){font-weight:900;color:var(--inv27-green);background:linear-gradient(90deg,rgba(234,248,242,.55),transparent)}
.module-inventory-v27 .native-table tbody td:nth-child(8){font-weight:750;color:#3463b8}
.module-inventory-v27 .native-table tbody td:nth-child(9){font-weight:800;color:#27364e;white-space:nowrap}
.module-inventory-v27 .entity-icon{background:var(--inv27-blue-soft)!important;color:var(--inv27-blue)!important}
.module-inventory-v27 #actionModal .modal-content{overflow:hidden;border:0;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.20)}
.module-inventory-v27 #actionModal .modal-header{padding:18px 20px;border-bottom:1px solid #edf1f5;background:#fbfcff}
.module-inventory-v27 #actionModal .modal-body{padding:20px}
.module-inventory-v27 #actionModal .form-label{color:#66758b;font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.module-inventory-v27 #actionModal .btn-primary{min-height:43px;border-radius:11px}

/* Stock documents follow the same operational language */
.module-stock-v27 .quick-actions{gap:12px;margin-bottom:17px}
.module-stock-v27 .quick-action{min-height:82px;border:1px solid var(--inv27-line);border-radius:15px;box-shadow:0 7px 20px rgba(15,23,42,.035)}
.module-stock-v27 .quick-action.entry{background:linear-gradient(135deg,#fff,#effaf6)}
.module-stock-v27 .quick-action.exit{background:linear-gradient(135deg,#fff,#fff3f4)}
.module-stock-v27 .directory-shell{overflow:hidden;border-color:var(--inv27-line)}
.module-stock-v27 .native-table thead th{background:#f7f9fc;color:#6d7b90;font-size:8px;text-transform:uppercase;letter-spacing:.05em}

/* Kardex */
.inventory-ledger-v27{display:grid;gap:16px}
.inventory-ledger-v27 .inventory-hero-v27{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding:22px 24px}
.inventory-ledger-v27 .inventory-hero-v27 p{max-width:730px;margin-bottom:12px}
.inventory-hero-links-v27{display:flex;flex-wrap:wrap;gap:7px}
.inventory-hero-links-v27 a{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid #dfe8f6;border-radius:9px;background:#fff;color:#53647c;font-size:9px;font-weight:800;text-decoration:none}
.inventory-hero-links-v27 a:hover{border-color:#c8d8fb;background:var(--inv27-blue-soft);color:var(--inv27-blue)}
.ledger-shield-v27{display:grid;justify-items:center;gap:7px;min-width:138px;padding:16px 14px;border:1px solid #dce6f6;border-radius:15px;background:rgba(255,255,255,.75);color:#60708a;text-align:center}
.ledger-shield-v27 i{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--inv27-green-soft);color:var(--inv27-green);font-size:20px}
.ledger-shield-v27 span{font-size:8px;font-weight:800;line-height:1.25}

.ledger-filters-v27{display:grid;grid-template-columns:auto 125px 125px minmax(190px,1fr) minmax(220px,1.2fr) 150px auto;align-items:end;gap:10px;margin:0;padding:14px 15px;border-color:var(--inv27-line);border-radius:15px}
.ledger-filter-heading-v27{display:flex;align-items:center;gap:8px;align-self:center;padding-right:4px}
.ledger-filter-heading-v27>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--inv27-blue-soft);color:var(--inv27-blue)}
.ledger-filter-heading-v27>div{display:grid;line-height:1.1}
.ledger-filter-heading-v27 strong{font-size:9px;color:#35445c}
.ledger-filter-heading-v27 small{margin-top:3px;color:#9aa6b7;font-size:7px}
.ledger-filters-v27 label{display:block;margin:0 0 5px;color:#758298;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.ledger-filters-v27 .form-control,.ledger-filters-v27 .form-select{min-height:38px;padding:7px 9px;font-size:10px}
.ledger-filters-v27 .select2-container .select2-selection--single{min-height:38px}
.ledger-filter-button-v27{min-height:38px;padding:8px 13px;border-radius:10px;font-size:9px;white-space:nowrap}

.ledger-summary-v27{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ledger-kpi-v27{display:flex;align-items:center;gap:11px;min-height:82px;padding:13px 14px;border:1px solid var(--inv27-line);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.035)}
.ledger-kpi-icon-v27{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:var(--inv27-blue-soft);color:var(--inv27-blue);font-size:16px}
.ledger-kpi-v27>div{display:grid;min-width:0;line-height:1.08}
.ledger-kpi-v27 small{color:#8592a6;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}
.ledger-kpi-v27 strong{margin-top:4px;color:#26354d;font-size:18px}
.ledger-kpi-v27 em{margin-top:4px;color:#9aa6b7;font-size:8px;font-style:normal}
.ledger-kpi-v27.is-entry .ledger-kpi-icon-v27{background:var(--inv27-green-soft);color:var(--inv27-green)}
.ledger-kpi-v27.is-entry strong{color:var(--inv27-green)}
.ledger-kpi-v27.is-exit .ledger-kpi-icon-v27{background:var(--inv27-red-soft);color:var(--inv27-red)}
.ledger-kpi-v27.is-exit strong{color:var(--inv27-red)}
.ledger-kpi-v27.is-net .ledger-kpi-icon-v27{background:#f0f4fa;color:#536a8e}

.ledger-table-shell-v27{overflow:hidden;margin:0;border:1px solid var(--inv27-line);box-shadow:0 10px 28px rgba(15,23,42,.045)}
.ledger-toolbar-v27{min-height:70px;border-bottom:1px solid #edf1f6;background:linear-gradient(180deg,#fff,#fcfdff)}
.ledger-toolbar-v27 .directory-title>i{background:var(--inv27-blue-soft);color:var(--inv27-blue);box-shadow:none}
.ledger-toolbar-v27 .directory-tools{display:flex;gap:7px}
.ledger-toolbar-v27 .btn{min-height:36px;border-radius:10px;font-size:9px}
.ledger-legend-v27{display:flex;align-items:center;gap:15px;padding:9px 18px;border-bottom:1px solid #edf1f5;background:#fafbfd;color:#7b899d;font-size:8px;font-weight:750}
.ledger-legend-v27 span{display:inline-flex;align-items:center;gap:5px}
.ledger-legend-v27 .is-entry i{color:var(--inv27-green)}
.ledger-legend-v27 .is-exit i{color:var(--inv27-red)}
.ledger-table-v27{margin:0;font-size:9.5px}
.ledger-table-v27 thead th{padding:10px 8px;border-bottom:1px solid #dfe6ef;background:#f6f8fb;color:#6f7d91;font-size:7.5px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}
.ledger-table-v27 tbody td{padding:10px 8px;border-bottom-color:#edf1f5;color:#44526a;vertical-align:middle}
.ledger-table-v27 tbody tr{position:relative}
.ledger-table-v27 tbody tr:hover{background:#f8fbff}
.ledger-table-v27 tbody tr.movement-entry-v27 td:first-child{box-shadow:inset 3px 0 var(--inv27-green)}
.ledger-table-v27 tbody tr.movement-exit-v27 td:first-child{box-shadow:inset 3px 0 var(--inv27-red)}
.ledger-date-v27,.ledger-reference-v27{display:grid;gap:2px;white-space:nowrap}
.ledger-date-v27 strong{color:#35445c;font-size:9px}
.ledger-date-v27 small,.ledger-reference-v27 small{color:#97a3b4;font-size:7px}
.ledger-product-v27{display:flex;align-items:center;gap:8px;min-width:165px}
.ledger-product-v27>span{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:8px;background:var(--inv27-blue-soft);color:var(--inv27-blue);font-size:10px;font-weight:900}
.ledger-product-v27>div{display:grid;min-width:0;line-height:1.12}
.ledger-product-v27 strong{color:#28374f;font-size:9px}
.ledger-product-v27 small{overflow:hidden;max-width:190px;margin-top:3px;color:#7f8da1;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.ledger-warehouse-v27,.ledger-user-v27{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.ledger-warehouse-v27 i,.ledger-user-v27 i{color:#9aa7b9}
.ledger-type-v27{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:8px;background:#f1f4f8;color:#52627a;font-size:8px;font-weight:800;white-space:nowrap}
.movement-entry-v27 .ledger-type-v27{background:var(--inv27-green-soft);color:var(--inv27-green)}
.movement-exit-v27 .ledger-type-v27{background:var(--inv27-red-soft);color:var(--inv27-red)}
.ledger-qty-v27{font-size:10px;font-weight:900;white-space:nowrap}
.ledger-balance-v27{color:#6d7a8f;text-align:center;white-space:nowrap}
.ledger-balance-v27.is-after strong{display:inline-flex;justify-content:center;min-width:44px;padding:4px 7px;border-radius:8px;background:#eef3fa;color:#26364f}
.ledger-cost-v27{font-weight:750;white-space:nowrap}
.ledger-reference-v27 code{display:inline-block;width:max-content;max-width:125px;overflow:hidden;padding:3px 5px;border-radius:6px;background:#f4f6f9;color:#45556d;font-size:7.5px;text-overflow:ellipsis}
.ledger-empty-v27{padding:35px!important;color:#96a2b3!important;text-align:center!important}
.ledger-empty-v27 i{margin-bottom:6px;color:#70a486;font-size:25px}

@media(max-width:1450px){
  .ledger-filters-v27{grid-template-columns:auto 120px 120px minmax(180px,1fr) minmax(190px,1fr) 140px auto}
}
@media(max-width:1250px){
  .ledger-filters-v27{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ledger-filter-heading-v27{grid-column:1/-1}
  .ledger-filter-wide-v27{min-width:0}
  .ledger-filter-button-v27{align-self:end}
  .ledger-summary-v27{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .inventory-ledger-v27{gap:12px}
  .inventory-ledger-v27 .inventory-hero-v27{align-items:flex-start;padding:18px;flex-direction:column}
  .ledger-shield-v27{display:none}
  .inventory-hero-links-v27{width:100%}
  .inventory-hero-links-v27 a{flex:1;justify-content:center;min-width:115px}
  .ledger-filters-v27{grid-template-columns:1fr 1fr;padding:12px}
  .ledger-filter-heading-v27{grid-column:1/-1}
  .ledger-filter-wide-v27{grid-column:1/-1}
  .ledger-filter-button-v27{grid-column:1/-1;width:100%}
  .ledger-summary-v27{grid-template-columns:1fr 1fr;gap:8px}
  .ledger-kpi-v27{min-height:75px;padding:11px}
  .ledger-kpi-icon-v27{width:34px;height:34px;flex-basis:34px}
  .ledger-kpi-v27 strong{font-size:16px}
  .ledger-toolbar-v27{align-items:flex-start;gap:10px;flex-direction:column}
  .ledger-toolbar-v27 .directory-tools{width:100%}
  .ledger-toolbar-v27 .directory-tools .btn{flex:1}
  .ledger-table-v27{min-width:1080px}
  .module-inventory-v27 .native-table{min-width:850px}
}
@media(max-width:430px){
  .ledger-filters-v27{grid-template-columns:1fr}
  .ledger-filter-heading-v27,.ledger-filter-wide-v27,.ledger-filter-button-v27{grid-column:auto}
  .ledger-summary-v27{grid-template-columns:1fr 1fr}
  .ledger-kpi-v27{gap:8px;padding:10px}
  .ledger-kpi-icon-v27{width:31px;height:31px;flex-basis:31px;font-size:13px}
  .ledger-kpi-v27 small{font-size:7px}
  .ledger-kpi-v27 strong{font-size:14px}
  .inventory-hero-links-v27 a{min-width:100%;flex:auto}
}
