/* Warehouse EXP Date — Audit module visual owner.
   v21.26 root-first ownership: module-specific selectors live here once. */

/* Migrated from app/app.css; source-order preserved inside this owner. */
.audit-page{display: flex; flex-direction: column; gap: 18px;}
.audit-hero{position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 24px 26px;
            border: 1px solid var(--border);
            border-radius: 24px;
            background:
                radial-gradient(circle at 8% 16%, rgba(237,28,145,.16), transparent 34%),
                radial-gradient(circle at 92% 90%, rgba(194,24,117,.13), transparent 34%),
                var(--card-bg);
            box-shadow: var(--shadow-card);}
.audit-hero::before{content: "";
            position: absolute;
            inset-block: 0;
            inset-inline-start: 0;
            width: 6px;
            background: linear-gradient(180deg,#f04aa7,#c21875,#9d2c7d);}
.audit-hero-copy{position: relative; z-index: 1; min-width: 0;}
.audit-eyebrow{color: var(--secondary); font-size: 10px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase;}
.audit-hero h2{margin: 5px 0 4px; color: var(--primary); font-size: var(--type-section-title); line-height: 1.3;}
.audit-hero p{margin: 0; color: var(--text-muted); font-size: 12px; font-weight: 700;}
.audit-hero-actions{display: flex; align-items: center; gap: 9px; flex-wrap: wrap;}
.audit-kpi-grid{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px;}
.audit-kpi-card{min-height: 112px;
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 18px;
            border: 1px solid var(--border);
            border-radius: 19px;
            background: var(--card-bg);
            box-shadow: var(--shadow-soft);}
.audit-kpi-icon{inline-size: 46px;
            block-size: 46px;
            flex: 0 0 46px;
            display: grid;
            place-items: center;
            border-radius: 14px;
            background: rgba(194,24,117,.09);
            font-size: 21px;}
.audit-kpi-card.receipt .audit-kpi-icon{background: rgba(5,150,105,.10);}
.audit-kpi-card.dispatch .audit-kpi-icon{background: rgba(217,119,6,.11);}
.audit-kpi-card.admin .audit-kpi-icon{background: rgba(157,44,125,.10);}
.audit-kpi-copy span{display: block; color: var(--text-muted); font-size: 10.5px; font-weight: 800;}
.audit-kpi-copy strong{display: block;
            margin-top: 7px;
            color: var(--primary);
            font: 800 27px/1 Arial,Tahoma,sans-serif;
            font-variant-numeric: tabular-nums;
            direction: ltr;}
html[dir="rtl"] .audit-kpi-copy strong{text-align: right;}
html[dir="ltr"] .audit-kpi-copy strong{text-align: left;}
.audit-toolbar{display: grid;
            grid-template-columns: minmax(240px,1.35fr) minmax(180px,.7fr) minmax(310px,1.1fr) auto;
            gap: 12px;
            align-items: end;
            padding: 17px;
            border: 1px solid var(--border);
            border-radius: 20px;
            background: var(--card-bg);
            box-shadow: var(--shadow-card);}
.audit-filter-block{min-width: 0;}
.audit-filter-label{display: block; margin-bottom: 7px; color: var(--text-muted); font-size: 10.5px; font-weight: 900;}
.audit-toolbar input,.audit-toolbar select{width: 100%;
            min-height: 43px;
            background: var(--bg-main);}
.audit-date-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
.audit-quick-ranges{display: flex; gap: 6px; flex-wrap: wrap;}
.audit-range-btn{border: 1px solid var(--border);
            background: var(--bg-main);
            color: var(--text-muted);
            min-height: 34px;
            padding: 7px 10px;
            border-radius: 10px;
            font: 800 10px/1 Tahoma,Arial,sans-serif;
            cursor: pointer;}
.audit-range-btn:hover{border-color: rgba(194,24,117,.3); color: var(--secondary);}
.audit-table-card{overflow: hidden;}
.audit-table{min-width: 900px;}
.audit-table th:nth-child(1){width: 145px;}
.audit-table th:nth-child(2){width: 125px;}
.audit-table th:nth-child(3){width: 145px;}
.audit-date-cell,.audit-time-cell{direction: ltr; white-space: nowrap; font-family: Arial,Tahoma,sans-serif; font-variant-numeric: tabular-nums;}
.audit-date-cell{color: var(--primary); font-weight: 800;}
.audit-time-cell{color: var(--text-muted); font-size: 11px; font-weight: 700;}
.audit-type-badge{display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
            padding: 6px 9px;
            border-radius: 999px;
            border: 1px solid transparent;
            font-size: 10.5px;
            font-weight: 900;}
.audit-type-badge.receipt{color: #047857; background: rgba(5,150,105,.10); border-color: rgba(5,150,105,.16);}
.audit-type-badge.dispatch{color: #b45309; background: rgba(217,119,6,.11); border-color: rgba(217,119,6,.17);}
.audit-type-badge.import{color: #a50f62; background: rgba(194,24,117,.09); border-color: rgba(194,24,117,.15);}
.audit-type-badge.master{color: #9d2c7d; background: rgba(157,44,125,.09); border-color: rgba(157,44,125,.15);}
.audit-type-badge.delete{color: #b91c1c; background: rgba(220,38,38,.09); border-color: rgba(220,38,38,.15);}
.audit-type-badge.backup{color: #0e7490; background: rgba(8,145,178,.10); border-color: rgba(8,145,178,.16);}
.audit-type-badge.other{color: var(--text-muted); background: var(--bg-main); border-color: var(--border);}
body[data-theme="dark"] .audit-type-badge{color: var(--text-main);}
.audit-details-cell{color: var(--text-main); font-size: 11.5px; font-weight: 700; line-height: 1.75; overflow-wrap: anywhere;}
.audit-empty-state{text-align: center; padding: 40px 20px; color: var(--text-muted); font-weight: 800;}
@media (max-width: 1120px){
.audit-kpi-grid{grid-template-columns: repeat(2,minmax(0,1fr));}
.audit-toolbar{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 680px){
.audit-hero{align-items: flex-start; flex-direction: column; padding: 20px;}
.audit-hero-actions{width: 100%;}
.audit-hero-actions .btn{flex: 1;}
.audit-kpi-grid{grid-template-columns: 1fr 1fr;}
.audit-kpi-card{padding: 14px; min-height: 96px;}
.audit-kpi-icon{inline-size: 38px; block-size: 38px; flex-basis: 38px; font-size: 17px;}
.audit-kpi-copy strong{font-size: 23px;}
.audit-toolbar{grid-template-columns: 1fr;}
.audit-date-grid{grid-template-columns: 1fr 1fr;}
}
.audit-hero-actions .btn[data-ui-icon]{display: inline-flex;
            align-items: center;
            gap: 8px;}
.audit-kpi-icon[data-ui-icon]{display:grid; place-items:center;}
.audit-kpi-icon[data-ui-icon]{--ui-icon-size: 22px;}
.audit-user-cell{white-space:nowrap; font-weight:800; color:var(--primary);}
.audit-user-cell small{display:block; color:var(--text-muted); font-size:8px; font-weight:700; margin-top:2px;}
@media (max-width: 760px){
.audit-hero{border-radius:16px}
.audit-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
.audit-hero-actions .btn{width:100%;justify-content:center}
}
@media (max-width: 430px){
.audit-hero-actions{grid-template-columns:1fr}
}
/* Migrated from app/styles/architecture-system.css; source-order preserved inside this owner. */
.warehouse-app .audit-hero{border:1px solid var(--border); background:linear-gradient(145deg,var(--surface),var(--surface-soft)); color:var(--text-main); box-shadow:var(--shadow-card);}
body[data-theme="dark"].warehouse-app .audit-hero{color:var(--text-main); background:linear-gradient(145deg,#211b22,#19161a); border-color:var(--border);}
.warehouse-app .audit-toolbar select{min-height:44px;}
.warehouse-app .audit-table{border-collapse:separate;border-spacing:0}
.warehouse-app .audit-empty-state{border-radius:14px;background:var(--erp-surface-soft);border:1px dashed var(--border-strong)}
@media (max-width:760px){
.warehouse-app .audit-toolbar{grid-template-columns:1fr;gap:9px;}
.warehouse-app .audit-kpi-grid{grid-template-columns:1fr 1fr;gap:8px;}
.warehouse-app .audit-hero{min-width:0;}
.warehouse-app .audit-table-card{overflow:visible;}
.warehouse-app .audit-table{display:block;width:100%;min-width:0;border:0;}
.warehouse-app .audit-table thead{display:none;}
.warehouse-app .audit-table tbody{display:grid;gap:9px;padding:9px;background:var(--surface-soft);}
.warehouse-app .audit-table tbody tr{display:grid;width:100%;min-width:0;margin:0;padding:11px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:0 10px 24px -25px rgba(40,24,35,.5);overflow:hidden;}
.warehouse-app .audit-table td{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;padding:6px 0;border:0;text-align:start;overflow:visible;}
.warehouse-app .audit-table td::before{content:attr(data-mobile-label);flex:0 0 86px;color:var(--text-muted);font-size:8px;font-weight:800;line-height:1.45;}
.warehouse-app .audit-table tbody tr{grid-template-columns:1fr;}
.warehouse-app .audit-details-cell{white-space:normal;overflow-wrap:anywhere;line-height:1.55;}
.warehouse-app .audit-type-badge{max-width:100%;}
}
@media (max-width:430px){
.warehouse-app .audit-kpi-grid{grid-template-columns:1fr;}
.warehouse-app .audit-table td::before{flex-basis:74px;}
}
.warehouse-app .audit-table-card{border-color:var(--premium-line);
  box-shadow:var(--premium-shadow-sm),inset 0 1px 0 color-mix(in srgb,#fff 62%,transparent);}
.warehouse-app .audit-table-card{border-radius:22px;
  background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--surface-soft) 62%,var(--surface)));}
.warehouse-app #auditSection{position:relative;}
.warehouse-app #auditSection::before{content:"";
  position:absolute;
  z-index:0;
  width:190px;
  height:190px;
  inset-inline-end:18px;
  top:18px;
  background:url("../assets/warehouse-exp-mark.svg") center/contain no-repeat;
  opacity:.018;
  filter:grayscale(1);
  pointer-events:none;}
.warehouse-app #auditSection>*{position:relative;z-index:1}
@media (max-width:760px){
.warehouse-app .audit-table-card{border-radius:17px;box-shadow:0 12px 30px -26px rgba(40,15,31,.34)}
.warehouse-app #auditSection::before{width:120px;height:120px;opacity:.012}
}