:root {
  --sc-black: #1d1d1e;
  --sc-primary: #f6b331;
  --sc-light-gray: #b0b0b0;
  --sc-dark-gray: #6f6f6f;
  --sc-highlight: #f7c32f;
  --color-sidebar: var(--sc-black);
  --color-sidebar-deep: #292929;
  --color-accent: var(--sc-primary);
  --color-highlight: var(--sc-highlight);
  --color-workspace: #f5f5f3;
  --color-surface: #ffffff;
  --color-text: var(--sc-black);
  --color-muted: var(--sc-dark-gray);
  --color-muted-light: var(--sc-light-gray);
  --color-border: #e5e2da;
  --color-success: #24764a;
  --color-danger: #a82d25;
  --color-accent-soft: rgba(246, 179, 49, 0.16);
  --color-accent-focus: rgba(246, 179, 49, 0.25);
  --color-sidebar-line: rgba(255, 255, 255, 0.12);
  --color-sidebar-text: rgba(255, 255, 255, 0.72);
  --shadow-panel: 0 24px 70px rgba(29, 29, 30, 0.14);
  --shadow-card: 0 8px 25px rgba(29, 29, 30, 0.06);
}

* { box-sizing: border-box; }

/* Compact orders workspace; detailed editors and Shipment controls stay contextual. */
#orders-view { min-width: 0; }
.content:has(#orders-view:not(.hidden)) { min-width: 0; max-width: none; padding: 24px; }
#orders-view .orders-panel-head { padding: 14px 18px; }
#orders-view .orders-filterbar { padding: 10px 16px; gap: 6px; }
.orders-selectionbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 16px; border-bottom: 1px solid var(--color-border); font-size: .78rem; }
.orders-selectionbar small { color: var(--color-muted); }
.orders-selectionbar button, .orders-operational-table button, .order-detail-controls button { cursor: pointer; border: 1px solid var(--color-border); border-radius: 6px; background: white; color: var(--color-text); padding: 5px 8px; font-size: .76rem; }
.orders-table-scroll { width: 100%; overflow-x: auto; }
.orders-operational-table { border-collapse: collapse; width: 100%; min-width: 1120px; table-layout: fixed; font-size: .76rem; text-align: left; }
.orders-operational-table th { background: #f2f0ea; color: var(--color-muted); font-size: .68rem; padding: 10px 7px; border-bottom: 1px solid var(--color-border); }
.orders-operational-table td { padding: 8px 7px; border-bottom: 1px solid #ece9e2; vertical-align: middle; overflow-wrap: anywhere; }
.orders-operational-table tbody { border-top: 2px solid #dcd7cb; }
.orders-operational-table tbody.order-group-alt { background: #faf9f5; }
.orders-operational-table tbody tr { cursor: pointer; }
.orders-operational-table tbody tr:hover { background: var(--color-accent-soft); }
.orders-operational-table td small { display: block; font-size: .65rem; color: var(--color-muted); margin-top: 3px; }
.orders-operational-table td strong { font-size: .74rem; }
.orders-operational-table th:nth-child(1) { width: 34px; font-size: 0; }
.orders-operational-table th:nth-child(2) { width: 54px; }
.orders-operational-table th:nth-child(3) { width: 132px; }
.orders-operational-table th:nth-child(4) { width: 88px; }
.orders-operational-table td:nth-child(4) { white-space: nowrap; overflow-wrap: normal; }
.orders-operational-table th:nth-child(5) { width: auto; }
.orders-operational-table th:nth-child(6) { width: 36px; }
.orders-operational-table th:nth-child(7) { width: 76px; }
.orders-operational-table th:nth-child(8), .orders-operational-table th:nth-child(9) { width: 82px; }
.orders-operational-table th:nth-child(10) { width: 86px; }
.orders-operational-table th:nth-child(11) { width: 60px; }
.order-article-cell span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4; }
.orders-operational-table td:last-child button { display: inline-block; margin: 2px 1px; padding: 4px 6px; }
#orders-shipments-dialog { width: min(1150px, calc(100vw - 32px)); }
#orders-shipments-dialog .shipment-workspace { margin: 0; box-shadow: none; border: 0; padding: 18px; }
.order-detail-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 14px; margin: 12px 0; }
.order-detail-controls label { display: grid; gap: 5px; }
.order-edit-item details { margin: 12px 0; }
.order-edit-item details p { white-space: pre-wrap; overflow-wrap: anywhere; }
#order-edit-content { padding: 20px 24px 24px; min-width: 0; overflow-wrap: anywhere; }
#order-edit-dialog .orders-dialog-head { padding-left: 24px; padding-right: 24px; }
#order-edit-content .order-edit-item { margin-top: 20px; }
#order-edit-content textarea { display: block; width: 100%; max-width: 100%; margin-top: 8px; }
#order-edit-content form > button { margin-top: 10px; }
#order-edit-content input, #order-edit-content select { max-width: 100%; }
.orders-operational-table .order-string-display { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; padding: 0; border: 0; background: transparent; text-align: left; font: inherit; line-height: 1.45; white-space: pre-wrap; cursor: text; }
.orders-operational-table .order-string-display[hidden] { display: none; }
.order-string-cell textarea { width: 100%; resize: vertical; font: inherit; padding: 8px; white-space: pre-wrap; }
.order-string-cell:has(form) { background: var(--color-accent-soft); }
.order-string-cell form label { display: block; font-size: .72rem; }
.order-string-cell form textarea { min-height: 90px; margin-top: 5px; }
.order-editor-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.order-editor-actions button { padding: 6px 12px; border: 1px solid var(--color-border); border-radius: 6px; cursor: pointer; }
.order-editor-actions button[type="submit"] { background: var(--color-accent); color: var(--color-sidebar); }
.order-inline-message, .production-string-editor [role="status"] { font-size: .76rem; white-space: pre-wrap; }
.order-detail-tabs { display: flex; gap: 6px; flex-wrap: wrap; padding-bottom: 12px; border-bottom: 1px solid var(--color-border); }
.order-detail-tabs button { border: 1px solid var(--color-border); border-radius: 8px; padding: 8px 12px; background: white; cursor: pointer; font: inherit; font-size: .82rem; }
.order-detail-tabs button[aria-selected="true"] { background: var(--color-sidebar); color: white; }
.order-detail-panel { padding-top: 14px; }
.order-detail-panel[hidden] { display: none; }
.order-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 20px; margin: 14px 0; }
.order-detail-grid > div { min-width: 0; }
.order-detail-grid dt { color: var(--color-muted); font-size: .74rem; margin-bottom: 4px; }
.order-detail-grid dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .85rem; }
.order-detail-panel pre { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; font-size: .78rem; }
.order-detail-panel .order-edit-item:first-child { margin-top: 0; }
.order-shipment-detail { padding-top: 14px; margin-top: 16px; border-top: 1px solid var(--color-border); }
.order-legacy-fields { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--color-border); }
@media (max-width:600px) { .order-detail-grid { grid-template-columns: 1fr; } .order-detail-tabs button { flex: 1 1 40%; } }
html, body { margin: 0; min-height: 100%; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--color-text); background: var(--color-workspace); }
button, input { font: inherit; }
textarea, select { font: inherit; }
.hidden { display: none !important; }

.login-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(420px, 48%) 1fr; background: var(--color-surface); }
.login-panel { width: min(430px, 78%); margin: auto; }
.brand-mark { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 16px; background: linear-gradient(145deg, var(--color-accent), var(--color-highlight)); color: var(--color-sidebar); font-weight: 900; letter-spacing: -0.04em; box-shadow: 0 12px 30px var(--color-accent-focus); }
.eyebrow { margin: 34px 0 8px; color: var(--color-accent); font-size: 0.72rem; font-weight: 850; letter-spacing: 0.18em; }
.login-panel h1 { margin: 0; color: var(--color-text); font-size: 2.8rem; letter-spacing: -0.055em; }
.subtitle { margin: 7px 0 38px; color: var(--color-muted); }
.login-panel label { display: block; margin: 18px 0 7px; font-size: 0.82rem; font-weight: 750; }
.login-panel input { width: 100%; padding: 13px 14px; border: 1px solid var(--color-border); border-radius: 10px; outline: none; transition: 0.2s; }
.login-panel input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 4px var(--color-accent-focus); }
.login-panel button { width: 100%; margin-top: 16px; padding: 14px; border: 0; border-radius: 10px; background: var(--color-accent); color: var(--color-sidebar); font-weight: 850; cursor: pointer; transition: background 0.2s, transform 0.2s; }
.login-panel button:hover { background: var(--color-highlight); transform: translateY(-1px); }
.error { min-height: 20px; margin: 10px 0 -4px; color: var(--color-danger); font-size: 0.82rem; }
.secure-note { margin-top: 22px; color: var(--color-muted-light); font-size: 0.75rem; text-align: center; }

.login-art { position: relative; overflow: hidden; margin: 18px; border-radius: 24px; background: linear-gradient(145deg, var(--color-sidebar), var(--color-sidebar-deep)); box-shadow: var(--shadow-panel); }
.art-grid { position: absolute; inset: 0; background-image: linear-gradient(var(--color-sidebar-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-sidebar-line) 1px, transparent 1px); background-size: 42px 42px; transform: perspective(700px) rotateX(58deg) scale(1.5); transform-origin: bottom; }
.login-art::after { position: absolute; top: 12%; right: 10%; width: 330px; height: 330px; border-radius: 50%; background: radial-gradient(circle, var(--color-accent-focus), transparent 68%); content: ""; }
.art-copy { position: absolute; right: 9%; bottom: 10%; left: 9%; display: flex; gap: 26px; align-items: flex-start; color: var(--color-surface); }
.art-copy span { padding-top: 8px; border-top: 2px solid var(--color-accent); color: var(--color-accent); font-size: 0.75rem; }
.art-copy strong { max-width: 520px; font-size: 2rem; line-height: 1.16; letter-spacing: -0.035em; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 258px 1fr; }
.sidebar { position: sticky; top: 0; height: 100vh; min-height: 100vh; display: flex; flex-direction: column; overflow-y: auto; padding: 28px 20px; background: var(--color-sidebar); color: var(--color-surface); }
.sidebar-brand { display: flex; gap: 12px; align-items: center; padding: 0 6px 28px; border-bottom: 1px solid var(--color-sidebar-line); }
.brand-mark.small { width: 42px; height: 42px; border-radius: 12px; box-shadow: none; font-size: 0.84rem; }
.sidebar-brand strong { display: block; font-size: 1.05rem; }
.sidebar-brand span { display: block; margin-top: 3px; color: var(--color-muted-light); font-size: 0.66rem; }
.sidebar nav { margin-top: 28px; }
.sidebar nav a { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 9px; color: var(--color-sidebar-text); font-size: 0.9rem; text-decoration: none; }
.sidebar nav a.active { background: var(--color-accent-soft); color: var(--color-accent); }
.sidebar .nav-group { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--color-sidebar-line); }
.nav-group-title { display: flex; gap: 10px; align-items: flex-start; padding: 8px 10px; color: #fff; font-size: .69rem; font-weight: 850; letter-spacing: .04em; line-height: 1.35; text-transform: uppercase; }
.nav-group-title span { flex: 0 0 auto; }
.nav-cluster { margin-top: 10px; }
.nav-cluster-title { margin: 0 10px 3px 32px; color: var(--color-muted-light); font-size: .62rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.sidebar nav .nav-group a { margin-left: 22px; padding: 7px 10px; font-size: .76rem; }
.sidebar-user { margin-top: auto; padding: 20px 8px 0; border-top: 1px solid var(--color-sidebar-line); }
.sidebar-user span, .sidebar-user small { display: block; overflow: hidden; text-overflow: ellipsis; }
.sidebar-user span { font-size: 0.78rem; }
.sidebar-user small { margin-top: 4px; color: var(--color-muted-light); font-size: 0.64rem; text-transform: uppercase; }
.ghost { margin-top: 12px; padding: 7px 12px; border: 1px solid var(--color-accent); border-radius: 7px; background: transparent; color: var(--color-accent); cursor: pointer; }

.content { width: 100%; max-width: 1500px; min-height: 100vh; display: flex; flex-direction: column; align-self: stretch; margin: auto; padding: 42px 48px; background: var(--color-workspace); }
.content header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.content header .eyebrow { margin: 0 0 5px; }
.content h1 { margin: 0; font-size: 2rem; letter-spacing: -0.04em; }
.live { padding: 8px 13px; border-radius: 999px; background: var(--color-accent-soft); color: var(--color-text); font-size: 0.78rem; font-weight: 750; }
.live i { width: 7px; height: 7px; display: inline-block; margin-right: 7px; border-radius: 50%; background: var(--color-success); }
.hero { display: flex; align-items: center; justify-content: space-between; padding: 34px 38px; border-left: 5px solid var(--color-accent); border-radius: 18px; background: var(--color-sidebar); color: var(--color-surface); box-shadow: var(--shadow-panel); }
.hero .eyebrow { margin: 0 0 8px; }
.eyebrow.light { color: var(--color-accent); }
.hero h2 { margin: 0 0 10px; font-size: 2rem; letter-spacing: -0.04em; }
.hero p { max-width: 650px; margin: 0; color: var(--color-muted-light); }
.hero-badge { padding: 13px 20px; border: 1px solid var(--color-accent); border-radius: 14px; color: var(--color-accent); font-size: 0.66rem; letter-spacing: 0.15em; text-align: center; }
.hero-badge strong { color: var(--color-surface); font-size: 1.8rem; }

.status-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 24px; }
.status-grid article { padding: 22px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.status-grid span, .status-grid small { display: block; }
.status-grid span { color: var(--color-muted); font-size: 0.72rem; font-weight: 750; letter-spacing: 0.08em; text-transform: uppercase; }
.status-grid strong { display: block; margin: 18px 0 5px; color: var(--color-text); font-size: 1.35rem; word-break: break-word; }
.status-grid small { color: var(--color-muted-light); font-size: 0.72rem; }
.content footer { margin-top: auto; padding-top: 38px; color: var(--color-muted-light); font-size: 0.72rem; }

@media (max-width: 900px) {
  .login-shell { grid-template-columns: 1fr; }
  .login-art { display: none; }
  .login-panel { width: min(430px, 86%); padding: 50px 0; }
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { position: static; height: auto; min-height: auto; overflow: visible; padding: 18px; }
  .sidebar nav { margin: 12px 0; }
  .sidebar .nav-group { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 14px; }
  .nav-group-title { grid-column: 1 / -1; }
  .nav-cluster { min-width: 0; }
  .nav-cluster-title { margin-left: 10px; }
  .sidebar nav .nav-group a { margin-left: 0; }
  .sidebar-user { position: absolute; top: 12px; right: 18px; padding: 0; border: 0; }
  .sidebar-user span, .sidebar-user small { display: none; }
  .content { min-height: calc(100vh - 124px); padding: 28px 18px; }
  .status-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Customer support workspace */
.content:has(#support-view:not(.hidden)) { width: 100%; max-width: none; height: 100dvh; min-height: 0; overflow: hidden; margin: 0; padding: 20px 20px 24px; }
#support-view:not(.hidden) { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
#support-view:not(.hidden) + footer,
.content:has(#support-view:not(.hidden)) > footer { display: none; }
.support-page-header { flex: 0 0 auto; min-height: 0; margin-bottom: 10px !important; }
.support-page-header .eyebrow { margin-bottom: 2px; line-height: 1.1; }
.support-page-header h1 { font-size: 1.8rem; line-height: 1.15; }
.support-process-wrap { display: flex; align-items: center; gap: 12px; }
.support-process-status { color: var(--color-muted); font-size: .78rem; }
#support-process-button { min-height: 36px; padding: 0 15px; border: 0; border-radius: 9px; background: var(--color-sidebar); color: #fff; font-weight: 800; cursor: pointer; }
#support-process-button:disabled { opacity: .6; cursor: wait; }
.support-workspace { flex: 1 1 auto; min-height: 0; height: auto; display: grid; grid-template-columns: 280px minmax(0, 1fr) 290px; overflow: hidden; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.support-inbox, .support-conversation, .support-context { min-width: 0; min-height: 0; }
.support-inbox { display: flex; flex-direction: column; border-right: 1px solid var(--color-border); background: #fafaf8; }
.support-inbox-head { padding: 18px; border-bottom: 1px solid var(--color-border); }
.support-inbox-head > div { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.support-inbox-head strong { font-size: 1rem; }
.support-inbox-head span { min-width: 30px; padding: 4px 8px; border-radius: 999px; background: var(--color-accent-soft); font-size: .72rem; text-align: center; }
.support-inbox-head input { width: 100%; min-height: 39px; padding: 0 12px; border: 1px solid var(--color-border); border-radius: 9px; background: #fff; outline: none; }
.support-inbox-head input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px var(--color-accent-focus); }
.support-filters { display: flex; flex-wrap: wrap; gap: 6px; padding: 11px 14px; border-bottom: 1px solid var(--color-border); }
.support-filters button, .support-filters select { min-height: 30px; padding: 0 9px; border: 1px solid var(--color-border); border-radius: 999px; background: #fff; color: var(--color-muted); font-size: .7rem; cursor: pointer; }
.support-filters button.active { border-color: var(--color-sidebar); background: var(--color-sidebar); color: #fff; }
.support-filters button span { margin-left: 3px; font-variant-numeric: tabular-nums; }
.support-list { flex: 1; overflow-y: auto; }
.support-ticket { width: 100%; padding: 16px 17px; border: 0; border-bottom: 1px solid var(--color-border); background: transparent; color: inherit; text-align: left; cursor: pointer; }
.support-ticket:hover { background: #fff; }
.support-ticket.active { background: #fff; box-shadow: inset 4px 0 var(--color-accent); }
.support-ticket-top, .support-ticket-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.support-ticket-channel { font-size: .67rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.support-ticket-channel.amazon { color: #9a5c00; }
.support-ticket-channel.ebay { color: #315a9e; }
.support-ticket time { color: var(--color-muted-light); font-size: .67rem; white-space: nowrap; }
.support-ticket h3 { overflow: hidden; margin: 8px 0 4px; font-size: .86rem; text-overflow: ellipsis; white-space: nowrap; }
.support-ticket p { display: -webkit-box; overflow: hidden; margin: 0; color: var(--color-muted); font-size: .76rem; line-height: 1.38; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.support-ticket-meta { margin-top: 11px; justify-content: flex-start; flex-wrap: wrap; }
.support-tag { padding: 4px 7px; border-radius: 999px; background: #efeee9; color: #595850; font-size: .63rem; font-weight: 750; }
.support-tag.review { background: #fff1cf; color: #77510b; }
.support-tag.high { background: #fbe4e1; color: #972f26; }
.support-tag.medium { background: #fff1cf; color: #77510b; }
.support-tag.low { background: #e9f3ed; color: #236544; }
.support-conversation { display: flex; flex-direction: column; overflow: hidden; background: #f7f7f5; }
#support-conversation-content { flex: 1 1 auto; height: auto; display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.support-conversation-head { flex: 0 0 auto; display: flex; align-items: flex-start; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--color-border); background: #fff; }
.support-conversation-head h2 { margin: 5px 0 3px; font-size: 1.05rem; }
.support-conversation-head p { margin: 0; color: var(--color-muted); font-size: .72rem; }
.support-channel { color: var(--color-accent); font-size: .66rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.support-context-toggle { display: none; padding: 7px 10px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; cursor: pointer; }
.support-messages { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 14px 18px; }
.support-message { max-width: 78%; margin-bottom: 16px; }
.support-message.inbound { margin-right: auto; }
.support-message.outbound { margin-left: auto; }
.support-message.system { max-width: 88%; margin: 12px auto; }
.support-message-label { display: flex; gap: 8px; align-items: center; margin: 0 5px 5px; color: var(--color-muted); font-size: .65rem; font-weight: 750; text-transform: uppercase; }
.support-message.outbound .support-message-label { justify-content: flex-end; }
.support-message-bubble { padding: 12px 14px; border: 1px solid var(--color-border); border-radius: 4px 14px 14px 14px; background: #fff; font-size: .82rem; line-height: 1.52; white-space: pre-wrap; overflow-wrap: anywhere; }
.support-message.outbound .support-message-bubble { border-color: #edcf8d; border-radius: 14px 4px 14px 14px; background: #fff8e8; }
.support-message.system .support-message-bubble { border-style: dashed; border-radius: 10px; background: #f0f0ed; color: var(--color-muted); font-size: .76rem; }
.support-message.automatic { max-width: 72%; margin: 8px auto; }
.support-message.automatic .support-message-label { justify-content: center; font-size: .59rem; font-weight: 700; }
.support-message.automatic .support-message-bubble { padding: 8px 10px; border-color: #deded9; border-style: dashed; border-radius: 8px; background: #f2f2ef; color: var(--color-muted); font-size: .72rem; line-height: 1.4; }
.message-translation { margin-top: 8px; padding: 9px 11px; border-left: 3px solid var(--color-accent); border-radius: 5px; background: #faf8f1; color: #555; font-size: .75rem; }
.message-translation strong { display: block; margin-bottom: 4px; font-size: .64rem; text-transform: uppercase; }
.message-attachments { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.message-attachment { display: inline-flex; gap: 6px; align-items: center; padding: 7px 9px; border: 1px solid var(--color-border); border-radius: 7px; background: #fff; color: var(--color-text); font-size: .7rem; text-decoration: none; }
.message-attachment.unavailable { color: var(--color-muted-light); cursor: default; }
.message-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 10px; }
.message-media-grid.single { grid-template-columns: minmax(220px, 300px); }
.message-media-button { height: 180px; min-width: 0; display: grid; grid-template-rows: minmax(0, 1fr); place-items: center; padding: 0; overflow: hidden; border: 1px solid var(--color-border); border-radius: 10px; background: #f3f3f0; cursor: pointer; }
.message-media-button:hover { border-color: var(--color-accent); box-shadow: 0 0 0 3px var(--color-accent-focus); }
.message-media-button img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; }
.message-media-grid.single .message-media-button { height: clamp(220px, 28vh, 300px); }
.support-lightbox { position: fixed; z-index: 1000; inset: 0; display: grid; grid-template-columns: 56px minmax(0, 1fr) 56px; grid-template-rows: minmax(80px, 1fr) auto; gap: 12px 0; align-items: center; padding: 64px 16px 16px; overflow: auto; background: rgba(15, 15, 16, .9); }
.support-lightbox.hidden { display: none; }
.support-lightbox figure { width: 100%; height: 100%; min-width: 0; min-height: 0; display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 9px; margin: 0; }
.support-lightbox-viewport { position: relative; width: 100%; height: 100%; min-height: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; overscroll-behavior: contain; touch-action: none; }
.support-lightbox img { display: block; flex: none; width: auto; height: auto; max-width: none; max-height: none; border-radius: 4px; object-fit: contain; cursor: default; user-select: none; box-shadow: 0 20px 70px rgba(0,0,0,.45); }
.support-lightbox img.zoomed { cursor: grab; }
.support-lightbox img.dragging { cursor: grabbing; transition: none; }
.support-lightbox figcaption { min-width: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; max-height: 20dvh; overflow: auto; color: #fff; font-size: .78rem; text-align: center; }
#support-lightbox-caption { overflow-wrap: anywhere; min-width: 0; }
#support-lightbox-counter { color: #c9c9c4; white-space: nowrap; font-variant-numeric: tabular-nums; }
.support-lightbox-close, .support-lightbox-nav { border: 0; background: rgba(255,255,255,.12); color: #fff; cursor: pointer; }
.support-lightbox-close { position: absolute; top: 18px; right: 20px; width: 42px; height: 42px; border-radius: 50%; font-size: 1.8rem; }
.support-lightbox-nav { width: 48px; height: 62px; justify-self: center; border-radius: 10px; font-size: 2.3rem; }
.support-lightbox-nav:disabled { visibility: hidden; }
.support-lightbox-toolbar { grid-column: 1 / -1; justify-self: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 5px; padding: 6px; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; background: rgba(20,20,20,.82); }
.support-lightbox-toolbar button, .support-lightbox-toolbar a { min-width: 36px; height: 32px; display: inline-grid; place-items: center; padding: 0 9px; border: 0; border-radius: 7px; background: rgba(255,255,255,.1); color: #fff; font: inherit; font-size: .74rem; text-decoration: none; cursor: pointer; }
.support-lightbox-toolbar button:hover, .support-lightbox-toolbar a:hover { background: rgba(255,255,255,.2); }
.support-lightbox-toolbar output { min-width: 48px; color: #fff; font-size: .72rem; text-align: center; font-variant-numeric: tabular-nums; }
/* Keep the image stage unchanged where the previous toolbar occupied two rows. */
@media (max-width: 360.42px) {
  .support-lightbox { grid-template-rows: minmax(80px, 1fr) 83px; }
  .support-lightbox-toolbar { align-self: end; }
}
body.modal-open { overflow: hidden; }
.suggested-reply { flex: 0 0 auto; overflow-y: visible; padding: 8px 16px 9px; border-top: 1px solid var(--color-border); background: #fff; box-shadow: 0 -10px 30px rgba(29,29,30,.04); }
.suggested-reply-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.suggested-reply-head span { color: var(--color-muted); font-size: .68rem; font-weight: 850; letter-spacing: .08em; }
.suggested-reply-head small { margin-left: 9px; color: var(--color-muted-light); }
.edit-state { color: var(--color-success) !important; letter-spacing: 0 !important; }
.suggested-reply-state { display: flex; align-items: center; gap: 9px; }
#support-generate-button { min-height: 31px; padding: 0 10px; border: 1px solid var(--color-border); border-radius: 7px; background: #fff; color: var(--color-text); font-size: .69rem; font-weight: 800; cursor: pointer; }
#support-generate-button:disabled { opacity: .55; cursor: wait; }
#support-reply-text { width: 100%; height: 52px; min-height: 48px; max-height: 160px; resize: none; overflow-y: hidden; padding: 9px 12px; border: 1px solid var(--color-border); border-radius: 9px; color: var(--color-text); line-height: 1.45; outline: none; }
#support-reply-text:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px var(--color-accent-focus); }
.reply-translation { max-height: 52px; overflow-y: auto; margin-top: 6px; padding: 7px 10px; border-radius: 8px; background: #f5f4f0; }
.reply-translation strong { font-size: .68rem; text-transform: uppercase; }
.reply-translation p { margin: 5px 0 0; color: var(--color-muted); font-size: .76rem; white-space: pre-wrap; }
.reply-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 7px; }
.reply-actions button { min-height: 36px; padding: 0 13px; border: 0; border-radius: 8px; background: var(--color-sidebar); color: #fff; font-size: .75rem; font-weight: 800; cursor: pointer; }
.reply-actions button.secondary { border: 1px solid var(--color-border); background: #fff; color: var(--color-text); }
.reply-actions button:disabled { opacity: .55; cursor: wait; }
.reply-actions #support-send-button { background: var(--color-accent); color: #fff; }
.support-reviewed-secondary { display: block; margin: 4px 0 0 auto; padding: 0; border: 0; background: transparent; color: var(--color-muted); font-size: .67rem; text-decoration: underline; cursor: pointer; }
.support-reviewed-secondary:disabled { opacity: .5; cursor: not-allowed; }
.support-action-status { min-height: 13px; margin: 4px 0 0; color: var(--color-muted); font-size: .7rem; text-align: right; }
.support-context { overflow-y: auto; border-left: 1px solid var(--color-border); background: #fafaf8; }
.support-context-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 17px 18px; border-bottom: 1px solid var(--color-border); background: #fafaf8; }
.support-context-head strong { font-size: .87rem; }
.support-context-head button { display: none; border: 0; background: transparent; font-size: 1.3rem; cursor: pointer; }
.support-context-cards { display: grid; gap: 10px; padding: 12px; }
.context-card { padding: 15px; border: 1px solid var(--color-border); border-radius: 11px; background: #fff; }
.context-card h3 { margin: 0 0 12px; color: var(--color-muted); font-size: .68rem; letter-spacing: .09em; text-transform: uppercase; }
.context-row { margin-top: 10px; }
.context-row:first-of-type { margin-top: 0; }
.context-row small, .context-row strong { display: block; }
.context-row small { color: var(--color-muted); font-size: .65rem; }
.context-row strong { margin-top: 3px; font-size: .77rem; font-weight: 650; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; }
.context-card .context-external-link { color: var(--color-text); text-decoration: underline; text-decoration-color: var(--color-accent); text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.context-card .context-external-link::after { content: " ↗"; font-size: .85em; }
.context-card .context-external-link:hover { text-decoration-thickness: 2px; background: var(--color-accent-soft); }
.context-card .context-external-link:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; border-radius: 2px; }
.context-flags { display: flex; flex-wrap: wrap; gap: 5px; }
.context-flag { padding: 5px 7px; border-radius: 6px; background: #f0efeb; font-size: .66rem; }
.internal-email-copy { margin-top: 10px; padding: 7px 10px; border: 1px solid var(--color-border); border-radius: 7px; background: #fff; font-size: .7rem; cursor: pointer; }
.support-empty, .support-empty-state { padding: 35px 20px; color: var(--color-muted); text-align: center; }
.support-empty-state { margin: auto; }
.support-empty-state strong, .support-empty-state span { display: block; }
.support-empty-state span { margin-top: 6px; font-size: .78rem; }

@media (max-width: 1440px) {
  .support-workspace { grid-template-columns: minmax(280px, 300px) minmax(0, 1fr); }
  .support-context { position: fixed; z-index: 20; top: 0; right: 0; bottom: 0; width: min(380px, 92vw); transform: translateX(105%); box-shadow: -20px 0 50px rgba(29,29,30,.18); transition: transform .2s ease; }
  .support-context.open { transform: translateX(0); }
  .support-context-head button, .support-context-toggle { display: block; }
}

@media (min-width: 1441px) {
  .support-workspace { grid-template-columns: 280px minmax(0, 1fr) 290px; }
}

@media (max-width: 900px) {
  .support-page-header { align-items: center !important; }
  .support-workspace { height: auto; min-height: 720px; grid-template-columns: minmax(245px, 34vw) 1fr; }
  .support-messages { min-height: 480px; }
  .content { max-width: none; }
}

@media (max-width: 680px) {
  .support-workspace { display: block; min-height: 0; height: auto; }
  .support-inbox { min-height: 340px; max-height: 45vh; border-right: 0; border-bottom: 1px solid var(--color-border); }
  .support-conversation { min-height: 70vh; }
  .support-messages { min-height: 52vh; }
  .support-message { max-width: 92%; }
  .reply-actions { flex-wrap: wrap; }
  .reply-actions button { flex: 1; }
  .suggested-reply-head { align-items: flex-start; gap: 8px; }
  .suggested-reply-state { align-items: flex-end; flex-direction: column; }
  .support-process-wrap { align-items: flex-end; flex-direction: column-reverse; }
  .support-lightbox { grid-template-columns: 42px minmax(0, 1fr) 42px; padding: 64px 6px 10px; }

  .support-lightbox-nav { width: 36px; height: 52px; }
}

@media (max-width: 540px) {
  .status-grid { grid-template-columns: 1fr; }
  .hero-badge { display: none; }
  .hero { padding: 28px; }
  .content header { align-items: flex-start; }
  .live { font-size: 0.7rem; }
  .sidebar .nav-group { grid-template-columns: 1fr; }
}

.orders-panel {
  overflow: hidden;
  margin-bottom: 20px;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.orders-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--color-border);
}

.orders-panel-head h2 {
  margin: 0;
  font-size: 1.15rem;
}

.orders-panel-head p {
  margin: 5px 0 0;
  color: var(--color-muted);
  font-size: 0.82rem;
}

.orders-panel-head > strong {
  min-width: 44px;
  padding: 8px 12px;
  border-radius: 10px;
  background: var(--color-accent-soft);
  color: var(--color-text);
  text-align: center;
}

.orders-marketplace-tabs {
  display: flex;
  gap: 8px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--color-border);
  background: #fff;
}

.orders-marketplace-tabs button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: #fff;
  color: var(--color-text);
  font-weight: 750;
  cursor: pointer;
}

.orders-marketplace-tabs button.active {
  border-color: var(--color-sidebar);
  background: var(--color-sidebar);
  color: #fff;
}

.orders-channel-tabs {
  position: sticky;
  z-index: 10;
  top: 0;
  flex-wrap: wrap;
  margin: -10px -12px 24px;
  padding: 10px 12px;
  border: 0;
  background: var(--color-workspace);
  box-shadow: 0 1px 0 var(--color-border);
}

.orders-channel-tabs button {
  min-width: 110px;
}

.orders-commandbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
  padding: 16px;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.orders-commandbar > button,
.orders-dialog-actions button {
  min-height: 42px;
  padding: 0 18px;
  border: 0;
  border-radius: 9px;
  background: var(--color-sidebar);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.orders-commandbar > button:first-child { background: var(--color-accent); color: var(--color-sidebar); }
.orders-commandbar > button:disabled { cursor: not-allowed; opacity: .45; }
.orders-dialog-actions button:disabled { cursor: wait; opacity: .55; }
.orders-commandbar .orders-process-result { flex: 1 0 100%; margin: 0; }

.orders-recovery-actions { margin: -8px 0 20px; color: var(--color-muted); font-size: .78rem; }
.orders-recovery-actions summary { width: fit-content; cursor: pointer; font-weight: 750; }
.orders-recovery-actions p { margin: 9px 0; }
.orders-recovery-actions #orders-process-button { min-height: 36px; padding: 0 13px; }
.orders-recovery-actions .orders-process-result { margin-top: 10px; }

.orders-dialog {
  width: min(820px, calc(100vw - 28px));
  max-height: calc(100dvh - 36px);
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: 16px;
  background: var(--color-workspace);
  box-shadow: 0 24px 80px rgba(16, 36, 31, .3);
}

.orders-dialog.compact { width: min(600px, calc(100vw - 28px)); }
#orders-export-dialog { width: min(900px, calc(100vw - 28px)); }
#operational-export-review { padding: 0 22px 20px; overflow-wrap: anywhere; }
#operational-export-review details { margin: 12px 0; }
#operational-export-review table { width: 100%; border-collapse: collapse; }
#operational-export-review th, #operational-export-review td { padding: 6px; border-bottom: 1px solid var(--color-border); text-align: left; white-space: pre-wrap; }
#operational-export-review button { margin: 6px 8px 6px 0; }
.orders-dialog::backdrop { background: rgba(16, 36, 31, .62); }
.orders-dialog-head { position: sticky; z-index: 2; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 22px; border-bottom: 1px solid var(--color-border); background: var(--color-surface); }
.orders-dialog-head h2 { margin: 0; }
.orders-dialog-head .eyebrow { margin: 0 0 4px; }
.dialog-close { width: 38px; height: 38px; border: 1px solid var(--color-border); border-radius: 9px; background: #fff; font-size: 1.35rem; cursor: pointer; }
.dialog-intro { margin: 0; padding: 18px 22px 0; color: var(--color-muted); font-size: .85rem; }
.import-channel-picker, .export-scope-picker { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 22px; padding: 14px; border: 1px solid var(--color-border); border-radius: 11px; background: #fff; }
.import-channel-picker legend, .export-scope-picker legend { padding: 0 6px; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.import-channel-picker label, .export-scope-picker label { display: flex; gap: 7px; align-items: center; padding: 7px 10px; border-radius: 8px; background: #f5f5f1; font-size: .8rem; cursor: pointer; }
.import-channel-panel { margin: 0 22px 14px; padding: 18px; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; }
.import-channel-panel h3 { margin: 0 0 6px; }
.import-channel-panel > p { margin: 0 0 12px; color: var(--color-muted); font-size: .8rem; }
.shopify-import-mode { display: grid; gap: 6px; color: var(--color-muted); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.shopify-import-mode select { min-height: 40px; padding: 0 12px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; font: inherit; text-transform: none; }
.orders-dialog-actions { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: 10px; padding: 15px 22px; border-top: 1px solid var(--color-border); background: var(--color-surface); }
.orders-dialog-actions button.secondary { border: 1px solid var(--color-border); background: #fff; color: var(--color-text); }

.table-wrap {
  overflow-x: auto;
}

.orders-table {
  width: 100%;
  border-collapse: collapse;
}

.orders-table th,
.orders-table td {
  padding: 14px 18px;
  border-bottom: 1px solid var(--color-border);
  text-align: left;
  white-space: nowrap;
}

.orders-table th {
  color: var(--color-muted);
  background: #fafaf8;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.orders-table td {
  font-size: 0.82rem;
}

.orders-table tbody tr:hover {
  background: rgba(246, 179, 49, 0.06);
}

.orders-empty {
  padding: 60px 24px;
  color: var(--color-muted);
  text-align: center;
}

.orders-filterbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--color-border); }
.orders-filterbar button { padding: 8px 12px; border: 1px solid var(--color-border); border-radius: 999px; background: #fff; color: var(--color-text); cursor: pointer; }
.orders-filterbar button.active { border-color: var(--color-sidebar); background: var(--color-sidebar); color: #fff; }
.orders-filterbar label { margin-left: auto; color: var(--color-muted); font-size: .8rem; }
.orders-filterbar select { min-height: 36px; padding: 0 10px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; }
.orders-search { display: flex; align-items: center; gap: 7px; }
.orders-search input { min-width: 240px; min-height: 36px; padding: 0 10px; border: 1px solid var(--color-border); border-radius: 8px; }
.operational-orders { display: grid; gap: 14px; padding: 18px; }
.operational-order { overflow: hidden; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; }
.operational-order-head { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; padding: 18px 20px; background: #fafaf8; }
.operational-order-head strong, .operational-order-head small { display: block; }
.operational-order-head strong { font-size: .98rem; }
.operational-order-head small { margin-top: 5px; color: var(--color-muted); font-size: .78rem; }
.operational-order-title { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.order-export-selection { width: 17px; height: 17px; margin: 0 2px 0 0; }
.order-channel { padding: 4px 7px; border-radius: 999px; font-size: .63rem; font-weight: 850; text-transform: uppercase; }
.order-channel-amazon { background: #fff0d8; color: #8b5400; }
.order-channel-ebay { background: #e9f1ff; color: #28599a; }
.order-channel-shopify { background: #e5f3e9; color: #246440; }
.order-item-count { padding: 6px 9px; border-radius: 7px; background: var(--color-accent-soft); white-space: nowrap; font-size: .75rem; }
.operational-item { padding: 17px 20px; border-top: 1px solid var(--color-border); }
.operational-item-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.operational-item h3 { margin: 0; font-size: .95rem; }
.status-pill { padding: 6px 9px; border-radius: 999px; background: #f1f0ec; font-size: .72rem; font-weight: 750; white-space: nowrap; }
.status-da_elaborare { color: #78551b; background: #fff2d5; }
.status-pronto_fornitore { color: #20613d; background: #e6f4eb; }
.status-in_spedizione { color: #285687; background: #e9f2fc; }
.status-spedito { color: #555; background: #eee; }
.operational-item-grid { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 13px; }
.operational-detail small, .operational-detail strong { display: block; }
.operational-detail small { color: var(--color-muted); font-size: .68rem; }
.operational-detail strong { margin-top: 3px; font-size: .8rem; }
.production-string { margin: 12px 0 0; padding: 10px 12px; border-radius: 8px; background: #fafaf8; font-size: .78rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.consolidation-note { margin: 12px 0 0; color: #68531d; font-size: .77rem; }
.supplier-editor { display: grid; gap: 3px; }
.supplier-editor small { color: var(--color-muted); font-size: .68rem; }
.supplier-editor select { min-height: 34px; padding: 0 30px 0 9px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; color: var(--color-text); font: inherit; font-size: .8rem; }
.supplier-editor select:disabled { background: #f1f0ec; color: var(--color-muted); }
.shipment-workspace { margin-bottom: 20px; padding: 22px 26px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.shipment-workspace-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.shipment-workspace-head h2 { margin: 0; font-size: 1.15rem; }
.shipment-workspace-head p:not(.eyebrow) { margin: 5px 0 0; color: var(--color-muted); font-size: .82rem; }
.shipment-workspace-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 18px; }
.shipment-workspace-grid h3 { margin: 0 0 10px; font-size: .92rem; }
.shipment-list { display: grid; gap: 12px; }
.shipment-card { padding: 15px; border: 1px solid var(--color-border); border-radius: 11px; background: #fafaf8; }
.shipment-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.shipment-card-head strong, .shipment-card-head small { display: block; }
.shipment-card-head small { margin-top: 4px; color: var(--color-muted); font-size: .72rem; }
.shipment-badge { padding: 5px 8px; border-radius: 999px; background: #eee; color: #555; font-size: .66rem; font-weight: 800; white-space: nowrap; }
.shipment-ready { background: #e6f4eb; color: #20613d; }
.shipment-shipped { background: #e9f2fc; color: #285687; }
.shipment-cancelled { background: #fde9e7; color: #8d2b23; }
.shipment-recipient { margin: 10px 0; color: var(--color-muted); font-size: .73rem; }
.shipment-candidate-items { display: grid; gap: 7px; margin: 12px 0; }
.shipment-candidate-items label { display: grid; grid-template-columns: auto 1fr; gap: 9px; align-items: start; padding: 8px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; cursor: pointer; }
.shipment-candidate-items strong, .shipment-candidate-items small { display: block; }
.shipment-candidate-items strong { font-size: .76rem; }
.shipment-candidate-items small { margin-top: 3px; color: var(--color-muted); font-size: .68rem; }
.shipment-items { margin: 10px 0; padding-left: 19px; color: var(--color-muted); font-size: .73rem; }
.shipment-controls { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.shipment-controls input { min-width: 135px; flex: 1; padding: 8px 10px; border: 1px solid var(--color-border); border-radius: 8px; }
.shipment-card button, .shipment-workspace-head button { padding: 8px 11px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; color: var(--color-text); font-weight: 750; cursor: pointer; }
.shipment-card button:disabled { opacity: .45; cursor: default; }
.shipment-card button.danger { color: var(--color-danger); }
.shipment-preview { max-height: 260px; margin: 12px 0 0; padding: 11px; overflow: auto; border-radius: 8px; background: #eff5f1; color: #244d39; font-size: .7rem; white-space: pre-wrap; }
.shipment-preview.has-errors { background: #fff2d5; color: #78551b; }
.shipment-empty { display: block; padding: 20px; border: 1px dashed var(--color-border); border-radius: 10px; color: var(--color-muted); font-size: .78rem; text-align: center; }

@media (max-width: 980px) {
  .shipment-workspace-grid { grid-template-columns: 1fr; }
}

.stock-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; padding: 8px; border: 1px solid var(--color-border); border-radius: 13px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.stock-tabs button { padding: 10px 15px; border: 0; border-radius: 9px; background: transparent; color: var(--color-muted); font-weight: 750; cursor: pointer; }
.stock-tabs button.active { background: var(--color-sidebar); color: var(--color-surface); }
.stock-tabs button span { display: inline-grid; min-width: 21px; min-height: 21px; place-items: center; margin-left: 5px; border-radius: 999px; background: var(--color-accent-soft); color: var(--color-text); font-size: .7rem; }
.stock-overview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.stock-channel-card { padding: 22px; border: 1px solid var(--color-border); border-radius: 15px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.stock-channel-head, .stock-review-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.stock-channel-head h2 { margin: 0; font-size: 1.15rem; }
.stock-badge { display: inline-flex; align-items: center; width: fit-content; padding: 5px 9px; border-radius: 999px; background: #eeece7; color: #555; font-size: .68rem; font-weight: 850; letter-spacing: .03em; white-space: nowrap; }
.stock-badge.success { background: #e6f4eb; color: #20613d; }
.stock-badge.waiting { background: #fff2d5; color: #78551b; }
.stock-badge.warning { background: #fde9e7; color: #8d2b23; }
.stock-badge.muted { background: #efefef; color: #666; }
.stock-verification { display: grid; gap: 7px; margin: 20px 0; padding: 13px; border-radius: 10px; background: #fafaf8; }
.stock-verification span:last-child { color: var(--color-muted); font-size: .74rem; line-height: 1.4; }
.stock-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0; }
.stock-metrics div { min-width: 0; }
.stock-metrics dt { color: var(--color-muted); font-size: .68rem; }
.stock-metrics dd { overflow-wrap: anywhere; margin: 4px 0 0; font-size: .82rem; font-weight: 750; }
.stock-marketplaces { display: grid; gap: 8px; margin-top: 18px; }
.stock-marketplaces h3 { margin: 0 0 2px; font-size: .78rem; color: var(--color-muted); }
.stock-marketplace-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px; padding: 8px 0; border-top: 1px solid var(--color-border); font-size: .72rem; }
.stock-marketplace-row > span:first-child { font-weight: 750; }
.stock-marketplace-row > span:nth-child(2) { color: var(--color-muted); text-align: right; }
.stock-formula { margin: 20px 0 0; padding-top: 15px; border-top: 1px solid var(--color-border); color: var(--color-muted); font-size: .76rem; font-weight: 750; }
.stock-panel { overflow: hidden; border: 1px solid var(--color-border); border-radius: 15px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.stock-filterbar { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; padding: 17px 20px; border-bottom: 1px solid var(--color-border); }
.stock-filterbar label { display: grid; gap: 5px; color: var(--color-muted); font-size: .68rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.stock-filterbar select, .stock-filterbar input { min-height: 38px; padding: 0 11px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; color: var(--color-text); font: inherit; text-transform: none; }
.stock-filterbar .stock-search { min-width: min(320px, 100%); flex: 1; }
.stock-filterbar button, .stock-pagination button { min-height: 38px; padding: 0 14px; border: 0; border-radius: 8px; background: var(--color-sidebar); color: #fff; font-weight: 750; cursor: pointer; }
.stock-filterbar button:disabled, .stock-pagination button:disabled { cursor: default; opacity: .4; }
.stock-table-wrap { overflow-x: auto; }
.stock-table { width: 100%; border-collapse: collapse; }
.stock-table th, .stock-table td { padding: 13px 14px; border-bottom: 1px solid var(--color-border); text-align: left; white-space: nowrap; }
.stock-table th { background: #fafaf8; color: var(--color-muted); font-size: .65rem; letter-spacing: .06em; text-transform: uppercase; }
.stock-table td { font-size: .77rem; }
.stock-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 13px; padding: 15px 20px; }
.stock-pagination span { color: var(--color-muted); font-size: .75rem; }
.stock-review-list { display: grid; gap: 12px; padding: 18px; }
.stock-review-card { display: grid; gap: 6px; padding: 16px 18px; border: 1px solid var(--color-border); border-left: 4px solid var(--color-danger); border-radius: 10px; }
.stock-review-head { justify-content: flex-start; }
.stock-review-head time { margin-left: auto; color: var(--color-muted); font-size: .72rem; }
.stock-review-card > strong { margin-top: 4px; }
.stock-review-card > span { color: var(--color-muted); font-size: .78rem; }
.stock-review-card p { margin: 5px 0 0; font-size: .78rem; overflow-wrap: anywhere; }
.stock-empty { padding: 46px 22px; color: var(--color-muted); text-align: center; }

@media (max-width: 1150px) {
  .stock-overview-grid { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
  .stock-filterbar { align-items: stretch; }
  .stock-filterbar label, .stock-filterbar button { width: 100%; }
  .stock-metrics { grid-template-columns: 1fr; }
  .stock-pagination { justify-content: space-between; }
}

.orders-actions {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 22px 30px;
  align-items: end;
  margin-bottom: 20px;
  padding: 22px 26px;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.orders-actions-copy h2 {
  margin: 0;
  font-size: 1.1rem;
}

.orders-actions-copy p {
  max-width: 650px;
  margin: 6px 0 0;
  color: var(--color-muted);
  font-size: 0.82rem;
}

.orders-import-controls {
  display: grid;
  grid-template-columns: auto minmax(210px, auto) auto;
  gap: 10px;
  align-items: center;
}

.orders-import-controls label {
  color: var(--color-muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.orders-import-controls select {
  min-height: 40px;
  padding: 0 34px 0 12px;
  border: 1px solid var(--color-border);
  border-radius: 9px;
  background: var(--color-surface);
  color: var(--color-text);
  font: inherit;
  cursor: pointer;
}

.orders-import-controls select:focus {
  border-color: var(--color-accent);
  outline: none;
  box-shadow: 0 0 0 4px var(--color-accent-focus);
}

#orders-import-button {
  min-height: 40px;
  padding: 0 17px;
  border: 0;
  border-radius: 9px;
  background: var(--color-accent);
  color: var(--color-sidebar);
  font-weight: 850;
  cursor: pointer;
}

#orders-import-button:hover {
  background: var(--color-highlight);
}

#ebay-import-button { min-height: 40px; padding: 0 17px; border: 0; border-radius: 9px; background: var(--color-sidebar); color: #fff; font-weight: 850; cursor: pointer; }
#ebay-import-button:disabled { cursor: wait; opacity: .65; }

#orders-import-button:disabled {
  cursor: wait;
  opacity: 0.65;
}

.live.neutral i { background: var(--color-muted-light); }
.page-intro { margin-bottom: 22px; padding: 24px 26px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.page-intro h2 { margin: 0; font-size: 1.18rem; }
.page-intro p { max-width: 760px; margin: 8px 0 0; color: var(--color-muted); line-height: 1.55; }
.management-overview-grid, .placeholder-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.management-overview-grid article, .placeholder-grid article { padding: 22px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.management-overview-grid span, .placeholder-grid span { display: block; color: var(--color-muted); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.management-overview-grid strong { display: block; margin: 16px 0 6px; font-size: 1rem; }
.management-overview-grid small { min-height: 36px; display: block; color: var(--color-muted); line-height: 1.45; }
.management-overview-grid a { display: inline-block; margin-top: 18px; color: var(--color-text); font-size: .8rem; font-weight: 800; text-decoration-color: var(--color-accent); text-underline-offset: 4px; }
.placeholder-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.placeholder-grid p { margin: 12px 0 0; color: var(--color-muted); font-size: .86rem; line-height: 1.5; }
.year-control { display: flex; gap: 9px; align-items: center; color: var(--color-muted); font-size: .75rem; font-weight: 800; text-transform: uppercase; }
.year-control select { min-width: 96px; padding: 8px 30px 8px 11px; border: 1px solid var(--color-border); border-radius: 9px; background: #fff; color: var(--color-text); }
.cash-flow-header-actions { display: flex; align-items: center; gap: 12px; }
.archive-link { padding: 9px 12px; border: 1px solid var(--color-border); border-radius: 9px; background: #fff; color: var(--color-text); font-size: .75rem; font-weight: 800; text-decoration: none; }
.cash-flow-subnav { display: flex; gap: 5px; margin-bottom: 20px; padding: 6px; overflow-x: auto; border: 1px solid var(--color-border); border-radius: 13px; background: #fff; }
.cash-flow-subnav a { flex: 0 0 auto; padding: 10px 12px; border-radius: 8px; color: var(--color-muted); font-size: .75rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.cash-flow-subnav a:hover, .cash-flow-subnav a.active { background: var(--color-sidebar); color: #fff; }
.cash-flow-panel { padding: 24px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.cash-flow-panel > .section-heading { margin-bottom: 20px; }
.readiness-chip { padding: 6px 9px; border-radius: 999px; background: #efefec; color: var(--color-muted); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.cash-flow-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.cash-flow-kpis article { min-height: 90px; padding: 17px; border: 1px solid var(--color-border); border-radius: 12px; background: #fafaf8; }
.cash-flow-kpis span { display: block; color: var(--color-muted); font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.cash-flow-kpis strong { display: block; margin-top: 14px; font-size: 1.2rem; }
.chart-placeholder { display: grid; place-items: center; min-height: 250px; margin-top: 16px; padding: 25px; border: 1px dashed #c7c4bb; border-radius: 13px; background: linear-gradient(180deg, #fafaf8, #fff); text-align: center; }
.chart-placeholder.compact { min-height: 150px; margin-bottom: 18px; }
.chart-placeholder p { margin: 8px 0 0; color: var(--color-muted); font-size: .78rem; }
.native-chart { min-height: 250px; margin-top: 16px; padding: 22px; border: 1px solid var(--color-border); border-radius: 13px; background: linear-gradient(180deg, #fafaf8, #fff); }
.native-chart.compact { min-height: 170px; margin-bottom: 18px; }
.native-chart > p { color: var(--color-muted); font-size: .78rem; text-align: center; }
.bar-chart { height: 150px; display: flex; align-items: flex-end; gap: 8px; margin-top: 20px; padding-top: 10px; border-bottom: 1px solid var(--color-border); }
.bar-column { min-width: 22px; flex: 1; display: grid; justify-items: center; align-items: end; gap: 7px; }
.bar-column i { width: min(24px, 80%); min-height: 3px; display: block; border-radius: 5px 5px 0 0; background: var(--color-success); }
.bar-column i.negative { background: var(--color-danger); }
.bar-column span { color: var(--color-muted); font-size: .62rem; text-transform: uppercase; }
.archive-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.archive-summary-grid article { padding: 18px; border: 1px solid var(--color-border); border-radius: 11px; background: #fafaf8; }
.archive-summary-grid span { display: block; color: var(--color-muted); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.archive-summary-grid strong { display: block; margin-top: 10px; font-size: 1rem; }
[data-movement-sort] { cursor: pointer; }
.cash-flow-filters { display: grid; grid-template-columns: 2fr repeat(4, minmax(125px, 1fr)); gap: 9px; margin-bottom: 16px; }
.cash-flow-filters.compact { display: block; margin: 0; }
.cash-flow-filters input, .cash-flow-filters select { min-height: 39px; padding: 8px 10px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; color: var(--color-text); }
.data-table-wrap { overflow-x: auto; border: 1px solid var(--color-border); border-radius: 11px; }
.data-table-wrap table { width: 100%; border-collapse: collapse; font-size: .75rem; }
.data-table-wrap th { padding: 11px 12px; background: #f3f3ef; color: var(--color-muted); font-size: .66rem; letter-spacing: .03em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.data-table-wrap td { padding: 11px 12px; border-top: 1px solid var(--color-border); white-space: nowrap; }
.data-table-wrap .empty-row td { height: 90px; color: var(--color-muted); text-align: center; }
.data-table-wrap button { padding: 6px 9px; border: 1px solid var(--color-border); border-radius: 7px; background: #eee; color: #888; }
.table-footer { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin-top: 12px; color: var(--color-muted); font-size: .72rem; }
.table-footer span { margin-right: auto; }
.table-footer button { padding: 7px 10px; border: 1px solid var(--color-border); border-radius: 7px; }
.future-note, .archive-empty { padding: 14px; border-radius: 9px; background: #f5f5f2; color: var(--color-muted); font-size: .78rem; }
.archive-tabs { display: flex; gap: 7px; margin: 18px 0; }
.archive-tabs button { padding: 9px 14px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; cursor: pointer; }
.archive-tabs button.active { border-color: var(--color-sidebar); background: var(--color-sidebar); color: #fff; }
.run-history { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--color-border); }
.run-history h3 { margin: 0 0 12px; font-size: .95rem; }
.run-history article { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.5fr; gap: 12px; padding: 12px; border: 1px solid var(--color-border); border-radius: 9px; background: #fff; font-size: .72rem; }
.run-history article span, .run-history article small { color: var(--color-muted); }
.month-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.month-card { display: grid; gap: 7px; min-height: 118px; padding: 15px; border: 1px solid var(--color-border); border-radius: 13px; background: var(--color-surface); color: var(--color-text); text-align: left; cursor: pointer; box-shadow: var(--shadow-card); }
.month-card:hover, .month-card.active { border-color: var(--color-accent); box-shadow: 0 0 0 3px var(--color-accent-soft); }
.month-card > span { color: var(--color-muted-light); font-size: .7rem; font-weight: 850; }
.month-card > strong { font-size: .9rem; }
.month-status { width: fit-content; display: inline-flex; align-items: center; padding: 5px 8px; border-radius: 999px; background: #eee; color: #555; font-size: .64rem; font-weight: 850; letter-spacing: .02em; text-transform: uppercase; }
.status-completato { background: #dcefe4; color: #185d37; }
.status-pronto { background: #e5f1ff; color: #245786; }
.status-report_mancanti { background: #fff0d0; color: #78551b; }
.status-da_elaborare { background: #efefec; color: #676762; }
.status-errore { background: #f8dfdd; color: var(--color-danger); }
.cash-flow-detail { margin-top: 24px; padding: 25px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.section-heading, .report-card-head, .previous-report, .disabled-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.section-heading { margin-bottom: 20px; }
.section-heading .eyebrow { margin: 0 0 4px; }
.section-heading h2 { margin: 0; }
.report-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.report-card { padding: 20px; border: 1px solid var(--color-border); border-radius: 14px; background: #fafaf8; }
.report-card-head small { color: var(--color-muted); font-size: .65rem; font-weight: 800; letter-spacing: .08em; }
.report-card-head h3 { margin: 4px 0 0; }
.file-presence { padding: 5px 9px; border-radius: 999px; background: #f8dfdd; color: var(--color-danger); font-size: .68rem; font-weight: 800; }
.file-presence.present { background: #dcefe4; color: var(--color-success); }
.report-card dl { display: grid; gap: 7px; margin: 18px 0; }
.report-card dl div { display: grid; grid-template-columns: 105px 1fr; gap: 12px; }
.report-card dt { color: var(--color-muted); font-size: .72rem; }
.report-card dd { overflow: hidden; margin: 0; font-size: .76rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.drop-zone { display: grid; place-items: center; min-height: 138px; padding: 18px; border: 1px dashed #bbb7ac; border-radius: 12px; background: #fff; text-align: center; transition: .2s; }
.drop-zone.dragging, .drop-zone.has-file { border-color: var(--color-accent); background: var(--color-accent-soft); }
.drop-zone strong { font-size: .84rem; overflow-wrap: anywhere; }
.drop-zone span { margin-top: 5px; color: var(--color-muted); font-size: .7rem; }
.drop-zone button { margin-top: 13px; padding: 7px 11px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; cursor: pointer; }
.primary-action { width: 100%; margin-top: 12px; padding: 10px 14px; border: 0; border-radius: 9px; background: var(--color-accent); color: var(--color-text); font-weight: 850; cursor: pointer; }
.primary-action:disabled { cursor: not-allowed; opacity: .48; }
.previous-report { margin-top: 18px; padding: 15px 18px; border-radius: 11px; background: #f5f5f2; }
.previous-report span { color: var(--color-muted); font-size: .78rem; }
.previous-report strong { font-size: .8rem; }
.previous-report .available { color: var(--color-success); }
.previous-report .missing { color: var(--color-danger); }
.disabled-actions { flex-wrap: wrap; justify-content: flex-start; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--color-border); }
.disabled-actions button { padding: 10px 14px; border: 1px solid var(--color-border); border-radius: 9px; background: #eee; color: #888; cursor: not-allowed; }
.disabled-actions .verify-action { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-text); cursor: pointer; font-weight: 800; }
.disabled-actions .verify-action:disabled { cursor: wait; opacity: .65; }
.disabled-actions p { flex: 1 1 360px; margin: 0; color: var(--color-muted); font-size: .76rem; }
.verification-result { margin-top: 20px; padding: 24px; border: 1px solid var(--color-border); border-radius: 14px; background: #fafaf8; }
.verification-ok { border-color: #b8dcc7; }
.verification-warning { border-color: #ead293; }
.verification-error { border-color: #e6b8b4; }
.verification-loading { color: var(--color-muted); }
.verification-heading { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
.verification-heading .eyebrow { margin: 0 0 5px; }
.verification-heading h2 { margin: 0; font-size: 1.2rem; }
.verification-badge { padding: 6px 9px; border-radius: 999px; font-size: .66rem; font-weight: 850; }
.verification-badge.verification-ok { background: #dcefe4; color: var(--color-success); }
.verification-badge.verification-warning { background: #fff0d0; color: #78551b; }
.verification-badge.verification-error { background: #f8dfdd; color: var(--color-danger); }
.verification-sources, .verification-metrics { display: grid; gap: 12px; margin-top: 18px; }
.verification-sources { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.verification-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.verification-sources article, .verification-metrics article { padding: 15px; border: 1px solid var(--color-border); border-radius: 11px; background: #fff; }
.verification-sources span, .verification-metrics span, .reconciliation-row article span { display: block; color: var(--color-muted); font-size: .67rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.verification-sources strong, .verification-metrics strong, .reconciliation-row article strong { display: block; margin-top: 7px; font-size: .9rem; }
.verification-sources small { display: block; margin-top: 5px; color: var(--color-muted); font-size: .72rem; }
.reconciliation-section, .unclassified-section, .verification-warnings, .verification-errors { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--color-border); }
.reconciliation-section h3, .unclassified-section h3, .verification-warnings h3, .verification-errors h3 { margin: 0 0 12px; font-size: .95rem; }
.reconciliation-row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; padding: 14px; border-left: 4px solid var(--color-success); border-radius: 10px; background: #fff; }
.reconciliation-row.reconciliation-error { border-left-color: var(--color-danger); }
.reconciliation-row article { min-width: 0; }
.reconciliation-row > p { grid-column: 1 / -1; margin: 3px 0 0; color: var(--color-muted); font-size: .75rem; }
.unclassified-toggle { padding: 8px 11px; border: 1px solid var(--color-accent); border-radius: 8px; background: var(--color-accent-soft); cursor: pointer; }
.unclassified-list { display: grid; gap: 8px; margin-top: 12px; }
.unclassified-list article { padding: 13px; border: 1px solid var(--color-border); border-radius: 9px; background: #fff; }
.unclassified-list strong, .unclassified-list span, .unclassified-list small { display: block; }
.unclassified-list strong { font-size: .82rem; }
.unclassified-list span { margin-top: 5px; font-size: .75rem; }
.unclassified-list small { margin-top: 5px; color: var(--color-muted); line-height: 1.45; }
.verification-warnings { color: #78551b; }
.verification-errors { color: var(--color-danger); }
.verification-warnings ul, .verification-errors ul { margin: 0; padding-left: 20px; font-size: .78rem; }
.verification-run-id { display: block; margin-top: 18px; color: var(--color-muted-light); font-family: ui-monospace, monospace; }
.inline-message { margin-bottom: 16px; padding: 12px 14px; border-radius: 10px; background: #dcefe4; color: var(--color-success); font-size: .8rem; }
.inline-message.error { background: #f8dfdd; color: var(--color-danger); }
.analysis-tabs { display: flex; gap: 8px; padding: 8px; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; }
.analysis-tabs button { flex: 1; padding: 10px; border: 0; border-radius: 8px; background: transparent; color: var(--color-muted); cursor: pointer; }
.analysis-tabs button.active { background: var(--color-sidebar); color: #fff; }
.analysis-panel { min-height: 220px; margin-top: 16px; padding: 28px; border: 1px solid var(--color-border); border-radius: 14px; background: #fff; box-shadow: var(--shadow-card); }
.analysis-panel h2 { margin: 0; font-size: 1.1rem; }
.analysis-panel p { color: var(--color-muted); }

@media (max-width: 1120px) {
  .month-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cash-flow-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cash-flow-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .management-overview-grid, .placeholder-grid, .report-grid { grid-template-columns: 1fr; }
  .month-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analysis-tabs { flex-direction: column; }
  .cash-flow-detail { padding: 18px; }
  .verification-sources, .verification-metrics { grid-template-columns: 1fr 1fr; }
  .reconciliation-row { grid-template-columns: 1fr 1fr; }
  .cash-flow-header-actions, .section-heading { align-items: flex-start; flex-direction: column; }
  .cash-flow-kpis, .cash-flow-filters, .archive-summary-grid { grid-template-columns: 1fr; }
  .cash-flow-panel { padding: 17px; }
  .run-history article { grid-template-columns: 1fr; }
}

.orders-import-result {
  grid-column: 1 / -1;
  padding: 12px 14px;
  border-radius: 9px;
  font-size: 0.8rem;
}

.orders-import-result.success {
  background: rgba(36, 118, 74, 0.10);
  color: var(--color-success);
}

.orders-import-result.error {
  background: rgba(168, 45, 37, 0.10);
  color: var(--color-danger);
}

@media (max-width: 900px) {
  .orders-actions {
    grid-template-columns: 1fr;
  }

  .orders-import-controls {
    grid-template-columns: 1fr;
  }
}

.orders-process {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 22px 30px;
  align-items: center;
  margin-bottom: 20px;
  padding: 22px 26px;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.orders-process-copy h2 {
  margin: 0;
  font-size: 1.1rem;
}

.orders-process-copy p {
  max-width: 650px;
  margin: 6px 0 0;
  color: var(--color-muted);
  font-size: 0.82rem;
}

#orders-process-button {
  min-height: 40px;
  padding: 0 17px;
  border: 0;
  border-radius: 9px;
  background: var(--color-sidebar);
  color: var(--color-surface);
  font-weight: 850;
  cursor: pointer;
}

#orders-process-button:hover {
  background: var(--color-sidebar-deep);
}

#orders-process-button:disabled {
  cursor: wait;
  opacity: 0.65;
}

.orders-process-result {
  grid-column: 1 / -1;
  padding: 12px 14px;
  border-radius: 9px;
  font-size: 0.8rem;
}

.orders-process-result.success {
  background: rgba(36, 118, 74, 0.10);
  color: var(--color-success);
}

.orders-process-result.error {
  background: rgba(168, 45, 37, 0.10);
  color: var(--color-danger);
}

.amazon-import { margin: 0 0 24px; padding: 24px; border: 1px solid var(--color-border); border-radius: 16px; background: #fff; box-shadow: var(--shadow-panel); }
.amazon-report-picker { display: grid; gap: 10px; margin-top: 20px; padding: 22px; border: 2px dashed var(--color-border); border-radius: 12px; background: #f8fafc; transition: border-color .12s ease, background-color .12s ease; }
.amazon-report-picker.drag-active { border-color: var(--color-accent); background: var(--color-accent-soft); }
.amazon-report-picker p { margin: 0; }
.amazon-report-required { margin: 0; padding-left: 20px; color: var(--color-muted); }
.amazon-file-picker { width: fit-content; padding: 11px 16px; border-radius: 9px; background: var(--color-sidebar); color: #fff; font-weight: 800; cursor: pointer; }
.amazon-file-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.amazon-report-picker small, .amazon-report-recognition small { color: var(--color-muted); }
.amazon-report-recognition { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.amazon-report-recognition > div { display: grid; gap: 5px; padding: 12px 14px; border: 1px solid var(--color-border); border-radius: 10px; background: #fff; }
.amazon-import-buttons { display: flex; gap: 12px; margin-top: 18px; }
.amazon-import-buttons button { padding: 12px 18px; border: 0; border-radius: 10px; background: var(--color-sidebar); color: #fff; font-weight: 800; cursor: pointer; }
.amazon-import-buttons button:disabled { opacity: 0.45; cursor: default; }
.amazon-import-history { margin-top: 22px; }
.amazon-import-history h3 { margin: 0 0 10px; }
.amazon-import-row { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--color-border); }
.amazon-import-row small { color: var(--color-muted); text-align: right; }

@media (max-width: 900px) {
  .orders-channel-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin: -8px -6px 24px;
    padding-right: 6px;
    padding-left: 6px;
  }

  .orders-channel-tabs button {
    min-width: 0;
    padding: 0 8px;
  }

  .orders-commandbar > button { flex: 1 1 150px; }
  .import-channel-picker, .export-scope-picker { display: grid; grid-template-columns: 1fr 1fr; }

  .orders-process {
    grid-template-columns: 1fr;
  }

  #orders-process-button {
    width: 100%;
  }

  .amazon-report-recognition { grid-template-columns: 1fr; }
  .amazon-import-buttons { flex-direction: column; }
  .amazon-import-row { grid-template-columns: 1fr; }
  .amazon-import-row small { text-align: left; }
}

@media (max-width: 540px) {
  .orders-channel-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .orders-commandbar > button { flex-basis: 100%; }
  .import-channel-picker, .export-scope-picker { grid-template-columns: 1fr; }
  .orders-dialog-head, .dialog-intro, .orders-dialog-actions { padding-right: 16px; padding-left: 16px; }
  .import-channel-picker, .export-scope-picker, .import-channel-panel { margin-right: 16px; margin-left: 16px; }
}

/* Marketplace string generation */
.nav-subitem { padding-left: 2.35rem !important; font-size: .9rem; }
.string-generation-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1rem 0; }
.string-generation-summary article,.string-generation-panel { background:#fff; border:1px solid var(--line,#dce3e8); border-radius:14px; padding:1rem; }
.string-generation-summary span { display:block; color:#66727c; font-size:.82rem; }
.string-generation-summary strong { font-size:1.8rem; }
.string-generation-panel { margin-bottom:1rem; }
.string-generation-tabs,.string-generation-filters,.generation-pagination { display:flex; gap:.65rem; align-items:center; flex-wrap:wrap; margin-bottom:1rem; }
.string-generation-tabs button.active { background:#1d3f36; color:#fff; }
.string-generation-filters input { min-width:260px; flex:1; }
.table-scroll { overflow:auto; }
.string-generation-table { width:100%; border-collapse:collapse; min-width:1200px; }
.string-generation-table th,.string-generation-table td { padding:.65rem; border-bottom:1px solid #e6ecef; text-align:left; vertical-align:top; max-width:260px; overflow-wrap:anywhere; }
.string-generation-table th { font-size:.75rem; text-transform:uppercase; color:#66727c; }
.string-generation-table td button + button { margin-left:.35rem; }
.generation-pagination { justify-content:flex-end; margin-top:1rem; }
.catalog-results { display:grid; gap:.5rem; }
.catalog-result { display:grid; gap:.2rem; padding:.75rem; border:1px solid #e6ecef; border-radius:10px; }
#generation-detail { width:min(720px,calc(100vw - 2rem)); border:0; border-radius:14px; padding:1.25rem; box-shadow:0 20px 60px #0004; }
#generation-detail::backdrop { background:#10241f99; }
@media(max-width:760px){.string-generation-summary{grid-template-columns:1fr}.string-generation-filters input{min-width:100%}}


#dashboard-view .overview-board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
#dashboard-view .overview-card { --overview-tint: #edf5fc; --overview-ink: #28699f; --overview-line: #dceaf6; overflow: hidden; min-width: 0; padding: 0 20px 20px; border: 1px solid #e6e9ed; border-radius: 18px; background: var(--color-surface); box-shadow: 0 10px 28px rgba(29, 41, 57, 0.075); }
#dashboard-view .overview-card-green { --overview-tint: #eff8f1; --overview-ink: #327448; --overview-line: #deeee1; }
#dashboard-view .overview-card-orange { --overview-tint: #fff5e9; --overview-ink: #b66c25; --overview-line: #f2e5d4; }
#dashboard-view header.overview-card-head { justify-content: flex-start; gap: 15px; min-height: 132px; margin: 0 -20px; padding: 22px 20px; border-bottom: 1px solid var(--overview-line); background: var(--overview-tint); }
#dashboard-view .overview-icon { display: grid; flex: 0 0 52px; width: 52px; height: 52px; place-items: center; border: 1px solid var(--overview-line); border-radius: 50%; background: #fff; color: var(--overview-ink); box-shadow: 0 2px 5px rgba(29, 41, 57, 0.06); }
#dashboard-view .overview-icon svg { width: 25px; height: 25px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
#dashboard-view .overview-heading-copy { display: block; min-width: 0; }
#dashboard-view .overview-card h2 { margin: 0; color: var(--color-text); font-size: 1.18rem; font-weight: 780; line-height: 1.22; letter-spacing: -0.035em; }
#dashboard-view .overview-description { display: block; margin-top: 6px; color: #626d79; font-size: 0.76rem; line-height: 1.45; }
#dashboard-view .overview-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 23px 5px 22px; border-bottom: 1px solid #e8ebef; }
#dashboard-view .overview-metric { display: flex; flex-direction: column; align-items: center; gap: 5px; min-width: 0; text-align: center; }
#dashboard-view .overview-metric + .overview-metric { border-left: 1px solid #dce1e6; }
#dashboard-view .overview-metric strong { color: #202a35; font-size: clamp(2.8rem, 3.7vw, 3.45rem); font-weight: 820; line-height: 1; letter-spacing: -0.07em; font-variant-numeric: tabular-nums; }
#dashboard-view .overview-metric span { color: #66717d; font-size: 0.7rem; font-weight: 750; letter-spacing: 0.075em; text-transform: uppercase; }
#dashboard-view .overview-breakdown { padding-top: 20px; }
#dashboard-view .overview-breakdown + .overview-breakdown { margin-top: 18px; padding-top: 19px; border-top: 1px solid #e8ebef; }
#dashboard-view .overview-breakdown h3 { display: flex; align-items: baseline; gap: 5px; margin: 0 0 11px; color: #4f5b67; font-size: 0.69rem; font-weight: 850; letter-spacing: 0.085em; text-transform: uppercase; }
#dashboard-view .overview-breakdown h3 span { color: #98a1aa; font-size: 0.65rem; font-weight: 600; letter-spacing: 0.01em; text-transform: none; }
#dashboard-view .overview-rows { display: grid; gap: 7px; }
#dashboard-view .overview-row { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 9px; min-height: 42px; padding: 5px 10px; border: 1px solid #e8ebef; border-radius: 10px; background: #fff; color: #35404b; font-size: 0.78rem; box-shadow: 0 1px 2px rgba(29, 41, 57, 0.025); }
#dashboard-view .overview-row-icon { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid transparent; border-radius: 8px; }
#dashboard-view .overview-row-icon svg { width: 19px; height: 19px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; }
#dashboard-view .category-mats { color: #d65358; border-color: #f4dddd; background: #fff4f3; }
#dashboard-view .category-spare-parts { color: #8062bf; border-color: #e9e2f6; background: #f7f3fd; }
#dashboard-view .category-hardware { color: #d78337; border-color: #f5e5d4; background: #fff8f0; }
#dashboard-view .category-unclassified { color: #66717d; border-color: #e1e5e9; background: #f5f7f9; }
#dashboard-view .overview-row-label { min-width: 0; font-weight: 650; }
#dashboard-view .overview-row strong { min-width: 30px; padding: 3px 7px; border-radius: 7px; background: #f3f5f7; color: #283440; font-size: 0.78rem; font-weight: 800; text-align: center; font-variant-numeric: tabular-nums; }
#dashboard-view .channel-amazon { position: relative; color: #172b3c; background: #fff9ed; border-color: #f1e6d2; }
#dashboard-view .channel-amazon > span { margin-top: -5px; font-family: Georgia, serif; font-size: 24px; font-weight: 700; line-height: 1; }
#dashboard-view .channel-amazon > i { position: absolute; bottom: 5px; left: 9px; width: 13px; height: 6px; border-bottom: 2px solid #f39a24; border-radius: 0 0 80% 80%; transform: rotate(-8deg); }
#dashboard-view .channel-ebay { display: inline-flex; align-items: center; justify-content: center; padding: 2px; overflow: visible; background: #fff; border-color: #e9ebee; }
#dashboard-view .channel-ebay b { display: flex; width: 25px; max-width: 100%; align-items: center; justify-content: center; overflow: visible; font-family: Arial, sans-serif; font-size: 12px; font-weight: 800; line-height: 1.25; letter-spacing: -1px; }
#dashboard-view .channel-ebay i { display: block; font-style: normal; }
#dashboard-view .channel-ebay i:nth-child(1) { color: #e53238; }
#dashboard-view .channel-ebay i:nth-child(2) { color: #0064d2; }
#dashboard-view .channel-ebay i:nth-child(3) { color: #f5af02; }
#dashboard-view .channel-ebay i:nth-child(4) { color: #86b817; }
#dashboard-view .channel-shopify { color: #fff; background: #78a942; border-color: #6e9d38; }
#dashboard-view .channel-shopify svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.8; }
@media (max-width: 1150px) { #dashboard-view .overview-board { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { #dashboard-view .overview-board { grid-template-columns: 1fr; } }
#overview-feedback { font-size: .78rem; color: #626d79; }
#overview-feedback:empty { display: none; }
#overview-retry { margin: 0 0 14px; color: #35404b; }
#dashboard-view .live[data-offline="true"] i { background: #b66c25; }

/* Verifica pubblicazione controllata: nessuna variazione funzionale. */

#warehouse-comparison-dialog { width: min(960px, 92vw); max-height: 85vh; overflow: auto; border: 1px solid #d8dde5; border-radius: 12px; padding: 24px; }
#warehouse-comparison-dialog::backdrop { background: rgba(0, 0, 0, .35); }
#warehouse-comparison-result .operational-item { margin: 12px 0; padding: 14px; border-left: 4px solid #c63c3c; background: #fff5f4; }
.purchase-price-editor {display:grid;gap:6px;padding:12px;margin:10px 0;background:#f4f7fa;border-radius:8px}
.purchase-price-editor small {color:#526375}
.purchase-price-editor summary {cursor:pointer}
.purchase-price-editor form {display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding-top:10px}
.purchase-price-editor label {display:grid;gap:4px}
.purchase-price-editor input {padding:8px;border:1px solid #bdc9d5;border-radius:5px}

/* Compact, independent text assistance inside the existing three columns. */
.support-text-action { padding: 3px 0; border: 0; background: transparent; color: var(--color-muted); font: inherit; font-size: .72rem; text-align: left; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.support-text-action:hover { color: var(--color-text); }
.support-text-action:focus-visible, .support-ai-summary summary:focus-visible { outline: 2px solid var(--color-accent, #e4ad29); outline-offset: 3px; border-radius: 2px; }
.support-text-action:disabled { cursor: wait; opacity: .65; }
.support-translation-control { margin-top: 8px; white-space: normal; }
.support-translation-control .message-translation { white-space: pre-wrap; }
.support-ai-summary > summary { font-size: .74rem; font-weight: 750; cursor: pointer; }
.support-ai-summary-body { margin-top: 10px; min-width: 0; overflow-wrap: anywhere; }
.support-ai-summary-text { margin: 0 0 10px; font-size: .79rem; line-height: 1.5; white-space: pre-wrap; }
.support-ai-note, .support-ai-error, .support-ai-stale { margin: 7px 0; font-size: .69rem; line-height: 1.4; color: var(--color-muted); overflow-wrap: anywhere; }
.support-ai-error { color: #9b4425; }
.support-ai-stale { color: #8c6515; }
.support-ai-evidence > summary { margin: 10px 0; font-size: .72rem; cursor: pointer; }
.support-ai-summary .context-card { padding: 8px 0; border: 0; }
/* Order operations reuse the existing workspace and dialog components. */
.orders-dev-banner { padding: 12px 24px; background: #fff1cf; color: #533a08; border-bottom: 1px solid #d7b75b; font-weight: 600; position: relative; z-index: 110; }
.orders-protective-notice { padding: 12px; border-left: 3px solid #b78524; background: #fff5df; color: #654510; }
.order-edit-item { padding: 16px 0; border-top: 1px solid #d8e1e8; }
.order-edit-item label, .shipment-recipient-editor label { display: flex; flex-direction: column; gap: 6px; }
.order-edit-item textarea { width: 100%; min-height: 100px; padding: 10px; box-sizing: border-box; font: inherit; }
.order-edit-item button { margin-top: 12px; }
.shipment-recipient-editor { margin: 12px 0; }
.shipment-recipient-editor summary { cursor: pointer; font-weight: 600; }
.shipment-recipient-editor form { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin-top: 12px; }
.shipment-recipient-editor input { min-width: 0; width: 100%; box-sizing: border-box; }

/* Two-section order detail; values are returned by the export planner. */
.order-export-row { border-top: 1px solid var(--color-border); margin-top: 18px; padding-top: 14px; }
.order-export-group h4 { margin: 18px 0 8px; }
.order-export-group .order-detail-grid { margin-top: 8px; }
.order-export-group dd { white-space: pre-wrap; user-select: text; }
.order-field-missing { border-left: 3px solid var(--color-danger); padding-left: 8px; }
.order-detail-operational-controls { border-top: 2px solid var(--color-border); margin-top: 24px; padding-top: 12px; }
.order-detail-operational-controls .order-edit-item { margin-top: 8px; }
.order-article-evidence h4 { margin: 14px 0 8px; }
.orders-operational-table td:nth-child(2) { white-space: nowrap; overflow-wrap: normal; }
.orders-operational-table th:nth-child(2) { width: 62px; }

/* Original Stringhe da generare A:M. Rules scoped to this view only. */
.content:has(#string-generation-view:not(.hidden)) { min-width:0; max-width:none; }
#string-generation-view { min-width:0; }
#string-generation-view .table-scroll { max-width:100%; max-height:min(calc(65vh + 150px), calc(100dvh - 32px)); overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; border:1px solid #d8dce0; }
/* Let vertical wheel/touch scrolling continue to the page at the queue edge. */
#generation-queue-view .table-scroll { overscroll-behavior-y:auto; }
#string-generation-view .string-generation-table { table-layout:fixed; width:2390px; min-width:100%; border-collapse:separate; border-spacing:0; font-family:Arial,sans-serif; }
#string-generation-view .string-generation-table th,
#string-generation-view .string-generation-table td { padding:2px 4px; border:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; max-width:none; font-size:13px; line-height:20px; vertical-align:top; overflow-wrap:normal; }
#string-generation-view .string-generation-table th { position:sticky; top:0; z-index:1; background:#fff; text-transform:none; color:#202124; white-space:nowrap; font-weight:700; }
#string-generation-view .string-generation-table th small { display:block; color:#5f6368; margin:0; background:#f1f3f4; text-align:center; line-height:20px; font-weight:400; }
#string-generation-view .string-generation-table th:nth-child(1) { width:100px; }
#string-generation-view .string-generation-table th:nth-child(2) { width:120px; }
#string-generation-view .string-generation-table th:nth-child(3) { width:200px; }
#string-generation-view .string-generation-table th:nth-child(4) { width:250px; }
#string-generation-view .string-generation-table th:nth-child(5) { width:125px; }
#string-generation-view .string-generation-table th:nth-child(6),
#string-generation-view .string-generation-table th:nth-child(7) { width:115px; }
#string-generation-view .string-generation-table th:nth-child(8) { width:120px; }
#string-generation-view .string-generation-table th:nth-child(9) { width:280px; }
#string-generation-view .string-generation-table th:nth-child(10) { width:480px; }
#string-generation-view .string-generation-table th:nth-child(11) { width:280px; }
#string-generation-view .string-generation-table th:nth-child(12) { width:110px; }
#string-generation-view .string-generation-table th:nth-child(13) { width:70px; }
#string-generation-view .string-generation-table td:nth-child(6),
#string-generation-view .string-generation-table td:nth-child(7) { white-space:nowrap; text-align:right; font-variant-numeric:tabular-nums; }
#string-generation-view .string-generation-table td:nth-child(4) { white-space:normal; overflow-wrap:anywhere; }
#string-generation-view .string-generation-table button { display:inline-block; margin:0 0 0 3px; padding:0 4px; min-height:22px; line-height:20px; font-size:12px; }
#string-generation-view .string-generation-table input[type=checkbox] { margin:0 4px 0 0; width:auto; vertical-align:middle; }
#string-generation-view .string-generation-table textarea { box-sizing:border-box; width:100%; min-height:90px; resize:vertical; margin:0; padding:2px 4px; font:inherit; line-height:20px; }
#string-generation-view .string-generation-table .generation-cell-text { display:block; white-space:pre-wrap; overflow-wrap:anywhere; word-break:normal; overflow:visible; user-select:text; }
#string-generation-view .string-generation-table small { display:block; line-height:18px; }
#string-generation-view .string-generation-table .error { margin:0; white-space:pre-wrap; }
#string-generation-view .generation-help { color:#586b63; font-size:.85rem; line-height:1.5; }
#string-generation-view .generation-for-value { white-space:pre-wrap; }

/* File Inventario v9: dedicated selectors from the delivered preview. */
.inventory-categories { display: flex; gap: 10px; margin: 0 0 28px; }
.inventory-categories button { display: flex; gap: 9px; align-items: center; min-height: 42px; padding: 0 16px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-surface); color: var(--color-text); font-weight: 750; cursor: pointer; }
.inventory-categories button.active { border-color: var(--color-sidebar); background: var(--color-sidebar); color: var(--color-surface); }
.inventory-categories button:disabled { color: var(--color-muted); cursor: not-allowed; }
.inventory-categories button span { padding: 4px 7px; border-radius: 999px; background: var(--color-accent-soft); color: var(--color-muted); font-size: .62rem; text-transform: uppercase; }
.inventory-section-heading { margin: 0 0 18px; }
.inventory-section-heading h2 { margin: 0; font-size: 1.35rem; letter-spacing: -.025em; }
.inventory-dropzone { display: grid; justify-items: center; padding: 42px 24px 28px; border: 2px dashed #c9c5ba; border-radius: 18px; background: rgba(255,255,255,.72); text-align: center; transition: .18s; }
.inventory-dropzone.dragover { border-color: var(--color-accent); background: var(--color-accent-soft); box-shadow: 0 0 0 5px var(--color-accent-focus); }
.inventory-drop-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; background: var(--color-accent-soft); color: var(--color-sidebar); font-size: 1.7rem; font-weight: 800; }
.inventory-dropzone h3 { margin: 16px 0 6px; font-size: 1.05rem; }
.inventory-dropzone > p { max-width: 570px; margin: 0; color: var(--color-muted); font-size: .82rem; }
.inventory-upload-buttons { display: flex; gap: 10px; margin-top: 22px; }
.inventory-upload-buttons button, .inventory-dialog-actions button { min-height: 42px; padding: 0 18px; border: 0; border-radius: 9px; background: var(--color-accent); color: var(--color-sidebar); font-weight: 850; cursor: pointer; }
.inventory-upload-buttons button:hover, .inventory-dialog-actions button:hover { background: var(--color-highlight); }
.inventory-upload-buttons button.secondary, .inventory-dialog-actions button.secondary, #inventory-refresh { border: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-text); }
.inventory-upload-buttons button.secondary:hover, .inventory-dialog-actions button.secondary:hover, #inventory-refresh:hover { background: #fafaf8; }
.inventory-upload-status { min-height: 1em; margin: 16px 0 0 !important; color: var(--color-success) !important; font-size: .78rem !important; }
.inventory-upload-status.error { color: var(--color-danger) !important; }
.inventory-upload-status.info { color: #285687 !important; }
.inventory-works-panel { overflow: visible; margin-top: 24px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); box-shadow: var(--shadow-card); }
.inventory-panel-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 21px 24px; border-bottom: 1px solid var(--color-border); }
.inventory-panel-head h2 { margin: 0; font-size: 1.08rem; }
.inventory-panel-head p { margin: 5px 0 0; color: var(--color-muted); font-size: .78rem; }
#inventory-refresh { min-height: 36px; padding: 0 12px; border-radius: 8px; cursor: pointer; }
.inventory-works-list { display: grid; }
.inventory-upload-row { display: grid; grid-template-columns: minmax(160px, 1fr) auto auto minmax(130px, 220px) auto; gap: 14px; align-items: center; min-height: 72px; padding: 16px 24px; border-bottom: 1px solid var(--color-border); background: #fffdf7; font-size: .78rem; }
.inventory-upload-row > strong { min-width: 0; overflow-wrap: anywhere; font-size: .95rem; }
.inventory-upload-row > span { color: var(--color-muted); white-space: nowrap; }
.inventory-upload-row .inventory-upload-progress-text { color: #78551b; font-weight: 800; }
.inventory-upload-progress { width: 100%; height: 8px; accent-color: var(--color-accent); }
.inventory-upload-cancel { min-height: 34px; padding: 0 11px; border: 1px solid #d9b1ac; border-radius: 8px; background: var(--color-surface); color: var(--color-danger); font-weight: 800; cursor: pointer; }
.inventory-upload-cancel:disabled { cursor: default; opacity: .5; }
.inventory-dropzone.upload-disabled { cursor: not-allowed; opacity: .72; }
.inventory-dropzone.upload-disabled .inventory-upload-buttons button { cursor: not-allowed; }
.inventory-work-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 18px; align-items: center; padding: 19px 24px; border-bottom: 1px solid var(--color-border); }
.inventory-work-card:last-child { border-bottom: 0; }
.inventory-work-identity { min-width: 0; }
.inventory-work-identity h3 { margin: 0; overflow-wrap: anywhere; font-size: .95rem; }
.inventory-work-identity p { margin: 5px 0 0; color: var(--color-muted); font-size: .74rem; }
.inventory-work-identity .inventory-schedule-label { color: #78551b; font-weight: 700; }
.inventory-work-controls { display: flex; align-items: center; gap: 9px; }
.inventory-sort-control { position: relative; }
.inventory-sort-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 11px; border: 1px solid #e7c16b; border-radius: 9px; background: #fffaf0; color: #5e481c; font-size: .68rem; font-weight: 850; letter-spacing: .04em; cursor: pointer; white-space: nowrap; }
.inventory-sort-toggle:hover, .inventory-sort-toggle[aria-expanded="true"] { background: var(--color-accent-soft); border-color: #ddb24c; }
.inventory-publish-button { min-height: 36px; padding: 0 10px; border: 1px solid #9eb8a5; border-radius: 9px; background: #edf6ef; color: #255b39; font-size: .65rem; font-weight: 850; letter-spacing: .025em; cursor: pointer; white-space: nowrap; }
.inventory-publish-button:hover { background: #dcefe1; }
.inventory-sort-toggle:focus-visible, .inventory-sort-option:focus-visible { outline: 3px solid var(--color-accent-focus); outline-offset: 2px; }
.inventory-sort-chevron { color: var(--color-muted); font-size: .8rem; line-height: 1; }
.inventory-sort-menu { position: absolute; z-index: 30; top: calc(100% + 7px); right: 0; display: grid; width: max-content; min-width: 220px; max-width: min(300px, calc(100vw - 32px)); padding: 5px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-surface); box-shadow: var(--shadow-panel); }
.inventory-sort-option { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; min-height: 36px; padding: 8px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--color-text); font-size: .78rem; text-align: left; cursor: pointer; white-space: nowrap; }
.inventory-sort-option:not(:disabled):hover { background: var(--color-accent-soft); }
.inventory-sort-option:disabled { color: #93918b; cursor: not-allowed; }
.inventory-coming-soon { padding: 4px 6px; border-radius: 5px; background: #f1f0ec; color: #77746d; font-size: .53rem; font-weight: 850; letter-spacing: .035em; }
.inventory-sorting-selected { margin: 0; color: var(--color-muted); font-size: .82rem; line-height: 1.5; }
.inventory-sorting-selected strong { display: inline-block; margin-top: 4px; color: var(--color-text); font-size: 1rem; }
.inventory-sort-preview-content { display: grid; gap: 14px; margin-top: 18px; }
.inventory-sort-preview-summary { display: grid; grid-template-columns: repeat(7, minmax(76px, 1fr)); gap: 8px; }
.inventory-sort-preview-stat { display: grid; gap: 3px; padding: 12px; border: 1px solid var(--color-border); border-radius: 9px; background: var(--color-surface-soft); }
.inventory-sort-preview-stat strong { font-size: 1.25rem; }
.inventory-sort-preview-stat span { color: var(--color-muted); font-size: .72rem; }
.inventory-sort-preview-results { display: grid; gap: 6px; max-height: 48vh; overflow: auto; }
.inventory-sort-preview-row { display: grid; grid-template-columns: minmax(200px, 1fr) auto; gap: 4px 14px; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: 8px; }
.inventory-sort-preview-row strong { min-width: 0; overflow-wrap: anywhere; font-size: .78rem; }
.inventory-sort-preview-row > span { font-size: .7rem; font-weight: 800; }
.inventory-sort-preview-row p { grid-column: 1 / -1; margin: 0; color: var(--color-muted); font-size: .75rem; overflow-wrap: anywhere; }
.inventory-sort-preview-row.is-ok > span { color: var(--color-success, #26734d); }
.inventory-sort-preview-row.is-mancante > span, .inventory-sort-preview-row.is-ambiguo > span, .inventory-sort-preview-row.is-errore > span, .inventory-sort-preview-row.is-conflitto-rinomina > span { color: var(--color-danger, #a43232); }
.inventory-sort-preview-pager { display: flex; align-items: center; justify-content: center; gap: 12px; }
.inventory-sort-preview-pager span { color: var(--color-muted); font-size: .75rem; }
.inventory-sort-preview-complete { margin: 0; color: var(--color-muted); font-size: .76rem; text-align: center; }
.inventory-sort-preview-not-required { margin: 0; padding: 12px; border-radius: 8px; background: var(--color-accent-soft); font-weight: 700; }
.inventory-publication-content { display: grid; gap: 12px; margin-top: 16px; }
.inventory-publication-content > p { margin: 0; }
.inventory-publication-destination { overflow-wrap: anywhere; color: var(--color-text) !important; font-weight: 750; }
.inventory-publication-warning { padding: 11px 13px; border-radius: 8px; background: #fff4e4; color: #76521b !important; }
.inventory-publication-conflicts { max-height: 28vh; overflow: auto; margin: 0; padding-left: 21px; font-size: .74rem; overflow-wrap: anywhere; }
.inventory-publication-progress { width: 100%; height: 12px; accent-color: var(--color-success, #26734d); }
.inventory-publication-dialog { width: min(760px, calc(100% - 30px)); }
.inventory-file-actions button[aria-label="Copia link"], .inventory-file-actions button[aria-label="Apri link FTP"] { color: #285687; }
@media (max-width: 640px) { .inventory-sort-preview-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.inventory-actions { position: relative; }
.inventory-actions summary { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--color-border); border-radius: 9px; color: var(--color-text); font-size: 1.3rem; font-weight: 800; cursor: pointer; list-style: none; }
.inventory-actions summary::-webkit-details-marker { display: none; }
.inventory-actions-menu { position: absolute; z-index: 3; top: 42px; right: 0; display: grid; min-width: 190px; padding: 5px; border: 1px solid var(--color-border); border-radius: 10px; background: var(--color-surface); box-shadow: var(--shadow-panel); }
.inventory-actions-menu button { padding: 9px 11px; border: 0; border-radius: 6px; background: transparent; color: var(--color-text); font-size: .78rem; text-align: left; cursor: pointer; }
.inventory-actions-menu button:hover { background: var(--color-accent-soft); }
.inventory-actions-menu button.danger-action { color: var(--color-danger); }
.inventory-dialog { width: min(520px, calc(100% - 30px)); max-height: min(80vh, 760px); padding: 26px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); color: var(--color-text); box-shadow: var(--shadow-panel); }
.inventory-dialog::backdrop { background: rgba(29,29,30,.48); }
.inventory-dialog h2 { margin: 0 0 12px; font-size: 1.25rem; }
.inventory-dialog p:not(.eyebrow) { color: var(--color-muted); font-size: .82rem; line-height: 1.5; }
.inventory-dialog .eyebrow { margin: 0 0 8px; }
.inventory-dialog label { display: block; margin: 18px 0 7px; color: var(--color-muted); font-size: .73rem; font-weight: 800; }
.inventory-dialog input { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid var(--color-border); border-radius: 8px; outline: none; }
.inventory-dialog input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 4px var(--color-accent-focus); }
.inventory-dialog-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 22px; }
.inventory-dialog-error { min-height: 1.1em; margin-bottom: 0; color: var(--color-danger) !important; }
.inventory-detail-dialog { width: min(980px, calc(100% - 30px)); }
.inventory-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.inventory-dialog-head h2 { overflow-wrap: anywhere; }
.inventory-dialog .icon-button { width: 36px; height: 36px; border: 1px solid var(--color-border); border-radius: 8px; background: white; font-size: 1.3rem; cursor: pointer; }
.inventory-file-toolbar { display: flex; justify-content: flex-end; margin: 16px 0 10px; }
.inventory-folder-navigation { display: flex; align-items: center; gap: 12px; min-width: 0; margin-top: 15px; }
.inventory-folder-back { flex: none; min-height: 36px; padding: 0 12px; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-surface); color: var(--color-text); font-weight: 750; cursor: pointer; }
.inventory-folder-back:disabled { opacity: .45; cursor: default; }
.inventory-folder-breadcrumbs { display: flex; align-items: center; gap: 8px; min-width: 0; overflow-x: auto; }
.inventory-breadcrumb-segment { padding: 4px 2px; border: 0; background: transparent; color: var(--color-accent); font-size: .82rem; font-weight: 750; white-space: nowrap; cursor: pointer; }
.inventory-breadcrumb-segment:disabled { color: var(--color-text); cursor: default; }
.inventory-breadcrumb-separator { color: var(--color-muted); }
.inventory-view-switch { display: inline-flex; padding: 3px; border: 1px solid var(--color-border); border-radius: 9px; background: #f8f8f6; }
.inventory-view-switch button { min-height: 30px; padding: 0 10px; border: 0; border-radius: 6px; background: transparent; color: var(--color-muted); font-size: .74rem; font-weight: 800; cursor: pointer; }
.inventory-view-switch button.active { background: var(--color-surface); color: var(--color-text); box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.inventory-files-list { max-height: 54vh; overflow: auto; border-top: 1px solid var(--color-border); }
.inventory-file-row { display: grid; grid-template-columns: minmax(0,1fr) 56px 88px auto; gap: 18px; align-items: center; padding: 12px 4px; border-bottom: 1px solid var(--color-border); font-size: .78rem; }
.inventory-file-path { display: grid; min-width: 0; gap: 4px; overflow-wrap: anywhere; }
.inventory-file-path strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inventory-file-path small, .inventory-file-type { color: var(--color-muted); }
.inventory-file-row > span { color: var(--color-muted); white-space: nowrap; }
.inventory-folder-entry { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 4px 8px; border: 0; border-radius: 7px; background: transparent; color: var(--color-text); text-align: left; cursor: pointer; }
.inventory-folder-entry:hover, .inventory-folder-preview:hover { background: var(--color-accent-soft); }
.inventory-folder-entry strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inventory-folder-icon { font-size: 1.35rem; line-height: 1; }
.inventory-file-actions { display: inline-flex; gap: 5px; justify-content: flex-end; }
.inventory-file-icon-button { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 1px solid var(--color-border); border-radius: 7px; background: var(--color-surface); color: var(--color-text); font-size: .95rem; font-weight: 800; cursor: pointer; }
.inventory-file-icon-button:hover { background: var(--color-accent-soft); }
.inventory-file-icon-button.danger { color: var(--color-danger); border-color: #e2bfbb; }
.inventory-files-thumbnails { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; padding: 14px 0; border-top: 1px solid var(--color-border); }
.inventory-file-thumbnail { display: grid; grid-template-rows: 150px minmax(2.5em, auto) auto; gap: 8px; min-width: 0; padding: 10px; border: 1px solid var(--color-border); border-radius: 10px; background: #fcfcfa; }
.inventory-thumbnail-preview { position: relative; display: grid; place-items: center; width: 100%; height: 150px; overflow: hidden; border: 0; border-radius: 7px; background: #f1f0eb; cursor: zoom-in; }
.inventory-thumbnail-preview:disabled { cursor: default; }
.inventory-thumbnail-preview img { width: 100%; height: 100%; object-fit: contain; }
.inventory-thumbnail-placeholder { color: var(--color-muted); font-size: .68rem; font-weight: 900; letter-spacing: .08em; }
.inventory-file-thumbnail > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .76rem; }
.inventory-folder-thumbnail { align-content: center; }
.inventory-folder-preview { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 100%; padding: 12px; border: 0; border-radius: 7px; background: transparent; color: var(--color-text); cursor: pointer; }
.inventory-folder-preview .inventory-folder-icon { font-size: 3.4rem; }
.inventory-folder-preview strong { max-width: 100%; overflow-wrap: anywhere; text-align: center; font-size: .78rem; }
.inventory-folder-preview small { color: var(--color-muted); }
.inventory-image-viewer { width: min(1100px, calc(100% - 30px)); max-height: calc(100vh - 30px); }
.inventory-image-position { margin: 4px 0 0; color: var(--color-muted); font-size: .76rem; }
.inventory-image-stage { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 10px; align-items: center; }
.inventory-image-viewer #inventory-image-full { display: block; width: 100%; max-height: calc(100vh - 220px); object-fit: contain; }
.inventory-viewer-nav { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-surface); color: var(--color-text); font-size: 1.8rem; line-height: 1; cursor: pointer; }
.inventory-viewer-nav:disabled { cursor: default; opacity: .35; }
.inventory-image-actions { display: flex; justify-content: flex-end; margin-top: 12px; }
.inventory-dialog-note { margin-bottom: 0; }
.inventory-workflow-tabs { display: flex; gap: 22px; margin: 0 0 20px; border-bottom: 1px solid var(--color-border); }
.inventory-workflow-tabs button { min-height: 42px; padding: 0 4px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--color-muted); font-size: .72rem; font-weight: 850; letter-spacing: .035em; cursor: pointer; }
.inventory-workflow-tabs button.active { border-bottom-color: var(--color-accent); color: var(--color-text); }
.inventory-archive-view { min-height: 0; flex: 1; }
.inventory-archive-heading { align-items: center; margin-bottom: 12px; }
.inventory-archive-heading h2 { margin: 0; }
.inventory-archive-breadcrumbs { display: flex; align-items: center; gap: 8px; min-height: 34px; margin: 0 0 14px; color: var(--color-muted); font-size: .76rem; }
.inventory-archive-crumb { padding: 4px 0; border: 0; background: transparent; color: #285687; font-weight: 750; cursor: pointer; }
.inventory-archive-content { min-height: 180px; }
.inventory-archive-work-meta { margin: 0 0 14px; color: var(--color-muted); font-size: .78rem; }
.inventory-archive-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 13px; }
.inventory-archive-card { display: grid; justify-items: start; align-content: start; gap: 7px; min-height: 124px; padding: 15px; border: 1px solid var(--color-border); border-radius: 9px; background: #fff; color: var(--color-text); text-align: left; cursor: pointer; }
.inventory-archive-card:hover { border-color: #b5c7d9; background: #fbfdff; box-shadow: 0 2px 8px rgba(35,56,75,.08); }
.inventory-archive-card strong { overflow-wrap: anywhere; font-size: .85rem; }
.inventory-archive-card > span:not(.inventory-archive-icon) { color: #50565c; font-size: .75rem; }
.inventory-archive-card small { color: var(--color-muted); font-size: .68rem; }
.inventory-archive-icon { color: #547999; font-size: 1.35rem; line-height: 1; }
.inventory-archive-folder { background: #fffdf6; }
.inventory-translation-file { border-style: dashed; background: #fdfdfb; }
.inventory-archive-older-versions { margin-top: 22px; border-top: 1px solid var(--color-border); }
.inventory-archive-older-versions > summary, .inventory-archive-version > summary { padding: 12px 2px; color: #4e5962; font-size: .77rem; font-weight: 750; cursor: pointer; }
.inventory-archive-version { margin: 0 0 12px 10px; }
.inventory-translation-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; margin: 4px 0 14px; }
.inventory-translation-heading strong { font-size: .95rem; }
.inventory-translation-heading span { color: var(--color-muted); font-size: .72rem; }
.inventory-translation-config-tabs, .inventory-translation-country-tabs { display: flex; gap: 4px; overflow-x: auto; margin: 0 0 10px; border-bottom: 1px solid var(--color-border); }
.inventory-translation-config-tabs button, .inventory-translation-country-tabs button { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 9px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--color-muted); font-size: .72rem; cursor: pointer; }
.inventory-translation-config-tabs button.active, .inventory-translation-country-tabs button.active { border-bottom-color: #1a73e8; color: #1a73e8; font-weight: 750; }
.inventory-translation-country-tabs button small { padding: 2px 5px; border-radius: 9px; background: #f1f3f4; color: #5f6368; font-size: .62rem; }
.inventory-translation-empty { padding: 16px; border: 1px solid #d6e8d8; border-radius: 7px; background: #f3faf4; color: #28613a; font-size: .8rem; }
.inventory-translation-missing-list { display: grid; gap: 5px; max-height: 60vh; overflow: auto; margin: 0; padding: 12px 14px 12px 32px; border: 1px solid var(--color-border); border-radius: 7px; background: #fff; font-size: .78rem; }
.content.inventory-editor-fullscreen { width: 100%; max-width: none; height: 100vh; height: 100dvh; min-height: 0; overflow: hidden; padding: 0; margin: 0; }
.content.inventory-editor-fullscreen > footer { display: none; }
#inventory-view.is-editor-open { display: flex; flex: 1; min-height: 0; flex-direction: column; }
#inventory-view.is-editor-open > header, #inventory-view.is-editor-open > .inventory-categories, #inventory-view.is-editor-open > .inventory-workflow-tabs { display: none; }
.content .inventory-editor-topbar { justify-content: flex-start; margin: 0; }
.inventory-native-editor { min-height: 0; flex: 1; display: flex; flex-direction: column; gap: 0; overflow: hidden; background: #fff; color: #202124; font-family: Arial, sans-serif; }
.inventory-editor-topbar { display: flex; flex: 0 0 auto; align-items: center; gap: 16px; min-height: 54px; margin: 0; padding: 5px 14px; border-bottom: 1px solid #dadce0; background: #fff; }
.inventory-editor-back { flex: 0 0 auto; min-height: 32px; padding: 0 10px; border: 1px solid #dadce0; border-radius: 4px; background: #fff; color: #3c4043; font: 13px Arial, sans-serif; cursor: pointer; }
.inventory-editor-back:hover { background: #f8f9fa; }
.inventory-editor-heading { display: flex; min-width: 190px; flex-direction: column; gap: 3px; }
.inventory-editor-heading strong { color: #202124; font-size: 15px; font-weight: 600; }
.inventory-editor-heading > span { overflow: hidden; color: #5f6368; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.inventory-editor-summary { display: flex; flex: 1; justify-content: flex-end; gap: 15px; min-width: 0; }
.inventory-editor-summary-item { display: flex; flex: 0 0 auto; align-items: baseline; gap: 5px; color: #5f6368; white-space: nowrap; }
.inventory-editor-summary-item strong { color: #202124; font-size: 13px; font-weight: 600; }
.inventory-editor-summary-item small { font-size: 10px; }
.inventory-editor-toolbar { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; min-height: 36px; padding: 0 14px; border-bottom: 1px solid #dadce0; }
.inventory-editor-toolbar button, .inventory-editor-pager button { min-height: 26px; padding: 0 9px; border: 1px solid #dadce0; border-radius: 4px; background: #fff; color: #3c4043; font: 11px Arial, sans-serif; cursor: pointer; }
.inventory-editor-toolbar button:hover, .inventory-editor-pager button:hover { background: #f8f9fa; }
.inventory-editor-toolbar button.active { border-color: #d93025; color: #b3261e; background: #fce8e6; }
.inventory-editor-save-state { color: #5f6368; font: 11px Arial, sans-serif; }
.inventory-editor-formula-bar { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; min-height: 32px; padding: 3px 10px; border-bottom: 1px solid #dadce0; background: #fff; }
.inventory-editor-cell-reference { width: 64px; padding: 4px 7px; border-right: 1px solid #dadce0; color: #3c4043; font: 12px Arial, sans-serif; text-align: center; }
.inventory-editor-fx { color: #5f6368; font: italic 13px Georgia, serif; }
.inventory-editor-formula-input { width: 100%; min-width: 0; height: 24px; padding: 2px 5px; border: 0; outline: none; color: #202124; font: 12px Arial, sans-serif; }
.inventory-editor-formula-input:focus { box-shadow: inset 0 -1px #1a73e8; }
.inventory-editor-grid-host { min-height: 0; flex: 1 1 0; display: flex; flex-direction: column; overflow: hidden; }
.inventory-editor-scroller { min-height: 0; flex: 1; overflow: auto; background: #fff; overscroll-behavior: contain; }
.inventory-editor-table { width: max-content; min-width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; color: #202124; font: 12px Arial, sans-serif; }
.inventory-editor-table col.row-number-column { width: 46px; }
.inventory-editor-table th, .inventory-editor-table td { box-sizing: border-box; padding: 0; border-right: 1px solid #dadce0; border-bottom: 1px solid #dadce0; }
.inventory-editor-table tbody tr.inventory-editor-template-row { height: 20px; }
.inventory-editor-table tbody tr.inventory-editor-template-row td { height: 20px; border-bottom-color: #000; }
.inventory-editor-table thead th { position: sticky; top: 0; z-index: 4; height: 25px; padding: 0 5px; background: #f8f9fa; color: #5f6368; font: 11px Arial, sans-serif; text-align: center; }
.inventory-editor-table thead th.inventory-editor-letter { border-bottom-color: #c9cdd2; font-weight: 500; }
.inventory-editor-table th.row-number { position: sticky; left: 0; z-index: 3; width: 46px; min-width: 46px; background: #f8f9fa; color: #5f6368; font: 11px Arial, sans-serif; font-weight: 400; text-align: center; }
.inventory-editor-table thead th.row-number { z-index: 5; }
.inventory-editor-table th.row-number.has-row-problem { background: #fce8e6; color: #b3261e; }
.inventory-editor-table td.inventory-editor-cell { position: relative; height: 23px; background: #fff; outline: none; }
.inventory-editor-cell-value { box-sizing: border-box; width: 100%; height: 22px; overflow: hidden; padding: 3px 4px; color: #202124; font: 12px/16px Arial, sans-serif; white-space: nowrap; text-overflow: clip; outline: none; }
.inventory-editor-cell-value[contenteditable="true"] { height: auto; min-height: 22px; overflow: visible; white-space: pre-wrap; overflow-wrap: anywhere; background: #fff; }
.inventory-editor-cell.is-selected::after { position: absolute; z-index: 2; inset: -1px; border: 2px solid #1a73e8; content: ""; pointer-events: none; }
.inventory-editor-cell.has-legacy-issue, .inventory-editor-cell.has-legacy-issue .inventory-editor-cell-value { background: #ff0000; color: #000; font-weight: 400; }
.inventory-editor-cell.has-legacy-issue .inventory-editor-cell-value[contenteditable="true"] { background: #ff0000; }
.inventory-editor-cell.is-manually-edited { box-shadow: inset 2px 0 #188038; }
.inventory-editor-cell.is-saving { opacity: .62; }
.inventory-editor-cell.save-error { outline: 2px solid #d93025; outline-offset: -2px; }
.inventory-editor-length-warning { position: absolute; right: 3px; bottom: 2px; z-index: 1; padding: 1px 3px; background: #ff0000; color: #000; font: 9px Arial, sans-serif; pointer-events: none; }
.inventory-editor-pager { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 8px; height: 25px; padding: 0 10px; color: #5f6368; font: 10px Arial, sans-serif; }
.inventory-editor-pager button { min-height: 20px; padding: 0 7px; font-size: 10px; }
.inventory-editor-pager button:disabled { opacity: .45; cursor: default; }
.inventory-editor-tabs-bottom { position: sticky; bottom: 0; z-index: 8; display: flex; flex: 0 0 34px; width: 100%; max-height: 34px; flex-wrap: nowrap; gap: 2px; overflow-x: auto; overflow-y: hidden; padding: 0 8px; border-top: 1px solid #dadce0; background: #f8f9fa; scrollbar-width: thin; }
.inventory-editor-tab { flex: 0 0 auto; max-width: 220px; min-height: 33px; padding: 0 13px; overflow: hidden; border: 0; border-top: 2px solid transparent; background: transparent; color: #5f6368; font: 12px Arial, sans-serif; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.inventory-editor-tab:hover { background: #f1f3f4; }
.inventory-editor-tab.active { border-top-color: #1a73e8; background: #fff; color: #1a73e8; font-weight: 600; }
@media (max-width: 1050px) {
  .inventory-editor-topbar { flex-wrap: wrap; gap: 7px 12px; padding: 7px 10px; }
  .inventory-editor-summary { justify-content: flex-start; flex-basis: 100%; overflow-x: auto; }
}
@media (max-width: 720px) {
  .inventory-editor-heading { min-width: 0; }
  .inventory-editor-summary { gap: 10px; }
  .inventory-editor-summary-item { gap: 3px; }
}

@media (max-width: 700px) {
  .inventory-categories { flex-wrap: wrap; }
  .inventory-work-card { grid-template-columns: minmax(0,1fr) auto; gap: 12px; padding: 17px; }
  .inventory-work-card .inventory-work-controls { grid-column: 1 / -1; justify-content: flex-end; }
  .inventory-upload-row { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 16px 17px; }
  .inventory-upload-row > strong { grid-column: 1 / -1; }
  .inventory-upload-progress { grid-column: 1; }
  .inventory-upload-cancel { grid-column: 2; grid-row: 2; }
  .inventory-panel-head { padding: 18px; }
  .inventory-dropzone { padding: 30px 16px 22px; }
  .inventory-file-row { grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
  .inventory-file-path { grid-column: 1 / -1; }
  .inventory-file-type { display: none; }
  .inventory-files-thumbnails { grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)); }
}


/* Spreadsheet workspace: compact Google Sheets-like chrome around the legacy grid. */
.content.inventory-editor-fullscreen {
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 100dvh;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
#inventory-view.is-editor-open { width: 100%; min-width: 0; height: 100%; }
.inventory-native-editor { width: 100%; min-width: 0; height: 100%; }
.inventory-editor-topbar {
  min-height: 46px;
  gap: 11px;
  padding: 3px 10px;
}
.content .inventory-editor-topbar { margin: 0; }
.inventory-editor-back { min-height: 29px; padding: 0 8px; }
.inventory-editor-heading { gap: 1px; }
.inventory-editor-heading strong { font-size: 14px; }
.inventory-editor-heading > span { max-width: min(46vw, 680px); font-size: 10px; }
.inventory-editor-summary { gap: 12px; }
.inventory-editor-summary-item { gap: 4px; }
.inventory-editor-summary-item strong { font-size: 12px; }
.inventory-editor-summary-item small { font-size: 9px; }
.inventory-editor-toolbar {
  min-height: 31px;
  padding: 0 9px;
  background: #f8f9fa;
}
.inventory-editor-toolbar button {
  min-height: 24px;
  padding: 0 8px;
  border-color: transparent;
  border-radius: 3px;
  background: transparent;
  font-size: 10px;
  font-weight: 500;
}
.inventory-editor-toolbar button:hover { border-color: #dadce0; background: #fff; }
.inventory-editor-toolbar button.active { border-color: #f4c7c3; background: #fce8e6; }
.inventory-editor-save-state { padding-right: 2px; font-size: 10px; }
.inventory-editor-formula-bar {
  min-height: 29px;
  gap: 6px;
  padding: 2px 8px;
}
.inventory-editor-cell-reference {
  width: 58px;
  padding: 3px 5px;
  border: 1px solid #dadce0;
  border-radius: 2px;
  background: #fff;
  font-size: 11px;
}
.inventory-editor-fx { font-size: 12px; }
.inventory-editor-formula-input { height: 22px; font-size: 11px; }
.inventory-editor-grid-host { min-height: 0; flex: 1 1 0; }
.inventory-editor-scroller { scrollbar-color: #bdc1c6 #f1f3f4; scrollbar-width: auto; }
.inventory-editor-table { font: 11px Arial, sans-serif; }
.inventory-editor-table th, .inventory-editor-table td { border-right-color: #e0e0e0; border-bottom-color: #e0e0e0; }
.inventory-editor-table th:first-child, .inventory-editor-table td:first-child { border-left: 1px solid #e0e0e0; }
.inventory-editor-table tbody tr.inventory-editor-template-row,
.inventory-editor-table tbody tr.inventory-editor-template-row td { height: 20px; }
.inventory-editor-table thead th { height: 23px; padding: 0 4px; background: #f8f9fa; font-size: 10px; }
.inventory-editor-table th.row-number {
  width: 46px;
  min-width: 46px;
  padding: 0 4px;
  font-size: 10px;
}
.inventory-editor-table td.inventory-editor-cell { height: 21px; }
.inventory-editor-cell-value {
  height: 20px;
  padding: 2px 4px;
  font: 11px/16px Arial, sans-serif;
}
.inventory-editor-cell-value[contenteditable="true"] { min-height: 20px; }
.inventory-editor-cell.is-selected::after { inset: -1px; border-width: 2px; }
.inventory-editor-letter.is-selected-axis,
.inventory-editor-table tbody .row-number.is-selected-axis {
  background: #d2e3fc;
  color: #1a73e8;
  font-weight: 600;
}
.inventory-editor-pager {
  height: 21px;
  gap: 6px;
  padding: 0 8px;
  background: #fff;
  font-size: 9px;
}
.inventory-editor-pager button { min-height: 18px; padding: 0 6px; font-size: 9px; }
.inventory-editor-tabs-bottom {
  position: relative;
  bottom: auto;
  flex-basis: 32px;
  max-height: 32px;
  gap: 0;
  padding: 0 6px;
  border-top-color: #dadce0;
  background: #f8f9fa;
}
.inventory-editor-tab {
  min-height: 31px;
  padding: 0 12px;
  border-top-width: 2px;
  font-size: 11px;
}
.inventory-editor-tab.active { box-shadow: inset 1px 0 #dadce0, inset -1px 0 #dadce0; }
@media (max-width: 1050px) {
  .inventory-editor-topbar { min-height: 44px; padding: 4px 8px; }
  .inventory-editor-summary { gap: 9px; }
}

/* Read-only sorting simulation: fixed filters, bounded results viewport. */
.inventory-sorting-preview-dialog .inventory-sort-preview-content { min-height: 0; }
.inventory-sort-filters { position: sticky; top: 0; z-index: 2; background: var(--color-surface); padding: 6px 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.inventory-sort-filter { padding: 10px 8px; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-surface-soft); color: var(--color-text); font-weight: 700; }
.inventory-sort-filter[aria-pressed="true"] { background: var(--color-accent-soft); border-color: var(--color-accent); box-shadow: inset 0 0 0 1px var(--color-accent); }
.inventory-sort-filter:focus-visible, .inventory-sort-folder-toggle:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.inventory-sort-result-count { margin: 0; font-size: .82rem; color: var(--color-muted); }
.inventory-sort-browser { max-height: 43vh; min-height: 100px; overflow: auto; overscroll-behavior: contain; padding: 3px; }
.inventory-sort-folder { margin: 5px 0; }
.inventory-sort-folder-toggle { display: block; width: 100%; text-align: left; padding: 12px; border: 1px solid var(--color-border); border-radius: 7px; background: var(--color-surface-soft); color: var(--color-text); overflow-wrap: anywhere; }
.inventory-sort-folder-toggle[aria-expanded="true"] { border-color: var(--color-accent); }
.inventory-sort-folder-content { margin: 6px 0 10px 12px; padding-left: 10px; border-left: 2px solid var(--color-border); }
.inventory-sort-file-page { display: grid; gap: 6px; }
.inventory-sort-tree-help, .inventory-sort-destination { color: var(--color-muted); font-size: .78rem; overflow-wrap: anywhere; }
.inventory-sort-state-group { margin-bottom: 8px; }
.inventory-sort-empty { padding: 18px; border: 1px dashed var(--color-border); border-radius: 8px; color: var(--color-muted); }
.inventory-sort-browser .inventory-sort-preview-pager { margin: 10px 0; }
@media (max-width: 640px) {
  .inventory-sort-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inventory-sort-browser { max-height: 36vh; }
  .inventory-sort-browser .inventory-sort-preview-row { grid-template-columns: minmax(0, 1fr); }
}

/* SMISTA shares Contenuto folder cards, navigation and image previews. */
.inventory-sort-explorer.inventory-files-thumbnails { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); align-items: start; }
.inventory-sort-explorer .inventory-sort-image { min-width: 0; }
.inventory-sort-explorer .inventory-file-thumbnail.inventory-sort-image { grid-template-rows: 150px auto; }
.inventory-sort-explorer .inventory-file-row.inventory-sort-image { grid-template-columns: 100px minmax(0, 1fr); align-items: start; }
.inventory-sort-explorer .inventory-file-row .inventory-thumbnail-preview { height: 90px; }
.inventory-sort-explorer .inventory-sort-image-details { gap: 7px; }
.inventory-sort-explorer .inventory-sort-image-details strong, .inventory-sort-explorer .inventory-folder-entry strong { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.inventory-sort-image-details p, .inventory-sort-excel-matches { margin: 0; font-size: .75rem; overflow-wrap: anywhere; color: var(--color-muted); }
.inventory-sort-image-details .inventory-sort-preview-reason { color: var(--color-danger); font-weight: 700; }
.inventory-sort-excel-matches { padding-left: 18px; }
.inventory-sort-excel-matches li + li { margin-top: 8px; }
.inventory-sort-virtual-label { text-align: center; color: var(--color-danger); font-size: .75rem; }
.inventory-sort-explorer [data-virtual="true"] { border: 1px dashed var(--color-border); background: var(--color-accent-soft); }
.inventory-sort-explorer .inventory-file-row.inventory-folder-row { grid-template-columns: minmax(0,1fr) auto auto auto; gap: 10px; }
@media (max-width: 640px) {
  .inventory-sort-explorer.inventory-files-thumbnails { grid-template-columns: minmax(0, 1fr); }
  .inventory-sort-explorer .inventory-file-row.inventory-folder-row { grid-template-columns: minmax(0,1fr) auto; }
}

/* SMISTA workspace only: keep controls outside the single results scroller.
   Qualify the dialog selector so generic modal sizing cannot override it. */
.inventory-dialog.inventory-sorting-preview-dialog {
  box-sizing: border-box;
  width: 95vw;
  max-width: 95vw;
  height: 90vh;
  height: 90dvh;
  max-height: none;
  margin: auto;
  padding: clamp(12px, 1.5vw, 24px);
  overflow: hidden;
}
.inventory-sorting-preview-dialog[open] { display: flex; flex-direction: column; }
.inventory-sorting-preview-dialog > h2 { margin-bottom: 6px; overflow-wrap: anywhere; }
.inventory-sorting-preview-dialog > .eyebrow { margin-bottom: 4px; }
.inventory-sorting-preview-dialog > :not(.inventory-sort-preview-content) { flex-shrink: 0; }
.inventory-sorting-preview-dialog .inventory-dialog-actions { margin-top: 10px; flex-wrap: wrap; }
.inventory-sorting-preview-dialog .inventory-sort-preview-content {
  flex: 1;
  min-height: 0;
  min-width: 0;
  margin-top: 10px;
  overflow: auto;
  align-content: start;
}
.inventory-sorting-preview-dialog .inventory-sort-preview-content:has(.inventory-sort-explorer) {
  overflow: hidden;
  gap: 8px 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto auto minmax(0, 1fr) auto auto;
  grid-template-areas: 'notice notice' 'filters filters' 'navigation toolbar' 'count count' 'results results' 'pager pager' 'note note';
}
.inventory-sorting-preview-dialog .inventory-sort-preview-not-required { grid-area: notice; margin: 0; }
.inventory-sorting-preview-dialog .inventory-sort-filters {
  grid-area: filters;
  position: static;
  padding: 2px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.inventory-sorting-preview-dialog .inventory-sort-filter { font-size: .9rem; }
.inventory-sorting-preview-dialog .inventory-folder-navigation { grid-area: navigation; margin: 0; }
.inventory-sorting-preview-dialog .inventory-file-toolbar { grid-area: toolbar; margin: 0; }
.inventory-sorting-preview-dialog .inventory-sort-result-count { grid-area: count; }
.inventory-sorting-preview-dialog .inventory-sort-browser {
  grid-area: results;
  min-height: 0;
  max-height: none;
  min-width: 0;
  overflow: auto;
  scrollbar-gutter: stable;
  align-content: start;
  padding: 10px 6px;
}
.inventory-sorting-preview-dialog .inventory-sort-preview-pager { grid-area: pager; flex-wrap: wrap; }
.inventory-sorting-preview-dialog .inventory-sort-preview-complete { grid-area: note; }
.inventory-sorting-preview-dialog .inventory-sort-explorer.inventory-files-thumbnails {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
  gap: 18px;
}
.inventory-sorting-preview-dialog .inventory-file-thumbnail.inventory-sort-image { grid-template-rows: 210px auto; padding: 14px; }
.inventory-sorting-preview-dialog .inventory-sort-image .inventory-thumbnail-preview { height: 210px; }
.inventory-sorting-preview-dialog .inventory-file-row.inventory-sort-image { grid-template-columns: 180px minmax(0, 1fr); gap: 20px; }
.inventory-sorting-preview-dialog .inventory-file-row .inventory-thumbnail-preview { height: 160px; }
.inventory-sorting-preview-dialog .inventory-sort-image-details { gap: 10px; }
.inventory-sorting-preview-dialog .inventory-sort-image-details strong { font-size: 1rem; line-height: 1.45; }
.inventory-sorting-preview-dialog .inventory-sort-image-details p,
.inventory-sorting-preview-dialog .inventory-sort-excel-matches,
.inventory-sorting-preview-dialog .inventory-file-type,
.inventory-sorting-preview-dialog .inventory-folder-preview strong,
.inventory-sorting-preview-dialog .inventory-breadcrumb-segment,
.inventory-sorting-preview-dialog .inventory-view-switch button { font-size: .95rem; line-height: 1.5; }
.inventory-sorting-preview-dialog .inventory-sort-image-details .inventory-sort-preview-reason { color: var(--color-danger); }
.inventory-sorting-preview-dialog .inventory-sort-preview-pager span { font-size: .9rem; }
@media (max-width: 1000px) {
  .inventory-sorting-preview-dialog .inventory-sort-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .inventory-sorting-preview-dialog .inventory-sort-preview-content:has(.inventory-sort-explorer) {
    gap: 6px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto minmax(0, 1fr) auto auto;
    grid-template-areas: 'notice' 'filters' 'navigation' 'toolbar' 'count' 'results' 'pager' 'note';
  }
  .inventory-sorting-preview-dialog .inventory-file-row.inventory-sort-image { grid-template-columns: minmax(0, 1fr); }
  .inventory-sorting-preview-dialog .inventory-sort-filter { padding: 8px 4px; }
}
/* On short screens keep the six filters accessible in a horizontal strip,
   rather than consuming the results area with multiple rows. */
@media (max-height: 600px) {
  .inventory-dialog.inventory-sorting-preview-dialog { height: 96vh; height: 96dvh; padding: 10px; }
  .inventory-sorting-preview-dialog .inventory-sort-filters { display: flex; overflow-x: auto; }
  .inventory-sorting-preview-dialog .inventory-sort-filter { flex: 0 0 auto; padding: 6px 10px; }
  .inventory-sorting-preview-dialog .inventory-sort-preview-content:has(.inventory-sort-explorer) { gap: 3px 8px; margin-top: 4px; }
  .inventory-sorting-preview-dialog .inventory-dialog-actions { margin-top: 4px; }
}

/* One action per native inventory version, above category cards. */
.inventory-unification { margin: 0 0 1.2rem; }
.inventory-unification-actions { display: flex; align-items: center; justify-content: flex-end; gap: .75rem; flex-wrap: wrap; }
.inventory-unification-actions p { flex: 1 1 24rem; }
.inventory-unification progress { width: 100%; margin: .5rem 0; }
.inventory-unified-file { border: 2px solid var(--accent, #2563eb); }

.inventory-gcm-panel { flex: 0 0 auto; padding: 8px 14px; border-bottom: 1px solid #dadce0; font-size: 13px; max-height: 36vh; overflow: auto; }
.inventory-gcm-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 6px; }
.inventory-gcm-panel .error:empty { display: none; }
.inventory-gcm-panel details { margin-top: 5px; }
.inventory-gcm-doubt { padding: 10px 0; border-bottom: 1px solid #dadce0; overflow-wrap: anywhere; }
.inventory-gcm-doubt p { margin: 4px 0; }

/* Active inventory sheet: bounded rows, fixed heights, headers/row numbers stay visible. */
.inventory-grid-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 8px 12px; background: #f8f9fa; border-bottom: 1px solid #dadce0; }
.inventory-grid-controls input { flex: 1; min-width: 220px; max-width: 440px; }
.inventory-grid-controls input, .inventory-grid-controls select, .inventory-grid-controls button { min-height: 32px; padding: 5px 9px; border: 1px solid #b7bdc4; border-radius: 4px; background: white; color: #202124; font: 13px Arial, sans-serif; }
.inventory-grid-controls [hidden] { display: none; }
.inventory-grid-controls button:disabled { opacity: .45; }
.inventory-grid-controls span { color: #49515a; font-size: 12px; margin-left: auto; }
.inventory-grid-hint { padding: 5px 12px; font-size: 12px; background: #f8f9fa; border-top: 1px solid #dadce0; }
.inventory-editor-formula-bar textarea.inventory-editor-formula-input { height: 48px; font-size: 13px; line-height: 20px; resize: none; white-space: pre-wrap; }
.inventory-virtual-scroller { overflow-anchor: none; outline: none; }
.inventory-virtual-scroller:focus-visible { outline: 2px solid #1a73e8; outline-offset: -2px; }
.inventory-virtual-table { min-width: 0; font-size: 13px; }
.inventory-virtual-table thead th { height: 78px; padding: 5px 8px; position: sticky; top: 0; vertical-align: top; }
.inventory-virtual-table .inventory-column-sort { display: block; width: 100%; height: 31px; border: 0; background: rgba(255,255,255,.8); color: #202124; padding: 3px 5px; font: 600 12px Arial,sans-serif; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.inventory-virtual-table thead input { display: block; width: 100%; min-width: 0; height: 29px; margin-top: 4px; padding: 3px 5px; border: 1px solid #a9afb7; background: white; color: #202124; font-size: 12px; box-sizing: border-box; }
.inventory-column-resize { position: absolute; top: 0; right: -1px; width: 8px; height: 100%; cursor: col-resize; touch-action: none; z-index: 6; }
.inventory-virtual-table tbody tr:not(.inventory-grid-spacer) { height: 32px; }
.inventory-virtual-table td.inventory-editor-cell { height: 32px; max-height: 32px; }
.inventory-virtual-table .inventory-editor-cell-value { height: 31px; max-height: 31px; overflow: hidden; padding: 6px 7px; font: 13px/19px Arial,sans-serif; white-space: nowrap; text-overflow: ellipsis; }
.inventory-virtual-table .inventory-editor-cell-value[contenteditable="true"] { overflow: auto; white-space: nowrap; }
.inventory-virtual-table th.row-number { width: 64px; min-width: 64px; font-size: 12px; cursor: pointer; user-select: none; }
.inventory-virtual-table td.is-selected:not(.has-legacy-issue) { background: #e8f0fe; }
.inventory-virtual-table td.is-selected:not(.is-active-cell)::after { border-width: 1px; border-color: #b5cbef; }
.inventory-virtual-table td.is-active-cell::after { position: absolute; inset: -1px; border: 2px solid #1a73e8; content: ''; pointer-events: none; z-index: 2; }
.inventory-virtual-table .inventory-grid-spacer td { padding: 0; border: 0; }
.inventory-virtual-table .inventory-shipping-cell .inventory-editor-cell-value { font-weight: 600; color: #174ea6; }
.inventory-native-editor .inventory-editor-topbar { flex-wrap: wrap; gap: 6px 12px; }
.inventory-native-editor .inventory-editor-heading { flex: 1 1 240px; min-width: 0; }
.inventory-native-editor .inventory-editor-heading strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inventory-native-editor .inventory-editor-summary { flex: 0 1 auto; flex-wrap: wrap; max-width: 100%; }
@media (max-width: 1350px) {
  .inventory-native-editor .inventory-editor-summary { flex-basis: 100%; justify-content: flex-start; }
}
.inventory-editor-save-state { font-size: 12px; overflow-wrap: anywhere; }
.inventory-shipping-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:6px 12px; background:#eef5ff; font-size:13px; }
.inventory-shipping-actions[hidden], .inventory-shipping-history[hidden] { display:none; }
.inventory-shipping-actions button, .inventory-shipping-history button { padding:5px 9px; border:1px solid #a8b6c8; border-radius:4px; background:white; color:#202124; }
.inventory-shipping-actions button:disabled { opacity:.45; }
.inventory-shipping-select { width:100%; height:31px; border:1px solid #1a73e8; background:#fff; color:#174ea6; font-size:13px; }
.inventory-shipping-history { max-height:180px; overflow:auto; padding:8px 12px; border-bottom:1px solid #b7bdc4; font-size:13px; }
.inventory-shipping-history div { padding:5px 0; border-bottom:1px solid #ddd; }
.inventory-virtual-table .inventory-shipping-review { background:#fff0c2; }
.inventory-editor-save-state.shipping-save-error { color:#b3261e; font-weight:600; }