/* MADI stays isolated from the portfolio and the other application views. */
#madi > .madi-preview { display: flex; flex-direction: column; height: 100%; }
#madi .madi-detail [hidden], #madi .madi-detail[hidden] { display: none !important; }
body.madi-view #contenido > :not(#soluciones),
body.madi-view #soluciones > :not(.product-grid),
body.madi-view #soluciones > .product-grid > :not(#madi),
body.madi-view #madi > .madi-preview { display: none !important; }
body.madi-view #soluciones { width: 100%; max-width: none; margin: 0; padding: 0; }
body.madi-view #soluciones > .product-grid { display: block; }
body.madi-view #madi {
  display: block; width: 100%; max-width: none; margin: 0; padding: 0;
  border: 0; border-radius: 0; overflow: visible; transform: none;
  opacity: 1; background: #171c22; box-shadow: none;
}
body.madi-view #madi::before, body.madi-view #madi::after { display: none; }
#madi .madi-detail {
  --madi-orange: #f28c18;
  --madi-hover: #e67600;
  --madi-active: #c45f00;
  --madi-amber: #f4b342;
  --madi-ink: #121826;
  --madi-muted: #6f7785;
  --madi-paper: #faf9f6;
  --madi-warm: #f7f4ef;
  --madi-border: #eee7dc;
  color-scheme: dark; color: #f5f4f1; background: #171c22;
  font: 400 16px/1.65 "DM Sans", sans-serif;
  isolation: isolate;
}
#madi .madi-detail *, #madi .madi-detail *::before, #madi .madi-detail *::after { box-sizing: border-box; }
#madi .madi-detail :is(h1, h2, h3, h4, p, ol, dl, dd) { margin: 0; padding: 0; }
#madi .madi-detail :is(h1, h2, h3, h4) { color: inherit; font-family: "Manrope", sans-serif; font-weight: 800; }
#madi .madi-detail h1 { font-size: clamp(32px, 2.8vw, 44px); line-height: 1.2; letter-spacing: -.045em; }
#madi .madi-detail h2 { font-size: clamp(27px, 2.45vw, 38px); line-height: 1.25; letter-spacing: -.04em; }
#madi .madi-detail h3 { font-size: 20px; line-height: 1.35; letter-spacing: -.025em; }
#madi .madi-detail p { max-width: none; color: inherit; }
#madi .madi-detail svg { display: inline-block; width: 22px; height: 22px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.7; }
#madi .madi-detail img { display: block; max-width: 100%; height: auto; }
#madi .madi-detail :is(button, input, select) { font: inherit; }
#madi .madi-detail button { cursor: pointer; }
#madi .madi-detail button:disabled { opacity: .45; cursor: not-allowed; }
#madi .madi-detail a { text-decoration: none; }
#madi .madi-detail :focus-visible { outline: 3px solid var(--madi-orange); outline-offset: 4px; }
#madi .madi-detail :is(section, [id]) { scroll-margin-top: 100px; }
#madi .madi-container { width: min(1560px, calc(100% - 112px)); margin-inline: auto; }
#madi .madi-detail .madi-eyebrow { color: var(--madi-amber); font-size: 10px; font-weight: 800; letter-spacing: .15em; line-height: 1.5; margin-bottom: 14px; }
#madi .madi-heading { max-width: 660px; }
#madi .madi-heading > p:not(.madi-eyebrow) { margin-top: 16px; color: #b6bdc5; }
#madi .madi-heading > .madi-button { margin-top: 24px; }
#madi .madi-actions { display: flex; flex-wrap: wrap; gap: 12px; }
#madi .madi-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 46px; padding: 11px 18px; border: 1px solid transparent; border-radius: 7px;
  font-size: 13px; font-weight: 800; line-height: 1.4; text-align: center;
  transition: background-color .18s, border-color .18s, transform .18s;
}
#madi .madi-primary { background: var(--madi-orange); border-color: var(--madi-orange); color: var(--madi-ink); }
#madi .madi-outline { background: transparent; border-color: #bd7e39; color: #f5f4f1; }
#madi .madi-light { background: #fff; border-color: var(--madi-border); color: var(--madi-ink); }
#madi .madi-text-link { display: inline-flex; align-items: center; gap: 14px; color: var(--madi-orange); font-size: 13px; font-weight: 700; }

/* Warehouse photography is the setting, never a competing foreground. */
#madi .madi-hero {
  background: linear-gradient(90deg, rgba(18, 23, 29, .98) 0%, rgba(18, 23, 29, .91) 35%, rgba(18, 23, 29, .53) 100%), url("../assets/madi/warehouse.jpg") center 48% / cover;
}
#madi .madi-hero-grid { display: grid; grid-template-columns: minmax(0, .38fr) minmax(0, .62fr); align-items: center; gap: 42px; min-height: clamp(650px, 37.5vw, 720px); padding-block: 40px; }
#madi .madi-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
#madi .madi-brand img { width: 260px; }
#madi .madi-brand > span { font-size: 12px; line-height: 1.5; color: #bfc5cc; }
#madi .madi-hero-copy h1 { margin-top: 24px; }
#madi .madi-hero-copy h1 span { color: var(--madi-orange); }
#madi .madi-hero-copy > p:not(.madi-eyebrow) { margin-block: 20px 24px; font-size: 16px; line-height: 1.7; color: #c7cbd0; }
#madi .madi-hero-points { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
#madi .madi-hero-points > span { display: flex; align-items: center; gap: 8px; font-size: 10px; line-height: 1.4; color: #c5cbd1; }
#madi .madi-hero-points svg { width: 20px; color: var(--madi-orange); }
#madi .madi-hero-visual { position: relative; min-width: 0; }
#madi .madi-hero-visual::before { content: ""; position: absolute; inset: 0 0 40px; z-index: -1; background: radial-gradient(ellipse, #f28c182e, transparent 70%); }
#madi .madi-app-preview { transform: perspective(1600px) rotateY(-2deg) rotateZ(-1deg); box-shadow: 0 30px 65px #0006; }
#madi .madi-detail .madi-editorial { margin-top: 20px; text-align: right; font: 700 21px/1.3 "Manrope", sans-serif; letter-spacing: -.035em; }
#madi .madi-hero-caption { display: block; margin-top: 10px; text-align: right; font-size: 10px; color: #aeb6be; }

#madi .madi-operation { padding-block: 72px; background: #1b2128; }
#madi .madi-capabilities-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 30px; }
#madi .madi-capabilities-grid > div { position: relative; padding: 22px; background: #222a33; border: 1px solid #ffffff0b; border-radius: 10px; }
#madi .madi-icon-tile { display: inline-flex; align-items: center; justify-content: center; color: var(--madi-orange); margin-bottom: 14px; }
#madi .madi-capabilities-grid h3 { font-size: 17px; margin-bottom: 8px; }
#madi .madi-capabilities-grid p, #madi .madi-process li p { font-size: 13px; color: #b6bdc5; line-height: 1.6; }
#madi .madi-process { margin-top: 48px; }
#madi .madi-process h2 { font-size: 25px; }
#madi .madi-process ol { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; margin-top: 24px; }
#madi .madi-process li { position: relative; padding-right: 20px; }
#madi .madi-process li > span { display: block; color: var(--madi-orange); font: 800 23px/1.4 "Manrope", sans-serif; margin-bottom: 10px; }
#madi .madi-process li:not(:last-child)::after { content: "\2192"; position: absolute; top: 0; left: 45px; right: -12px; color: #8c693e; text-align: right; background: linear-gradient(#735b3b, #735b3b) left center / calc(100% - 25px) 1px no-repeat; }
#madi .madi-process li h3 { font-size: 16px; margin-bottom: 7px; }

/* The working demo uses the application's warm paper and gray navigation. */
#madi .madi-demo-section { color-scheme: light; background: var(--madi-warm); color: var(--madi-ink); padding-block: 68px 42px; }
#madi .madi-demo-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 32px; }
#madi .madi-demo-heading .madi-heading { max-width: 720px; }
#madi .madi-demo-heading .madi-heading > p:not(.madi-eyebrow) { color: #626b78; font-size: 15px; }
#madi .madi-demo-section .madi-eyebrow { color: #a84f00; }
#madi .madi-mode-tabs { display: flex; flex-shrink: 0; padding: 4px; gap: 3px; border: 1px solid #e7dfd1; border-radius: 9px; background: #eee9e0; }
#madi .madi-mode-tabs button { min-height: 44px; padding: 10px 17px; border: 0; border-radius: 6px; background: transparent; color: #5b6471; font-size: 13px; font-weight: 700; }
#madi .madi-mode-tabs button[aria-pressed="true"] { background: var(--madi-orange); color: var(--madi-ink); box-shadow: 0 2px 5px #9c682321; }
#madi .madi-demo-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 20px; align-items: start; }
#madi .madi-demo-layout.is-browse { grid-template-columns: minmax(0, 1fr); }
#madi .madi-guide { min-width: 0; }
#madi .madi-guide-steps { list-style: none; display: grid; gap: 7px; }
#madi .madi-guide-steps button { display: flex; align-items: flex-start; width: 100%; gap: 10px; text-align: left; padding: 13px 10px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #59616c; }
#madi .madi-guide-steps button > span:first-child { flex: 0 0 25px; height: 25px; display: grid; place-items: center; border: 1px solid #dfd5c7; border-radius: 50%; font-size: 12px; color: #a54f00; }
#madi .madi-guide-steps strong { display: block; font-size: 12px; line-height: 1.5; }
#madi .madi-guide-steps small { display: block; margin-top: 5px; font-size: 11px; line-height: 1.5; }
#madi .madi-guide-steps button[aria-pressed="true"] { background: #fff5e6; border-color: #efc68d; color: var(--madi-ink); }
#madi .madi-guide-steps button[aria-pressed="true"] > span:first-child { background: var(--madi-orange); border-color: var(--madi-orange); color: var(--madi-ink); }
#madi .madi-detail .madi-guide-status { margin: 22px 0 10px; font-size: 11px; color: #626b78; }
#madi .madi-guide-actions { display: flex; gap: 8px; }
#madi .madi-guide-actions .madi-button { flex: 1; padding-inline: 9px; font-size: 12px; }
#madi .madi-reset { min-height: 44px; padding: 10px 0; background: none; border: 0; color: #626b78; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
#madi .madi-workspace { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; min-width: 0; }
#madi .madi-workspace.has-summary { grid-template-columns: minmax(0, 1fr) 300px; }
#madi .madi-app { display: grid; grid-template-columns: 160px minmax(0, 1fr); min-width: 0; overflow: hidden; border: 1px solid #dfd5c7; border-radius: 12px; background: var(--madi-paper); color: var(--madi-ink); color-scheme: light; font: 500 12px/1.5 "Nunito", sans-serif; box-shadow: 0 8px 28px #3f30200b; }
#madi .madi-app :is(h3, h4), #madi .madi-summary :is(h3, h4) { font-family: "Nunito", sans-serif; letter-spacing: -.02em; }
#madi .madi-app-sidebar { background: #343e49; color: #d2d7dd; padding: 20px 10px; }
#madi .madi-app-sidebar > img { width: 100px; margin: 0 auto 24px; }
#madi .madi-app-menu { display: grid; gap: 12px; }
#madi .madi-menu-group > strong { display: flex; align-items: center; gap: 7px; padding: 5px 6px; font-size: 10px; color: #f1f3f4; }
#madi .madi-menu-group > strong svg { width: 15px; height: 15px; }
#madi .madi-menu-group > strong b { margin-left: auto; font-weight: 400; }
#madi .madi-menu-group > span { display: block; margin-top: 2px; padding: 5px 7px 5px 28px; border-radius: 4px; font-size: 10px; line-height: 1.4; }
#madi .madi-menu-group > span.is-current { background: var(--madi-orange); color: var(--madi-ink); font-weight: 800; }
#madi .madi-app-workspace { display: flex; flex-direction: column; min-width: 0; }
#madi .madi-app-topbar { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 5px 18px; border-bottom: 1px solid var(--madi-border); background: #fff; color: #717985; }
#madi .madi-app-topbar > span > svg { width: 17px; height: 17px; }
#madi .madi-app-user { display: flex; align-items: center; gap: 8px; color: #454e5c; font-size: 10px; }
#madi .madi-app-user small { display: block; font-size: 8px; color: var(--madi-muted); }
#madi .madi-demo-avatar { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #fff0d9; color: #a74f00; font-size: 9px; font-weight: 800; }
#madi .madi-app-body { min-width: 0; padding: 18px; background: var(--madi-paper); }
#madi .madi-app-page-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; padding-block: 3px 16px; border-bottom: 1px solid var(--madi-border); }
#madi .madi-page-icon { display: grid; place-items: center; flex: 0 0 38px; height: 38px; background: #fff0d9; color: #d66c00; border-radius: 9px; }
#madi .madi-app-page-heading > div:not(.madi-page-actions) { flex: 1; min-width: 150px; }
#madi .madi-app-page-heading p { font-size: 9px; color: var(--madi-muted); margin-bottom: 3px; }
#madi .madi-app-page-heading p b { color: var(--madi-orange); padding-inline: 4px; }
#madi .madi-app-page-heading h3 { font-size: 26px; line-height: 1.2; }
#madi .madi-app-page-heading > div > span { display: block; margin-top: 5px; font-size: 11px; color: var(--madi-muted); }
#madi .madi-page-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
#madi .madi-app-button { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 7px 11px; border: 1px solid var(--madi-orange); border-radius: 6px; background: var(--madi-orange); color: var(--madi-ink); font-size: 11px; font-weight: 800; line-height: 1.4; }
#madi .madi-app-light { background: #fff; border-color: var(--madi-border); color: #58616d; }
#madi .madi-kpis { display: grid; gap: 10px; margin-bottom: 18px; }
#madi .madi-kpis-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#madi .madi-kpis-8 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#madi .madi-kpi { min-width: 0; padding: 13px 11px; border: 1px solid var(--madi-border); border-radius: 12px; background: #fff; }
#madi .madi-kpi > span { display: grid; place-items: center; width: 30px; height: 30px; margin-bottom: 10px; border-radius: 8px; background: #fff0db; color: #ba5a00; }
#madi .madi-kpi > span svg { width: 17px; height: 17px; }
#madi .madi-kpi[data-tone="green"] > span { background: #e8f5ed; color: #26824f; }
#madi .madi-kpi[data-tone="blue"] > span { background: #eaf1fc; color: #4c78b4; }
#madi .madi-kpi[data-tone="slate"] > span { background: #edf0f3; color: #667382; }
#madi .madi-kpi[data-tone="red"] > span { background: #fceceb; color: #bd4543; }
#madi .madi-kpi[data-tone="purple"] > span { background: #f0ecf9; color: #8763b4; }
#madi .madi-kpi > strong { display: block; font-size: 22px; line-height: 1.2; font-weight: 900; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
#madi .madi-kpi h4 { margin-top: 7px; font-size: 10px; line-height: 1.4; font-weight: 800; }
#madi .madi-kpi small { display: block; margin-top: 5px; color: var(--madi-muted); font-size: 9px; line-height: 1.4; }
#madi .madi-inventory-filters { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) auto; align-items: center; gap: 10px; margin-bottom: 18px; }
#madi .madi-inventory-filters label { min-width: 0; }
#madi .madi-app :is(input, select) { width: 100%; min-width: 0; min-height: 36px; padding: 8px 10px; border: 1px solid var(--madi-border); border-radius: 6px; color: #4d5663; background: #fff; font-size: 11px; }
#madi .madi-search-label { position: relative; }
#madi .madi-search-label svg { position: absolute; width: 15px; height: 15px; top: 11px; left: 10px; color: var(--madi-muted); }
#madi .madi-search-label input { padding-left: 32px; }
#madi .madi-stock-filters { grid-column: 1 / 3; }
#madi .madi-layout-tabs { grid-column: 3 / -1; justify-content: flex-end; }
#madi :is(.madi-stock-filters, .madi-layout-tabs, .madi-report-tabs) { display: flex; flex-wrap: wrap; gap: 5px; }
#madi :is(.madi-stock-filters, .madi-layout-tabs, .madi-report-tabs) button { min-height: 32px; padding: 6px 10px; border: 1px solid var(--madi-border); border-radius: 5px; color: #626b78; background: #fff; font-size: 10px; font-weight: 700; }
#madi :is(.madi-stock-filters, .madi-layout-tabs, .madi-report-tabs) button[aria-pressed="true"] { background: #fff0db; border-color: #edbd7e; color: #9e4b00; }
#madi .madi-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#madi .madi-product-card { min-width: 0; padding: 16px; background: #fff; border: 1px solid var(--madi-border); border-radius: 12px; }
#madi .madi-product-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
#madi .madi-product-top > span:first-child { display: grid; place-items: center; width: 44px; height: 42px; border-radius: 8px; background: var(--madi-warm); color: #c47b2b; }
#madi .madi-product-top svg { width: 29px; height: 29px; }
#madi .madi-status { display: inline-block; padding: 3px 7px; border-radius: 4px; font-size: 9px; line-height: 1.4; font-weight: 800; }
#madi .madi-status-success { color: #257247; background: #e9f5ed; }
#madi .madi-status-warning { color: #9b5300; background: #fff0d9; }
#madi .madi-status-danger { color: #b13938; background: #fbeaea; }
#madi .madi-product-card h4 { font-size: 14px; margin-bottom: 4px; }
#madi .madi-detail .madi-product-code { font-size: 9px; color: var(--madi-muted); }
#madi .madi-product-card dl { margin-block: 14px; display: grid; gap: 7px; }
#madi .madi-product-card dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 10px; }
#madi .madi-product-card dt { color: var(--madi-muted); }
#madi .madi-product-card dd { text-align: right; overflow-wrap: anywhere; }
#madi .madi-stock-bar { height: 5px; overflow: hidden; border-radius: 10px; background: #f1ece3; margin-bottom: 12px; }
#madi .madi-stock-bar i { display: block; height: 100%; border-radius: inherit; background: #4baf76; }
#madi .madi-stock-bar i.warning { background: var(--madi-orange); }
#madi .madi-stock-bar i.danger { background: #cf5751; }
#madi .madi-product-card > .madi-app-button { width: 100%; }
#madi .madi-table-scroll { width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; border: 1px solid var(--madi-border); border-radius: 8px; background: #fff; scrollbar-width: thin; }
#madi .madi-table { width: 100%; min-width: 650px; border-collapse: collapse; text-align: left; font-size: 11px; line-height: 1.5; }
#madi .madi-table :is(th, td) { padding: 12px 10px; height: 44px; border-bottom: 1px solid var(--madi-border); }
#madi .madi-table th { background: #f5f1ea; color: #616b78; font-size: 10px; font-weight: 800; }
#madi .madi-table tr:last-child td { border-bottom: 0; }
#madi .madi-table td { font-variant-numeric: tabular-nums; }
#madi .madi-table td small { display: block; font-size: 9px; color: var(--madi-muted); margin-top: 3px; }
#madi .madi-record-link { padding: 0; border: 0; background: none; text-align: left; font-weight: 800; color: #a65000; text-decoration: underline; text-underline-offset: 3px; }
#madi .madi-pending-number { color: #b55500; }
#madi .madi-detail .madi-empty { padding: 32px 16px; color: var(--madi-muted); text-align: center; grid-column: 1 / -1; }
#madi .madi-pagination, #madi .madi-pagination > div { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#madi .madi-pagination { margin-top: 16px; justify-content: space-between; font-size: 10px; color: #68717e; }
#madi .madi-pagination button { min-height: 32px; padding: 6px 10px; border: 1px solid var(--madi-border); border-radius: 5px; background: #fff; color: #58616e; }
#madi .madi-warehouse-groups { display: grid; gap: 12px; min-width: 0; }
#madi .madi-warehouse-group { min-width: 0; background: #fff; border: 1px solid var(--madi-border); border-radius: 10px; box-shadow: 0 3px 10px #48382105; }
#madi .madi-warehouse-group summary { min-height: 80px; padding: 18px 14px; cursor: pointer; }
#madi .madi-warehouse-group summary::marker { color: #a75b0a; }
#madi .madi-warehouse-group summary > svg { vertical-align: middle; margin-right: 8px; color: #cc770c; }
#madi .madi-warehouse-group summary > span { display: inline-block; vertical-align: middle; }
#madi .madi-warehouse-group summary > span:last-child { float: right; text-align: right; }
#madi .madi-warehouse-group summary small { display: block; font-size: 10px; color: var(--madi-muted); margin-top: 3px; }
#madi .madi-warehouse-group .madi-table-scroll { border-inline: 0; border-bottom: 0; border-radius: 0 0 10px 10px; }
#madi :is(.madi-request-filters, .madi-report-filters) { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 18px; font-size: 10px; color: #68717e; }
#madi .madi-request-filters label { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-left: auto; }
#madi .madi-request-filters select { width: auto; max-width: 100%; }
#madi .madi-demo-tag { display: inline-block; padding: 3px 6px; border: 1px solid #ecd4af; border-radius: 4px; color: #a15909; background: #fff4e2; font-size: 8px; font-weight: 900; letter-spacing: .06em; white-space: nowrap; }
#madi .madi-report-filters .madi-demo-tag { margin-left: auto; }
#madi .madi-report-filters label { display: grid; gap: 5px; min-width: 0; max-width: 100%; flex: 0 1 230px; }
#madi .madi-report-tabs { margin-bottom: 14px; }
#madi .madi-detail .madi-app-foot { margin-top: auto; padding: 11px 18px; border-top: 1px solid var(--madi-border); background: #fff; color: var(--madi-muted); font-size: 9px; }
#madi .madi-detail .madi-live { font-size: 12px; color: #9e4b00; margin-top: 16px; }
#madi .madi-live:empty { display: none; }
#madi .madi-detail .madi-demo-notice { margin-top: 20px; color: #68717e; font-size: 11px; text-align: center; }

/* Presentation is deliberately denser than the usable, interactive screen. */
#madi .madi-app-preview { grid-template-columns: 140px minmax(0, 1fr); font-size: 9px; }
#madi .madi-app-preview .madi-app-sidebar { padding: 17px 8px; }
#madi .madi-app-preview .madi-app-menu { gap: 5px; }
#madi .madi-app-preview .madi-menu-group > strong { font-size: 9px; padding-block: 3px; }
#madi .madi-app-preview .madi-menu-group > span { font-size: 8px; padding-block: 2px; }
#madi .madi-app-preview .madi-app-body { padding: 10px 12px; }
#madi .madi-app-preview .madi-app-page-heading { gap: 8px; margin-bottom: 10px; padding-bottom: 8px; }
#madi .madi-app-preview .madi-app-page-heading h3 { font-size: 18px; }
#madi .madi-app-preview .madi-app-page-heading > div > span { font-size: 9px; margin-top: 3px; }
#madi .madi-app-preview .madi-page-icon { flex-basis: 30px; height: 30px; }
#madi .madi-app-preview .madi-kpis { gap: 6px; margin-bottom: 10px; }
#madi .madi-app-preview .madi-kpi { padding: 7px 6px; border-radius: 8px; }
#madi .madi-app-preview .madi-kpi > span { width: 22px; height: 22px; margin-bottom: 5px; }
#madi .madi-app-preview .madi-kpi > strong { font-size: 14px; }
#madi .madi-app-preview .madi-kpi h4 { font-size: 8px; margin-top: 5px; }
#madi .madi-app-preview .madi-kpi small { font-size: 7px; margin-top: 3px; }
#madi .madi-static-filters { gap: 6px; margin-bottom: 10px; font-size: 8px; color: var(--madi-muted); }
#madi .madi-static-filters > span { padding: 5px 6px; border: 1px solid var(--madi-border); border-radius: 5px; background: #fff; }
#madi .madi-static-filters > b { color: #9e4b00; font-weight: 800; }
#madi .madi-app-preview .madi-products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
#madi .madi-app-preview .madi-product-card { padding: 8px; border-radius: 8px; }
#madi .madi-app-preview .madi-product-top { gap: 5px; margin-bottom: 5px; }
#madi .madi-app-preview .madi-product-top > span:first-child { width: 29px; height: 29px; }
#madi .madi-app-preview .madi-product-top svg { width: 23px; height: 23px; }
#madi .madi-app-preview .madi-status { font-size: 7px; padding: 2px 4px; }
#madi .madi-app-preview .madi-product-card h4 { font-size: 10px; }
#madi .madi-app-preview .madi-product-code { font-size: 7px; }
#madi .madi-app-preview .madi-product-card dl { gap: 3px; margin-block: 7px; }
#madi .madi-app-preview .madi-product-card dl > div { font-size: 8px; gap: 4px; }
#madi .madi-app-preview .madi-product-card dl > div:first-child { display: block; }
#madi .madi-app-preview .madi-product-card dl > div:first-child dd { text-align: left; }
#madi .madi-app-preview .madi-stock-bar { margin-bottom: 7px; height: 4px; }
#madi .madi-preview-action { display: block; text-align: center; padding: 4px 7px; border-radius: 4px; background: #fff0dc; color: #a95800; font-size: 8px; font-weight: 800; }
#madi .madi-detail .madi-list-caption { margin-top: 8px; font-size: 8px; color: var(--madi-muted); }
#madi .madi-app-preview .madi-app-foot { font-size: 8px; padding-block: 7px; }

#madi .madi-summary:not([open]) { display: none; }
#madi .madi-summary[open] { display: flex; flex-direction: column; position: relative; inset: auto; width: 100%; min-width: 0; max-width: none; max-height: 690px; margin: 0; padding: 0; overflow: auto; border: 1px solid #e6d9c6; border-radius: 12px; background: var(--madi-paper); color: var(--madi-ink); color-scheme: light; font: 500 12px/1.6 "Nunito", sans-serif; box-shadow: 0 12px 32px #3f302014; }
#madi .madi-summary[open][data-kind="contact"] { position: fixed; inset: 12px; width: min(480px, calc(100% - 24px)); max-height: calc(100dvh - 24px); margin: auto; box-shadow: 0 20px 60px #12182640; }
#madi .madi-summary::backdrop { background: #121826a6; }
#madi .madi-summary > header { display: flex; align-items: flex-start; justify-content: space-between; position: sticky; top: 0; z-index: 1; gap: 8px; padding: 18px 14px; border-bottom: 1px solid var(--madi-border); background: #fff; }
#madi .madi-summary h3 { font-size: 18px; margin-top: 7px; }
#madi .madi-icon-button { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid var(--madi-border); border-radius: 7px; background: #fff; color: #5b6471; font-size: 25px; line-height: 1; }
#madi .madi-summary-content { min-width: 0; padding: 16px 14px; }
#madi .madi-detail .madi-summary-content > * + * { margin-top: 16px; }
#madi .madi-summary-content h4 { font-size: 13px; margin-bottom: 9px; }
#madi .madi-summary .madi-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
#madi .madi-summary .madi-kpi:last-child:nth-child(odd) { grid-column: 1 / -1; }
#madi .madi-summary .madi-kpi > strong { font-size: 20px; }
#madi .madi-summary .madi-table { min-width: 0; font-size: 10px; }
#madi .madi-summary .madi-table :is(th, td) { padding: 9px 7px; overflow-wrap: anywhere; }
#madi .madi-summary .madi-button { width: 100%; font-size: 12px; }
#madi .madi-detail .madi-summary-notice { margin-top: auto; padding: 14px; border-top: 1px solid var(--madi-border); background: #f4f0e9; color: #68717e; font-size: 10px; }
#madi .madi-product-detail-icon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 10px; background: #fff0db; color: #ba650b; }
#madi .madi-product-detail-icon svg { width: 40px; height: 40px; }
#madi .madi-detail-fields > div { display: flex; justify-content: space-between; gap: 14px; padding-block: 9px; border-bottom: 1px solid var(--madi-border); font-size: 11px; }
#madi .madi-detail-fields dt { color: var(--madi-muted); }
#madi .madi-detail-fields dd { text-align: right; overflow-wrap: anywhere; }

#madi .madi-insights { padding-block: 72px 60px; background: linear-gradient(90deg, #171c22f5, #171c22d9), url("../assets/madi/warehouse.jpg") center / cover; }
#madi .madi-location-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
#madi .madi-location-preview { padding: 8px 24px; border: 1px solid #eee7dc; border-radius: 12px; background: var(--madi-paper); color: var(--madi-ink); color-scheme: light; font-family: "Nunito", sans-serif; box-shadow: 0 20px 40px #0002; }
#madi .madi-location-preview > header { display: flex; align-items: center; gap: 10px; padding-block: 20px; border-bottom: 1px solid var(--madi-border); font-size: 15px; }
#madi .madi-location-preview > header svg { color: #d07811; }
#madi .madi-location-preview .madi-demo-tag { margin-left: auto; }
#madi .madi-location-preview > div { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-block: 22px; font-size: 14px; }
#madi .madi-location-preview > div + div { border-top: 1px solid var(--madi-border); }
#madi .madi-location-preview small { display: block; font-size: 11px; color: var(--madi-muted); margin-top: 5px; font-weight: 500; }
#madi .madi-location-preview > div > strong { text-align: right; font-size: 20px; white-space: nowrap; }
#madi .madi-report-preview { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; margin-top: 48px; padding-top: 32px; border-top: 1px solid #ffffff16; align-items: center; }
#madi .madi-report-preview h3 { font-size: 21px; margin-bottom: 15px; }
#madi .madi-report-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
#madi .madi-report-metrics > div { padding: 20px 16px; border-radius: 8px; background: #252c35; }
#madi .madi-report-metrics strong { display: block; color: var(--madi-amber); font: 800 20px/1.4 "Nunito", sans-serif; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#madi .madi-report-metrics span { display: block; font-size: 11px; margin-top: 8px; }
#madi .madi-report-metrics small { display: block; font-size: 9px; color: #a5aeb9; margin-top: 4px; }
#madi .madi-closing { padding-block: 62px; border-top: 1px solid #ffffff12; background: linear-gradient(90deg, #13181fed, #13181fdd), url("../assets/madi/warehouse.jpg") center 70% / cover; }
#madi .madi-closing-grid { display: grid; grid-template-columns: 220px minmax(0, 1fr) 190px; gap: 52px; align-items: center; }
#madi .madi-closing .madi-brand img { width: 180px; }
#madi .madi-closing h2 { font-size: clamp(24px, 2vw, 30px); }
#madi .madi-closing p { font-size: 14px; color: #b6bdc5; margin-top: 14px; max-width: 620px; }
#madi .madi-closing .madi-actions { flex-direction: column; }

@media (min-width: 1201px) {
  #madi .madi-app-demo .madi-products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #madi .has-summary .madi-app-demo .madi-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1200px) {
  #madi .madi-container { width: calc(100% - 64px); }
  #madi .madi-hero-grid { grid-template-columns: minmax(0, .4fr) minmax(0, .6fr); gap: 28px; }
  #madi .madi-hero-copy h1 { font-size: 34px; }
  #madi .madi-hero-points { grid-template-columns: repeat(2, 1fr); }
  #madi .madi-app-preview { grid-template-columns: 100px minmax(0, 1fr); }
  #madi .madi-app-preview .madi-app-sidebar > img { width: 78px; }
  #madi .madi-app-preview .madi-menu-group > strong { font-size: 8px; gap: 4px; }
  #madi .madi-app-preview .madi-menu-group > span { padding-left: 18px; }
  #madi .madi-app-preview .madi-app-body { padding: 10px; }
  #madi .madi-app-preview .madi-app-page-heading h3 { font-size: 16px; }
  #madi .madi-app-preview .madi-product-card { padding: 8px 5px; }
  #madi .madi-app-preview .madi-product-card dl > div { flex-wrap: wrap; gap: 0; }
  #madi .madi-app-preview .madi-product-card dd { text-align: left; }
  #madi .madi-capabilities-grid { gap: 14px; }
  #madi .madi-location-grid { gap: 36px; }
  #madi .madi-report-preview { grid-template-columns: 1fr; gap: 24px; }
  #madi .madi-closing-grid { grid-template-columns: 170px minmax(0, 1fr) 180px; gap: 28px; }
}
@media (max-width: 1100px) {
  #madi .madi-demo-layout { grid-template-columns: minmax(0, 1fr); }
  #madi .madi-guide { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 12px; }
  #madi .madi-guide-steps { grid-column: 1 / -1; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
  #madi .madi-guide-steps button { height: 100%; padding: 10px 7px; gap: 7px; }
  #madi .madi-guide-steps strong { font-size: 11px; }
  #madi .madi-guide-steps small { font-size: 10px; }
  #madi .madi-detail .madi-guide-status { margin: 0; }
  #madi .madi-demo-heading { align-items: flex-start; flex-direction: column; gap: 22px; }
  #madi .has-summary .madi-app-demo { grid-template-columns: 120px minmax(0, 1fr); }
  #madi .has-summary .madi-app-demo .madi-kpis-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #madi .has-summary .madi-inventory-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #madi .has-summary :is(.madi-stock-filters, .madi-layout-tabs) { grid-column: 1 / -1; justify-content: flex-start; }
}
@media (max-width: 900px) {
  #madi .madi-hero-grid { grid-template-columns: 1fr; gap: 16px; padding-block: 44px; }
  #madi .madi-hero-copy { max-width: 620px; }
  #madi .madi-hero-copy h1 { font-size: 40px; }
  #madi .madi-hero-points { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #madi .madi-hero-visual { width: 100%; max-width: 760px; margin-inline: auto; }
  #madi .madi-app-preview { transform: none; }
  #madi .madi-app-demo, #madi .has-summary .madi-app-demo { grid-template-columns: 52px minmax(0, 1fr); }
  #madi .madi-app-demo .madi-app-sidebar { padding: 16px 6px; }
  #madi .madi-app-demo .madi-app-sidebar > img { width: 32px; height: 32px; object-fit: contain; object-position: left; content: url("../assets/madi/icon.png"); margin-bottom: 28px; }
  /* Keep illustrative menu text available to assistive technology when condensed. */
  #madi .madi-app-demo .madi-menu-group > span,
  #madi .madi-app-demo .madi-menu-group > strong > :is(span, b) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  #madi .madi-app-demo .madi-menu-group > strong { display: grid; place-items: center; min-height: 38px; padding: 8px; border-radius: 6px; }
  #madi .madi-app-demo .madi-menu-group > strong svg { width: 19px; height: 19px; }
  #madi .madi-app-demo .madi-menu-group.is-current > strong { background: var(--madi-orange); color: var(--madi-ink); }
  #madi .madi-workspace.has-summary { grid-template-columns: minmax(0, 1fr); }
  #madi .has-summary .madi-app-demo .madi-kpis-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  #madi .madi-summary[open] { position: fixed; inset: 12px; width: calc(100% - 24px); max-width: 540px; max-height: calc(100dvh - 24px); min-height: 0; margin: auto; box-shadow: 0 24px 80px #0005; }
  #madi .madi-summary::backdrop { background: #121820b8; }
  #madi .madi-summary > header { padding: 20px; }
  #madi .madi-summary-content { padding: 20px; }
  #madi .madi-capabilities-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #madi .madi-location-grid { gap: 28px; }
  #madi .madi-location-preview { padding-inline: 16px; }
  #madi .madi-location-preview > div { gap: 10px; font-size: 12px; }
  #madi .madi-closing-grid { grid-template-columns: 160px minmax(0, 1fr); }
  #madi .madi-closing .madi-actions { grid-column: 2; flex-direction: row; }
}
@media (max-width: 600px) {
  #madi .madi-container { width: calc(100% - 32px); }
  #madi .madi-detail h2 { font-size: 28px; }
  #madi .madi-hero { background-image: linear-gradient(90deg, #12171bf5, #12171bd9), url("../assets/madi/warehouse.jpg"); }
  #madi .madi-hero-grid { padding-block: 36px 24px; }
  #madi .madi-brand img { width: 220px; }
  #madi .madi-hero-copy h1 { font-size: clamp(29px, 7.7vw, 40px); margin-top: 22px; }
  #madi .madi-hero-copy > p:not(.madi-eyebrow) { font-size: 15px; }
  #madi .madi-hero-copy .madi-actions { flex-direction: column; }
  #madi .madi-hero-points { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  #madi .madi-hero-points > span { font-size: 11px; }
  #madi .madi-hero-visual { padding-block: 16px; }
  #madi .madi-app-preview { grid-template-columns: 38px minmax(0, 1fr); }
  #madi .madi-app-preview .madi-app-sidebar { padding: 14px 4px; }
  #madi .madi-app-preview .madi-app-sidebar > img { content: url("../assets/madi/icon.png"); width: 25px; height: 26px; object-fit: contain; margin-bottom: 25px; }
  #madi .madi-app-preview .madi-menu-group > span,
  #madi .madi-app-preview .madi-menu-group > strong > :is(span, b) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); padding: 0; margin: -1px; }
  #madi .madi-app-preview .madi-menu-group > strong { justify-content: center; padding: 8px 0; border-radius: 4px; }
  #madi .madi-app-preview .madi-menu-group.is-current > strong { background: var(--madi-orange); color: var(--madi-ink); }
  #madi .madi-app-preview .madi-app-body { padding: 8px; }
  #madi .madi-app-preview .madi-app-page-heading h3 { font-size: 14px; }
  #madi .madi-app-preview .madi-app-page-heading > div:not(.madi-page-actions) { min-width: 0; }
  #madi .madi-app-preview .madi-page-actions { display: none; }
  #madi .madi-app-preview .madi-kpis { gap: 3px; }
  #madi .madi-app-preview .madi-kpi { padding: 7px 4px; border-radius: 5px; }
  #madi .madi-app-preview .madi-kpi > strong { font-size: 11px; }
  #madi .madi-app-preview .madi-kpi h4 { font-size: 7px; overflow-wrap: anywhere; }
  #madi .madi-app-preview .madi-kpi small { display: none; }
  #madi .madi-app-preview .madi-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #madi .madi-app-preview .madi-product-card dl > div { flex-wrap: nowrap; }
  #madi .madi-static-filters { grid-template-columns: 1.5fr 1fr; }
  #madi .madi-static-filters > :nth-child(n+3) { display: none; }
  #madi .madi-detail .madi-editorial { font-size: 21px; margin-top: 20px; }
  #madi :is(.madi-operation, .madi-demo-section, .madi-insights) { padding-block: 44px; }
  #madi .madi-capabilities-grid { gap: 10px; margin-top: 24px; }
  #madi .madi-capabilities-grid > div { padding: 17px 14px; }
  #madi .madi-capabilities-grid h3 { font-size: 16px; }
  #madi .madi-capabilities-grid p { font-size: 12px; }
  #madi .madi-process { margin-top: 32px; }
  #madi .madi-process h2 { font-size: 24px; }
  #madi .madi-process ol { grid-template-columns: 1fr; gap: 23px; }
  #madi .madi-process li { padding-left: 48px; padding-right: 0; }
  #madi .madi-process li > span { position: absolute; left: 0; top: 0; font-size: 20px; }
  #madi .madi-process li:not(:last-child)::after { content: ""; left: 13px; right: auto; top: 34px; bottom: -16px; width: 1px; background: #735b3b; }
  #madi .madi-mode-tabs { width: 100%; }
  #madi .madi-mode-tabs button { flex: 1; padding-inline: 8px; font-size: 12px; }
  #madi .madi-guide { grid-template-columns: 1fr auto; gap: 10px; }
  #madi .madi-guide-steps { grid-template-columns: 1fr; gap: 4px; }
  #madi .madi-guide-steps button { padding: 9px 10px; align-items: center; min-height: 44px; }
  #madi .madi-guide-steps strong { font-size: 13px; }
  #madi .madi-guide-steps small { display: none; }
  #madi .madi-guide-actions { grid-column: 1 / -1; grid-row: 3; }
  #madi .madi-reset { text-align: right; }
  #madi .madi-app-demo { font-size: 14px; }
  #madi .madi-app-demo .madi-app-body { padding: 12px 10px; }
  #madi .madi-app-demo .madi-app-topbar { padding-inline: 10px; }
  #madi .madi-app-demo .madi-app-page-heading { gap: 8px; }
  #madi .madi-app-demo .madi-app-page-heading > div:not(.madi-page-actions) { min-width: 0; flex-basis: calc(100% - 50px); }
  #madi .madi-app-demo .madi-app-page-heading h3 { font-size: 22px; overflow-wrap: anywhere; }
  #madi .madi-app-demo .madi-app-page-heading > div > span { font-size: 12px; }
  #madi .madi-app-demo .madi-page-actions { margin-left: 0; width: 100%; }
  #madi .madi-app-demo .madi-page-actions .madi-app-button { flex: 1; }
  #madi .madi-app-demo .madi-kpis-5, #madi .has-summary .madi-app-demo .madi-kpis-5,
  #madi .madi-app-demo .madi-kpis-8 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #madi .madi-app-demo .madi-kpis-5 > :last-child { grid-column: 1 / -1; }
  #madi .madi-app-demo .madi-kpi { padding: 12px 9px; }
  #madi .madi-app-demo .madi-kpi > strong { font-size: 22px; }
  #madi .madi-app-demo .madi-kpis-8 .madi-kpi:nth-child(-n+3) > strong,
  #madi .madi-app-demo .madi-kpis-5 .madi-kpi[data-tone="green"] > strong { font-size: clamp(15px, 4.5vw, 22px); overflow-wrap: normal; }
  #madi .madi-app-demo .madi-kpi h4 { font-size: 12px; }
  #madi .madi-app-demo .madi-kpi small { font-size: 11px; }
  #madi .madi-inventory-filters, #madi .has-summary .madi-inventory-filters { grid-template-columns: minmax(0, 1fr); }
  #madi :is(.madi-stock-filters, .madi-layout-tabs) { grid-column: 1; justify-content: flex-start; }
  #madi .madi-app-demo :is(input, select, .madi-app-button),
  #madi :is(.madi-stock-filters, .madi-layout-tabs, .madi-report-tabs, .madi-pagination) button { min-height: 44px; font-size: 13px; }
  #madi .madi-search-label svg { top: 15px; }
  #madi .madi-stock-filters button, #madi .madi-layout-tabs button { flex: 1 1 auto; }
  #madi .madi-app-demo .madi-products { grid-template-columns: minmax(0, 1fr); }
  #madi .madi-app-demo .madi-product-card { padding: 14px; }
  #madi .madi-app-demo .madi-product-card h4 { font-size: 16px; }
  #madi .madi-app-demo .madi-product-card dl > div { font-size: 12px; }
  #madi .madi-app-demo .madi-product-code { font-size: 10px; }
  #madi .madi-app-demo .madi-status { font-size: 11px; }
  #madi .madi-app-demo .madi-table { font-size: 13px; }
  #madi .madi-app-demo .madi-table th { font-size: 12px; }
  #madi .madi-record-link { min-height: 44px; }
  #madi .madi-pagination { font-size: 12px; }
  #madi .madi-pagination > div { width: 100%; justify-content: space-between; gap: 5px; }
  #madi .madi-pagination > div > span { order: -1; width: 100%; }
  #madi .madi-request-filters { font-size: 12px; }
  #madi .madi-request-filters label { margin-left: 0; width: 100%; }
  #madi .madi-request-filters select { width: 100%; }
  #madi .madi-warehouse-group summary { padding: 14px 10px; font-size: 12px; }
  #madi .madi-warehouse-group summary > svg { width: 18px; margin-right: 3px; }
  #madi .madi-warehouse-group summary > span { max-width: calc(100% - 38px); }
  #madi .madi-warehouse-group summary > span:last-child { float: none; display: block; max-width: none; margin: 10px 0 0 28px; text-align: left; }
  #madi .madi-summary[open] { font-size: 14px; }
  #madi .madi-summary-content { padding: 16px 12px; }
  #madi .madi-summary .madi-table { font-size: 12px; }
  #madi .madi-summary .madi-table th { font-size: 11px; }
  #madi .madi-summary .madi-kpi h4 { font-size: 12px; }
  #madi .madi-summary .madi-kpi small { font-size: 11px; }
  #madi .madi-location-grid, #madi .madi-closing-grid { grid-template-columns: minmax(0, 1fr); }
  #madi .madi-location-preview { padding-inline: 14px; }
  #madi .madi-location-preview > header { font-size: 13px; gap: 7px; }
  #madi .madi-location-preview > div > strong { font-size: 18px; }
  #madi .madi-location-preview small { font-size: 10px; white-space: normal; }
  #madi .madi-report-preview { margin-top: 32px; padding-top: 26px; }
  #madi .madi-report-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #madi .madi-report-metrics > div { padding: 16px 12px; }
  #madi .madi-report-metrics strong { font-size: 20px; }
  #madi .madi-closing { padding-block: 40px; }
  #madi .madi-closing-grid { gap: 26px; }
  #madi .madi-closing .madi-actions { grid-column: 1; }
  #madi .madi-closing .madi-actions > * { flex: 1 1 150px; }
}
@media (hover: hover) and (pointer: fine) {
  #madi .madi-primary:hover, #madi .madi-app-button:not(.madi-app-light):hover { background: var(--madi-hover); border-color: var(--madi-hover); }
  #madi .madi-outline:hover { background: #f28c1817; border-color: var(--madi-orange); }
  #madi .madi-button:not(:disabled):hover { transform: translateY(-2px); }
  #madi .madi-light:hover, #madi .madi-app-light:hover { background: #fff3e0; border-color: #edbd7e; }
  #madi .madi-guide-steps button:hover { border-color: #efc68d; }
  #madi .madi-mode-tabs button:not([aria-pressed="true"]):hover { background: #fff8ec; }
  #madi .madi-table tbody tr:hover { background: #fdf9f2; }
  #madi .madi-text-link:hover { color: var(--madi-amber); text-decoration: underline; text-underline-offset: 4px; }
}
#madi .madi-primary:active, #madi .madi-app-button:not(.madi-app-light):active { background: var(--madi-active); border-color: var(--madi-active); color: #fff; transform: none; }
@media (prefers-reduced-motion: reduce) {
  #madi .madi-detail *, #madi .madi-detail *::before, #madi .madi-detail *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  #madi .madi-button:not(:disabled):hover { transform: none; }
}