/* ============================================================
   IXXO Cart 8 — Platform Console frame
   Orange environment bar, top navigation instead of a sidebar, IBM Plex,
   upper-case table headings and denser rows: never mistaken for a shop.
   ============================================================ */
.ic-env-bar{
	display: flex; align-items: center; justify-content: center; gap: var(--s-3);
	min-block-size: 24px; padding: env(safe-area-inset-top, 0px) var(--s-4) 0;
	background: var(--env-bg); color: var(--env-ink);
	font: 600 var(--t-11)/1 var(--font-mono); letter-spacing: 0.12em; text-transform: uppercase;
}
.ic-env-bar span{ opacity: 0.7; font-weight: 500; letter-spacing: 0.04em; text-transform: none; }
.ic-console-top{ position: sticky; inset-block-start: 0; z-index: var(--z-sticky); background: color-mix(in oklch, var(--surface) 94%, transparent); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-block-end: 1px solid var(--line); }
.ic-console-row{ display: flex; align-items: center; gap: var(--s-4); min-block-size: 48px; padding: 0 var(--s-5); }
.ic-console-brand{ display: flex; align-items: center; gap: var(--s-3); color: var(--ink); flex: none; }
.ic-console-brand .ic-logo{ block-size: 17px; inline-size: auto; }
.ic-console-name{ font-weight: 600; font-size: var(--t-14); padding-inline-start: var(--s-3); border-inline-start: 1px solid var(--line-strong); }
.ic-console-tabs{ display: flex; flex-wrap: wrap; gap: 2px; padding: 0 var(--s-4); }
.ic-console-tab{ position: relative; display: inline-flex; align-items: center; gap: var(--s-2); min-block-size: 38px; padding: 0 var(--s-3); color: var(--ink-2); font-weight: 500; white-space: nowrap; text-decoration: none; }
.ic-console-tab:hover{ color: var(--ink); text-decoration: none; }
.ic-console-tab[aria-current]{ color: var(--ink); }
.ic-console-tab[aria-current]::after{ content: ""; position: absolute; inset-inline: var(--s-3); inset-block-end: -1px; block-size: 2px; background: var(--primary); }
.ic-area-console .ic-content{ --ic-dock-gutter: var(--s-5); padding: var(--s-5); gap: var(--s-5); max-inline-size: var(--content-max); margin-inline: auto; inline-size: 100%; display: flex; flex-direction: column; }
.ic-area-console .ic-top-actions{ margin-inline-start: auto; display: flex; align-items: center; gap: var(--s-2); }
.ic-area-console .ic-user-button{ display: inline-flex; align-items: center; gap: var(--s-2); padding-block: 2px; padding-inline: 2px var(--s-2); border: 0; background: transparent; border-radius: var(--r-pill); color: var(--ink); font: 500 var(--t-13)/1 var(--font-ui); cursor: pointer; }
.ic-area-console .ic-table th{ font-size: var(--t-11); color: var(--ink-3); text-transform: uppercase; letter-spacing: 0.06em; block-size: 30px; padding: 0 var(--s-3); }
.ic-area-console .ic-table td{ block-size: 36px; padding: var(--s-1) var(--s-3); font-size: var(--t-13); }
.ic-area-console .ic-num, .ic-area-console .ic-mono{ font-family: var(--font-mono); }
.ic-area-console .ic-btn-primary{ font-weight: 600; }
.ic-area-console .ic-card{ box-shadow: var(--shadow-sm); }