.export-inventory {
  --ei-bg: var(--bg-panel, hsl(var(--card, 0 0% 100%)));
  --ei-text: var(--text-main, hsl(var(--foreground, 240 6% 10%)));
  --ei-sub: var(--text-sub, hsl(var(--muted-foreground, 240 4% 40%)));
  --ei-border: var(--border-subtle, hsl(var(--border, 240 6% 90%)));
  --ei-soft: var(--bg-card-hover, hsl(var(--secondary, 240 5% 96%)));
  --ei-accent: var(--accent, #d97706);
  color: var(--ei-text);
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding: 28px;
  font-size: 14px;
  line-height: 1.5;
}
.export-inventory *, .export-inventory *::before, .export-inventory *::after { box-sizing: border-box; }
.export-inventory h1, .export-inventory p { margin: 0; }
.export-inventory button, .export-inventory input, .export-inventory select { font: inherit; }
.export-inventory button, .export-inventory a, .export-inventory input, .export-inventory select { -webkit-tap-highlight-color: transparent; }
.export-inventory :is(button, a, input, select, [tabindex]):focus-visible { outline: 2px solid var(--ei-accent); outline-offset: 3px; }
.export-inventory__header { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px; }
.export-inventory__header h1 { color: var(--ei-text); font-size: 24px; font-weight: 700; letter-spacing: -.025em; }
.export-inventory__header p { color: var(--ei-sub); margin-top: 5px; }
.export-inventory__button { display: inline-flex; justify-content: center; align-items: center; gap: 6px; min-height: 36px; padding: 7px 12px; border: 1px solid var(--ei-border); border-radius: 8px; background: var(--ei-bg); color: var(--ei-text); font-size: 13px; font-weight: 500; line-height: 1.45; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color 120ms, border-color 120ms; }
.export-inventory__button:hover:not(:disabled) { background: var(--ei-soft); border-color: var(--ei-accent); }
.export-inventory button:disabled { opacity: .5; cursor: not-allowed; }
.export-inventory__quick-filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.export-inventory__quick { min-height: 98px; padding: 17px 18px; border: 1px solid var(--ei-border); border-radius: 12px; background: var(--ei-bg); color: var(--ei-text); text-align: left; cursor: pointer; }
.export-inventory__quick:hover { border-color: var(--ei-accent); }
.export-inventory__quick--active { border-color: var(--ei-accent); box-shadow: inset 0 0 0 1px var(--ei-accent); background: var(--accent-subtle, var(--ei-soft)); }
.export-inventory__quick-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-weight: 600; }
.export-inventory__quick-title strong { font-size: 26px; line-height: 1.15; font-variant-numeric: tabular-nums; }
.export-inventory__quick--active .export-inventory__quick-title { color: var(--ei-accent); }
.export-inventory__quick-detail { display: block; margin-top: 7px; color: var(--ei-sub); font-size: 12px; }
.export-inventory__panel { overflow: hidden; border: 1px solid var(--ei-border); border-radius: 12px; background: var(--ei-bg); }
.export-inventory__filters { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; padding: 20px; }
.export-inventory__field { display: flex; flex-direction: column; gap: 6px; flex: 1 1 145px; min-width: 145px; }
.export-inventory__field > span { font-size: 12px; font-weight: 600; color: var(--ei-sub); }
.export-inventory__field--search { flex: 2 1 240px; min-width: 210px; }
.export-inventory__search { display: flex; gap: 7px; }
.export-inventory input, .export-inventory select { height: 38px; max-width: 100%; border: 1px solid var(--ei-border); border-radius: 7px; padding: 7px 10px; background: var(--ei-bg); color: var(--ei-text); font-size: 13px; }
.export-inventory input { width: 100%; min-width: 0; }
.export-inventory input::placeholder { color: var(--ei-sub); opacity: .75; }
.export-inventory select { padding-right: 24px; }
.export-inventory__search .export-inventory__button, .export-inventory__clear { min-height: 38px; }
.export-inventory__list-caption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; padding: 0 20px 15px; color: var(--ei-sub); font-size: 12px; }
.export-inventory__error { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 20px 16px; padding: 12px 14px; border: 1px solid #e9aaa2; border-radius: 8px; background: #fff1ef; color: #ab2f20; }
.export-inventory__empty { display: flex; min-height: 250px; padding: 50px 20px; flex-direction: column; align-items: center; justify-content: center; gap: 10px; border-top: 1px solid var(--ei-border); color: var(--ei-sub); text-align: center; }
.export-inventory__empty strong { color: var(--ei-text); font-size: 16px; }
.export-inventory__table-scroll { overflow-x: auto; overscroll-behavior-x: contain; }
.export-inventory__table { width: 100%; min-width: 1040px; border-collapse: collapse; text-align: left; table-layout: fixed; }
.export-inventory__table th { background: var(--ei-soft); color: var(--ei-sub); padding: 12px 18px; font-size: 12px; font-weight: 600; border-top: 1px solid var(--ei-border); border-bottom: 1px solid var(--ei-border); }
.export-inventory__table th:first-child { width: 29%; }
.export-inventory__table th:nth-child(2) { width: 10%; }
.export-inventory__table th:nth-child(3), .export-inventory__table th:nth-child(4) { width: 22%; }
.export-inventory__table th:last-child { width: 17%; }
.export-inventory__table td { padding: 18px; vertical-align: top; border-bottom: 1px solid var(--ei-border); }
.export-inventory__table tbody tr:last-child td { border-bottom: 0; }
.export-inventory__video { display: flex; gap: 12px; align-items: flex-start; }
.export-inventory__video > div { min-width: 0; }
.export-inventory__thumbnail { display: block; flex-shrink: 0; width: 68px; height: 46px; object-fit: cover; background: var(--ei-soft); border-radius: 6px; }
.export-inventory .export-inventory__video-title { font-size: 13px; font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; }
.export-inventory .export-inventory__meta { margin-top: 6px; color: var(--ei-sub); font-size: 11px; line-height: 1.75; overflow-wrap: anywhere; }
.export-inventory__badge { display: inline-flex; align-items: center; min-height: 23px; padding: 2px 7px; border: 1px solid transparent; border-radius: 5px; font-size: 11px; font-weight: 500; line-height: 1.5; }
.export-inventory__badge--neutral { background: var(--ei-soft); color: var(--ei-sub); border-color: var(--ei-border); }
.export-inventory__badge--success { background: #edf8ef; color: #28603b; border-color: #c7e8cf; }
.export-inventory__badge--warning { background: #fff7e5; color: #8b5911; border-color: #f4dfb0; }
.export-inventory__badge--danger { background: #fff1ef; color: #ab2f20; border-color: #f1cec8; }
.export-inventory__badge--info { background: #edf4ff; color: #275a99; border-color: #d0e1f8; }
.export-inventory__download-status { margin-top: 10px; }
.export-inventory__download { display: inline-flex; align-items: center; gap: 7px; margin-top: 8px; padding: 3px 0; color: var(--ei-accent); font-size: 12px; font-weight: 600; text-decoration: none; }
.export-inventory__download:hover { text-decoration: underline; text-underline-offset: 3px; }
.export-inventory .export-inventory__job-error { margin-top: 6px; color: #ab2f20; font-size: 11px; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.export-inventory .export-inventory__history-note { margin-top: 7px; font-size: 11px; color: var(--ei-accent); }
.export-inventory__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.export-inventory__actions .export-inventory__button { font-size: 11px; padding: 6px 9px; min-height: 32px; }
.export-inventory__pagination { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-top: 1px solid var(--ei-border); padding: 14px 20px; color: var(--ei-sub); font-size: 12px; }
.export-inventory__pagination label, .export-inventory__pagination > div { display: flex; align-items: center; gap: 9px; }
.export-inventory__pagination select { height: 34px; }
.export-inventory__pagination > div > span { margin-right: 7px; }
.export-inventory__notes { margin-top: 18px; color: var(--ei-sub); font-size: 12px; line-height: 1.9; }
.export-inventory__notes strong { color: var(--ei-text); font-weight: 600; margin-right: 6px; }
.export-inventory__notes p + p { margin-top: 3px; }
:is(.dark, [data-theme="dark"], [data-mode="dark"]) .export-inventory__badge--success { background: #1f3528; color: #a4d7b0; border-color: #365943; }
:is(.dark, [data-theme="dark"], [data-mode="dark"]) .export-inventory__badge--warning { background: #3a301e; color: #edc886; border-color: #675332; }
:is(.dark, [data-theme="dark"], [data-mode="dark"]) .export-inventory__badge--danger,
:is(.dark, [data-theme="dark"], [data-mode="dark"]) .export-inventory__error { background: #3c2423; color: #f0aaa1; border-color: #69423e; }
:is(.dark, [data-theme="dark"], [data-mode="dark"]) .export-inventory__job-error { color: #f0aaa1; }
:is(.dark, [data-theme="dark"], [data-mode="dark"]) .export-inventory__badge--info { background: #22334a; color: #a7c9f3; border-color: #3b567b; }
@media (max-width: 1100px) {
  .export-inventory { padding: 22px 18px; }
  .export-inventory__quick-filters { gap: 10px; }
  .export-inventory__quick { padding: 14px; }
  .export-inventory__quick-detail { font-size: 11px; }
}
@media (max-width: 640px) {
  .export-inventory { padding: 18px 12px; }
  .export-inventory__header { align-items: flex-start; gap: 12px; }
  .export-inventory__header h1 { font-size: 21px; }
  .export-inventory__header p { font-size: 12px; }
  .export-inventory__header > .export-inventory__button { padding: 7px 9px; font-size: 12px; }
  .export-inventory__quick-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .export-inventory__quick { min-height: 87px; padding: 13px; }
  .export-inventory__quick-title strong { font-size: 24px; }
  .export-inventory__filters { padding: 15px; gap: 12px 10px; }
  .export-inventory__field { min-width: 0; flex-basis: calc(50% - 5px); }
  .export-inventory__field--search { flex-basis: 100%; }
  .export-inventory__clear { align-self: end; }
  .export-inventory__list-caption { padding: 0 15px 13px; }
  .export-inventory__error { margin: 0 15px 14px; }
  .export-inventory__pagination { padding: 14px 15px; }
  .export-inventory__notes { padding: 0 2px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { .export-inventory__button { transition: none; } }