@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --af2-bg: #f4f6f9;
  --af2-surface: #ffffff;
  --af2-surface-2: #f8fafc;
  --af2-text: #111827;
  --af2-muted: #667085;
  --af2-border: #e4e7ec;
  --af2-primary: #2563eb;
  --af2-primary-hover: #1d4ed8;
  --af2-primary-soft: #eff6ff;
  --af2-sidebar: #101828;
  --af2-sidebar-muted: #98a2b3;
  --af2-danger: #dc2626;
  --af2-success: #16a34a;
  --af2-warning: #d97706;
  --af2-shadow: 0 1px 2px rgba(16,24,40,.05), 0 8px 24px rgba(16,24,40,.06);
  --af2-radius: 14px;
}

:root[data-theme="dark"] {
  --af2-bg: #0b1120;
  --af2-surface: #111827;
  --af2-surface-2: #182230;
  --af2-text: #f8fafc;
  --af2-muted: #98a2b3;
  --af2-border: #293548;
  --af2-primary-soft: #172554;
  --af2-sidebar: #080d17;
  --af2-shadow: 0 1px 2px rgba(0,0,0,.2), 0 10px 30px rgba(0,0,0,.2);
}

* { box-sizing: border-box; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
body.af2-app {
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 24px 24px 40px 284px !important;
  background: var(--af2-bg) !important;
  color: var(--af2-text) !important;
  display: block !important;
}
body.af2-app::before, body.af2-app::after, body.af2-app > .af-background { display: none !important; }

.af2-sidebar {
  position: fixed; inset: 0 auto 0 0; z-index: 10000; width: 260px;
  display: flex; flex-direction: column; padding: 22px 16px 16px;
  color: #fff; background: var(--af2-sidebar); border-right: 1px solid rgba(255,255,255,.06);
}
.af2-brand { display: flex; align-items: center; gap: 11px; padding: 0 8px 23px; color: #fff; text-decoration: none; }
.af2-brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: linear-gradient(135deg,#3b82f6,#6366f1); font-weight: 800; box-shadow: 0 8px 24px rgba(37,99,235,.32); }
.af2-brand strong, .af2-brand small { display: block; }
.af2-brand strong { font-size: 16px; letter-spacing: -.02em; }
.af2-brand small { margin-top: 2px; color: var(--af2-sidebar-muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.af2-nav { flex: 1; overflow-y: auto; scrollbar-width: thin; }
.af2-nav-group { margin: 4px 0 20px; }
.af2-nav-label { padding: 0 11px 7px; color: #667085; font-size: 10px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.af2-nav-link { display: flex; align-items: center; gap: 11px; min-height: 42px; margin: 2px 0; padding: 9px 11px; border-radius: 9px; color: #d0d5dd; font-size: 13px; font-weight: 500; text-decoration: none; transition: .16s ease; }
.af2-nav-link:hover { color: #fff; background: rgba(255,255,255,.07); transform: none !important; }
.af2-nav-link.is-active { color: #fff; background: #2563eb; box-shadow: 0 5px 14px rgba(37,99,235,.25); }
.af2-nav-icon { width: 21px; color: #98a2b3; font-size: 17px; text-align: center; }
.af2-nav-link.is-active .af2-nav-icon { color: #fff; }
.af2-profile { display: flex; align-items: center; gap: 9px; padding: 13px 7px; border-top: 1px solid rgba(255,255,255,.08); }
.af2-avatar { display: grid; flex: 0 0 34px; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #344054; font-size: 13px; font-weight: 700; }
.af2-profile-copy { min-width: 0; flex: 1; }
.af2-profile-copy strong, .af2-profile-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.af2-profile-copy strong { font-size: 12px; }
.af2-profile-copy small { margin-top: 2px; color: #98a2b3; font-size: 10px; }
.af2-theme { width: 30px; height: 30px; border: 0; border-radius: 8px; color: #d0d5dd; background: rgba(255,255,255,.07); cursor: pointer; }
.af2-logout { display: block; padding: 8px; color: #fda29b; font-size: 11px; text-align: center; text-decoration: none; }
.af2-menu-button, .af2-overlay { display: none; }

body.af2-app > :not(.af2-sidebar):not(.af2-overlay):not(.af2-menu-button) { max-width: 1500px; margin-left: auto !important; margin-right: auto !important; }
body.af2-app .af-dashboard-wrapper, body.af2-app .container, body.af2-app .admin-container, body.af2-app .af-page-shell, body.af2-app main {
  width: 100% !important; max-width: 1500px !important; border: 0 !important; border-radius: 0 !important; padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; box-shadow: none !important;
}
body.af2-app .user-header, body.af2-app .admin-header, body.af2-app .af-header, body.af2-app .inv-header {
  min-height: 70px; margin-bottom: 20px !important; padding: 16px 20px !important; border: 1px solid var(--af2-border) !important; border-radius: var(--af2-radius) !important; color: var(--af2-text) !important; background: var(--af2-surface) !important; box-shadow: var(--af2-shadow) !important;
}
body.af2-app .af-glow-layer { display: none !important; }

body.af2-app .card, body.af2-app .stat-card, body.af2-app .admin-stat-card, body.af2-app .filter-section, body.af2-app .search-section, body.af2-app .transactions-container, body.af2-app .page-header-card, body.af2-app .section-card {
  border: 1px solid var(--af2-border) !important; border-radius: var(--af2-radius) !important; color: var(--af2-text) !important; background: var(--af2-surface) !important; box-shadow: var(--af2-shadow) !important;
}
body.af2-app h1, body.af2-app h2, body.af2-app h3, body.af2-app h4, body.af2-app label, body.af2-app th { color: var(--af2-text) !important; letter-spacing: -.015em; }
body.af2-app p, body.af2-app .subtitle, body.af2-app .text-muted { color: var(--af2-muted) !important; }
body.af2-app a { text-underline-offset: 3px; }

body.af2-app input:not([type="checkbox"]):not([type="radio"]), body.af2-app select, body.af2-app textarea {
  min-height: 42px !important; border: 1px solid var(--af2-border) !important; border-radius: 9px !important; color: var(--af2-text) !important; background: var(--af2-surface) !important; box-shadow: 0 1px 2px rgba(16,24,40,.04) !important; outline: none;
}
body.af2-app input:focus, body.af2-app select:focus, body.af2-app textarea:focus { border-color: #84adff !important; box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important; }
body.af2-app button, body.af2-app .btn, body.af2-app .af-btn { border-radius: 9px !important; font-family: inherit !important; font-weight: 600 !important; }
body.af2-app .btn-primary, body.af2-app .af-btn-primary { border-color: var(--af2-primary) !important; color: #fff !important; background: var(--af2-primary) !important; }
body.af2-app .btn-primary:hover, body.af2-app .af-btn-primary:hover { background: var(--af2-primary-hover) !important; }

body.af2-app table { width: 100%; border-collapse: separate !important; border-spacing: 0 !important; color: var(--af2-text) !important; background: var(--af2-surface) !important; }
body.af2-app th { padding: 11px 14px !important; border-bottom: 1px solid var(--af2-border) !important; background: var(--af2-surface-2) !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: .04em !important; }
body.af2-app td { padding: 13px 14px !important; border-bottom: 1px solid var(--af2-border) !important; color: var(--af2-text) !important; font-size: 13px; }
body.af2-app tbody tr:hover td { background: var(--af2-primary-soft) !important; }
body.af2-app .table-container, body.af2-app .table-wrapper, body.af2-app .af-table-wrap { overflow: auto; border: 1px solid var(--af2-border) !important; border-radius: var(--af2-radius) !important; background: var(--af2-surface) !important; box-shadow: var(--af2-shadow) !important; }

body.af2-app .badge, body.af2-app [class*="status-badge"], body.af2-app [class*="status-pill"] { border-radius: 999px !important; font-weight: 600 !important; }

@media (max-width: 1024px) {
  body.af2-app { padding: 78px 16px 30px !important; }
  .af2-sidebar { transform: translateX(-105%); transition: transform .2s ease; box-shadow: 20px 0 40px rgba(16,24,40,.25); }
  .af2-menu-button { position: fixed; z-index: 10002; top: 18px; left: 17px; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--af2-border); border-radius: 10px; color: var(--af2-text); background: var(--af2-surface); box-shadow: var(--af2-shadow); }
  .af2-nav-open .af2-sidebar { transform: translateX(0); }
  .af2-nav-open .af2-overlay { position: fixed; inset: 0; z-index: 9999; display: block; background: rgba(16,24,40,.48); backdrop-filter: blur(2px); }
}

@media (max-width: 640px) {
  body.af2-app { padding-left: 10px !important; padding-right: 10px !important; }
  body.af2-app .user-header, body.af2-app .admin-header, body.af2-app .af-header, body.af2-app .inv-header { padding: 14px !important; }
  body.af2-app table { min-width: 720px; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }

/* Focused sign-in and kiosk surfaces */
body:not(.af2-app) .login-card, body:not(.af2-app) .kiosk-wrapper {
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.16) !important;
  backdrop-filter: blur(18px);
}
body:not(.af2-app) .login-card { max-width: 440px !important; }
body:not(.af2-app) .login-card .logo { background: linear-gradient(135deg,#2563eb,#6366f1) !important; box-shadow: 0 12px 28px rgba(37,99,235,.25) !important; }
body:not(.af2-app) .login-card .title { font-size: 30px !important; letter-spacing: -.04em !important; }
body:not(.af2-app) .form-input { min-height: 46px !important; border-radius: 10px !important; }
body:not(.af2-app) .submit-btn, body:not(.af2-app) .toggle-btn { border-radius: 10px !important; }
body:not(.af2-app) .pin-key { border-radius: 12px !important; box-shadow: none !important; }
body:not(.af2-app) .kiosk-header { border-radius: 16px !important; }
body:not(.af2-app) .rfid-panel { border-radius: 24px !important; }

/* AssetFlow 2.1: complete content normalization */
body.af2-app {
  background:
    radial-gradient(circle at 78% -10%, rgba(59,130,246,.11), transparent 32rem),
    radial-gradient(circle at 28% 110%, rgba(99,102,241,.07), transparent 36rem),
    var(--af2-bg) !important;
  background-attachment: fixed !important;
}
body.af2-app .af-dashboard-wrapper, body.af2-app .af-view-wrapper, body.af2-app .page-wrapper,
body.af2-app .kiosk-wrapper, body.af2-app .admin-container, body.af2-app .af-main {
  color: var(--af2-text) !important; background: transparent !important;
}
body.af2-app .af-view-wrapper { padding: 0 !important; border: 0 !important; box-shadow: none !important; }
body.af2-app .af-header { position: relative; overflow: hidden; }
body.af2-app .af-header::after, body.af2-app .user-header::after, body.af2-app .admin-header::after {
  content: ""; position: absolute; inset: 0 0 auto; height: 3px;
  background: linear-gradient(90deg,#2563eb,#6366f1,#06b6d4); opacity: .9;
}
body.af2-app .af-logo, body.af2-app .inv-logo, body.af2-app .card-icon, body.af2-app .stat-icon {
  box-shadow: 0 8px 20px rgba(37,99,235,.18) !important;
}
body.af2-app .af-info-bar {
  margin-bottom: 16px !important; padding: 11px 14px !important; border: 1px solid var(--af2-border) !important;
  border-radius: 12px !important; color: var(--af2-text) !important; background: rgba(255,255,255,.72) !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.04) !important; backdrop-filter: blur(12px);
}
:root[data-theme="dark"] body.af2-app .af-info-bar { background: rgba(17,24,39,.8) !important; }
body.af2-app .af-info-pill { border: 0 !important; padding: 5px 9px !important; font-weight: 600; }
body.af2-app .af-info-pill-blue { color: #1d4ed8 !important; background: #eff6ff !important; }
body.af2-app .af-info-pill-green { color: #15803d !important; background: #f0fdf4 !important; }
body.af2-app .af-info-pill-red { color: #b42318 !important; background: #fef3f2 !important; }
body.af2-app .af-actions-grid, body.af2-app .actions-grid, body.af2-app .admin-cards {
  display: grid !important; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)) !important; gap: 12px !important; margin-bottom: 16px !important;
}
body.af2-app .af-actions-grid > *, body.af2-app .action-tile, body.af2-app .admin-card {
  position: relative; overflow: hidden; min-height: 92px; padding: 16px !important; border: 1px solid var(--af2-border) !important;
  border-radius: 14px !important; color: var(--af2-text) !important; background: var(--af2-surface) !important;
  box-shadow: var(--af2-shadow) !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
body.af2-app .af-actions-grid > *:hover, body.af2-app .action-tile:hover, body.af2-app .admin-card:hover {
  border-color: #b2ccff !important; transform: translateY(-3px) !important; box-shadow: 0 16px 35px rgba(16,24,40,.10) !important;
}
body.af2-app .af-actions-grid > *::before, body.af2-app .action-tile::before {
  content: ""; position: absolute; width: 76px; height: 76px; right: -28px; bottom: -36px; border-radius: 50%; background: rgba(37,99,235,.08);
}
body.af2-app .af-live-search-card, body.af2-app .filter-form, body.af2-app .af-filter-form, body.af2-app .live-search {
  margin: 0 0 14px !important; padding: 16px !important; border: 1px solid var(--af2-border) !important;
  border-radius: 14px !important; color: var(--af2-text) !important; background: var(--af2-surface) !important; box-shadow: var(--af2-shadow) !important;
}
body.af2-app .live-search-header { color: var(--af2-text) !important; }
body.af2-app .live-search-input-wrapper { position: relative; }
body.af2-app .live-search-input { height: 48px !important; padding-left: 42px !important; font-size: 14px !important; }
body.af2-app .search-icon { left: 14px !important; color: var(--af2-muted) !important; }
body.af2-app .live-search-filters, body.af2-app .af-filter-form { gap: 10px !important; }
body.af2-app .filter-chip-select { min-height: 38px !important; padding: 7px 11px !important; border-radius: 9px !important; }

body.af2-app .af-table-wrapper, body.af2-app .af-table-scroll {
  overflow: auto !important; border: 1px solid var(--af2-border) !important; border-radius: 14px !important;
  background: var(--af2-surface) !important; box-shadow: var(--af2-shadow) !important;
}
body.af2-app .af-table-wrapper { padding: 0 !important; }
body.af2-app .af-table-scroll { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body.af2-app table thead { position: sticky; top: 0; z-index: 4; }
body.af2-app table tbody tr, body.af2-app table tbody tr:nth-child(even), body.af2-app table tbody tr:nth-child(odd) { background: var(--af2-surface) !important; }
body.af2-app table tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--af2-surface-2) 55%, transparent) !important; }
body.af2-app table tbody tr:hover td { color: var(--af2-text) !important; background: var(--af2-primary-soft) !important; }
body.af2-app .quantity-badge { min-width: 30px; padding: 5px 9px !important; border: 0 !important; border-radius: 999px !important; color: #175cd3 !important; background: #eff8ff !important; box-shadow: none !important; }
body.af2-app .af-status-badge { padding: 5px 9px !important; border-width: 1px !important; background: transparent !important; }
body.af2-app .af-status-badge.status-critical, body.af2-app .af-status-badge.status-out { color: #b42318 !important; border-color: #fda29b !important; background: #fef3f2 !important; }
body.af2-app .pagination-section, body.af2-app .af-footer, body.af2-app .system-info-footer {
  margin-top: 14px !important; padding: 14px !important; border: 1px solid var(--af2-border) !important; border-radius: 12px !important;
  color: var(--af2-muted) !important; background: var(--af2-surface) !important;
}

/* Utility bar, collapsible sidebar and command palette */
.af2-utility { position: fixed; z-index: 9000; top: 18px; right: 24px; display: flex; gap: 8px; }
.af2-command-button, .af2-collapse { height: 38px; border: 1px solid var(--af2-border); border-radius: 10px; color: var(--af2-muted); background: rgba(255,255,255,.84); box-shadow: var(--af2-shadow); backdrop-filter: blur(12px); cursor: pointer; }
:root[data-theme="dark"] .af2-command-button, :root[data-theme="dark"] .af2-collapse { background: rgba(17,24,39,.86); }
.af2-command-button { display: flex; align-items: center; gap: 8px; padding: 0 10px; font-size: 12px; }
.af2-command-button kbd, .af2-command kbd { padding: 2px 6px; border: 1px solid var(--af2-border); border-radius: 5px; color: var(--af2-muted); background: var(--af2-surface-2); font: 10px/1.4 inherit; }
.af2-collapse { width: 38px; font-size: 22px; }
.af2-command[hidden] { display: none; }
.af2-command { position: fixed; inset: 0; z-index: 20000; display: grid; place-items: start center; padding-top: min(18vh,150px); }
.af2-command-backdrop { position: absolute; inset: 0; background: rgba(16,24,40,.55); backdrop-filter: blur(5px); }
.af2-command-panel { position: relative; width: min(580px,calc(100vw - 28px)); overflow: hidden; border: 1px solid var(--af2-border); border-radius: 18px; color: var(--af2-text); background: var(--af2-surface); box-shadow: 0 30px 80px rgba(16,24,40,.32); animation: af2-pop .16s ease-out; }
@keyframes af2-pop { from { opacity: 0; transform: translateY(-10px) scale(.98); } }
.af2-command-input { display: flex; align-items: center; gap: 10px; padding: 13px 15px; border-bottom: 1px solid var(--af2-border); }
.af2-command-input input { flex: 1; min-height: 38px; border: 0 !important; color: var(--af2-text); background: transparent; outline: 0; font: 14px inherit; }
.af2-command-results { padding: 8px; }
.af2-command-label { padding: 7px 12px 4px; color: var(--af2-muted); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.af2-command-results a { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 10px; color: var(--af2-text); text-decoration: none; }
.af2-command-results a:hover { background: var(--af2-primary-soft); }
.af2-command-results a > span { display: grid; flex: 1; gap: 2px; }
.af2-command-results strong { font-size: 13px; }.af2-command-results small { color: var(--af2-muted); font-size: 11px; }
.af2-command-panel footer { display: flex; gap: 18px; padding: 9px 14px; border-top: 1px solid var(--af2-border); color: var(--af2-muted); background: var(--af2-surface-2); font-size: 10px; }
.af2-to-top { position: fixed; z-index: 8000; right: 24px; bottom: 24px; width: 42px; height: 42px; border: 0; border-radius: 12px; color: #fff; background: var(--af2-primary); box-shadow: 0 10px 24px rgba(37,99,235,.3); opacity: 0; transform: translateY(12px); pointer-events: none; transition: .2s ease; }
.af2-to-top.is-visible { opacity: 1; transform: none; pointer-events: auto; }
body.af2-collapsed { padding-left: 104px !important; }
body.af2-collapsed .af2-sidebar { width: 80px; }
body.af2-collapsed .af2-brand > span:last-child, body.af2-collapsed .af2-nav-label, body.af2-collapsed .af2-nav-link > span:last-child,
body.af2-collapsed .af2-profile-copy, body.af2-collapsed .af2-theme, body.af2-collapsed .af2-logout { display: none; }
body.af2-collapsed .af2-brand, body.af2-collapsed .af2-nav-link, body.af2-collapsed .af2-profile { justify-content: center; }
body.af2-collapsed .af2-nav-icon { width: auto; } body.af2-collapsed .af2-collapse { transform: rotate(180deg); }

@media (max-width:1024px) {
  .af2-utility { top: 20px; right: 14px; }.af2-collapse { display: none; }
  body.af2-collapsed { padding-left: 16px !important; }.af2-command-button { width: 40px; overflow: hidden; white-space: nowrap; }.af2-command-button kbd { display:none; }
}

/* Per-page workspace refinements */
body.af2-app .transactions-container {
  max-width: 1120px !important; margin: 0 auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important;
}
body.af2-app .transactions-container .page-header {
  position: relative; margin-bottom: 16px !important; padding: 22px 24px !important; overflow: hidden;
  border: 1px solid var(--af2-border) !important; border-radius: 16px !important; background: linear-gradient(135deg,var(--af2-surface),var(--af2-primary-soft)) !important; box-shadow: var(--af2-shadow) !important;
}
body.af2-app .transactions-container .page-header::after { content:"⇄"; position:absolute; right:24px; top:50%; color:rgba(37,99,235,.12); font-size:76px; font-weight:700; transform:translateY(-50%); }
body.af2-app .transaction-card { padding: 0 !important; overflow: hidden; border: 1px solid var(--af2-border) !important; border-radius: 18px !important; background: var(--af2-surface) !important; box-shadow: 0 14px 38px rgba(16,24,40,.08) !important; }
body.af2-app .card-header-modern { padding: 20px 24px !important; border-bottom: 1px solid var(--af2-border) !important; color: var(--af2-text) !important; background: var(--af2-surface-2) !important; }
body.af2-app .enhanced-form-section { position: relative; margin: 0 !important; padding: 23px 24px 23px 76px !important; border: 0 !important; border-bottom: 1px solid var(--af2-border) !important; background: var(--af2-surface) !important; }
body.af2-app .enhanced-form-section:last-of-type { border-bottom: 0 !important; }
body.af2-app .section-header { margin: 0 0 15px !important; color: var(--af2-text) !important; }
body.af2-app .section-number { position: absolute; left: 24px; top: 22px; display: grid; place-items: center; width: 34px; height: 34px; border: 0 !important; border-radius: 10px !important; color: #fff !important; background: linear-gradient(135deg,#2563eb,#6366f1) !important; box-shadow: 0 8px 18px rgba(37,99,235,.22) !important; }
body.af2-app .enhanced-step-indicator { padding: 18px 22px !important; border-bottom: 1px solid var(--af2-border); background: var(--af2-surface) !important; }
body.af2-app .enhanced-step { color: var(--af2-muted) !important; }.enhanced-step.active { color: var(--af2-primary) !important; }
body.af2-app .autocomplete-dropdown-modern { z-index: 200; overflow: auto; max-height: 330px; border: 1px solid var(--af2-border) !important; border-radius: 12px !important; background: var(--af2-surface) !important; box-shadow: 0 18px 42px rgba(16,24,40,.14) !important; }
body.af2-app .autocomplete-item-modern { border-bottom-color: var(--af2-border) !important; color: var(--af2-text) !important; background: var(--af2-surface) !important; }
body.af2-app .autocomplete-item-modern:hover { background: var(--af2-primary-soft) !important; }
body.af2-app .selected-article-modern, body.af2-app .stock-display-modern { border: 1px solid #b2ccff !important; border-radius: 12px !important; background: var(--af2-primary-soft) !important; }
body.af2-app .form-actions-modern { padding: 20px 24px !important; border-top: 1px solid var(--af2-border) !important; background: var(--af2-surface-2) !important; }
body.af2-app .enhanced-submit-btn { min-height: 48px; padding: 0 24px !important; border: 0 !important; border-radius: 11px !important; background: linear-gradient(135deg,#2563eb,#4f46e5) !important; box-shadow: 0 9px 20px rgba(37,99,235,.25) !important; }

body.af2-app .inv-content { display: grid !important; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); gap: 16px !important; }
body.af2-app .inv-card { padding: 20px !important; border: 1px solid var(--af2-border) !important; border-radius: 16px !important; color: var(--af2-text) !important; background: var(--af2-surface) !important; box-shadow: var(--af2-shadow) !important; }
body.af2-app .inv-mode-buttons { padding: 4px !important; border-radius: 11px !important; background: var(--af2-surface-2) !important; }
body.af2-app .inv-mode-btn { border-radius: 8px !important; }.inv-mode-btn.active { color: #fff !important; background: var(--af2-primary) !important; box-shadow: 0 5px 12px rgba(37,99,235,.2); }
body.af2-app .inv-qty-btn { width: 46px; height: 46px; border: 1px solid var(--af2-border) !important; color: var(--af2-primary) !important; background: var(--af2-surface-2) !important; }
body.af2-app .inv-save-btn { min-height: 48px; border: 0 !important; background: linear-gradient(135deg,#16a34a,#059669) !important; box-shadow: 0 9px 20px rgba(5,150,105,.22) !important; }

body.af2-app .admin-stats-container, body.af2-app .stats-grid { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(185px,1fr)) !important; gap: 12px !important; }
body.af2-app .admin-stat-box, body.af2-app .stat-item { padding: 18px !important; border: 1px solid var(--af2-border) !important; border-radius: 14px !important; color: var(--af2-text) !important; background: var(--af2-surface) !important; box-shadow: var(--af2-shadow) !important; }
body.af2-app .stat-value, body.af2-app .stat-number { color: var(--af2-text) !important; font-size: clamp(24px,3vw,36px) !important; letter-spacing: -.04em; }
body.af2-app .activities-list { overflow: hidden; border: 1px solid var(--af2-border) !important; border-radius: 14px !important; background: var(--af2-surface) !important; }
body.af2-app .activity-item { border-bottom-color: var(--af2-border) !important; color: var(--af2-text) !important; background: transparent !important; }

/* Page tools and table density */
.af2-page-tools { position: fixed; z-index: 8500; right: 24px; bottom: 78px; display: flex; overflow: hidden; border: 1px solid var(--af2-border); border-radius: 11px; background: var(--af2-surface); box-shadow: var(--af2-shadow); opacity: .38; transition: opacity .18s ease, transform .18s ease; }
.af2-page-tools:hover, .af2-page-tools:focus-within { opacity: 1; transform: translateY(-2px); }
.af2-page-tools button { min-width: 38px; height: 36px; padding: 0 9px; border: 0; border-right: 1px solid var(--af2-border); color: var(--af2-muted); background: transparent; font: 11px Inter,sans-serif; cursor: pointer; }
.af2-page-tools button:last-child { border-right:0; }.af2-page-tools button:hover { color: var(--af2-primary); background: var(--af2-primary-soft); }.af2-page-tools button.is-active { color:#f59e0b; }
body.af2-compact table th { padding-top: 7px !important; padding-bottom: 7px !important; } body.af2-compact table td { padding-top: 7px !important; padding-bottom: 7px !important; font-size: 12px; }

@media(max-width:800px) {
  body.af2-app .enhanced-form-section { padding: 62px 16px 18px !important; }.section-number { left:16px !important; top:16px !important; }
  body.af2-app .inv-content { grid-template-columns:1fr; }.af2-page-tools { right:10px; bottom:66px; }.af2-page-tools [data-af2-action="export"] { display:none; }
}
@media print {
  .af2-sidebar,.af2-menu-button,.af2-utility,.af2-page-tools,.af2-to-top,.user-actions,.af-header-actions { display:none !important; }
  body.af2-app { padding:0 !important; background:#fff !important; color:#000 !important; }
  body.af2-app > * { max-width:none !important; box-shadow:none !important; }
}