:root {
  --bg: #080a09;
  --panel: #111412;
  --panel2: #161a17;
  --line: #292e2a;
  --line2: #202521;
  --text: #f2f4f1;
  --muted: #929992;
  --accent: #a9cf49;
  --blue: #447cd1;
  --olive: #7f9636;
  --purple: #8850c8;
  --orange: #dd8824;
  --amber: #d8a04a;
  --red: #d9534f;
  --green: #5da84e;
  --gray: #414541;
  --display: "Barlow Condensed", Impact, sans-serif;
  --body: "Inter", system-ui, sans-serif;
}
* {
  box-sizing: border-box;
}
html {
  color-scheme: dark;
}
body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg);
  color: var(--text);
  font-family: var(--body);
  font-size: 14px;
}
button,
input,
select,
textarea {
  font: inherit;
}
button {
  cursor: pointer;
}
.hidden {
  display: none !important;
}
.muted {
  color: var(--muted);
}
.eyebrow {
  margin: 0 0 8px;
  color: var(--accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.18em;
}
.button {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--text);
  background: #171a18;
  font-size: 12px;
  font-weight: 700;
}
.button:hover {
  border-color: #4a514b;
}
.button.accent {
  border-color: #7a962e;
  color: #0a0c0a;
  background: linear-gradient(135deg, #b4dd51, #829e33);
}
.button.wide {
  width: 100%;
  justify-content: space-between;
}
.toast {
  position: fixed;
  z-index: 200;
  right: 20px;
  bottom: 20px;
  max-width: 400px;
  padding: 13px 16px;
  opacity: 0;
  pointer-events: none;
  border: 1px solid #50642f;
  background: #11170f;
  transform: translateY(12px);
  transition: 0.2s;
}
.toast.show {
  opacity: 1;
  transform: none;
}
.toast.error {
  border-color: #683936;
  background: #1a0f0e;
}
.wordmark {
  font: 700 35px/1 var(--display);
  letter-spacing: -0.08em;
}
.wordmark span {
  color: var(--accent);
}

.auth-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
}
.auth-visual {
  position: relative;
  overflow: hidden;
  padding: 42px 54px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--line);
  background:
    radial-gradient(
      circle at 70% 25%,
      rgba(169, 207, 73, 0.16),
      transparent 28%
    ),
    repeating-radial-gradient(
      ellipse at 55% 100%,
      transparent 0 34px,
      rgba(139, 168, 65, 0.2) 35px 36px
    ),
    #080c09;
}
.brand {
  display: flex;
  align-items: center;
  gap: 18px;
}
.brand-logo {
  width: 76px;
  height: auto;
  display: block;
}
.brand strong {
  display: block;
  font-size: 17px;
}
.brand small {
  color: var(--muted);
  font-size: 9px;
  letter-spacing: 0.18em;
}
.auth-copy {
  margin: auto 0;
  max-width: 650px;
}
.auth-copy h1 {
  margin: 0;
  font: 700 clamp(70px, 8vw, 125px) / 0.78 var(--display);
  letter-spacing: -0.035em;
  text-transform: uppercase;
}
.auth-copy > p:last-child {
  max-width: 600px;
  color: #adb3ad;
  font-size: 17px;
  line-height: 1.65;
}
.tagline {
  margin: 0;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: 0.22em;
}
.auth-panel {
  display: grid;
  place-items: center;
  padding: 40px;
}
.auth-card {
  width: min(100%, 420px);
}
.auth-card h2 {
  margin: 0;
  font: 700 50px var(--display);
  text-transform: uppercase;
}
.auth-card > label {
  margin-top: 17px;
}
.auth-card .button {
  margin-top: 24px;
}
.error-text {
  min-height: 18px;
  color: var(--red);
  font-size: 12px;
}

label {
  display: grid;
  gap: 7px;
  color: #b7bdb8;
  font-size: 11px;
  font-weight: 700;
}
input,
select,
textarea {
  width: 100%;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 5px;
  outline: none;
  color: var(--text);
  background: #0e110f;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #647735;
  box-shadow: 0 0 0 3px rgba(169, 207, 73, 0.08);
}

.app {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 154px 1fr;
}
.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--line);
  background: linear-gradient(180deg, #0b0e0c, #0a0c0b);
}
.sidebar-logo {
  height: 76px;
  display: grid;
  place-items: center;
  border-bottom: 1px solid var(--line);
}
.sidebar-logo-image {
  width: 88px;
  height: auto;
  display: block;
}
.side-nav {
  padding: 14px 0;
}
.side-nav button,
.side-bottom button {
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  gap: 13px;
  border: 0;
  border-left: 3px solid transparent;
  padding: 0 17px;
  color: #a6ada7;
  background: transparent;
  text-align: left;
  font-size: 12px;
}
.side-nav button:hover,
.side-nav button.active {
  color: #fff;
  background: linear-gradient(90deg, rgba(169, 207, 73, 0.13), transparent);
}
.side-nav button.active {
  border-left-color: var(--accent);
}
.side-nav i {
  width: 18px;
  color: #bec5bf;
  font-style: normal;
  font-size: 18px;
}
.side-bottom {
  margin-top: auto;
}
.health {
  padding: 15px;
  color: #687069;
  font-size: 7px;
  letter-spacing: 0.14em;
}
.health i {
  width: 6px;
  height: 6px;
  margin-right: 6px;
  display: inline-block;
  border-radius: 50%;
  background: #aef145;
  box-shadow: 0 0 8px #aef145;
}
.main {
  min-width: 0;
}
.topbar {
  height: 76px;
  display: grid;
  grid-template-columns: 280px 1fr auto;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding: 0 26px;
  background: #090b0a;
}
.top-brand {
  font-size: 16px;
}
.top-nav {
  align-self: stretch;
  display: flex;
  gap: 28px;
}
.topbar { position: sticky; top: 0; z-index: 50; }
.top-nav button {
  position: relative;
  border: 0;
  color: #b6bcb7;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
}
.top-nav button.active {
  color: #fff;
}
.top-nav button.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--accent);
}
.top-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}
.global-search {
  width: 280px;
  position: relative;
}
.global-search span {
  position: absolute;
  left: 11px;
  top: 9px;
  color: var(--muted);
  font-size: 18px;
}
.global-search input {
  padding-left: 35px;
}
.icon-btn {
  width: 38px;
  height: 38px;
  border: 0;
  color: #ccc;
  background: transparent;
}
.page-head {
  min-height: 92px;
  margin: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line2);
}
.crumb {
  margin: 0 0 6px;
  color: #5e665f;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.15em;
}
.crumb span {
  color: var(--accent);
}
.page-head h1 {
  margin: 0;
  font: 700 30px/1 var(--display);
  text-transform: uppercase;
}
.page-head > div > p:last-child {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 11px;
}
.account {
  display: flex;
  align-items: center;
  gap: 9px;
}
.account > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #0d0f0d;
  background: var(--accent);
  font: 700 18px var(--display);
}
.account strong {
  display: block;
  font-size: 10px;
}
.account small {
  color: var(--muted);
  font-size: 8px;
  letter-spacing: 0.1em;
}
.content {
  padding: 14px 32px 50px;
}
.view {
  max-width: 1600px;
  margin: 0 auto;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-bottom: 12px;
}
.metric-card {
  min-height: 86px;
  padding: 16px;
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(145deg, #151816, #101311);
}
.metric-icon {
  font-size: 27px;
  color: var(--metric-color);
}
.metric-card strong {
  display: block;
  font-size: 24px;
}
.metric-card span {
  display: block;
  color: #a9afa9;
  font-size: 10px;
}
.metric-card small {
  display: block;
  margin-top: 4px;
  color: var(--accent);
  font-size: 8px;
}
.dashboard-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 316px;
  gap: 12px;
}
.dashboard-main {
  display: grid;
  gap: 12px;
}
.dashboard-glance-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(390px, .72fr) minmax(0, 1.45fr);
  gap: 12px;
  align-items: stretch;
}
.panel,
.quick-detail {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(145deg, #141715, #101311);
}
.panel-head {
  min-height: 62px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border-bottom: 1px solid var(--line);
}
.panel-head h2,
.section-intro h2 {
  margin: 0;
  font-size: 16px;
}
.panel-head p,
.section-intro p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 10px;
}
.timeline-panel {
  overflow: hidden;
}
.timeline {
  padding: 15px 18px 4px;
  display: grid;
  grid-template-columns: 210px repeat(12, minmax(34px, 1fr));
  gap: 5px;
}
.timeline-row {
  display: contents;
}
.timeline-label {
  height: 25px;
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: #c8cdc9;
  font-size: 9px;
}
.timeline-label strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timeline-label i {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--tone);
}
.timeline-cell {
  height: 20px;
  border-radius: 3px;
  background: #2b2f2c;
  transition: 0.15s;
}
.timeline-cell.active {
  background: var(--tone);
  box-shadow: 0 0 8px color-mix(in srgb, var(--tone), transparent 45%);
}
.timeline-cell.edge {
  opacity: 0.65;
}
.timeline-cell:hover {
  transform: scale(1.18);
  outline: 1px solid #fff;
}
.timeline-months {
  padding: 0 18px 14px 233px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 5px;
  color: #a9afa9;
  font-size: 9px;
  text-align: center;
}
.status-legend {
  padding: 11px 18px;
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  border-top: 1px solid var(--line);
  color: #8d958f;
  font-size: 8px;
}
.status-legend span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.status-legend i {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  background: var(--tone);
}
.quick-detail {
  min-height: 515px;
  padding: 22px;
  position: sticky;
  top: 90px;
}
.empty-detail {
  height: 100%;
  display: grid;
  place-content: center;
  text-align: center;
  color: var(--muted);
}
.empty-detail span {
  font-size: 34px;
}
.empty-detail strong {
  margin-top: 9px;
  color: #c2c8c3;
}
.quick-top {
  display: flex;
  justify-content: space-between;
}
.quick-top > span {
  color: var(--tone);
  font-size: 10px;
}
.quick-detail h2 {
  margin: 26px 0 10px;
  font-size: 22px;
}
.status-badge {
  display: inline-flex;
  padding: 7px 10px;
  border: 1px solid color-mix(in srgb, var(--tone), #222 45%);
  border-radius: 7px;
  color: var(--tone);
  background: color-mix(in srgb, var(--tone), transparent 87%);
  font-size: 10px;
  font-weight: 700;
}
.quick-meta {
  margin: 25px 0;
  display: grid;
  gap: 16px;
}
.quick-meta div {
  display: flex;
  justify-content: space-between;
  color: #9ca39d;
  font-size: 10px;
}
.quick-meta strong {
  color: #e4e7e4;
}
.progress {
  height: 5px;
  border-radius: 5px;
  background: #2c302d;
  overflow: hidden;
}
.progress i {
  height: 100%;
  display: block;
  background: var(--tone);
}
.quick-actions {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 8px;
}
.quick-actions .button {
  text-align: left;
}
.table-wrap {
  overflow: auto;
}
table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}
th {
  padding: 10px 12px;
  color: #747b75;
  text-align: left;
  font-size: 8px;
  letter-spacing: 0.08em;
}
td {
  padding: 9px 12px;
  border-top: 1px solid var(--line2);
  color: #b8beb9;
  font-size: 9px;
}
.clickable {
  cursor: pointer;
}
.clickable:hover {
  background: rgba(255, 255, 255, 0.025);
}
.table-project {
  display: flex;
  align-items: center;
  gap: 7px;
}
.table-project i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--tone);
}
.mini-progress {
  display: flex;
  align-items: center;
  gap: 7px;
}
.mini-progress div {
  width: 62px;
  height: 4px;
  background: #2b2f2c;
}
.mini-progress i {
  display: block;
  height: 100%;
  background: var(--tone);
}
.due-alert {
  color: #ff6b65;
}
.badge {
  display: inline-flex;
  padding: 4px 7px;
  border-radius: 4px;
  color: var(--tone);
  background: color-mix(in srgb, var(--tone), transparent 83%);
  font-weight: 700;
}
.filters {
  display: flex;
  gap: 7px;
}
.filters input {
  width: 210px;
}
.section-intro {
  margin-bottom: 14px;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.section-intro h2 {
  font: 700 29px var(--display);
  text-transform: uppercase;
}
.board {
  display: grid;
  grid-template-columns: repeat(7, minmax(190px, 1fr));
  gap: 10px;
  overflow: auto;
}
.board-column {
  min-height: 560px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #0e110f;
}
.board-head {
  padding: 8px;
  display: flex;
  justify-content: space-between;
  color: var(--tone);
  font-size: 10px;
  font-weight: 800;
}
.board-card {
  margin-top: 8px;
  padding: 13px;
  border: 1px solid var(--line);
  border-top: 2px solid var(--tone);
  border-radius: 5px;
  background: #171a18;
  cursor: pointer;
}
.board-card strong {
  display: block;
  font-size: 11px;
}
.board-card span {
  display: block;
  margin-top: 7px;
  color: var(--muted);
  font-size: 8px;
}
.connection-card {
  padding: 17px;
  display: flex;
  gap: 12px;
  border: 1px solid #3d4e28;
  border-radius: 7px;
  background: rgba(169, 207, 73, 0.07);
}
.connection-card i {
  width: 9px;
  height: 9px;
  margin-top: 4px;
  border-radius: 50%;
  background: #aef145;
  box-shadow: 0 0 10px #aef145;
}
.connection-card p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 10px;
}
.store-intelligence {
  margin-bottom: 14px;
  padding: 18px;
  border: 1px solid #304025;
  border-radius: 8px;
  background:
    radial-gradient(circle at 95% 0, rgba(174, 241, 69, 0.1), transparent 32%),
    linear-gradient(135deg, #101510, #0b0f0c 72%);
}
.store-intelligence-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}
.store-intelligence-head h2 {
  margin: 4px 0 0;
  font: 700 27px var(--display);
  text-transform: uppercase;
}
.store-intelligence-period {
  padding: 6px 9px;
  border: 1px solid #41562d;
  border-radius: 999px;
  color: #c7ff4a;
  background: rgba(174, 241, 69, 0.07);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.store-period-control {
  min-width: 180px;
  display: grid;
  gap: 5px;
  color: #8c958d;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.store-period-control select {
  border-color: #41562d;
  color: #dfff9b;
  background: #11180f;
  font-weight: 800;
}
.store-stat-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}
.store-ranking-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--stat-tone), transparent 70%);
  border-top: 3px solid var(--stat-tone);
  border-radius: 7px;
  background: linear-gradient(145deg, #171d18, #0e120f);
}
.store-ranking-card > header {
  min-height: 68px;
  padding: 13px 14px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--stat-tone), transparent 94%);
}
.store-ranking-card > header span {
  color: var(--stat-tone);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}
.store-ranking-card > header h3 {
  margin: 4px 0 0;
  font: 700 19px var(--display);
  text-transform: uppercase;
}
.store-ranking-card > header p {
  max-width: 170px;
  margin: 0;
  color: var(--muted);
  font-size: 8px;
  line-height: 1.4;
  text-align: right;
}
.store-ranking-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.store-ranking-list li + li { border-top: 1px solid var(--line2); }
.store-ranking-list li > a,
.store-ranking-list li > button,
.store-ranking-list li > div {
  min-height: 64px;
  padding: 8px 12px;
  display: grid;
  grid-template-columns: 24px 48px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  color: inherit;
  text-decoration: none;
  transition: background .18s ease, transform .18s ease;
}
.store-ranking-list li > button {
  width: 100%;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
}
.store-ranking-list li > a:hover,
.store-ranking-list li > button:hover {
  background: color-mix(in srgb, var(--stat-tone), transparent 91%);
}
.store-ranking-list img,
.traffic-source-icon {
  width: 48px;
  height: 48px;
  border: 1px solid #394239;
  border-radius: 5px;
  background: #fff;
  object-fit: contain;
}
.traffic-source-icon {
  display: grid;
  place-items: center;
  color: #071006;
  background: var(--stat-tone);
  font-weight: 950;
}
.store-rank-number {
  color: var(--stat-tone);
  font: 700 14px var(--display);
}
.store-rank-product {
  min-width: 0;
  display: block;
}
.store-rank-product strong {
  display: block;
  overflow: hidden;
  color: #edf2ec;
  font-size: 10px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.store-rank-product small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 7px;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.store-ranking-list b {
  color: var(--stat-tone);
  font-size: 10px;
  white-space: nowrap;
}
.store-ranking-empty {
  min-height: 130px;
  padding: 24px;
  display: grid;
  place-items: center;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.6;
  text-align: center;
}
.store-analytics-notice { margin-top: 11px; }
.store-stat-card {
  position: relative;
  min-width: 0;
  min-height: 154px;
  padding: 15px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--stat-tone, #aef145), transparent 67%);
  border-top: 3px solid var(--stat-tone, #aef145);
  border-radius: 6px;
  background: linear-gradient(145deg, #171d18, #0f1310);
}
.store-stat-card::after {
  content: "";
  position: absolute;
  right: -34px;
  bottom: -50px;
  width: 105px;
  height: 105px;
  border: 1px solid color-mix(in srgb, var(--stat-tone, #aef145), transparent 76%);
  border-radius: 50%;
}
.store-stat-card > span {
  display: block;
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.store-stat-card strong {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 9px;
  min-height: 36px;
  font-size: 12px;
  line-height: 1.35;
}
.store-stat-card strong a {
  color: #eef2ed;
  text-decoration: none;
}
.store-stat-card strong a:hover { color: var(--stat-tone, #aef145); }
.store-stat-value {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  color: var(--stat-tone, #aef145);
  font: 700 22px var(--display);
  text-transform: uppercase;
}
.store-stat-card p {
  position: relative;
  z-index: 1;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 8px;
  line-height: 1.45;
}
.traffic-source-panel {
  margin-top: 10px;
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(230px, 0.7fr) minmax(320px, 1.3fr);
  gap: 24px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: rgba(3, 6, 4, 0.48);
}
.traffic-source-panel h3 {
  margin: 5px 0 0;
  font-size: 15px;
}
.traffic-source-copy > p:last-child {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.5;
}
.traffic-source-list { display: grid; gap: 8px; }
.traffic-source-row > div:first-child {
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 9px;
}
.traffic-source-row span { color: var(--muted); }
.traffic-source-track {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #242a25;
}
.traffic-source-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6e9f32, #c7ff4a);
  box-shadow: 0 0 8px rgba(199, 255, 74, 0.35);
}
.analytics-setup-state {
  padding: 14px;
  border: 1px dashed #4d5e3d;
  border-radius: 5px;
  background: rgba(174, 241, 69, 0.04);
}
.analytics-setup-state strong { color: #dce8d3; font-size: 11px; }
.analytics-setup-state p,
.analytics-setup-state span {
  display: block;
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.5;
}
.product-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.product-card {
  overflow: hidden;
  border: 1px solid var(--line);
  background: #131713;
}
.product-image {
  height: 120px;
  background: #fff center/contain no-repeat;
}
.product-card div:last-child {
  padding: 12px;
}
.product-card h3 {
  margin: 0;
  font: 600 18px var(--display);
  text-transform: uppercase;
}
.product-card p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 9px;
}
.users-layout {
  display: grid;
  grid-template-columns: 1fr 330px;
  gap: 12px;
}
.invite-panel form {
  padding: 18px;
}
.invite-panel label + label {
  margin-top: 14px;
}
.invite-result {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid #455a2d;
}
.invite-result p {
  margin: 6px 0 10px;
  color: #aeb6af;
  font-size: 10px;
  line-height: 1.5;
}
.invite-result textarea {
  min-height: 88px;
  overflow-wrap: anywhere;
}
.invite-result.delivery-warning {
  border-color: #735a2a;
  background: #171208;
}
.invite-email-diagnostic { margin-top: 14px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 9px; background: color-mix(in srgb, var(--panel2) 84%, transparent); }
.invite-email-diagnostic strong { font-size: 11px; }.invite-email-diagnostic p { margin: 4px 0 9px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.role-select {
  width: 100px;
  padding: 7px;
}
.text-button {
  border: 0;
  color: #ee766d;
  background: transparent;
  font-size: 9px;
}
.status-pill {
  color: var(--accent);
}

.request-form {
  display: grid;
  gap: 12px;
}
.form-hero {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(169, 207, 73, 0.14),
      transparent 28%
    ),
    #121512;
}
.form-hero h2 {
  margin: 0;
  font: 700 34px var(--display);
  text-transform: uppercase;
}
.form-hero p {
  margin: 5px 0 0;
  color: var(--muted);
}
.form-section {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 30px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #111411;
}
.form-section > div:first-child > span {
  color: var(--accent);
  font: 700 28px var(--display);
}
.form-section h3 {
  margin: 5px 0;
  font-size: 15px;
}
.form-section > div:first-child p {
  margin: 0;
  color: var(--muted);
  font-size: 10px;
}
.form-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.form-fields .full {
  grid-column: 1/-1;
}
fieldset {
  grid-column: 1/-1;
  border: 1px solid var(--line);
  padding: 13px;
}
legend {
  color: var(--muted);
  font-size: 10px;
}
.checks {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.checks label {
  display: flex;
  align-items: center;
  gap: 6px;
}
.checks input {
  width: auto;
}
.submit-bar {
  position: sticky;
  bottom: 10px;
  padding: 15px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #475a2f;
  border-radius: 8px;
  background: rgba(16, 21, 15, 0.96);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}
.submit-bar p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 9px;
}

.request-dialog {
  width: min(1120px, calc(100vw - 30px));
  max-height: calc(100vh - 30px);
  overflow: auto;
  border: 1px solid #3c433d;
  border-radius: 8px;
  padding: 0;
  color: var(--text);
  background: #0e110f;
}
.request-dialog::backdrop {
  background: rgba(0, 0, 0, 0.76);
  backdrop-filter: blur(3px);
}
.detail-wrap {
  padding: 22px;
}
.detail-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.detail-head h2 {
  margin: 8px 0 0;
  font: 700 34px var(--display);
  text-transform: uppercase;
}
.close-btn {
  width: 36px;
  height: 36px;
  border: 1px solid var(--line);
  color: var(--muted);
  background: transparent;
  font-size: 21px;
}
.detail-layout {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 14px;
}
.detail-section {
  margin-bottom: 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
  overflow: hidden;
}
.detail-section h3 {
  margin: 0;
  padding: 11px 13px;
  border-bottom: 1px solid var(--line);
  font-size: 11px;
}
.detail-body {
  padding: 13px;
}
.detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.detail-item.full {
  grid-column: 1/-1;
}
.detail-item span {
  display: block;
  color: var(--muted);
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.detail-item p {
  margin: 4px 0 0;
  color: #c5cac6;
  font-size: 10px;
  line-height: 1.5;
  white-space: pre-wrap;
}
.admin-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.admin-form .full {
  grid-column: 1/-1;
}
.activity {
  display: grid;
  gap: 7px;
}
.activity div {
  padding-bottom: 7px;
  border-bottom: 1px solid var(--line2);
  font-size: 9px;
}
.activity span {
  color: var(--muted);
}

@media (max-width: 1200px) {
  .metric-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .dashboard-layout {
    grid-template-columns: 1fr;
  }
  .quick-detail {
    position: static;
    min-height: 240px;
  }
  .topbar {
    grid-template-columns: 220px 1fr;
  }
  .top-actions {
    display: none;
  }
  .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .store-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Dashboard expansion: auth, permissions, notifications and project wall */
.home-notifications {
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid #364728;
  background: linear-gradient(115deg, #11190d, #0d120e 62%, #17210f);
}
.home-notification-head,
.home-notification-grid {
  display: grid;
  gap: 10px;
}
.home-notification-head {
  grid-template-columns: 1fr auto;
  align-items: end;
  margin-bottom: 12px;
}
.home-notification-head h2 {
  margin: 3px 0 0;
  font-family: var(--display);
  font-size: 19px;
  text-transform: uppercase;
}
.home-notification-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-notification-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid #2d382b;
  background: #0b100c;
  color: var(--text);
  text-align: left;
}
.home-notification-card:hover {
  border-color: var(--lime);
}
.home-notification-card strong,
.home-notification-card span,
.home-notification-card small {
  display: block;
}
.home-notification-card strong {
  margin-bottom: 5px;
  font-size: 10px;
}
.home-notification-card span,
.home-notification-card small {
  color: var(--muted);
  font-size: 8px;
  line-height: 1.45;
}
.home-notification-card small {
  margin-top: 7px;
  color: var(--lime);
}
.google-login-block {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  text-align: center;
}
.google-login-block > span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #6f7871;
  font-size: 8px;
  letter-spacing: 0.18em;
}
.google-login-block > span::before,
.google-login-block > span::after {
  content: "";
  height: 1px;
  flex: 1;
  background: #242b25;
}
.google-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  margin-top: 0 !important;
  border-color: #3a443b;
  background: linear-gradient(135deg, #171d18, #111512);
  color: #f3f6f2;
  text-decoration: none;
  letter-spacing: 0.01em;
}
.google-button:hover {
  border-color: var(--accent);
  background: linear-gradient(135deg, #1d251b, #151a15);
}
.google-button b {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #4285f4;
  font: 700 14px Arial, sans-serif;
}
.access-status-card {
  text-align: center;
}
.access-status-card > img {
  width: 118px;
  max-height: 68px;
  margin: 0 auto 28px;
  object-fit: contain;
}
.access-status-card h2 {
  margin-bottom: 14px;
  font-size: clamp(38px, 4vw, 54px);
  line-height: 0.95;
}
.access-status-card > p.muted {
  max-width: 390px;
  margin: 0 auto;
  color: #aab2ab;
  font-size: 13px;
  line-height: 1.65;
}
.access-status-card .button {
  display: flex;
  align-items: center;
  margin-top: 28px;
  text-decoration: none;
}
.pending-access-panel {
  margin-bottom: 14px;
  border-color: #41562e;
}
.pending-access-list {
  display: grid;
  gap: 9px;
  padding: 14px;
}
.pending-access-item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid #2b342b;
  border-radius: 6px;
  background: #0e130f;
}
.pending-access-avatar {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--accent);
  color: #0a0d09;
  font: 700 20px var(--display);
}
.pending-access-identity strong,
.pending-access-identity span,
.pending-access-identity small {
  display: block;
}
.pending-access-identity strong {
  font-size: 11px;
}
.pending-access-identity span,
.pending-access-identity small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
}
.pending-access-actions {
  display: flex;
  gap: 7px;
}
.empty-access-requests {
  padding: 28px;
  text-align: center;
}
.empty-access-requests p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 10px;
}
.access-email-warning {
  padding: 10px 12px;
  border: 1px solid #735a2a;
  border-radius: 5px;
  color: #e4bf74;
  background: #1c160b;
  font-size: 9px;
  line-height: 1.5;
}
.access-requests-dialog {
  width: min(720px, calc(100vw - 32px));
  max-height: min(760px, calc(100vh - 32px));
  padding: 0;
  border: 1px solid #43572f;
  border-radius: 9px;
  color: var(--text);
  background: #090d0a;
  box-shadow: 0 28px 90px #000c;
}
.access-requests-dialog::backdrop {
  background: #030603dc;
  backdrop-filter: blur(7px);
}
.edit-user-dialog { width:min(720px,calc(100vw - 28px)); max-height:calc(100dvh - 28px); padding:0; color:var(--text); background:#0c110d; border:1px solid #354235; border-radius:16px; box-shadow:0 28px 90px rgba(0,0,0,.72); }
.edit-user-dialog::backdrop { background:rgba(0,0,0,.78); backdrop-filter:blur(6px); }
.edit-user-shell { display:grid; gap:0; }
.edit-user-shell > header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:24px 26px; border-bottom:1px solid #2b352c; }
.edit-user-shell > header h2 { margin:4px 0 6px; font-family:"Barlow Condensed",sans-serif; font-size:32px; text-transform:uppercase; }
.edit-user-shell > header p { margin:0; color:var(--muted); }
.edit-user-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:26px; }
.edit-user-fields label { display:grid; gap:8px; color:#dbe2db; font-size:12px; font-weight:700; }
.edit-user-fields input { width:100%; }
.edit-user-note { margin:0 26px; padding:14px 16px; color:#bac4ba; background:rgba(184,243,75,.05); border:1px solid rgba(184,243,75,.2); border-radius:8px; font-size:12px; line-height:1.55; }
.edit-user-shell .dialog-actions { display:flex; justify-content:flex-end; gap:12px; padding:22px 26px 26px; }
.member-control-stack { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.member-control-stack small { color:var(--muted); font-size:10px; text-transform:uppercase; }
@media (max-width:620px) { .edit-user-fields { grid-template-columns:1fr; padding:20px; } .edit-user-shell > header { padding:20px; } .edit-user-note { margin:0 20px; } .edit-user-shell .dialog-actions { padding:20px; } }
.access-requests-shell > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(115deg, #121a0f, #0c100d);
}
.access-requests-shell h2 {
  margin: 0;
  font: 700 30px var(--display);
  text-transform: uppercase;
}
.access-requests-shell header p:last-child {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 10px;
}
@media (max-width: 620px) {
  .pending-access-item {
    grid-template-columns: 42px 1fr;
  }
  .pending-access-actions {
    grid-column: 1 / -1;
  }
  .pending-access-actions .button {
    flex: 1;
  }
}
button.sidebar-logo {
  width: 100%;
  border: 0;
  cursor: pointer;
}
button.sidebar-logo:hover,
.project-wall-trigger:hover {
  background: #121812;
  box-shadow: inset 0 -2px var(--accent);
}
.project-wall-trigger {
  width: 43px;
  height: 43px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #0d100e;
  cursor: pointer;
}
.project-wall-trigger img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.notification-button {
  position: relative;
}
.notification-badge {
  position: absolute;
  top: -7px;
  right: -7px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: var(--accent);
  color: #061006;
  font-size: 8px;
  font-weight: 800;
}
.notification-panel {
  position: fixed;
  z-index: 70;
  top: 0;
  right: 0;
  width: min(430px, 96vw);
  height: 100vh;
  padding: 22px;
  overflow: auto;
  border-left: 1px solid #33412f;
  background: rgba(7, 10, 8, 0.98);
  box-shadow: -30px 0 80px rgba(0, 0, 0, 0.55);
  transform: translateX(105%);
  transition: transform 180ms ease;
}
.notification-panel.open {
  transform: translateX(0);
}
.notification-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}
.notification-panel-head h2 {
  margin: 4px 0 0;
  font: 700 28px "Barlow Condensed", sans-serif;
  text-transform: uppercase;
}
.notification-list {
  display: grid;
  gap: 8px;
  margin-top: 15px;
}
.notification-item {
  width: 100%;
  padding: 15px;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #0e130f;
  color: var(--text);
  cursor: pointer;
}
.notification-item.unread {
  border-color: #6f8e37;
  box-shadow: inset 3px 0 var(--accent);
}
.notification-item span {
  display: block;
  font-weight: 700;
}
.notification-item p {
  margin: 7px 0;
  color: #aeb7af;
  font-size: 10px;
  line-height: 1.45;
}
.notification-item small,
.account-method,
.permission-check small {
  display: block;
  color: #788179;
  font-size: 8px;
}
.empty-notifications {
  padding: 40px 15px;
  text-align: center;
  color: var(--muted);
}
.timeline-label {
  gap: 7px;
}
.timeline-label strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timeline-percent {
  margin-left: auto;
  padding: 3px 5px;
  border: 1px solid var(--line);
  color: #d9dfda;
  font-size: 8px;
  font-weight: 700;
}
.tool-permission-list,
.member-tool-grid {
  display: grid;
  gap: 7px;
}
.permission-check span strong {
  display: block;
  font-size: 9px;
}
.permission-check.compact {
  padding: 6px 8px;
}
.final-file-list {
  display: grid;
  gap: 7px;
}
.final-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px;
  border: 1px solid var(--line);
  background: #0c100d;
}
.final-file strong,
.final-file span {
  display: block;
}
.final-file span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 8px;
}
.final-file > div:last-child {
  display: flex;
  align-items: center;
  gap: 8px;
}
.final-upload-form {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
.final-upload-form p {
  margin: 0;
  color: var(--muted);
  font-size: 8px;
  line-height: 1.5;
}
.project-link-list {
  display: grid;
  gap: 8px;
}
.project-link-list a {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 11px;
  border: 1px solid var(--line);
  color: var(--text);
}
.project-link-list a strong {
  color: var(--accent);
  white-space: nowrap;
}
.admin-actions {
  display: flex;
  gap: 8px;
}
.danger-button {
  border-color: #7f3535;
  color: #ff9992;
  background: #1b0d0d;
}
.text-button.danger {
  color: #ff8d86;
}
.project-wall-dialog {
  width: 100vw;
  max-width: none;
  height: 100vh;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: #070a08;
  color: var(--text);
}
.project-wall-dialog::backdrop {
  background: #050705;
}
.project-wall-shell {
  min-height: 100vh;
  padding: clamp(22px, 3vw, 52px);
  background-image: radial-gradient(circle at 78% 8%, rgba(169, 207, 73, 0.11), transparent 28%), linear-gradient(rgba(7, 10, 8, 0.9), rgba(7, 10, 8, 0.98)), url('/axl-field-login.webp');
  background-size: cover;
  background-position: center;
}
.project-wall-shell > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #33412f;
}
.project-wall-shell h2 {
  margin: 3px 0;
  font: 700 clamp(34px, 5vw, 74px) "Barlow Condensed", sans-serif;
  line-height: 0.95;
  text-transform: uppercase;
}
.project-wall-shell header p:last-child {
  color: #aeb7af;
}
.project-wall-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 20px 0;
}
.project-wall-metrics article {
  padding: 18px;
  border: 1px solid #33412f;
  background: rgba(12, 17, 13, 0.9);
}
.project-wall-metrics strong,
.project-wall-metrics span {
  display: block;
}
.project-wall-metrics strong {
  color: var(--accent);
  font: 700 38px "Barlow Condensed", sans-serif;
}
.project-wall-metrics span {
  color: #8f998f;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.project-wall-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.project-wall-card {
  min-height: 190px;
  padding: 17px;
  text-align: left;
  border: 1px solid color-mix(in srgb, var(--tone), #243025 70%);
  background: rgba(12, 17, 13, 0.94);
  color: var(--text);
  cursor: pointer;
}
.project-wall-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.34), inset 0 2px var(--tone);
}
.project-wall-status,
.project-wall-card footer {
  display: flex;
  align-items: center;
  gap: 7px;
}
.project-wall-status i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--tone);
  box-shadow: 0 0 12px var(--tone);
}
.project-wall-status span {
  color: #aeb7af;
  font-size: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.project-wall-status b {
  margin-left: auto;
  color: var(--tone);
}
.project-wall-card h3 {
  margin: 25px 0 5px;
  font: 700 25px "Barlow Condensed", sans-serif;
  text-transform: uppercase;
}
.project-wall-card p {
  min-height: 28px;
  color: #8f998f;
  font-size: 9px;
}
.project-wall-progress {
  height: 5px;
  margin: 17px 0;
  background: #273027;
}
.project-wall-progress i {
  display: block;
  height: 100%;
  background: var(--tone);
}
.project-wall-card footer {
  justify-content: space-between;
  color: #9da69e;
  font-size: 8px;
}
@media (max-width: 1100px) {
  .home-notification-grid { grid-template-columns: 1fr; }
  .project-wall-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .project-wall-metrics { grid-template-columns: repeat(2, 1fr); }
  .project-wall-grid { grid-template-columns: 1fr; }
}
@media (max-width: 850px) {
  .app {
    display: block;
  }
  .sidebar {
    position: static;
    width: 100%;
    height: auto;
  }
  .sidebar-logo,
  .side-bottom {
    display: none;
  }
  .side-nav {
    display: flex;
    overflow: auto;
    padding: 0;
  }
  .side-nav button {
    width: auto;
    min-width: max-content;
  }
  .topbar {
    display: none;
  }
  .page-head {
    margin: 0 16px;
  }
  .content {
    padding: 14px 16px 40px;
  }
  .metric-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .timeline {
    grid-template-columns: 160px repeat(12, 34px);
    overflow: auto;
  }
  .timeline-months {
    padding-left: 178px;
    min-width: 650px;
  }
  .users-layout,
  .form-section,
  .detail-layout {
    grid-template-columns: 1fr;
  }
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .auth-shell {
    display: block;
  }
  .auth-visual {
    min-height: 42vh;
    padding: 28px;
  }
  .auth-copy h1 {
    font-size: 65px;
  }
}

/* Campaign operating system — raised AXL surfaces with accessible dual-theme contrast */
.active-campaign-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  max-width: 320px;
  padding: 5px 7px 5px 12px;
  border: 1px solid color-mix(in srgb, var(--accent) 52%, var(--line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel2) 88%, var(--accent) 12%);
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.06), 8px 8px 18px rgba(0,0,0,.2);
}
.active-campaign-pill > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.active-campaign-pill strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.active-campaign-pill button { width: 28px; height: 28px; border: 0; border-radius: 50%; color: var(--text); background: color-mix(in srgb, var(--panel) 70%, transparent); }

.campaign-command-overview { display: grid; gap: 12px; margin-bottom: 18px; }
.integration-status-bar { display: flex; gap: 8px; overflow-x: auto; padding: 7px; border: 1px solid var(--line); border-radius: 14px; background: color-mix(in srgb, var(--panel) 92%, transparent); box-shadow: inset 3px 3px 8px rgba(0,0,0,.22), inset -2px -2px 6px rgba(255,255,255,.025); }
.integration-chip { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; min-height: 30px; padding: 0 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: var(--panel2); font-size: 10px; }
.integration-chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--gray); box-shadow: 0 0 8px currentColor; }
.integration-chip b { color: var(--text); font-weight: 700; }
.integration-chip.connected i { background: var(--green); }.integration-chip.syncing i { background: var(--blue); }.integration-chip.delayed i,.integration-chip.needs-attention i { background: var(--orange); }.integration-chip.disconnected i { background: var(--red); }
.campaign-command-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.campaign-command-grid .panel { min-width: 0; padding: 18px; }
.campaign-command-grid .command-cross-channel { grid-column: 1 / -1; }
.campaign-command-grid .panel-head { align-items: center; }
.command-list { display: grid; gap: 7px; }
.command-row { width: 100%; min-width: 0; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 11px; border: 1px solid var(--line2); border-radius: 10px; color: var(--text); text-align: left; background: color-mix(in srgb,var(--panel2) 88%,transparent); }
.command-row:not(:disabled):hover { border-color: color-mix(in srgb,var(--accent) 55%,var(--line)); transform: translateY(-1px); }
.command-row span { min-width: 0; display: grid; gap: 3px; }.command-row strong,.command-row small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.command-row small { color: var(--muted); font-size: 10px; }.empty-inline { color: var(--muted); margin: 8px 0; }
.command-cross-channel-chart{display:grid;gap:8px}.command-cross-channel-chart>div{display:grid;grid-template-columns:90px minmax(0,1fr) 35px;gap:10px;align-items:center}.command-cross-channel-chart span,.command-cross-channel-chart strong{font-size:10px}.command-cross-channel-chart i{height:8px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--panel) 80%,transparent);box-shadow:inset 2px 2px 4px rgba(0,0,0,.2)}.command-cross-channel-chart b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--olive),var(--accent));box-shadow:0 0 9px color-mix(in srgb,var(--accent) 45%,transparent)}

.campaigns-toolbar,.assets-toolbar,.leadership-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 20px; padding: 22px; margin-bottom: 16px; }
.campaigns-toolbar h2,.assets-toolbar h2,.leadership-toolbar h2 { margin: 0 0 6px; font: 700 32px/1 var(--display); text-transform: uppercase; }.campaigns-toolbar p,.assets-toolbar p,.leadership-toolbar p { margin: 0; color: var(--muted); }
.campaign-search,.assets-toolbar form { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }.campaign-search input,.campaign-search select,.assets-toolbar input,.assets-toolbar select { min-height: 40px; border: 1px solid var(--line); border-radius: 8px; color: var(--text); background: var(--panel2); padding: 0 11px; }
.campaign-workspace { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(360px,.8fr); gap: 16px; align-items: start; }
.campaign-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.campaign-card { display: grid; gap: 12px; min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 15px; color: var(--text); text-align: left; background: linear-gradient(145deg,color-mix(in srgb,var(--panel2) 96%,white 4%),color-mix(in srgb,var(--panel) 97%,black 3%)); box-shadow: 9px 9px 22px rgba(0,0,0,.24),-4px -4px 13px rgba(255,255,255,.02); transition: .18s ease; }
.campaign-card:hover,.campaign-card.selected { transform: translateY(-2px); border-color: color-mix(in srgb,var(--accent) 58%,var(--line)); box-shadow: 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),10px 12px 25px rgba(0,0,0,.28); }.campaign-card header,.campaign-card footer,.campaign-card > div { display:flex; justify-content:space-between; gap:8px; align-items:center; }.campaign-card h3 { margin:0; font-size:17px; }.campaign-card p,.campaign-card small { margin:0;color:var(--muted);font-size:11px; }.campaign-card > div { justify-content:flex-start; flex-wrap:wrap; }.campaign-card > div span { padding:5px 8px;border-radius:99px;background:color-mix(in srgb,var(--panel) 78%,transparent);font-size:9px;color:var(--muted); }
.campaign-status { display:inline-flex; align-items:center; width:max-content; padding:4px 7px; border:1px solid currentColor; border-radius:999px;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.04em;white-space:nowrap; }.campaign-status.gray {color:#89918b}.campaign-status.orange {color:var(--orange)}.campaign-status.red {color:var(--red)}.campaign-status.olive {color:var(--olive)}.campaign-status.blue {color:var(--blue)}.campaign-status.green {color:var(--green)}
.campaign-detail { position: sticky; top: 80px; max-height: calc(100vh - 105px); overflow:auto; padding:20px; }.campaign-detail-head { display:flex;justify-content:space-between;gap:15px; }.campaign-detail-head h2 { margin:0 0 6px;font:700 28px/1 var(--display);text-transform:uppercase; }.campaign-detail-head p:last-child { margin:0;color:var(--muted);line-height:1.5; }.campaign-health-line,.campaign-tool-actions { display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:15px 0; }.campaign-health-line > span { margin-left:auto;color:var(--muted);font-size:10px; }.campaign-tool-actions .button { flex:1 1 90px; }
.campaign-status-form { display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--panel2) 90%,transparent);box-shadow:inset 3px 3px 8px rgba(0,0,0,.2); }.campaign-status-form label { display:grid;gap:5px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em; }.campaign-status-form input,.campaign-status-form select { min-height:36px;border:1px solid var(--line);border-radius:7px;padding:0 8px;color:var(--text);background:var(--panel); }.campaign-status-form label:nth-child(3),.campaign-status-form button { grid-column:1/-1; }
.campaign-detail-section { margin-top:18px;padding-top:15px;border-top:1px solid var(--line); }.campaign-detail-section > h3 { display:flex;align-items:center;justify-content:space-between;margin:0 0 9px;font-size:12px;text-transform:uppercase;letter-spacing:.08em; }.campaign-detail-section > h3 span { color:var(--muted); }.campaign-detail-section > div { display:grid;gap:7px; }.campaign-connected-item { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border:1px solid var(--line2);border-radius:9px;background:color-mix(in srgb,var(--panel2) 82%,transparent); }.campaign-connected-item img { width:42px;height:42px;object-fit:cover;border-radius:7px; }.campaign-connected-item > span { min-width:0;display:grid;gap:3px; }.campaign-connected-item strong,.campaign-connected-item small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.campaign-connected-item small {color:var(--muted);font-size:9px}.campaign-activity {display:flex;gap:9px;padding:8px 2px}.campaign-activity > i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 70%,transparent)}.campaign-activity span{display:grid;gap:2px}.campaign-activity small,.campaign-activity p{margin:0;color:var(--muted);font-size:9px}.empty-campaigns{grid-column:1/-1;padding:30px;text-align:center}
.campaign-product-search{display:flex;gap:7px}.campaign-product-search input{flex:1;min-width:0;min-height:38px;border:1px solid var(--line);border-radius:8px;padding:0 9px;color:var(--text);background:var(--panel2)}.campaign-product-results{margin-top:8px;max-height:260px;overflow:auto}.campaign-product-result{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;padding:7px;border:1px solid var(--line2);border-radius:8px;color:var(--text);text-align:left;background:var(--panel2)}.campaign-product-result img{width:40px;height:40px;border-radius:6px;object-fit:cover}.campaign-product-result span{display:grid;gap:2px;min-width:0}.campaign-product-result small{color:var(--muted)}.campaign-product-result b{color:var(--accent);font-size:9px}
.assistant-panel { margin-top:16px;padding:22px; }.assistant-panel form {display:flex;gap:8px}.assistant-panel input {flex:1;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:0 12px;color:var(--text);background:var(--panel2)}.assistant-answer{display:grid;gap:10px;margin-top:12px;padding:15px;border:1px solid var(--line2);border-radius:10px;background:color-mix(in srgb,var(--panel2) 86%,transparent)}.assistant-answer div{display:flex;gap:6px;flex-wrap:wrap}.assistant-answer span{padding:5px 8px;border-radius:99px;background:var(--panel);color:var(--muted);font-size:9px}.assistant-answer small{color:var(--muted)}
.assistant-confirm{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--accent) 8%,var(--panel))}
.asset-library-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px }.asset-library-card {overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--panel2),var(--panel));box-shadow:8px 8px 20px rgba(0,0,0,.2)}.asset-preview{position:relative;min-height:155px;background:color-mix(in srgb,var(--panel2) 75%,var(--bg));background-position:center;background-size:cover}.asset-preview span{position:absolute;left:9px;bottom:9px;padding:5px 8px;border-radius:99px;color:#fff;background:rgba(0,0,0,.72);font-size:9px}.asset-library-card>div:last-child{display:grid;gap:8px;padding:13px}.asset-library-card h3,.asset-library-card p,.asset-library-card small{margin:0}.asset-library-card h3{font-size:13px}.asset-library-card p,.asset-library-card small{color:var(--muted);font-size:9px}.asset-badges{display:flex;gap:5px;flex-wrap:wrap}.asset-badges>i:not(.campaign-status){padding:4px 7px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:9px;font-style:normal}
.asset-card-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.asset-card-actions .text-button{font-size:9px}
.asset-card-actions .asset-share-social { padding:5px 8px;border:1px solid color-mix(in srgb,#e34eaa 58%,var(--line));border-radius:999px;color:#ff9dd8;background:rgba(227,78,170,.08);text-decoration:none; }
.asset-library-card .asset-retention { display:block;color:#ffbd61;font-weight:800;line-height:1.35; }
.asset-library-card .asset-retention.urgent { color:#ff6c79; }
.asset-preview-meta > .asset-retention { color:#ffbd61;border-color:rgba(255,189,97,.48);background:rgba(255,189,97,.08);font-weight:800; }
.asset-preview-meta > .asset-retention.urgent { color:#ff7a86;border-color:rgba(255,77,95,.58);background:rgba(255,77,95,.10); }
html[data-color-mode="light"] .asset-library-card .asset-retention,
html[data-color-mode="light"] .asset-preview-meta > .asset-retention { color:#8a5300; }
html[data-color-mode="light"] .asset-library-card .asset-retention.urgent,
html[data-color-mode="light"] .asset-preview-meta > .asset-retention.urgent { color:#b51f32; }
.leadership-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.leadership-grid>.panel,.integration-admin,.audit-panel{padding:20px}.integration-admin-list{display:grid;gap:8px}.integration-admin-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px;border:1px solid var(--line2);border-radius:10px;background:color-mix(in srgb,var(--panel2) 84%,transparent)}.integration-admin-list span{display:grid;gap:3px}.integration-admin-list small{color:var(--muted)}.audit-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.audit-history article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:10px;border:1px solid var(--line2);border-radius:9px}.audit-history small{grid-column:1/-1;color:var(--muted)}

html[data-color-mode="light"] .campaign-card,html[data-color-mode="light"] .asset-library-card { box-shadow:9px 9px 22px rgba(74,86,70,.16),-5px -5px 14px rgba(255,255,255,.78); }
html[data-color-mode="light"] .integration-status-bar,html[data-color-mode="light"] .campaign-status-form { box-shadow:inset 3px 3px 8px rgba(75,91,73,.12),inset -3px -3px 8px rgba(255,255,255,.75); }

@media (max-width: 1180px) { .campaign-command-grid,.leadership-grid{grid-template-columns:1fr 1fr}.campaign-workspace{grid-template-columns:1fr}.campaign-detail{position:static;max-height:none}.asset-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width: 760px) { .campaigns-toolbar,.assets-toolbar,.leadership-toolbar{align-items:stretch;flex-direction:column}.campaign-command-grid,.leadership-grid,.campaign-grid{grid-template-columns:1fr}.asset-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-search,.assets-toolbar form{display:grid;grid-template-columns:1fr 1fr}.campaign-search input,.assets-toolbar input{grid-column:1/-1}.active-campaign-pill{max-width:100%;order:3}.audit-history{grid-template-columns:1fr} }

/* Google Drive asset collections */
.assets-toolbar-primary{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.asset-collections-workspace,.indexed-asset-workspace{display:grid;gap:14px}.asset-collection-heading{display:flex;align-items:end;justify-content:space-between;padding:4px 2px}.asset-collection-heading h2{margin:2px 0}.asset-collection-heading p:last-child{color:var(--muted);margin:4px 0 0}.asset-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.asset-collection-card{min-width:0;border:1px solid var(--line2);border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow);display:grid}.asset-collection-cover{position:relative;display:block;width:100%;aspect-ratio:16/10;border:0;padding:0;background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 80%,var(--accent) 20%),var(--panel2));overflow:hidden;cursor:pointer}.asset-collection-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}.asset-collection-cover:hover img{transform:scale(1.025)}.asset-collection-cover>span{display:grid;place-items:center;height:100%;font-size:54px;color:var(--muted)}.collection-sync{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(8,15,11,.86);color:#fff;font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.collection-sync.connected{box-shadow:inset 3px 0 #62bb6a}.collection-sync.attention{box-shadow:inset 3px 0 #f09a38}.asset-collection-card>div{display:grid;gap:5px;padding:14px}.asset-collection-card h3{margin:0;font-size:18px;line-height:1.15}.asset-collection-card p,.asset-collection-card small{margin:0;color:var(--muted)}.indexed-assets-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px}.indexed-assets-toolbar form{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.indexed-assets-toolbar input{min-width:260px}.asset-collection-detail{display:grid;gap:14px}.asset-collection-detail-head{padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center}.asset-collection-detail-head h2{margin:2px 0}.asset-collection-detail-head p{margin:2px 0;color:var(--muted)}.asset-collection-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.asset-collection-controls{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.asset-collection-controls form{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:8px;flex:1}.asset-collection-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.asset-collection-item{position:relative;min-width:0;border:1px solid var(--line2);border-radius:13px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}.asset-collection-item.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent),var(--shadow)}.asset-collection-select{position:absolute;z-index:2;top:8px;right:8px;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--line2)}.asset-collection-select input{width:17px;height:17px;accent-color:var(--accent)}.asset-collection-media{position:relative;width:100%;aspect-ratio:1/1;border:0;padding:0;background:var(--panel2);cursor:zoom-in;overflow:hidden}.asset-collection-media img,.asset-collection-media video{width:100%;height:100%;display:block;object-fit:cover}.asset-collection-media>span{position:absolute;left:10px;bottom:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.68)}.asset-collection-item>div{padding:10px;display:grid;gap:3px}.asset-collection-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-collection-item small{color:var(--muted)}.asset-collection-pagination{display:flex;align-items:center;justify-content:center;gap:12px}.asset-collection-selection-bar{position:sticky;z-index:12;bottom:14px;margin:0 auto;padding:10px 12px;width:min(680px,calc(100% - 24px));border:1px solid var(--accent);border-radius:14px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 16px 40px rgba(0,0,0,.24);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;gap:10px}.asset-collection-validation{min-height:58px;border:1px solid var(--line2);border-radius:12px;padding:12px;display:grid;gap:3px;background:var(--panel2)}.asset-collection-validation span{color:var(--muted)}.asset-preview-content video{max-width:100%;max-height:72vh;border-radius:12px;background:#000}.asset-collection-dialog .edit-user-shell{width:min(720px,calc(100vw - 28px))}.asset-video-vhs-thumbnail{background:#efefec;object-fit:cover}.asset-video-player{width:min(100%,1100px);display:grid;gap:10px;justify-items:center}.asset-video-player video{width:100%;min-height:min(58vh,520px);object-fit:contain}.asset-video-playback-error{width:100%;padding:12px 14px;border:1px solid rgba(255,77,95,.58);border-radius:10px;color:#ff8994;background:rgba(255,77,95,.1);text-align:center}.asset-video-playback-error strong,.asset-video-playback-error span{display:block}.asset-video-playback-error span{margin-top:4px;color:var(--muted)}
html[data-color-mode="light"] .asset-collection-card,html[data-color-mode="light"] .asset-collection-item,html[data-color-mode="light"] .asset-collection-detail-head,html[data-color-mode="light"] .asset-collection-controls,html[data-color-mode="light"] .indexed-assets-toolbar{color:#172019;background:rgba(255,255,255,.94)}html[data-color-mode="light"] .asset-collection-card h3,html[data-color-mode="light"] .asset-collection-item strong,html[data-color-mode="light"] .asset-collection-detail h2{color:#172019}
@media(max-width:1100px){.asset-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-collection-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-collection-detail-head{grid-template-columns:1fr}.asset-collection-detail-actions{justify-content:flex-start}}
@media(max-width:700px){.asset-collection-grid,.asset-collection-gallery{grid-template-columns:1fr}.assets-toolbar-primary,.indexed-assets-toolbar,.asset-collection-controls{align-items:stretch;flex-direction:column}.assets-toolbar-primary .button{width:100%}.indexed-assets-toolbar form,.asset-collection-controls form{display:grid;grid-template-columns:1fr}.indexed-assets-toolbar input{min-width:0}.asset-collection-detail{min-width:0}.asset-collection-detail-head{padding:12px}.asset-collection-detail-actions{display:grid;grid-template-columns:1fr 1fr}.asset-collection-detail-actions .button{min-width:0}.asset-collection-item{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center}.asset-collection-media{aspect-ratio:1/1}.asset-collection-select{right:auto;left:8px}.asset-collection-pagination{justify-content:space-between}.asset-collection-selection-bar{bottom:8px;display:grid;grid-template-columns:1fr 1fr}.asset-collection-selection-bar strong{grid-column:1/-1;text-align:center}}
.asset-collection-cover video{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}.asset-collection-cover:hover video{transform:scale(1.025)}
@media (max-width: 480px) { .asset-library-grid{grid-template-columns:1fr}.campaign-search,.assets-toolbar form{grid-template-columns:1fr}.campaign-search input,.assets-toolbar input{grid-column:auto}.campaign-status-form{grid-template-columns:1fr}.campaign-status-form label,.campaign-status-form button{grid-column:1}.integration-admin-list article{grid-template-columns:1fr auto}.integration-admin-list .button{grid-column:1/-1}.assistant-panel form{flex-direction:column} }
@media (max-width: 560px) {
  .metric-grid,
  .form-fields,
  .detail-grid,
  .product-grid {
    grid-template-columns: 1fr;
  }
  .form-fields .full,
  .detail-item.full {
    grid-column: auto;
  }
  .filters {
    flex-direction: column;
  }
  .board {
    grid-template-columns: repeat(7, 250px);
  }
}

/* AXL neomorphic system — accessible raised and inset surfaces */
:root {
  --neo-bg: #0a0d0a;
  --neo-surface: rgba(25, 30, 24, .94);
  --neo-surface-strong: #1a2018;
  --neo-inset: #111610;
  --neo-highlight: rgba(151, 170, 105, .18);
  --neo-shadow-dark: rgba(0, 0, 0, .62);
  --neo-text: #f5f7f2;
  --neo-muted: #b9c0b6;
  --neo-border: rgba(174, 241, 69, .22);
  --neo-raised: -8px -8px 20px var(--neo-highlight), 12px 14px 28px var(--neo-shadow-dark), inset 0 1px 0 rgba(255,255,255,.07);
  --neo-inset-shadow: inset 5px 5px 12px rgba(0,0,0,.48), inset -4px -4px 10px rgba(143,160,99,.09);
  --neo-radius: 18px;
}
html[data-color-mode="light"] {
  --neo-bg: #e9eee6;
  --neo-surface: rgba(239, 244, 236, .94);
  --neo-surface-strong: #eef3eb;
  --neo-inset: #e4eae1;
  --neo-highlight: rgba(255,255,255,.92);
  --neo-shadow-dark: rgba(91, 104, 88, .24);
  --neo-text: #121712;
  --neo-muted: #536053;
  --neo-border: rgba(79, 103, 51, .3);
  --neo-raised: -8px -8px 18px rgba(255,255,255,.88), 11px 13px 25px rgba(83,96,80,.22), inset 0 1px 0 #fff;
  --neo-inset-shadow: inset 5px 5px 11px rgba(90,105,88,.18), inset -5px -5px 11px rgba(255,255,255,.86);
}
body,
html[data-color-mode="light"] body {
  color: var(--neo-text);
  background-color: var(--neo-bg);
  background-image: linear-gradient(rgba(6,10,7,.82), rgba(6,10,7,.9)), url('/brand/axl-terrain-dark.webp');
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
html[data-color-mode="light"] body {
  background-image: linear-gradient(rgba(239,244,236,.84), rgba(239,244,236,.92)), url('/brand/axl-terrain-light.webp');
}
.panel,
.metric-card,
.auth-card,
.health-card,
.connection-card,
.tab-mini-dashboard article,
.store-stat-card,
.product-card,
.social-studio-step,
.profile-panel,
.admin-communications-panel,
.notification-panel,
dialog > div,
.request-form > section,
.daily-home-hero {
  color: var(--neo-text);
  border: 1px solid var(--neo-border);
  border-radius: var(--neo-radius);
  background: var(--neo-surface);
  box-shadow: var(--neo-raised);
}
input,
select,
textarea,
.global-search,
.button:not(.accent),
.color-mode-toggle,
.command-period,
.status-pill {
  color: var(--neo-text);
  border-color: var(--neo-border);
  background: var(--neo-inset);
  box-shadow: var(--neo-inset-shadow);
}
input::placeholder,
textarea::placeholder,
.muted,
.panel p,
.panel small { color: var(--neo-muted); }
.button,
.side-nav button,
.utility-nav button,
.new-action-popover button,
.notification-item {
  border-radius: 13px;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.button:hover,
.side-nav button:hover,
.utility-nav button:hover,
.new-action-popover button:hover { transform: translateY(-1px); border-color: rgba(174,241,69,.56); }
.side-nav button.active,
.utility-nav button.active,
.choice-card.selected,
.product-card.selected,
.social-product-option.selected,
.holiday-clear-option.selected {
  border-color: #aef145 !important;
  background: color-mix(in srgb, var(--neo-surface-strong) 84%, #7ca42b) !important;
  box-shadow: 0 0 0 2px rgba(174,241,69,.2), 0 0 24px rgba(174,241,69,.25), var(--neo-raised) !important;
}
.new-action-popover,
.notification-panel,
dialog,
.social-device-preview-panel,
.calendar-popover {
  color: var(--neo-text);
  border: 1px solid rgba(174,241,69,.38);
  background: color-mix(in srgb, var(--neo-surface-strong) 94%, transparent);
  box-shadow: 0 28px 70px rgba(0,0,0,.48), -6px -6px 20px var(--neo-highlight);
  backdrop-filter: blur(22px) saturate(1.15);
}
html[data-color-mode="light"] .new-action-popover,
html[data-color-mode="light"] .notification-panel,
html[data-color-mode="light"] dialog,
html[data-color-mode="light"] .social-device-preview-panel,
html[data-color-mode="light"] .calendar-popover,
html[data-color-mode="light"] .panel,
html[data-color-mode="light"] .store-stat-card,
html[data-color-mode="light"] .product-card,
html[data-color-mode="light"] .social-studio-step {
  color: #121712;
  background-color: var(--neo-surface);
}
html[data-color-mode="light"] :is(.panel,.store-stat-card,.product-card,.social-studio-step,.notification-panel,.new-action-popover) :is(h1,h2,h3,strong,span,label,p,small) { color: inherit; }
.auth-visual {
  background-image: linear-gradient(105deg, rgba(5,8,5,.38), rgba(4,7,4,.88)), url('/brand/axl-terrain-dark.webp');
  background-size: cover;
  background-position: center;
}
html[data-color-mode="light"] .auth-visual {
  background-image: linear-gradient(105deg, rgba(247,250,245,.5), rgba(239,244,236,.9)), url('/brand/axl-terrain-light.webp');
}
.login-daily-feature {
  min-height: 220px;
  margin-top: 28px;
  padding: 26px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  background-image: linear-gradient(90deg, rgba(3,7,4,.91), rgba(3,7,4,.22)), var(--daily-home-image);
  background-position: center;
  background-size: cover;
}
.login-daily-feature h2 { font-size: clamp(34px,5vw,62px); }
.profile-form-grid,
.admin-settings-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.profile-form-grid form,
.admin-settings-grid form,
.settings-stack article,
.email-template-form { display: grid; gap: 12px; padding: 18px; border: 1px solid var(--neo-border); border-radius: 15px; background: var(--neo-inset); box-shadow: var(--neo-inset-shadow); }
.settings-stack { display: grid; gap: 12px; }
.settings-stack article span,
.settings-stack article small { display: block; margin-top: 5px; }
.vendor-mapping-item { width: 100%; padding: 12px; text-align: left; color: var(--neo-text); border: 1px solid var(--neo-border); background: var(--neo-inset); }
.vendor-mapping-item span { display: block; margin-top: 4px; color: var(--neo-muted); font-size: 11px; }
.social-recommendation-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.social-recommendation-head small { display:block; margin-top:4px; color:var(--neo-muted); }
.social-recommendation-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:22px; }
.social-recommendation-card { display:flex; min-width:0; flex-direction:column; padding:10px; border:1px solid var(--neo-border); border-radius:14px; background:var(--neo-inset); box-shadow:var(--neo-inset-shadow); }
.social-recommendation-card.selected { border-color:#aef145; box-shadow:0 0 22px rgba(174,241,69,.23), var(--neo-inset-shadow); }
.social-recommendation-card img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:10px; }
.social-recommendation-card div { display:grid; gap:5px; padding:10px 2px; }
.social-recommendation-card small,.social-recommendation-card p { font-size:10px; line-height:1.45; color:var(--neo-muted); }
.social-recommendation-card .button { margin-top:auto; }
.social-vendor-section { margin:18px 0; padding:16px; border:1px solid var(--neo-border); border-radius:15px; background:var(--neo-inset); box-shadow:var(--neo-inset-shadow); }
.social-vendor-section > div:first-child small { display:block; margin-top:4px; color:var(--neo-muted); }
.vendor-platform-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:14px; }
.vendor-platform-grid fieldset { min-width:0; border:1px solid var(--neo-border); border-radius:12px; }
.vendor-platform-choice { display:flex; gap:8px; align-items:flex-start; margin:8px 0; }
.vendor-platform-choice span { min-width:0; }
.vendor-platform-choice strong,.vendor-platform-choice small { display:block; overflow:hidden; text-overflow:ellipsis; }
.vendor-platform-choice.unmapped { opacity:.55; }
.project-wall-commerce-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin:14px 0 24px; }
.project-wall-commerce-metrics article { padding:14px; border:1px solid var(--neo-border); border-radius:14px; background:var(--neo-inset); box-shadow:var(--neo-inset-shadow); }
.project-wall-commerce-metrics strong,.project-wall-commerce-metrics span,.project-wall-commerce-metrics small { display:block; }
.project-wall-commerce-metrics strong { font-size:22px; color:#aef145; }
.project-wall-commerce-metrics span { margin-top:5px; font-weight:700; }
.project-wall-commerce-metrics small { margin-top:5px; color:var(--neo-muted); }
.notification-category { color:#aef145 !important; text-transform:uppercase; letter-spacing:.12em; }
.email-product-picker,
.social-product-picker,
.blog-product-grid { grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
@media (max-width:1100px) {
  .profile-form-grid,.admin-settings-grid { grid-template-columns:1fr; }
  .social-recommendation-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .project-wall-commerce-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:850px) {
  .sidebar { color:var(--neo-text) !important; background:rgba(9,13,9,.97) !important; }
  html[data-color-mode="light"] .sidebar { color:#111711 !important; background:rgba(241,245,238,.98) !important; }
  .side-nav button,.utility-nav button { color:inherit !important; opacity:1 !important; border:1px solid var(--neo-border) !important; }
  .social-recommendation-grid,.email-product-picker,.social-product-picker,.blog-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .vendor-platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  .login-daily-feature { min-height:180px; }
  .social-recommendation-grid { grid-template-columns:1fr; }
  .project-wall-commerce-metrics { grid-template-columns:1fr 1fr; }
}

/* 2026 operational polish: textured themes, dashboards, and accessible workflows */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .17;
  background: url("/brand/axl-terrain-dark.webp") center / cover no-repeat;
  mix-blend-mode: screen;
}
.main::after {
  content: "";
  position: fixed;
  inset: 0 0 0 var(--sidebar-width, 182px);
  z-index: -1;
  pointer-events: none;
  opacity: .2;
  background:
    radial-gradient(circle at 75% 6%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 35%),
    url("/brand/axl-terrain-dark.webp") center / cover no-repeat;
}
.color-mode-toggle {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 7px;
  color: var(--text);
  background: var(--panel);
  font-size: 11px;
}
.color-mode-toggle span { color: var(--accent); font-size: 17px; }
.auth-text-button {
  width: 100%;
  margin-top: 10px;
  padding: 8px;
  border: 0;
  color: var(--accent);
  background: transparent;
  font-weight: 750;
}
.auth-status-text { color: var(--accent); line-height: 1.5; }
.tab-mini-dashboard {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 14px;
}
.tab-mini-dashboard article {
  position: relative;
  min-height: 86px;
  display: grid;
  grid-template-columns: 8px 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 12px;
  align-items: end;
  padding: 15px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--tone) 35%, var(--line));
  border-radius: 8px;
  background: linear-gradient(125deg, color-mix(in srgb, var(--tone) 10%, var(--panel)), var(--panel));
}
.tab-mini-dashboard article::after {
  content: "";
  position: absolute;
  right: -22px;
  bottom: -35px;
  width: 90px;
  height: 90px;
  border: 1px solid color-mix(in srgb, var(--tone) 25%, transparent);
  border-radius: 50%;
}
.tab-mini-dashboard article i { grid-row: 1 / 3; width: 5px; height: 100%; border-radius: 5px; background: var(--tone); box-shadow: 0 0 14px var(--tone); }
.tab-mini-dashboard article strong { font: 800 28px/1 var(--display); }
.tab-mini-dashboard article span { align-self: start; color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.bulk-action-bar {
  position: sticky;
  top: 72px;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 14px;
  border: 1px solid rgba(174, 241, 69, .45);
  background: color-mix(in srgb, var(--panel) 92%, var(--accent));
  box-shadow: 0 12px 35px rgba(0,0,0,.24);
}
.bulk-action-bar > div { display: flex; align-items: center; gap: 9px; }
.bulk-action-bar label { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 10px; text-transform: uppercase; }
.bulk-action-bar select { min-width: 170px; }
.bulk-select-cell { width: 36px; text-align: center; }
.bulk-select-cell input { width: 17px; height: 17px; accent-color: var(--accent); }
.shopify-draft-import {
  display: grid;
  grid-template-columns: minmax(220px, .75fr) minmax(300px, 1.25fr);
  gap: 16px;
  padding: 16px;
  border: 1px solid rgba(149, 209, 97, .35);
  border-radius: 8px;
  background: linear-gradient(120deg, rgba(93, 168, 78, .1), transparent), var(--panel);
}
.shopify-draft-import strong, .shopify-draft-import small { display: block; }
.shopify-draft-import small { margin-top: 5px; color: var(--muted); line-height: 1.45; }
.shopify-draft-controls { display: grid; grid-template-columns: minmax(170px, 1fr) auto auto; gap: 8px; align-items: center; }
.shopify-refresh-import {
  border-color: rgba(78, 155, 232, .42);
  background: linear-gradient(120deg, rgba(78, 155, 232, .12), transparent), var(--panel);
}
.home-next-project-list { display: grid; gap: 7px; }
.home-next-project-list button {
  width: 100%;
  min-height: 58px;
  display: grid;
  grid-template-columns: 6px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 9px 11px;
  border: 1px solid var(--line2);
  border-radius: 6px;
  color: var(--text);
  text-align: left;
  background: color-mix(in srgb, var(--panel) 94%, var(--tone));
}
.home-next-project-list button:hover { border-color: var(--tone); transform: translateX(2px); }
.home-next-project-list button > i { width: 4px; height: 34px; border-radius: 4px; background: var(--tone); }
.home-next-project-list button span { min-width: 0; }
.home-next-project-list button strong, .home-next-project-list button small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-next-project-list button small, .home-next-project-list button time { margin-top: 4px; color: var(--muted); font-size: 9px; }
.department-select { min-width: 116px; text-transform: capitalize; }
.product-preview-content { min-height: 0; overflow-y: auto; overscroll-behavior: contain; background: var(--bg); }
.product-preview-loading, .product-preview-error { min-height: 100%; display: grid; place-content: center; gap: 14px; padding: 30px; text-align: center; }
.product-preview-detail { display: grid; grid-template-columns: minmax(320px, .9fr) minmax(360px, 1.1fr); min-height: 100%; }
.product-preview-visual { min-height: 480px; display: grid; place-items: center; padding: 34px; background: #f7f7f4; }
.product-preview-visual img { max-width: 100%; max-height: 680px; object-fit: contain; }
.product-preview-copy { padding: clamp(24px, 4vw, 58px); }
.product-preview-copy h3 { max-width: 680px; margin: 18px 0 7px; font: 800 clamp(32px, 4vw, 58px)/.96 var(--display); text-transform: uppercase; }
.product-preview-meta { display: flex; flex-wrap: wrap; gap: 7px; }
.product-preview-meta span { padding: 6px 9px; border: 1px solid var(--line); border-radius: 30px; color: var(--accent); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.product-preview-price { color: var(--accent); font-size: 19px; font-weight: 800; }
.product-gap-panel { display:grid;gap:12px;margin:22px 0;padding:16px;border:1px solid rgba(239,106,91,.42);border-radius:12px;background:linear-gradient(135deg,rgba(239,106,91,.11),rgba(239,106,91,.03)); }
.product-gap-panel > header { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }.product-gap-panel h4 { margin:3px 0 0;font:750 19px var(--display);text-transform:uppercase; }.product-gap-panel > header > span { padding:5px 8px;color:#ff9c90;border:1px solid rgba(239,106,91,.35);border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase; }
.product-gap-stats { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px; }.product-gap-stats > div { min-width:0;padding:10px;border:1px solid rgba(239,106,91,.25);border-radius:8px;background:rgba(0,0,0,.18); }.product-gap-stats small,.product-gap-stats strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.product-gap-stats small { color:var(--muted);font-size:7px;text-transform:uppercase; }.product-gap-stats strong { margin-top:5px;color:#ff9c90;font-size:13px; }
.product-gap-panel > p { margin:0;color:var(--muted);font-size:9px;line-height:1.5; }
.product-preview-description { max-width: 680px; color: var(--muted); line-height: 1.7; white-space: pre-line; }
.product-preview-copy dl { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin: 24px 0; }
.product-preview-copy dl div { padding: 12px; border: 1px solid var(--line2); background: var(--panel); }
.product-preview-copy dt { color: var(--muted); font-size: 9px; text-transform: uppercase; }
.product-preview-copy dd { margin: 4px 0 0; font-weight: 750; }
.product-preview-variants { display: grid; gap: 7px; }
.product-preview-variants > div { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; padding: 10px 12px; border-bottom: 1px solid var(--line2); }
.product-preview-variants span { color: var(--muted); }

html[data-color-mode="light"] {
  color-scheme: light;
  --bg: #eef1ec;
  --panel: #ffffff;
  --panel2: #f6f8f4;
  --line: #cbd3ca;
  --line2: #dce2db;
  --text: #131814;
  --muted: #59635b;
  --gray: #9aa39b;
}
html[data-color-mode="light"] body::before { opacity: .16; mix-blend-mode: multiply; filter: none; }
html[data-color-mode="light"] .sidebar { background: rgba(248,250,246,.96); }
html[data-color-mode="light"] .topbar,
html[data-color-mode="light"] .panel,
html[data-color-mode="light"] .page-head,
html[data-color-mode="light"] .quick-detail,
html[data-color-mode="light"] .metric-card,
html[data-color-mode="light"] .calendar-panel,
html[data-color-mode="light"] .timeline-panel,
html[data-color-mode="light"] .board-column,
html[data-color-mode="light"] .connection-card { color: var(--text); background-color: rgba(255,255,255,.94); }
html[data-color-mode="light"] .side-nav button,
html[data-color-mode="light"] .utility-nav button,
html[data-color-mode="light"] .button:not(.accent):not(.danger-button),
html[data-color-mode="light"] input,
html[data-color-mode="light"] select,
html[data-color-mode="light"] textarea { color: var(--text); background: #fff; }
html[data-color-mode="light"] .product-preview-dialog { color: var(--text); background: var(--bg); }
html[data-color-mode="light"] .product-preview-shell > header { background: linear-gradient(120deg, rgba(110,213,106,.12), transparent 38%), #f7faf6; }

@media (max-width: 900px) {
  .tab-mini-dashboard { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shopify-draft-import, .product-preview-detail { grid-template-columns: 1fr; }
  .product-preview-visual { min-height: 320px; }
  .bulk-action-bar { align-items: stretch; flex-direction: column; }
  .bulk-action-bar > div:last-child { display: grid; grid-template-columns: 1fr 1fr; }
  .bulk-action-bar label { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .color-mode-toggle b { display: none; }
  .shopify-draft-controls { grid-template-columns: 1fr; }
  .tab-mini-dashboard { gap: 6px; }
  .tab-mini-dashboard article { min-height: 72px; padding: 11px; }
  .product-preview-copy { padding: 20px; }
  .product-preview-copy dl, .product-preview-variants > div, .product-gap-stats { grid-template-columns: 1fr 1fr; }
  .product-preview-visual { min-height: 240px; padding: 18px; }
}

/* Unified operations release: page themes, calendars, command analytics, and access-aware creation. */
.app {
  --view-tone: #447cd1;
  --view-tone-rgb: 68, 124, 209;
}
.app[data-theme="dashboard"] { --view-tone:#447cd1; --view-tone-rgb:68,124,209; }
.app[data-theme="requests"] { --view-tone:#99b83f; --view-tone-rgb:153,184,63; }
.app[data-theme="board"] { --view-tone:#9558dc; --view-tone-rgb:149,88,220; }
.app[data-theme="social"] { --view-tone:#ef5da8; --view-tone-rgb:239,93,168; }
.app[data-theme="email"] { --view-tone:#f59b42; --view-tone-rgb:245,155,66; }
.app[data-theme="shopify"] { --view-tone:#6ed56a; --view-tone-rgb:110,213,106; }
.app[data-theme="users"] { --view-tone:#4ad1dc; --view-tone-rgb:74,209,220; }
.app[data-theme="new-request"] { --view-tone:#f4b64f; --view-tone-rgb:244,182,79; }
.app .main { position:relative; isolation:isolate; }
.app .main::before {
  content:""; position:fixed; z-index:-1; inset:0 0 0 var(--sidebar-width, 154px); pointer-events:none;
  background:
    repeating-radial-gradient(ellipse at 78% 18%, transparent 0 32px, rgba(var(--view-tone-rgb),.055) 33px 34px, transparent 35px 51px),
    linear-gradient(135deg, rgba(var(--view-tone-rgb),.055), transparent 38%);
}
.app .page-head { border-bottom-color:rgba(var(--view-tone-rgb),.32); }
.app .crumb span, .app .view .eyebrow { color:var(--view-tone); }
.app .view .panel { border-color:rgba(var(--view-tone-rgb),.22); box-shadow:inset 0 1px 0 rgba(var(--view-tone-rgb),.04); }
.top-nav .tab-users.active, .top-nav .tab-users:hover { color:#4ad1dc; border-color:#4ad1dc; }

.new-action-menu { position:relative; flex:0 0 auto; }
.new-action-menu > .button { white-space:nowrap; }
.new-action-popover {
  position:absolute; z-index:80; top:calc(100% + 10px); right:0; width:min(360px,calc(100vw - 24px));
  padding:8px; border:1px solid #3b493d; border-radius:12px; background:#0d120e; box-shadow:0 22px 55px rgba(0,0,0,.55);
}
.new-action-popover button {
  display:grid; grid-template-columns:10px minmax(0,1fr); gap:12px; width:100%; padding:13px; text-align:left; color:#eef4ee;
  border:0; border-radius:8px; background:transparent;
}
.new-action-popover button:hover { background:#182019; }
.new-action-popover i { width:8px; height:32px; border-radius:99px; background:var(--action-tone); box-shadow:0 0 12px var(--action-tone); }
.new-action-popover strong, .new-action-popover small { display:block; }
.new-action-popover small { margin-top:4px; color:#8e9990; line-height:1.35; }
.new-action-media { --action-tone:#99b83f; }
.new-action-social { --action-tone:#ef5da8; }
.new-action-email { --action-tone:#f59b42; }

.calendar-project { grid-template-columns:6px auto minmax(0,1fr) auto; }
.calendar-project em {
  padding:2px 4px; color:var(--calendar-tone); border:1px solid color-mix(in srgb,var(--calendar-tone) 50%,transparent);
  border-radius:3px; font-size:6px; font-style:normal; font-weight:900; letter-spacing:.06em; text-transform:uppercase;
}
.calendar-email { background:rgba(245,155,66,.08); }
.calendar-social { background:rgba(239,93,168,.08); }
.operations-event-dialog { width:min(760px,calc(100vw - 24px)); padding:0; color:#f4f6f2; border:1px solid #384439; border-radius:14px; background:#0b100c; }
.operations-event-dialog::backdrop { background:rgba(0,0,0,.76); backdrop-filter:blur(5px); }
.operation-detail { padding:28px; }
.operation-detail header { display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid #29322a; padding-bottom:20px; }
.operation-detail h2 { margin:5px 0 8px; font-size:30px; }
.operation-detail header p { margin:0; color:#929d94; }
.operation-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:22px 0; }
.operation-detail-grid article { padding:15px; border:1px solid #303a31; border-radius:9px; background:#121813; }
.operation-detail-grid span, .operation-outlets > span { display:block; color:#8c978e; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.operation-detail-grid strong { display:block; margin-top:7px; font-size:18px; }
.email-detail { border-top:4px solid #f59b42; }
.social-detail { border-top:4px solid #ef5da8; }
.operation-outlets { margin:22px 0; }
.operation-outlets div { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.operation-outlets b { padding:8px 10px; color:#ffd2e9; border:1px solid rgba(239,93,168,.42); border-radius:99px; background:rgba(239,93,168,.09); }
.operation-detail blockquote { margin:22px 0 0; padding:18px; color:#d9dfda; border-left:3px solid #ef5da8; background:#121713; white-space:pre-wrap; }

.project-note { align-items:flex-start; }
.project-note-content { min-width:0; flex:1; }
.project-note header time { color:#89948b; font-size:10px; }
.project-note-actions { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
.project-note.resolved { opacity:.7; border-color:rgba(110,213,106,.3); background:rgba(110,213,106,.045); }
.project-note.resolved .project-note-content > p { text-decoration:line-through; text-decoration-color:rgba(255,255,255,.3); }
.note-resolution { display:block; margin-top:8px; color:#91d98e; }
.complete-note { color:#91d98e; }

.project-wall-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:18px 0; }
.project-wall-controls p { margin:0; color:#a0aaa2; font-size:11px; }
.command-period { display:flex; flex-wrap:wrap; gap:6px; }
.command-period button { padding:8px 11px; color:#abb4ad; border:1px solid #384339; border-radius:7px; background:#0d120e; font-weight:800; }
.command-period button.active { color:#071005; border-color:#b8f34b; background:#b8f34b; }
.project-wall-metrics { grid-template-columns:repeat(5,minmax(0,1fr)); }
.project-wall-chart-panel { padding:22px; margin-bottom:20px; border:1px solid #303a31; border-radius:12px; background:#0d120e; }
.project-wall-chart-panel h3 { margin:3px 0 5px; font-size:20px; }
.project-wall-chart-panel > div:first-child > p:last-child { margin:0; color:#8f9a91; font-size:11px; }
.project-wall-chart { display:flex; align-items:flex-end; gap:clamp(5px,1.2vw,14px); min-height:190px; margin-top:20px; padding:12px 6px 0; border-bottom:1px solid #465048; overflow-x:auto; }
.command-chart-column { display:flex; flex:1 0 34px; min-width:34px; height:176px; flex-direction:column; align-items:center; justify-content:flex-end; gap:5px; }
.command-chart-value { color:#dce4dd; font-size:9px; font-weight:900; }
.command-chart-stack { display:flex; width:min(28px,70%); min-height:2px; flex-direction:column; justify-content:flex-end; overflow:hidden; border:1px solid #59635b; border-radius:4px 4px 0 0; background:#1a201b; }
.command-chart-stack i { display:block; min-height:0; }
.command-chart-stack i.project, .command-chart-legend i.project { background:#447cd1; }
.command-chart-stack i.email, .command-chart-legend i.email { background:#f59b42; }
.command-chart-stack i.social, .command-chart-legend i.social { background:#ef5da8; }
.command-chart-column > span { min-height:24px; color:#8d978f; font-size:8px; text-align:center; }
.command-chart-legend { display:flex; flex-wrap:wrap; gap:16px; margin-top:14px; }
.command-chart-legend span { color:#a9b2ab; font-size:10px; }
.command-chart-legend i { display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:2px; }

@media (max-width:850px) {
  .app .main::before { inset:0; }
  .topbar { align-items:center; }
  .top-actions { min-width:0; }
  .top-actions .new-action-menu { flex:0 0 auto; }
  .top-actions .new-action-menu > .button { width:auto; min-width:96px; }
  .top-nav { scrollbar-color:var(--view-tone) #202621; }
  .top-nav::-webkit-scrollbar { height:8px; }
  .top-nav::-webkit-scrollbar-thumb { background:var(--view-tone); border-radius:99px; }
  .calendar-project { grid-template-columns:5px minmax(0,1fr); }
  .calendar-project em { display:none; }
  .operation-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .project-wall-controls { align-items:flex-start; flex-direction:column; }
  .project-wall-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  .top-actions { justify-content:space-between; }
  .top-actions .global-search { display:none; }
  .top-actions .new-action-menu { flex:1 1 auto; }
  .top-actions .new-action-menu > .button { width:100%; }
  .calendar-project em { display:none; }
  .operations-event-dialog { max-height:calc(100dvh - 20px); overflow:auto; }
  .operation-detail { padding:20px; }
  .operation-detail-grid { grid-template-columns:1fr 1fr; }
  .project-note { display:grid; grid-template-columns:32px minmax(0,1fr); }
  .project-note-actions { grid-column:2; flex-direction:row; align-items:center; }
  .project-wall-chart-panel { padding:14px; }
}

/* Persistent, color-coded product navigation */
.tab-dashboard { --tab-color: #447cd1; }
.tab-requests { --tab-color: #8aa13a; }
.tab-board { --tab-color: #8850c8; }
.tab-social { --tab-color: #e34eaa; }
.tab-email { --tab-color: #dd8824; }
.tab-shopify { --tab-color: #5da84e; }
.top-nav {
  align-self: center;
  gap: 6px;
}
.top-nav button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--tab-color), transparent 68%);
  border-radius: 5px;
  background: color-mix(in srgb, var(--tab-color), transparent 91%);
  white-space: nowrap;
}
.top-nav button:hover,
.top-nav button.active {
  color: #fff;
  border-color: var(--tab-color);
  background: color-mix(in srgb, var(--tab-color), transparent 75%);
  box-shadow: inset 0 -2px var(--tab-color);
}
.top-nav button.active::after { display: none; }
.side-nav button[class*="tab-"] i { color: var(--tab-color); }
.side-nav button[class*="tab-"].active { border-left-color: var(--tab-color); }

/* RobinReach social command */
.social-connection { align-items: center; margin-bottom: 14px; }
.social-connection > div { min-width: 0; }
.social-connection .button { margin-left: auto; white-space: nowrap; }
.social-connection.disconnected {
  border-color: #62452b;
  background: rgba(221, 136, 36, .08);
}
.social-connection.disconnected i {
  background: #f0a246;
  box-shadow: 0 0 10px #f0a246;
}
.social-sales-studio {
  margin-bottom: 14px;
  overflow: hidden;
  border-color: #563148;
  background:
    radial-gradient(circle at 84% -15%, rgba(227,78,170,.16), transparent 36%),
    linear-gradient(145deg, #151115, #0e1110 58%);
}
.social-studio-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, .55fr);
  min-width: 0;
}
.social-studio-workbench { min-width: 0; display: grid; gap: 1px; background: #2b2028; }
.social-studio-step { min-width: 0; display: grid; gap: 12px; padding: 16px; background: rgba(11,14,12,.96); }
.social-studio-step > header { display: flex; align-items: center; gap: 10px; }
.social-studio-step > header > span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #e34eaa; border-radius: 50%; color: #ff9dd8; font: 700 12px var(--display); }
.social-studio-step header strong,
.social-studio-step header small { display: block; }
.social-studio-step header strong { color: #f2f5f2; font-size: 10px; }
.social-studio-step header small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.social-product-search { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.social-selected-products {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid #3d2b37;
  border-radius: 6px;
  color: #cfd5d0;
  background: rgba(227,78,170,.06);
  font-size: 8px;
}
.social-selected-products > div:first-child strong,
.social-selected-products > div:first-child small { display: block; }
.social-selected-products > div:first-child small { margin-top: 3px; color: #9ba29c; }
.social-selected-product-list { display: flex; flex-wrap: wrap; gap: 6px; }
.social-selected-product-list button {
  max-width: 230px;
  display: grid;
  grid-template-columns: 18px minmax(0,1fr) 12px;
  align-items: center;
  gap: 5px;
  padding: 5px 7px;
  border: 1px solid #713d5d;
  border-radius: 999px;
  color: #f6ddec;
  background: #1d121a;
  font-size: 7px;
}
.social-selected-product-list button b { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; color: #18050f; background: #ff79c8; }
.social-selected-product-list button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.social-selected-product-list button i { color: #ff9dd8; font-style: normal; font-size: 12px; }
.social-product-picker,
.social-drive-library {
  min-width: 0;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(170px, 210px);
  gap: 8px;
  overflow-x: auto;
  padding: 2px 2px 9px;
  scrollbar-color: #e34eaa #241a21;
  scrollbar-width: thin;
}
.social-product-option,
.social-drive-image,
.social-generated-image {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #343934;
  border-radius: 7px;
  color: #e9ece9;
  background: #111512;
  text-align: left;
}
.social-product-order {
  position: absolute;
  z-index: 2;
  top: 7px;
  right: 7px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 2px solid #080b09;
  border-radius: 50%;
  color: #17050f;
  background: #ff79c8;
  box-shadow: 0 3px 12px rgba(0,0,0,.45);
  font-size: 9px;
}
.social-product-option:hover,
.social-drive-image:hover,
.social-generated-image:hover,
.social-product-option.selected,
.social-drive-image.selected,
.social-generated-image.selected { border-color: #e34eaa; box-shadow: 0 0 0 1px rgba(227,78,170,.35); }
.social-product-option img { width: 100%; height: 92px; display: block; object-fit: contain; background: #f7f7f5; }
.social-product-option span,
.social-drive-image span,
.social-generated-image span { display: block; padding: 9px; }
.social-product-option strong,
.social-product-option small,
.social-generated-image strong,
.social-generated-image small { display: block; }
.social-product-option strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.social-product-option small,
.social-generated-image small { margin-top: 4px; color: #9ba29c; font-size: 7px; line-height: 1.35; }
.social-direction-grid { display: grid; grid-template-columns: 1.2fr 1fr .65fr; gap: 8px; }
.social-direction-grid label { color: #aeb5af; font-size: 8px; font-weight: 700; }
.social-direction-grid input { margin-top: 5px; }
.social-image-source-summary { padding: 9px 11px; border: 1px solid #3d2b37; border-radius: 5px; color: #d6cbd2; background: rgba(227,78,170,.06); font-size: 8px; }
.social-image-source-summary button { margin-left: 8px; padding: 0; border: 0; color: #ff86cf; background: none; text-decoration: underline; }
.social-upload-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.social-image-upload input { display: none; }
.social-upload-preview { display: grid; grid-template-columns: 72px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 8px; border: 1px solid #713d5d; border-radius: 7px; background: rgba(227,78,170,.07); }
.social-upload-preview img { width: 72px; height: 64px; object-fit: cover; border-radius: 5px; background: #111512; }
.social-upload-preview strong,.social-upload-preview small { display: block; }
.social-upload-preview strong { color: #f2f5f2; font-size: 9px; }
.social-upload-preview small { margin-top: 3px; color: #9ba29c; font-size: 7px; }
.social-additional-images-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 9px; padding-top: 4px; border-top: 1px solid #32252e; }
.social-additional-images-head strong,.social-additional-images-head small { display: block; }
.social-additional-images-head strong { color: #f2f5f2; font-size: 9px; }
.social-additional-images-head small { margin-top: 3px; color: #9ba29c; font-size: 7px; }
.social-additional-images { display: grid; gap: 7px; }
.social-additional-image { display: grid; grid-template-columns: 24px 64px minmax(0,1fr) auto; gap: 9px; align-items: center; padding: 7px; border: 1px solid #343934; border-radius: 7px; background: #111512; }
.social-additional-image.hero-treated { border-color: #7da535; box-shadow: inset 3px 0 #aef145; }
.social-additional-image > b { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #190711; background: #ff79c8; font-size: 8px; }
.social-additional-image > img { width: 64px; height: 58px; object-fit: cover; border-radius: 5px; background: #0a0d0b; }
.social-additional-image strong,.social-additional-image small { display: block; }
.social-additional-image strong { color: #f2f5f2; font-size: 8px; }
.social-additional-image small { margin-top: 3px; color: #9ba29c; font-size: 7px; }
.social-additional-image > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
@media (max-width: 640px) {
  .social-additional-image { grid-template-columns: 24px 58px minmax(0,1fr); }
  .social-additional-image > div { grid-column: 2 / -1; justify-content: flex-start; }
}
.social-drive-image img { width: 100%; height: 96px; display: block; object-fit: cover; background: #161a17; }
.social-drive-image span { overflow: hidden; color: #c5cbc6; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.social-image-candidates { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; }
.social-generated-image img { width: 100%; aspect-ratio: 1.35; display: block; object-fit: cover; background: #0a0d0b; }
.social-generated-image span strong { font-size: 9px; }
.social-device-preview-panel {
  min-width: 0;
  padding: 18px;
  border-left: 1px solid #392a34;
  background: rgba(8,10,9,.72);
}
.social-device-preview-panel h3 { margin: 4px 0; font: 700 24px var(--display); text-transform: uppercase; }
.social-device-preview-panel > div:first-child > p:last-child { margin: 0 0 13px; color: var(--muted); font-size: 8px; line-height: 1.5; }
.social-preview-platforms { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px; }
.social-preview-platforms button { padding: 5px 7px; border: 1px solid #3d413e; border-radius: 999px; color: #aeb5af; background: #111512; font-size: 7px; }
.social-preview-platforms button.active { border-color: #e34eaa; color: #ffd8ef; background: rgba(227,78,170,.13); }
.social-device-preview {
  width: min(100%, 310px);
  min-height: 390px;
  margin: 0 auto;
  overflow: hidden;
  border: 7px solid #252a26;
  border-radius: 23px;
  background: #050706;
  box-shadow: 0 18px 45px rgba(0,0,0,.55);
}
.social-device-preview.feed img { aspect-ratio: 4/5; }
.social-device-preview.vertical img { aspect-ratio: 9/16; }
.social-device-preview.landscape img { aspect-ratio: 16/9; }
.social-device-preview.portrait img { aspect-ratio: 2/3; }
.social-device-preview img { width: 100%; display: block; object-fit: cover; background: #111; }
.social-carousel-frame { position: relative; }
.social-carousel-arrow {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 50%;
  color: #fff;
  background: rgba(5,7,6,.72);
  box-shadow: 0 4px 15px rgba(0,0,0,.4);
  font-size: 20px;
}
.social-carousel-arrow.previous { left: 8px; }
.social-carousel-arrow.next { right: 8px; }
.social-carousel-dots { display: flex; justify-content: center; gap: 5px; padding: 8px 10px 2px; }
.social-carousel-dots button { width: 6px; height: 6px; padding: 0; border: 0; border-radius: 50%; background: #505851; }
.social-carousel-dots button.active { width: 18px; border-radius: 999px; background: #ff6ec1; }
.social-device-preview.empty { display: grid; place-items: center; padding: 22px; color: #889089; text-align: center; }
.social-device-preview.empty span,
.social-device-preview.empty strong,
.social-device-preview.empty small { display: block; }
.social-device-preview.empty span { color: #e34eaa; font: 700 42px var(--display); }
.social-device-preview.empty strong { margin-top: 10px; color: #e5e9e5; }
.social-device-preview.empty small { margin-top: 5px; font-size: 8px; }
.social-device-chrome,
.social-device-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 11px; }
.social-device-chrome { color: #e9ece9; font-size: 8px; font-weight: 800; }
.social-device-meta { align-items: flex-start; flex-direction: column; }
.social-device-meta strong { font-size: 9px; }
.social-device-meta small { color: #8e968f; font-size: 7px; }
.social-preview-caption { max-height: 150px; overflow: auto; margin-top: 12px; padding: 10px; border: 1px solid #342b31; border-radius: 6px; color: #aeb5af; font-size: 8px; line-height: 1.5; }
.social-preview-caption strong { color: #f2f4f2; }
.social-preview-caption p { margin: 6px 0; white-space: pre-wrap; }
.social-preview-caption small { color: #ef8cc8; }
.social-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr);
  gap: 14px;
  align-items: start;
}
.social-main { min-width: 0; display: grid; gap: 14px; }
.social-composer-panel {
  position: sticky;
  top: 78px;
  min-width: 0;
  overflow: hidden;
  border-color: #493044;
  background:
    radial-gradient(circle at 100% 0, rgba(227, 78, 170, .1), transparent 35%),
    linear-gradient(145deg, #141715, #101311);
}
.social-brand-control {
  min-width: 180px;
  color: var(--muted);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.social-brand-control select { margin-top: 6px; }
.social-calendar {
  display: grid;
  grid-template-columns: repeat(7, minmax(72px, 1fr));
  gap: 1px;
  padding: 1px;
  background: var(--line);
}
.social-calendar-day {
  min-width: 0;
  min-height: 118px;
  padding: 10px;
  background: #0d100e;
}
.social-calendar-day.has-posts {
  background:
    linear-gradient(160deg, rgba(227, 78, 170, .13), transparent 66%),
    #101311;
}
.social-calendar-day header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #828a83;
  font-size: 7px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.social-calendar-day header strong { color: #dce2dc; font-size: 12px; }
.social-calendar-day > b {
  display: block;
  margin-top: 19px;
  color: #f38cc9;
  font: 700 24px/1 var(--display);
}
.social-calendar-day small { color: var(--muted); font-size: 7px; }
.social-calendar-day > div { min-height: 8px; display: flex; gap: 4px; margin-top: 10px; }
.social-calendar-day i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e34eaa;
  box-shadow: 0 0 7px rgba(227, 78, 170, .75);
}
.social-post-counts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.social-count {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 7px;
  font-weight: 800;
  text-transform: uppercase;
}
.social-count b { font-size: 10px; }
.social-post-list { display: grid; gap: 8px; padding: 14px; }
.social-post-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #0d100e;
}
.social-post-card > img,
.social-post-placeholder {
  width: 78px;
  height: 78px;
  object-fit: cover;
  background: #1b201c;
}
.social-post-placeholder { display: grid; place-items: center; color: #e34eaa; font-size: 28px; }
.social-post-copy { min-width: 0; padding: 10px 12px; }
.social-post-copy > div { display: flex; justify-content: space-between; gap: 10px; }
.social-post-copy time { color: var(--muted); font-size: 7px; white-space: nowrap; }
.social-post-copy p {
  display: -webkit-box;
  overflow: hidden;
  margin: 7px 0 9px;
  color: #d7dcd8;
  font-size: 10px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.social-post-copy footer { display: flex; flex-wrap: wrap; gap: 5px; }
.social-post-copy footer span {
  padding: 3px 5px;
  border: 1px solid #343a35;
  color: #959d96;
  font-size: 6px;
  text-transform: uppercase;
}
.social-post-status {
  display: inline-flex;
  padding: 4px 7px;
  border-radius: 999px;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.social-status-published { color: #cfff93; background: #1b3114; }
.social-status-scheduled { color: #ffc7ea; background: #3a1830; }
.social-status-processing { color: #b9d4ff; background: #172b48; }
.social-status-failed { color: #ffaaa4; background: #391716; }
.social-status-draft { color: #c6ccc7; background: #292e2a; }
.social-post-form { display: grid; gap: 14px; padding: 16px; }
.social-post-form label,
.social-post-form fieldset { min-width: 0; }
.social-post-form label > small { display: block; margin-top: 6px; color: var(--muted); font-size: 7px; }
.social-post-form fieldset { margin: 0; padding: 0; border: 0; }
.social-post-form legend { margin-bottom: 8px; font-size: 10px; font-weight: 700; }
.social-profile-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.social-profile-option {
  min-width: 0;
  display: grid;
  grid-template-columns: auto 28px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #0d100e;
  cursor: pointer;
}
.social-profile-option:has(input:checked) {
  border-color: #e34eaa;
  background: rgba(227, 78, 170, .1);
}
.social-profile-story-option { border-color:rgba(143,99,220,.42);background:linear-gradient(135deg,rgba(143,99,220,.12),rgba(227,78,170,.06)); }
.social-profile-story-option::after { content:"STORY";position:absolute;top:5px;right:6px;color:#cdb7ff;font-size:5px;font-weight:900;letter-spacing:.1em; }
.social-profile-story-option { position:relative; }
.social-profile-story-option:has(input:checked) { border-color:#a878ff;background:linear-gradient(135deg,rgba(143,99,220,.25),rgba(227,78,170,.14));box-shadow:inset 0 0 0 1px rgba(168,120,255,.18); }
.social-profile-story-option .social-profile-icon { color:#fff;background:linear-gradient(135deg,#8f63dc,#e34eaa); }
.social-profile-option input { width: 14px; min-height: 14px; margin: 0; }
.social-profile-option img,
.social-profile-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}
.social-profile-icon { display: grid; place-items: center; color: #160611; background: #e34eaa; font-size: 8px; font-weight: 900; }
.social-profile-option span:last-child { min-width: 0; }
.social-profile-option strong,
.social-profile-option small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.social-profile-option strong { font-size: 8px; }
.social-profile-option small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.social-profile-help { display:block;margin-top:8px;color:var(--muted);font-size:7px;line-height:1.45; }
.social-schedule-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(130px, .65fr); gap: 9px; }
.social-empty { grid-column: 1 / -1; padding: 25px 18px; color: var(--muted); text-align: center; }
.social-empty strong { display: block; color: #dce1dd; }
.social-empty p { margin: 6px 0 0; font-size: 9px; }

@media (max-width: 1180px) {
  .social-studio-layout { grid-template-columns: 1fr; }
  .social-device-preview-panel { border-top: 1px solid #392a34; border-left: 0; }
  .social-layout { grid-template-columns: 1fr; }
  .social-composer-panel { position: static; }
  .social-calendar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 850px) {
  .social-direction-grid { grid-template-columns: 1fr; }
  .social-image-candidates { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .social-calendar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .social-calendar-day { min-height: 104px; }
  .social-brand-control { width: 100%; }
  .social-post-counts { justify-content: flex-start; }
}

@media (max-width: 560px) {
  .social-connection { align-items: flex-start; flex-wrap: wrap; }
  .social-connection .button { width: 100%; margin-left: 0; }
  .social-product-picker,
  .social-drive-library { grid-auto-columns: minmax(145px, 72vw); }
  .social-image-candidates { grid-template-columns: 1fr; }
  .social-post-card { grid-template-columns: 62px minmax(0, 1fr); }
  .social-post-card > img,
  .social-post-placeholder { width: 62px; height: 100%; min-height: 82px; }
  .social-profile-picker,
  .social-schedule-grid { grid-template-columns: 1fr; }
}

/* Compact unified operations calendar */
.deadline-calendar-panel { min-width: 0; overflow: visible; }
.calendar-head { min-height: 54px; align-items: center; padding: 10px 12px; }
.calendar-head h2 { font-size: 14px; }
.calendar-head p { font-size: 8px; }
.calendar-controls { display: flex; gap: 7px; }
.calendar-controls .button { min-width: 30px; min-height: 28px; padding: 5px 7px; font-size: 8px; }
.deadline-calendar-scroll { overflow: visible; }
.deadline-calendar-grid {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.calendar-weekday {
  min-width: 0;
  padding: 7px 2px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  color: #7f8880;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .1em;
  text-align: center;
  text-transform: uppercase;
}
.calendar-day {
  min-width: 0;
  min-height: 58px;
  position: relative;
  padding: 4px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #0d100e;
}
.calendar-day.outside { opacity: .38; }
.calendar-day.today { box-shadow: inset 0 0 0 1px var(--accent); }
.calendar-date { color: #aeb5af; font-size: 7px; font-weight: 800; }
.calendar-projects { display: grid; gap: 2px; margin-top: 4px; }
.calendar-project {
  width: 100%;
  min-width: 0;
  height: 6px;
  position: relative;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--calendar-tone);
  box-shadow: 0 0 7px color-mix(in srgb, var(--calendar-tone), transparent 45%);
}
.calendar-project:hover,
.calendar-project:focus-visible { transform: scaleY(1.35); outline: none; }
.calendar-hover-card {
  width: 220px;
  display: none;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  z-index: 80;
  transform: translateX(-50%) scaleY(.74);
  padding: 10px;
  border: 1px solid var(--calendar-tone);
  border-radius: 6px;
  color: #f3f6f3;
  background: #090d0a;
  box-shadow: 0 14px 38px rgba(0,0,0,.68), 0 0 18px color-mix(in srgb, var(--calendar-tone), transparent 75%);
  text-align: left;
  pointer-events: none;
}
.calendar-project:hover .calendar-hover-card,
.calendar-project:focus-visible .calendar-hover-card { display: grid; gap: 4px; }
.calendar-hover-card em { color: var(--calendar-tone); font-size: 7px; font-style: normal; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.calendar-hover-card strong { overflow: visible; color: #fff; font-size: 10px; line-height: 1.35; white-space: normal; }
.calendar-hover-card small { color: #a9b0aa; font-size: 8px; }
.calendar-hover-card b { color: #dce1dd; font-size: 8px; font-weight: 600; line-height: 1.45; }
.calendar-projects small { color: var(--muted); font-size: 7px; }
.calendar-legend { gap: 8px; padding: 7px 10px; border-top: 0; }
.calendar-legend span { font-size: 7px; }

/* Project notes */
.project-note-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; }
.project-note-list { display: grid; gap: 8px; margin-top: 12px; }
.project-note {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #0d100e;
}
.project-note-avatar { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: #071005; background: var(--accent); font-weight: 800; }
.project-note header { display: flex; justify-content: space-between; gap: 12px; }
.project-note header strong { font-size: 9px; }
.project-note header span { color: var(--muted); font-size: 8px; }
.project-note p { margin: 6px 0 0; color: #c3c9c4; font-size: 10px; line-height: 1.55; white-space: pre-wrap; }
.drive-folder-automation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid #35432e;
  border-radius: 5px;
  color: #9ca69e;
  background: rgba(174,241,69,.05);
  font-size: 8px;
}

/* Invitation audit */
.invitation-history-panel { margin-top: 14px; }
.invitation-history { display: grid; gap: 8px; padding: 14px; }
.invitation-history-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #0d100e;
}
.invitation-history-item > div:first-child { min-width: 0; }
.invitation-history-item strong,
.invitation-history-item small { display: block; }
.invitation-history-item strong { margin: 6px 0; font-size: 11px; }
.invitation-history-item small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.invitation-delivery { color: #a9cf49 !important; }
.invitation-delivery.failed { color: #ef8e88 !important; }
.invitation-status { display: inline-flex; padding: 4px 7px; border-radius: 999px; font-size: 7px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.status-pending { color: #ffe29a; background: #34270e; }
.status-accepted { color: #cfff93; background: #1b3114; }
.status-expired { color: #adb4ae; background: #282d29; }
.status-revoked { color: #ffaaa4; background: #391716; }
.invitation-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.invitation-actions .button { min-height: 34px; }

@media (max-width: 850px) {
  .topbar { flex-wrap: wrap; }
  .top-nav {
    order: 3;
    width: 100%;
    display: flex;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: thin;
  }
  .top-nav button { flex: 0 0 auto; min-height: 38px; }
  .calendar-head { flex-direction: row; }
  .calendar-head .calendar-controls { width: auto; }
  .invitation-history-item { align-items: flex-start; flex-direction: column; }
  .invitation-actions { width: 100%; justify-content: flex-start; }
}

@media (max-width: 560px) {
  .top-actions .project-wall-trigger { display: none; }
  .calendar-head { flex-direction: column; }
  .calendar-controls { width: 100%; }
  .calendar-controls .button { flex: 1; width: auto; }
  .project-note-form { grid-template-columns: 1fr; }
  .project-note { grid-template-columns: 32px minmax(0, 1fr); }
  .project-note > .text-button { grid-column: 2; justify-self: start; }
  .invitation-actions .button { flex: 1 1 145px; }
}

/* Tactical sign-in image treatment */
.auth-photo {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4, 8, 5, 0.28), rgba(4, 8, 5, 0.58)),
    url("/axl-field-login.webp") center/cover no-repeat;
  filter: saturate(0.72) contrast(1.08) brightness(0.62);
}
.auth-topo {
  position: absolute;
  inset: 0;
  opacity: 0.7;
  background:
    radial-gradient(
      circle at 70% 24%,
      rgba(169, 207, 73, 0.2),
      transparent 28%
    ),
    repeating-radial-gradient(
      ellipse at 42% 108%,
      transparent 0 38px,
      rgba(169, 207, 73, 0.18) 39px 40px
    ),
    linear-gradient(180deg, rgba(3, 7, 4, 0.05), rgba(3, 7, 4, 0.76));
}
.auth-visual > .brand,
.auth-visual > .auth-copy,
.auth-visual > .tagline {
  position: relative;
  z-index: 2;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.8);
}
.auth-visual:after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border: 1px solid rgba(169, 207, 73, 0.1);
  box-shadow: inset 0 0 110px rgba(0, 0, 0, 0.55);
  pointer-events: none;
}

/* Email Creator */
.email-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.95fr);
  gap: 12px;
}
.email-builder,
.email-output-panel {
  overflow: hidden;
}
.email-access-badge {
  padding: 6px 8px;
  border: 1px solid #4a5c30;
  color: var(--accent);
  font-size: 8px;
  letter-spacing: 0.1em;
}
.email-form,
.email-draft-form {
  padding: 18px;
  display: grid;
  gap: 18px;
}
.email-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
}
.email-fields .full {
  grid-column: 1/-1;
}
.email-products-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 4px;
  border-top: 1px solid var(--line);
}
.email-products-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 9px;
}
.email-product-picker {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}
.email-product-choice {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #0d100e;
  cursor: pointer;
}
.email-product-choice input {
  position: absolute;
  top: 7px;
  right: 7px;
  width: auto;
  z-index: 2;
}
.email-product-choice img {
  width: 100%;
  height: 72px;
  display: block;
  object-fit: contain;
  background: #fff;
}
.email-product-choice span {
  min-height: 44px;
  padding: 8px;
  display: block;
  color: #c6cbc7;
  font-size: 8px;
  line-height: 1.35;
}
.email-product-choice:has(input:checked) {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px rgba(169, 207, 73, 0.12);
}
.email-draft-form label {
  font-size: 9px;
}
.email-draft-form textarea {
  resize: vertical;
}
.email-draft-products {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}
.email-draft-product {
  padding: 8px;
  border: 1px solid var(--line);
  color: #afb6b0;
  background: #0d100e;
  font-size: 8px;
}
.email-history {
  margin-top: 12px;
}
.draft-history {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 14px;
}
.draft-card {
  padding: 12px;
  border: 1px solid var(--line);
  background: #0f1210;
}
.draft-card strong {
  display: block;
  font-size: 10px;
}
.draft-card span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 8px;
}
.permission-check {
  display: flex;
  grid-template-columns: auto 1fr;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #0d100e;
}
.permission-check input {
  width: auto;
}
.asset-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.subrecord-form {
  padding: 13px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  border-top: 1px solid var(--line);
  background: #0c0f0d;
}
.subrecord-form .full {
  grid-column: 1/-1;
}
.subrecord-form input,
.subrecord-form select,
.subrecord-form textarea {
  font-size: 9px;
  padding: 8px;
}
.form-fields fieldset > input {
  margin-top: 12px;
}

@media (max-width: 1200px) {
  .email-layout {
    grid-template-columns: 1fr;
  }
  .email-product-picker {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 850px) {
  .email-fields {
    grid-template-columns: 1fr;
  }
  .email-fields .full {
    grid-column: auto;
  }
  .draft-history {
    grid-template-columns: repeat(2, 1fr);
  }
  .subrecord-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .email-product-picker,
  .email-draft-products {
    grid-template-columns: repeat(2, 1fr);
  }
  .asset-checks {
    grid-template-columns: 1fr;
  }
  .draft-history {
    grid-template-columns: 1fr;
  }
  .subrecord-form {
    grid-template-columns: 1fr;
  }
  .subrecord-form .full {
    grid-column: auto;
  }
}

/* Responsive hardening for dashboard, forms, dialogs, and tablet controls */
@media (max-width: 1200px) {
  .top-actions {
    display: flex;
  }
  .global-search {
    display: none;
  }
  .topbar {
    grid-template-columns: 220px minmax(0, 1fr) auto;
  }
}

@media (max-width: 850px) {
  .topbar {
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    width: 100%;
    height: auto;
    min-height: 62px;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
  }
  .top-nav {
    display: none;
  }
  .top-actions {
    display: flex;
    margin-left: auto;
  }
  .page-head {
    min-height: 0;
    margin: 0 16px;
    padding: 18px 0;
    align-items: flex-start;
    gap: 14px;
  }
  .page-head h1 {
    font-size: clamp(30px, 8vw, 44px);
  }
  .account {
    max-width: 46%;
  }
  .account strong {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .panel,
  .form-section,
  .detail-section {
    min-width: 0;
  }
  .panel-head,
  .section-intro,
  .form-hero {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  .panel-head > button,
  .section-intro > button,
  .form-hero > button {
    width: 100%;
  }
  .filters {
    width: 100%;
  }
  .filters input,
  .filters select {
    width: 100%;
  }
  input,
  select,
  textarea {
    font-size: 16px;
  }
  .table-wrap {
    width: 100%;
    max-width: calc(100vw - 32px);
    overscroll-behavior-inline: contain;
  }
  .request-dialog,
  .project-wall-dialog,
  .access-requests-dialog {
    width: calc(100vw - 20px);
    max-width: none;
    max-height: calc(100dvh - 20px);
  }
  .toast {
    right: 12px;
    bottom: 12px;
    left: 12px;
    max-width: none;
  }
}

@media (max-width: 560px) {
  .side-nav button {
    min-height: 48px;
  }
  .top-brand {
    display: none;
  }
  .top-actions {
    width: 100%;
    justify-content: flex-end;
  }
  .top-actions .button {
    flex: 1;
  }
  .page-head {
    flex-direction: column;
  }
  .account {
    max-width: 100%;
  }
  .metric-grid {
    grid-template-columns: 1fr;
  }
  .content {
    padding-right: 12px;
    padding-left: 12px;
  }
  .auth-visual {
    min-height: 46vh;
    padding: 24px 20px;
  }
  .auth-copy h1 {
    font-size: clamp(48px, 18vw, 68px);
  }
  .auth-copy > p:last-child {
    font-size: 14px;
  }
  .auth-panel {
    padding: 28px 20px;
  }
  .auth-card h2 {
    font-size: 42px;
  }
  .pending-access-item {
    padding: 12px;
  }
  .access-requests-shell > header {
    align-items: flex-start;
    padding: 18px;
  }
}

/* Keep product tabs available after the responsive hardening rules above. */
@media (max-width: 850px) {
  .topbar { flex-wrap: wrap; }
  .top-nav {
    order: 3;
    width: 100%;
    display: flex;
    overflow-x: auto;
    padding-bottom: 2px;
  }
  .top-nav button { flex: 0 0 auto; }
}

/* Phone and tablet layout: calendar fits the viewport; project timeline advertises horizontal scrolling. */
.timeline-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
  scrollbar-color: #c7ff4a #252b26;
  scrollbar-width: auto;
}
.timeline-scroll::-webkit-scrollbar { height: 16px; }
.timeline-scroll::-webkit-scrollbar-track {
  background: #252b26;
  border: 1px solid #4c594d;
  border-radius: 999px;
}
.timeline-scroll::-webkit-scrollbar-thumb {
  min-width: 72px;
  background: linear-gradient(90deg, #9fe52f, #d5ff63, #9fe52f);
  border: 3px solid #252b26;
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(184, 243, 75, .9);
}
.timeline-scroll::-webkit-scrollbar-thumb:hover { background: #e2ff8d; }
.timeline-scroll-hint {
  display: none;
  padding: 8px 14px 11px;
  color: #d9ff91;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .06em;
  text-align: center;
  text-transform: uppercase;
}
.timeline-scroll-hint span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 13px;
  border: 1px solid rgba(199, 255, 74, .72);
  border-radius: 999px;
  background: rgba(159, 229, 47, .13);
  box-shadow: 0 0 14px rgba(184, 243, 75, .16);
}
.timeline-scroll-hint span::before { content: "◀"; color: #c7ff4a; font-size: 12px; }
.timeline-scroll-hint span::after { content: "▶"; color: #c7ff4a; font-size: 12px; }

@media (max-width: 850px) {
  .dashboard-glance-row { grid-template-columns: 1fr; }
  .deadline-calendar-scroll { width: 100%; overflow: hidden; }
  .deadline-calendar-grid {
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .calendar-weekday { min-width: 0; padding: 7px 2px; text-align: center; }
  .calendar-day { min-width: 0; min-height: 88px; padding: 5px; }
  .calendar-projects { gap: 3px; margin-top: 5px; }
  .calendar-project { min-width: 0; height: 6px; padding: 0; }
  .calendar-date { font-size: 8px; }
  .timeline-scroll-hint { display: block; }
  .timeline {
    min-width: 586px;
    overflow: visible;
    padding-bottom: 6px;
  }
  .timeline-months {
    width: 586px;
    min-width: 586px;
    padding-left: 178px;
  }
}

@media (max-width: 560px) {
  .calendar-head { gap: 9px; }
  .deadline-calendar-panel .panel-head { padding: 10px; }
  .calendar-day { min-height: 70px; padding: 4px; }
  .calendar-projects { gap: 2px; margin-top: 4px; }
  .calendar-project { height: 7px; border-radius: 2px; }
  .calendar-hover-card,
  .calendar-projects small { display: none !important; }
  .calendar-legend { gap: 9px; padding: 8px; }
  .calendar-legend span { font-size: 7px; }
}

@media (max-width: 850px) {
  .store-intelligence { padding: 14px; }
  .traffic-source-panel {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

@media (max-width: 560px) {
  .store-intelligence-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
  }
  .store-stat-grid { grid-template-columns: 1fr; }
  .store-stat-card { min-height: 132px; }
  .traffic-source-row > div:first-child { font-size: 10px; }
}

/* Integrated command-shell navigation and tactical workspace refresh. */
.app {
  --sidebar-width: 196px;
  grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
}
.sidebar {
  background:
    linear-gradient(rgba(7,10,8,.94), rgba(7,10,8,.98)),
    repeating-radial-gradient(ellipse at 10% 10%, transparent 0 28px, rgba(174,241,69,.08) 29px 30px, transparent 31px 46px);
}
.sidebar-logo { height: 88px; }
.sidebar-logo-image { width: 112px; }
.side-nav { padding: 16px 10px; display: grid; gap: 8px; }
.side-nav button,
.utility-nav button {
  width: 100%;
  min-height: 62px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-left: 3px solid transparent;
  border-radius: 8px;
  color: #aeb6af;
  background: transparent;
  text-align: left;
  font-size: 12px;
  font-weight: 800;
}
.side-nav button i,
.utility-nav button i {
  width: 30px;
  color: var(--tab-color, #aef145);
  font-size: 25px;
  font-style: normal;
  line-height: 1;
  text-align: center;
}
.side-nav button:hover,
.side-nav button.active,
.utility-nav button:hover,
.utility-nav button.active {
  color: #fff;
  border-color: color-mix(in srgb, var(--tab-color, #aef145), transparent 72%);
  border-left-color: var(--tab-color, #aef145);
  background: linear-gradient(90deg, color-mix(in srgb, var(--tab-color, #aef145), transparent 84%), transparent);
}
.side-bottom { padding: 8px 10px 10px; }
.utility-nav { display: grid; gap: 6px; padding: 10px 0; border-top: 1px solid #263029; }
.utility-nav .tab-users { --tab-color:#4ad1dc; }
.utility-nav .utility-notification { --tab-color:#d5b85b; position: relative; }
.utility-nav .notification-badge {
  position: static;
  min-width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 99px;
  color: #090b0a;
  background: #d5b85b;
  font-size: 9px;
}
.side-bottom > #logoutButton { height: 44px; padding: 0 12px; border-radius: 7px; }
.health { padding: 12px 4px; }

.topbar {
  height: 68px;
  display: flex;
  justify-content: flex-end;
  padding: 0 28px;
  background: rgba(7,10,8,.96);
  backdrop-filter: blur(14px);
}
.top-nav,
.top-brand { display: none !important; }
.top-actions {
  width: min(100%, 720px);
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto;
  gap: 10px;
  margin-left: auto;
}
.global-search { width: 100%; }
.app .main::before {
  inset: 0 0 0 var(--sidebar-width);
  background:
    linear-gradient(rgba(7,10,8,.92), rgba(7,10,8,.97)),
    repeating-radial-gradient(ellipse at 78% 14%, transparent 0 34px, rgba(var(--view-tone-rgb),.09) 35px 36px, transparent 37px 54px),
    repeating-linear-gradient(90deg, rgba(var(--view-tone-rgb),.035) 0 1px, transparent 1px 42px),
    repeating-linear-gradient(0deg, rgba(var(--view-tone-rgb),.025) 0 1px, transparent 1px 42px);
}

.dashboard-command-center { min-width: 0; margin-bottom: 12px; }
.command-view-tabs {
  display: inline-flex;
  gap: 6px;
  margin-bottom: 9px;
  padding: 5px;
  border: 1px solid #303a32;
  border-radius: 9px;
  background: #0b100c;
}
.command-view-tabs button {
  min-height: 38px;
  padding: 0 15px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #939e96;
  background: transparent;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.command-view-tabs button span { margin-right: 7px; font-size: 15px; }
.command-view-tabs button.active {
  color: #061005;
  border-color: #aef145;
  background: #aef145;
  box-shadow: 0 0 16px rgba(174,241,69,.24);
}
.command-pane { margin: 0; }
.requests-production-section { margin-bottom: 16px; }
.compact-section-intro { margin-bottom: 10px; }
.compact-section-intro h2 { margin-bottom: 2px; }

.email-integrated-shell {
  min-height: 780px;
  overflow: hidden;
  border: 1px solid rgba(245,155,66,.3);
  border-radius: 12px;
  background: #080b08;
  box-shadow: 0 22px 60px rgba(0,0,0,.32);
}
.email-integrated-shell iframe {
  width: 100%;
  height: max(780px, calc(100dvh - 188px));
  display: block;
  border: 0;
  background: #080b08;
}

.store-toolbar { align-items: center; }
.store-toolbar .muted { margin: 5px 0 0; }
.store-toolbar-actions { display: flex; align-items: flex-end; gap: 9px; }
.product-catalog-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  padding: 0 2px 10px;
  border-bottom: 1px solid #2b352d;
}
.product-catalog-head h2 { margin: 3px 0 0; font: 700 25px var(--display); text-transform: uppercase; }
.product-catalog-head p { margin: 4px 0 0; color: var(--muted); font-size: 9px; }
.store-catalog-search { width:min(440px,48vw); }
.store-catalog-search input { width:100%; min-height:42px; padding:0 14px; color:var(--text); background:var(--panel); border:1px solid var(--line); border-radius:10px; }
.store-catalog-search input:focus { border-color:#aef145; outline:2px solid rgba(174,241,69,.18); }
.store-catalog-summary { padding:10px 2px 8px; color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.product-card {
  padding: 0;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.product-card:hover:not(:disabled) {
  transform: translateY(-3px);
  border-color: #6ed56a;
  box-shadow: 0 12px 30px rgba(0,0,0,.32), 0 0 0 1px rgba(110,213,106,.16);
}
.product-card span { display: block; margin-top: 9px; color: #9ee99a; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.store-catalog-card .product-image { min-height:145px; }
.store-product-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.store-product-heading h3 { margin:0; }
.store-product-heading b { flex:0 0 auto; padding:3px 5px; color:#aef145; background:rgba(174,241,69,.08); border:1px solid rgba(174,241,69,.24); border-radius:999px; font-size:7px; }
.store-product-type { min-height:22px; }
.store-product-facts { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin:10px 0 0; }
.store-product-facts div { min-width:0; }
.store-product-facts dt { color:var(--muted); font-size:7px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.store-product-facts dd { overflow:hidden; margin:2px 0 0; color:var(--text); font-size:9px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.store-catalog-gap { display:grid;gap:4px;margin:11px 0;padding:9px 10px;border:1px solid rgba(239,106,91,.35);border-radius:8px;background:rgba(239,106,91,.07);text-align:left; }
.store-catalog-gap span { color:#ef8a7e;font-size:7px;font-weight:850;letter-spacing:.06em;text-transform:uppercase; }
.store-catalog-gap strong { overflow:hidden;color:var(--text);font-size:8px;text-overflow:ellipsis;white-space:nowrap; }.store-catalog-gap i { color:var(--muted);font-style:normal; }
.store-catalog-empty { grid-column:1 / -1; padding:34px; text-align:center; background:var(--panel); border:1px solid var(--line); border-radius:12px; }
.store-catalog-empty p { margin:6px 0 0; color:var(--muted); font-size:10px; }

.product-preview-dialog {
  width: min(1180px, calc(100vw - 34px));
  height: min(900px, calc(100dvh - 34px));
  padding: 0;
  overflow: hidden;
  color: #f3f5f3;
  border: 1px solid #4b5a4d;
  border-radius: 14px;
  background: #080b08;
  box-shadow: 0 30px 100px rgba(0,0,0,.7);
}
.product-preview-dialog::backdrop { background: rgba(0,0,0,.82); backdrop-filter: blur(6px); }
.product-preview-shell { height: 100%; display: grid; grid-template-rows: auto minmax(0,1fr); }
.product-preview-shell > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 18px;
  border-bottom: 1px solid #303a32;
  background: linear-gradient(120deg, rgba(110,213,106,.12), transparent 38%), #0d120e;
}
.product-preview-shell h2 { margin: 3px 0 0; font: 700 24px var(--display); text-transform: uppercase; }
.product-preview-actions { display: flex; align-items: center; gap: 9px; }
.product-preview-close {
  width: 42px;
  height: 42px;
  border: 1px solid #ff5f5f;
  border-radius: 8px;
  color: #fff;
  background: #c92f34;
  font-size: 28px;
  line-height: 1;
}
.product-preview-close:hover { background: #f04449; }
.product-preview-shell iframe { width: 100%; height: 100%; border: 0; background: #fff; }

@media (max-width: 1200px) {
  .global-search { display: block; }
  .store-toolbar-actions { align-items: stretch; flex-direction: column; }
}

@media (max-width: 850px) {
  .app { --sidebar-width: 0px; display: block; }
  .app .main::before { inset: 0; }
  .sidebar { position: static; width: 100%; height: auto; }
  .sidebar-logo { display: none; }
  .side-nav { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 4px; padding: 6px; overflow: visible; }
  .side-nav button { min-width: 0; min-height: 54px; grid-template-columns: 1fr; justify-items: center; gap: 2px; padding: 5px; border-left-width: 1px; font-size: 9px; text-align: center; }
  .side-nav button i { font-size: 21px; }
  .side-bottom { display: flex; align-items: center; gap: 5px; padding: 0 6px 7px; }
  .utility-nav { flex: 1; display: flex; gap: 4px; padding: 0; border: 0; overflow-x: auto; }
  .utility-nav button { width: auto; min-width: max-content; min-height: 38px; display: flex; padding: 0 9px; border-left-width: 1px; font-size: 8px; }
  .utility-nav button i { width: 18px; font-size: 17px; }
  .health { display: none; }
  .side-bottom > #logoutButton { width: auto; min-width: 42px; padding: 0 10px; font-size: 0; }
  .side-bottom > #logoutButton span { font-size: 18px; }
  .topbar { display: flex; min-height: 62px; padding: 9px 12px; }
  .top-actions { width: 100%; grid-template-columns: minmax(0,1fr) auto; }
  .global-search { display: block; min-width: 0; }
  .top-actions .new-action-menu > .button { width: auto; min-width: 92px; }
  .email-integrated-shell { min-height: 900px; }
  .email-integrated-shell iframe { height: max(900px, calc(100dvh - 150px)); }
  .store-toolbar { align-items: stretch; }
  .store-toolbar-actions { width: 100%; }
  .product-preview-dialog { width: calc(100vw - 14px); height: calc(100dvh - 14px); }
}

@media (max-width: 560px) {
  .page-head { margin: 0 12px; }
  .top-actions { grid-template-columns: minmax(0,1fr) 92px; }
  .global-search input { min-width: 0; }
  .command-view-tabs { width: 100%; }
  .command-view-tabs button { flex: 1; padding: 0 8px; }
  .product-catalog-head { align-items: flex-start; flex-direction: column; gap: 5px; }
  .product-preview-shell > header { align-items: flex-start; flex-direction: column; }
  .product-preview-actions { width: 100%; }
  .product-preview-actions .button { flex: 1; }
}

/* Final dashboard composition overrides */
.dashboard-command-center {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, .7fr);
  gap: 12px;
  align-items: stretch;
}
.dashboard-command-center > .command-view-tabs { grid-column: 1 / -1; }
.dashboard-command-center > .command-pane { grid-column: 1; }
.dashboard-command-center > .home-next-projects { grid-column: 2; grid-row: 2; margin: 0; }
.home-next-projects .panel-head { padding-bottom: 10px; }
.deadline-calendar-panel { min-height: 430px; }
.product-preview-shell iframe { display: none; }
html[data-color-mode="light"] .sidebar {
  background:
    linear-gradient(rgba(248,250,246,.96), rgba(248,250,246,.98)),
    url("/brand/axl-terrain-light.webp") center / cover no-repeat;
}
html[data-color-mode="light"] .side-nav button,
html[data-color-mode="light"] .utility-nav button { color: var(--text); background-color: rgba(255,255,255,.72); }
@media (max-width: 1050px) {
  .dashboard-command-center { grid-template-columns: 1fr; }
  .dashboard-command-center > .command-pane,
  .dashboard-command-center > .home-next-projects { grid-column: 1; grid-row: auto; }
}

/* Full application light mode and visible tactical texture. */
.app .main::after { opacity: .2; }
.sidebar {
  background:
    linear-gradient(rgba(7,10,8,.89), rgba(7,10,8,.96)),
    url("/brand/axl-terrain-dark.webp") center / cover no-repeat;
}
html[data-color-mode="light"] .app .main::after { opacity: .13; mix-blend-mode: multiply; }
html[data-color-mode="light"] .main,
html[data-color-mode="light"] .view { color: var(--text); }
html[data-color-mode="light"] .sidebar {
  background:
    linear-gradient(rgba(248,250,246,.91), rgba(248,250,246,.97)),
    url("/brand/axl-terrain-light.webp") center / cover no-repeat;
}
html[data-color-mode="light"] .topbar,
html[data-color-mode="light"] .page-head,
html[data-color-mode="light"] .panel,
html[data-color-mode="light"] .metric-card,
html[data-color-mode="light"] .project-card,
html[data-color-mode="light"] .board-column,
html[data-color-mode="light"] .calendar-panel,
html[data-color-mode="light"] .timeline-panel,
html[data-color-mode="light"] .quick-detail,
html[data-color-mode="light"] .connection-card,
html[data-color-mode="light"] .store-intelligence,
html[data-color-mode="light"] .store-stat-card,
html[data-color-mode="light"] .traffic-source-panel,
html[data-color-mode="light"] .social-studio,
html[data-color-mode="light"] .social-calendar-panel,
html[data-color-mode="light"] .user-card,
html[data-color-mode="light"] .notification-card,
html[data-color-mode="light"] .modal-card,
html[data-color-mode="light"] dialog,
html[data-color-mode="light"] table,
html[data-color-mode="light"] .request-form-section {
  color: var(--text);
  background-color: rgba(255,255,255,.95);
  border-color: var(--line);
}
html[data-color-mode="light"] th,
html[data-color-mode="light"] td,
html[data-color-mode="light"] .panel-head,
html[data-color-mode="light"] .card-head,
html[data-color-mode="light"] .modal-head { border-color: var(--line2); }
html[data-color-mode="light"] .side-nav button,
html[data-color-mode="light"] .utility-nav button,
html[data-color-mode="light"] .button:not(.accent):not(.danger-button),
html[data-color-mode="light"] .command-view-tabs,
html[data-color-mode="light"] .command-view-tabs button,
html[data-color-mode="light"] .filter-chip,
html[data-color-mode="light"] input,
html[data-color-mode="light"] select,
html[data-color-mode="light"] textarea {
  color: var(--text);
  background-color: rgba(255,255,255,.96);
  border-color: var(--line);
}
html[data-color-mode="light"] .side-nav button.active,
html[data-color-mode="light"] .utility-nav button.active,
html[data-color-mode="light"] .command-view-tabs button.active {
  color: var(--text);
  background: color-mix(in srgb, var(--view-tone) 14%, #fff);
  border-color: color-mix(in srgb, var(--view-tone) 55%, var(--line));
}
html[data-color-mode="light"] .muted,
html[data-color-mode="light"] small,
html[data-color-mode="light"] .project-meta,
html[data-color-mode="light"] .card-meta { color: var(--muted); }
html[data-color-mode="light"] .email-integrated-shell {
  background:
    linear-gradient(rgba(243,246,241,.94), rgba(243,246,241,.97)),
    url("/brand/axl-terrain-light.webp") center / cover no-repeat;
}


/* Hide the stray source pixel in the shared AXL logo while preserving the complete mark. */
img[src$='/axl-logo-white.png'],
img[src*='/axl-logo-white.png?'] { clip-path: none; }

/* Bound the embedded builder so Safari does not create an empty scrolling tail. */
.email-integrated-shell { height:calc(100dvh - 188px); min-height:620px; }
.email-integrated-shell iframe { height:100%; min-height:0; }
@media (max-width:760px) {
  .email-integrated-shell { height:calc(100dvh - 150px); min-height:560px; }
  .email-integrated-shell iframe { height:100%; min-height:0; }
}

/* Shared compact product-card scale across Store Data and all product pickers. */
.product-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; }
.product-grid .product-card { min-height:0; }
.product-grid .product-image { min-height:112px; }
.product-grid .product-card > div:last-child { padding:11px; }
.product-grid .product-card h3 { font-size:11px; }
.product-grid .product-card p,.product-grid .product-card span { font-size:8px; }
@media (max-width:1080px) { .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:680px) { .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .store-catalog-search { width:100%; } }
@media (max-width:390px) { .product-grid { grid-template-columns:1fr; } }

.tab-blog { --tab-color:#71c9a1; }
.app[data-theme="blog"] { --view-tone:#71c9a1; --view-tone-rgb:113,201,161; }
.blog-studio-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr); gap:14px; }
.blog-compose-panel,.blog-publish-panel { min-width:0; }
.blog-search-bar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:14px; }
.blog-product-grid { padding:0 14px 16px; }
.blog-product-grid .product-image {
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:1 / 1;
  background-color:#fff;
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
}
.selectable-product { position:relative; cursor:pointer; overflow:hidden; }
.selectable-product > input { position:absolute; top:8px; right:8px; z-index:2; width:20px; height:20px; min-height:0; accent-color:#aef145; }
.selectable-product.selected { border-color:#aef145; box-shadow:0 0 0 2px rgba(174,241,69,.22),0 0 20px rgba(174,241,69,.12); }
.blog-direction-form,.blog-publish-form { display:grid; gap:13px; padding:14px; }
.blog-field-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.blog-direction-form label,.blog-publish-form label { display:grid; gap:6px; color:var(--muted); font-size:9px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.blog-publish-form textarea { font-family:inherit; }
#blogBodyHtml { min-height:320px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; }
.blog-hero-builder { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:9px; padding:13px; background:rgba(10,14,11,.72); border:1px solid var(--line); border-radius:11px; }
.blog-hero-builder strong,.blog-hero-builder small { display:block; }
.blog-hero-builder small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.45; }
.blog-upload-button { position:relative; overflow:hidden; cursor:pointer; }
.blog-upload-button input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.blog-hero-grid { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.blog-hero-option { overflow:hidden; padding:0; color:var(--text); background:#111712; border:1px solid var(--line); border-radius:10px; text-align:left; }
.blog-hero-option img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; }
.blog-hero-option span { display:block; padding:9px; font-size:9px; font-weight:800; }
.blog-hero-option.selected { border-color:#aef145; box-shadow:0 0 0 2px rgba(174,241,69,.25),0 0 20px rgba(174,241,69,.16); }
.new-action-blog i { background:#71c9a1; }
.social-product-picker { grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:repeat(5,minmax(0,1fr)); overflow-x:visible; }
.social-product-option img { height:72px; }

/* Finish light-mode surfaces that previously inherited dark interiors. */
html[data-color-mode="light"] .calendar-grid,
html[data-color-mode="light"] .calendar-day,
html[data-color-mode="light"] .calendar-cell,
html[data-color-mode="light"] .permission-check,
html[data-color-mode="light"] .member-tool-grid,
html[data-color-mode="light"] .tool-permission-list,
html[data-color-mode="light"] .invitation-history-item,
html[data-color-mode="light"] .blog-hero-builder,
html[data-color-mode="light"] .blog-hero-option {
  color:var(--text);
  background:rgba(255,255,255,.96);
  border-color:var(--line);
}
html[data-color-mode="light"] .calendar-day > *,
html[data-color-mode="light"] .calendar-cell > *,
html[data-color-mode="light"] .permission-check strong,
html[data-color-mode="light"] .permission-check span { color:var(--text); }

@media (max-width:1100px) {
  .blog-studio-grid { grid-template-columns:1fr; }
  .social-product-picker { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .side-nav { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .blog-field-grid { grid-template-columns:1fr; }
  .blog-hero-builder { grid-template-columns:1fr; }
  .blog-hero-grid { grid-column:1; }
  .social-product-picker { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:520px) {
  .blog-search-bar { grid-template-columns:1fr; }
  .blog-hero-grid { grid-template-columns:1fr; }
  .social-product-picker { grid-template-columns:1fr; }
}


/* Mobile navigation contrast: keep every tab legible above the tactical background. */
@media (max-width: 850px) {
  .sidebar {
    position: relative;
    z-index: 60;
    isolation: isolate;
    border-bottom: 1px solid #3f4b41;
    background: #0b100c !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .42);
  }
  .side-nav {
    position: relative;
    z-index: 2;
    padding: 8px;
    background: #0b100c;
  }
  .side-nav button,
  .utility-nav button {
    opacity: 1 !important;
    color: #f4f7f4 !important;
    border: 1px solid #354138 !important;
    background: #171d18 !important;
    box-shadow: none;
  }
  .side-nav button span,
  .utility-nav button span {
    opacity: 1 !important;
    color: #f4f7f4 !important;
    font-weight: 850;
  }
  .side-nav button i,
  .utility-nav button i {
    opacity: 1 !important;
    color: var(--tab-color, #b9f35b) !important;
    filter: brightness(1.28) saturate(1.16);
  }
  .side-nav button.active,
  .utility-nav button.active {
    color: #fff !important;
    border-color: var(--tab-color, #b9f35b) !important;
    background: #202921 !important;
    box-shadow:
      inset 0 0 0 1px var(--tab-color, #b9f35b),
      0 0 18px rgba(174, 241, 69, .18);
  }
  .side-nav button.active span,
  .utility-nav button.active span {
    color: #fff !important;
  }
  .side-bottom {
    position: relative;
    z-index: 2;
    background: #0b100c;
  }
}


/* v1.1 modern shell: Safari-safe toolbar, theme imagery, and support footer. */
body {
  background-color: #070a08;
  background-image: linear-gradient(135deg, rgba(4,8,5,.78), rgba(5,10,7,.88)), url("/brand/axl-terrain-dark.webp");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
body::before { display: none; }
.app .main::before {
  inset: 0 0 0 var(--sidebar-width);
  opacity: 1;
  background: radial-gradient(circle at 82% 7%, rgba(var(--view-tone-rgb),.12), transparent 32%), linear-gradient(180deg, rgba(5,9,6,.48), rgba(5,9,6,.72));
}
.sidebar {
  overflow-y: auto;
  border-right-color: rgba(174,241,69,.16);
  background: rgba(7,12,8,.88);
  box-shadow: 18px 0 42px rgba(0,0,0,.22);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
}
.topbar {
  background: rgba(7,11,8,.86);
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
}
.top-actions {
  width: min(100%,760px);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-left: auto;
}
.top-actions .global-search { width: auto; min-width: 0; flex: 1 1 320px; }
.top-actions .global-search input { min-width: 0; }
.top-actions .color-mode-toggle,
.top-actions .new-action-menu { flex: 0 0 auto; }
.top-actions .new-action-menu > .button { width: auto; min-width: 96px; }
.global-search input,
.color-mode-toggle {
  border-color: rgba(174,241,69,.2);
  background: rgba(13,19,14,.88);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.app .panel,
.app .metric-card,
.app .calendar-panel,
.app .timeline-panel,
.app .quick-detail,
.app .board-column,
.app .connection-card {
  border-color: rgba(var(--view-tone-rgb),.24);
  background: linear-gradient(145deg, rgba(19,25,20,.91), rgba(9,14,10,.87));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 16px 38px rgba(0,0,0,.16);
  -webkit-backdrop-filter: blur(12px) saturate(1.08);
  backdrop-filter: blur(12px) saturate(1.08);
}
.side-nav button,
.utility-nav button,
.button,
.color-mode-toggle,
.global-search input,
.new-action-popover,
.notification-panel {
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.side-nav button:hover,
.utility-nav button:hover { transform: translateX(2px); }
.new-action-popover {
  overflow: hidden;
  border-color: rgba(174,241,69,.34);
  background: rgba(9,15,10,.98);
  box-shadow: 0 24px 70px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.05);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}
.notification-panel {
  border-left-color: rgba(174,241,69,.32);
  background: rgba(7,12,8,.98);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}
.health-card {
  margin: 4px 0 10px;
  padding: 11px 10px;
  border: 1px solid rgba(174,241,69,.18);
  border-radius: 9px;
  background: rgba(14,21,15,.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.health-card .health {
  padding: 0 0 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  color: #aab3ac;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .11em;
}
.health-status { min-width: 0; display: inline-flex; align-items: center; }
.health-card .health i { flex: 0 0 auto; }
.app-version {
  flex: 0 0 auto;
  padding: 3px 5px;
  border: 1px solid rgba(174,241,69,.22);
  border-radius: 99px;
  color: #c7f77a;
  background: rgba(174,241,69,.08);
  letter-spacing: .04em;
}
.app-meta {
  display: grid;
  gap: 6px;
  padding-top: 9px;
  border-top: 1px solid rgba(174,241,69,.12);
  color: #7e8980;
  font-size: 8px;
  letter-spacing: .035em;
}
.app-meta a { color: #c7f77a; font-weight: 800; text-decoration: none; }
.app-meta a:hover,
.app-meta a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

html[data-color-mode="light"] body {
  background-color: #edf2ec;
  background-image: linear-gradient(135deg, rgba(250,252,249,.76), rgba(241,246,240,.86)), url("/brand/axl-terrain-light.webp");
}
html[data-color-mode="light"] .app .main::before {
  background: radial-gradient(circle at 82% 7%, rgba(var(--view-tone-rgb),.1), transparent 32%), linear-gradient(180deg, rgba(249,252,248,.38), rgba(242,247,241,.64));
}
html[data-color-mode="light"] .sidebar {
  border-right-color: rgba(45,86,47,.2);
  background: rgba(247,250,246,.9);
  box-shadow: 18px 0 42px rgba(40,60,42,.1);
}
html[data-color-mode="light"] .topbar {
  background: rgba(249,252,248,.88);
  box-shadow: 0 10px 28px rgba(40,60,42,.09);
}
html[data-color-mode="light"] .global-search input,
html[data-color-mode="light"] .color-mode-toggle {
  color: #131814;
  border-color: rgba(45,86,47,.22);
  background: rgba(255,255,255,.94);
}
html[data-color-mode="light"] .app .panel,
html[data-color-mode="light"] .app .metric-card,
html[data-color-mode="light"] .app .calendar-panel,
html[data-color-mode="light"] .app .timeline-panel,
html[data-color-mode="light"] .app .quick-detail,
html[data-color-mode="light"] .app .board-column,
html[data-color-mode="light"] .app .connection-card {
  color: #131814;
  border-color: rgba(var(--view-tone-rgb),.24);
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(247,250,246,.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 16px 38px rgba(40,60,42,.09);
}
html[data-color-mode="light"] .new-action-popover,
html[data-color-mode="light"] .notification-panel {
  color: #111711;
  border-color: rgba(45,86,47,.28);
  background: rgba(251,253,250,.98);
  box-shadow: 0 24px 70px rgba(40,60,42,.2);
}
html[data-color-mode="light"] .new-action-popover button { color: #111711; }
html[data-color-mode="light"] .new-action-popover button:hover { background: #eaf2e7; }
html[data-color-mode="light"] .new-action-popover small,
html[data-color-mode="light"] .notification-item p,
html[data-color-mode="light"] .notification-item small { color: #586359; }
html[data-color-mode="light"] .notification-item { color: #111711; background: #fff; }
html[data-color-mode="light"] .health-card { border-color: rgba(45,86,47,.2); background: rgba(255,255,255,.78); }
html[data-color-mode="light"] .health-card .health,
html[data-color-mode="light"] .app-meta { color: #59645a; }
html[data-color-mode="light"] .app-version,
html[data-color-mode="light"] .app-meta a { color: #2f662d; }
html[data-color-mode="light"] .app-meta a:hover,
html[data-color-mode="light"] .app-meta a:focus-visible { color: #101610; }

@media (max-width: 850px) {
  .topbar { display: flex; flex-wrap: nowrap; }
  .top-actions { width: 100%; min-width: 0; display: flex; flex-wrap: nowrap; margin-left: 0; }
  .top-actions .global-search { display: block; min-width: 0; flex: 1 1 auto; }
  .top-actions .color-mode-toggle,
  .top-actions .new-action-menu { flex: 0 0 auto; }
  .top-actions .new-action-menu > .button { width: auto; min-width: 92px; }
  html[data-color-mode="light"] .sidebar,
  html[data-color-mode="light"] .side-nav,
  html[data-color-mode="light"] .side-bottom { border-color: #c8d4c7; background: #eef4ed !important; }
  html[data-color-mode="light"] .side-nav button,
  html[data-color-mode="light"] .utility-nav button {
    color: #172018 !important;
    border-color: #cbd7ca !important;
    background: #fff !important;
  }
  html[data-color-mode="light"] .side-nav button span,
  html[data-color-mode="light"] .utility-nav button span { color: #172018 !important; }
  html[data-color-mode="light"] .side-nav button.active,
  html[data-color-mode="light"] .utility-nav button.active {
    color: #0d140e !important;
    border-color: var(--tab-color,#5f8e2b) !important;
    background: #edf6e8 !important;
  }
}
@media (max-width: 560px) {
  .top-actions { justify-content: flex-start; gap: 7px; }
  .top-actions .global-search { min-width: 0; }
  .top-actions .color-mode-toggle { width: 42px; padding: 0; justify-content: center; }
  .top-actions .new-action-menu > .button { min-width: 88px; padding-right: 10px; padding-left: 10px; }
}


/* v1.2.0 texture visibility and elevated menu surfaces. */
body {
  background-image:
    linear-gradient(135deg, rgba(4, 8, 5, .34), rgba(5, 10, 7, .52)),
    url("/brand/axl-terrain-dark.webp");
}
.app .main::before {
  background:
    radial-gradient(circle at 82% 7%, rgba(var(--view-tone-rgb), .1), transparent 32%),
    linear-gradient(180deg, rgba(5, 9, 6, .16), rgba(5, 9, 6, .34));
}
.app .panel,
.app .metric-card,
.app .calendar-panel,
.app .timeline-panel,
.app .quick-detail,
.app .board-column,
.app .connection-card {
  background: linear-gradient(145deg, rgba(19, 25, 20, .84), rgba(9, 14, 10, .76));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .055),
    0 18px 44px rgba(0, 0, 0, .2);
}
.side-nav button,
.utility-nav button {
  border-color: rgba(174, 241, 69, .12);
  background: rgba(12, 19, 13, .64);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}
.side-nav button:hover,
.utility-nav button:hover,
.side-nav button.active,
.utility-nav button.active {
  background: linear-gradient(90deg, color-mix(in srgb, var(--tab-color, #aef145), transparent 78%), rgba(15, 24, 16, .94));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--tab-color, #aef145), transparent 42%),
    0 8px 24px rgba(0, 0, 0, .22);
}
.new-action-popover {
  z-index: 180;
  border: 1px solid rgba(174, 241, 69, .7);
  background: rgba(7, 13, 8, .985);
  box-shadow:
    0 28px 80px rgba(0, 0, 0, .72),
    0 0 0 1px rgba(174, 241, 69, .1),
    0 0 30px rgba(174, 241, 69, .12),
    inset 0 1px 0 rgba(255, 255, 255, .07);
}
.new-action-popover button {
  border: 1px solid transparent;
}
.new-action-popover button:hover,
.new-action-popover button:focus-visible {
  border-color: color-mix(in srgb, var(--action-tone), transparent 55%);
  background: #18231a;
  outline: none;
}
.notification-panel {
  z-index: 180;
  border-left: 1px solid rgba(174, 241, 69, .64);
  background: rgba(6, 11, 7, .985);
  box-shadow: -32px 0 90px rgba(0, 0, 0, .66);
}
.notification-item {
  border-color: rgba(174, 241, 69, .18);
  background: rgba(14, 22, 15, .94);
}
dialog,
.request-dialog,
.project-wall-dialog,
.access-requests-dialog,
.operations-event-dialog,
.product-preview-dialog {
  color: #f3f7f3;
  border-color: rgba(174, 241, 69, .46);
  background: rgba(7, 12, 8, .985);
  box-shadow: 0 34px 100px rgba(0, 0, 0, .72);
  -webkit-backdrop-filter: blur(24px) saturate(1.12);
  backdrop-filter: blur(24px) saturate(1.12);
}
dialog::backdrop {
  background: rgba(0, 0, 0, .74);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
select option {
  color: #f2f6f2;
  background: #0b110c;
}

html[data-color-mode="light"] body {
  background-image:
    linear-gradient(135deg, rgba(250, 252, 249, .5), rgba(241, 246, 240, .64)),
    url("/brand/axl-terrain-light.webp");
}
html[data-color-mode="light"] .app .main::before {
  background:
    radial-gradient(circle at 82% 7%, rgba(var(--view-tone-rgb), .08), transparent 32%),
    linear-gradient(180deg, rgba(249, 252, 248, .14), rgba(242, 247, 241, .3));
}
html[data-color-mode="light"] .app .panel,
html[data-color-mode="light"] .app .metric-card,
html[data-color-mode="light"] .app .calendar-panel,
html[data-color-mode="light"] .app .timeline-panel,
html[data-color-mode="light"] .app .quick-detail,
html[data-color-mode="light"] .app .board-column,
html[data-color-mode="light"] .app .connection-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(247, 250, 246, .8));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    0 18px 44px rgba(40, 60, 42, .12);
}
html[data-color-mode="light"] .side-nav button,
html[data-color-mode="light"] .utility-nav button {
  color: #142016;
  border-color: rgba(45, 86, 47, .18);
  background: rgba(255, 255, 255, .76);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}
html[data-color-mode="light"] .side-nav button:hover,
html[data-color-mode="light"] .utility-nav button:hover,
html[data-color-mode="light"] .side-nav button.active,
html[data-color-mode="light"] .utility-nav button.active {
  color: #0d180f;
  background: linear-gradient(90deg, color-mix(in srgb, var(--tab-color, #5f8e2b), transparent 82%), rgba(255, 255, 255, .96));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--tab-color, #5f8e2b), transparent 52%),
    0 8px 24px rgba(40, 60, 42, .13);
}
html[data-color-mode="light"] .new-action-popover {
  border-color: rgba(47, 102, 45, .56);
  background: rgba(252, 254, 251, .99);
  box-shadow:
    0 28px 80px rgba(40, 60, 42, .24),
    0 0 0 1px rgba(47, 102, 45, .08),
    inset 0 1px 0 #fff;
}
html[data-color-mode="light"] .new-action-popover button:hover,
html[data-color-mode="light"] .new-action-popover button:focus-visible {
  background: #e9f2e7;
}
html[data-color-mode="light"] .notification-panel {
  border-left-color: rgba(47, 102, 45, .5);
  background: rgba(250, 253, 249, .99);
  box-shadow: -32px 0 90px rgba(40, 60, 42, .2);
}
html[data-color-mode="light"] .notification-item {
  color: #111711;
  border-color: rgba(45, 86, 47, .2);
  background: rgba(255, 255, 255, .96);
}
html[data-color-mode="light"] dialog,
html[data-color-mode="light"] .request-dialog,
html[data-color-mode="light"] .project-wall-dialog,
html[data-color-mode="light"] .access-requests-dialog,
html[data-color-mode="light"] .operations-event-dialog,
html[data-color-mode="light"] .product-preview-dialog {
  color: #111711;
  border-color: rgba(47, 102, 45, .38);
  background: rgba(251, 253, 250, .99);
  box-shadow: 0 34px 100px rgba(40, 60, 42, .24);
}
html[data-color-mode="light"] dialog::backdrop {
  background: rgba(28, 45, 30, .36);
}
html[data-color-mode="light"] select option {
  color: #111711;
  background: #fff;
}

@media (max-width: 850px) {
  body,
  html[data-color-mode="light"] body {
    background-attachment: scroll;
  }
}

/* v1.3 unified AXL theme: one supplied artwork per color mode across every view. */
:root {
  --axl-theme-image: url("/brand/axl-terrain-dark.webp");
  --axl-theme-overlay: linear-gradient(135deg, rgba(3, 7, 4, .69), rgba(2, 5, 3, .79));
  --axl-shell-surface: rgba(7, 13, 8, .82);
  --axl-panel-surface: linear-gradient(145deg, rgba(18, 27, 19, .88), rgba(7, 13, 8, .8));
  --axl-menu-surface: rgba(7, 13, 8, .985);
  --axl-theme-border: rgba(174, 241, 69, .24);
}

html[data-color-mode="light"] {
  --axl-theme-image: url("/brand/axl-terrain-light.webp");
  --axl-theme-overlay: linear-gradient(135deg, rgba(255, 255, 255, .62), rgba(242, 247, 241, .71));
  --axl-shell-surface: rgba(248, 251, 247, .83);
  --axl-panel-surface: linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(244, 248, 243, .82));
  --axl-menu-surface: rgba(253, 255, 252, .99);
  --axl-theme-border: rgba(47, 102, 45, .24);
}

body {
  background-color: #060a07 !important;
  background-image: var(--axl-theme-overlay), var(--axl-theme-image) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
html[data-color-mode="light"] body { background-color: #eef3ed !important; }
body::before,
.app .main::after { display: none !important; }
.app .main::before {
  inset: 0 0 0 var(--sidebar-width, 154px);
  background: linear-gradient(180deg, rgba(4, 8, 5, .18), rgba(4, 8, 5, .34)) !important;
}
html[data-color-mode="light"] .app .main::before {
  background: linear-gradient(180deg, rgba(250, 253, 249, .08), rgba(242, 247, 241, .24)) !important;
}

.auth-shell {
  position: relative;
  isolation: isolate;
  background-color: #060a07;
  background-image: var(--axl-theme-overlay), var(--axl-theme-image);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.auth-photo,
.auth-topo { display: none !important; }
.auth-visual {
  background: linear-gradient(90deg, rgba(3, 7, 4, .38), rgba(3, 7, 4, .72));
  border-right-color: var(--axl-theme-border);
}
.auth-panel {
  background: linear-gradient(145deg, rgba(5, 10, 6, .72), rgba(4, 8, 5, .9));
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  backdrop-filter: blur(18px) saturate(1.08);
}
.auth-card {
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid var(--axl-theme-border);
  border-radius: 20px;
  background: var(--axl-panel-surface);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 28px 80px rgba(0,0,0,.34);
  -webkit-backdrop-filter: blur(22px) saturate(1.12);
  backdrop-filter: blur(22px) saturate(1.12);
}
html[data-color-mode="light"] .auth-shell { background-color: #eef3ed; }
html[data-color-mode="light"] .auth-visual {
  color: #101710;
  background: linear-gradient(90deg, rgba(255,255,255,.34), rgba(247,250,246,.72));
}
html[data-color-mode="light"] .auth-panel {
  background: linear-gradient(145deg, rgba(250,253,249,.52), rgba(242,247,241,.78));
}
html[data-color-mode="light"] .auth-card { color: #111711; }
html[data-color-mode="light"] .auth-visual .brand-logo,
html[data-color-mode="light"] .access-status-card img { filter: invert(1); }
html[data-color-mode="light"] .auth-visual > .brand,
html[data-color-mode="light"] .auth-visual > .auth-copy,
html[data-color-mode="light"] .auth-visual > .tagline { text-shadow: 0 1px 18px rgba(255,255,255,.9); }
html[data-color-mode="light"] .auth-copy > p:last-child,
html[data-color-mode="light"] .brand small,
html[data-color-mode="light"] .tagline { color: #354338; }

.sidebar {
  border-right-color: var(--axl-theme-border);
  background-image: linear-gradient(var(--axl-shell-surface), var(--axl-shell-surface)), var(--axl-theme-image) !important;
  background-position: center !important;
  background-size: auto, cover !important;
  background-repeat: no-repeat !important;
}
.topbar,
.page-head {
  border-color: var(--axl-theme-border);
  background: var(--axl-shell-surface);
  -webkit-backdrop-filter: blur(20px) saturate(1.12);
  backdrop-filter: blur(20px) saturate(1.12);
}
.app .panel,
.app .metric-card,
.app .project-card,
.app .calendar-panel,
.app .timeline-panel,
.app .quick-detail,
.app .board-column,
.app .connection-card,
.app .store-intelligence,
.app .store-stat-card,
.app .traffic-source-panel,
.app .social-studio,
.app .social-calendar-panel,
.app .user-card,
.app .notification-card,
.app .request-form-section,
.app .blog-hero-builder,
.app .permission-check,
.app .invitation-history-item {
  border-color: var(--axl-theme-border);
  background: var(--axl-panel-surface);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 18px 44px rgba(0,0,0,.16);
  -webkit-backdrop-filter: blur(15px) saturate(1.1);
  backdrop-filter: blur(15px) saturate(1.1);
}
.new-action-popover,
.notification-panel,
dialog,
.request-dialog,
.project-wall-dialog,
.access-requests-dialog,
.operations-event-dialog,
.product-preview-dialog {
  border-color: color-mix(in srgb, var(--accent) 58%, var(--axl-theme-border));
  background: var(--axl-menu-surface) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.6), 0 0 0 1px rgba(174,241,69,.08);
  -webkit-backdrop-filter: blur(26px) saturate(1.18);
  backdrop-filter: blur(26px) saturate(1.18);
}
html[data-color-mode="light"] .new-action-popover,
html[data-color-mode="light"] .notification-panel,
html[data-color-mode="light"] dialog,
html[data-color-mode="light"] .request-dialog,
html[data-color-mode="light"] .project-wall-dialog,
html[data-color-mode="light"] .access-requests-dialog,
html[data-color-mode="light"] .operations-event-dialog,
html[data-color-mode="light"] .product-preview-dialog {
  box-shadow: 0 30px 90px rgba(40,60,42,.22), 0 0 0 1px rgba(47,102,45,.08);
}
.email-integrated-shell,
.project-wall-shell {
  background-image: var(--axl-theme-overlay), var(--axl-theme-image) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.daily-home-hero {
  --daily-home-image: var(--axl-theme-image);
  position: relative;
  min-height: clamp(220px, 27vw, 380px);
  margin: 0 0 14px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: clamp(22px, 4vw, 46px);
  color: #fff;
  border: 1px solid rgba(174, 241, 69, .34);
  border-radius: 18px;
  background-image:
    linear-gradient(90deg, rgba(3,7,4,.9) 0%, rgba(3,7,4,.46) 48%, rgba(3,7,4,.14) 100%),
    var(--daily-home-image);
  background-position: center;
  background-size: cover;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 24px 60px rgba(0,0,0,.24);
  transition: opacity 180ms ease, background-image 260ms ease;
}
.daily-home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 44%, rgba(2,5,3,.5));
}
.daily-home-hero-copy,
.daily-home-hero-date { position: relative; z-index: 1; }
.daily-home-hero-copy { max-width: 620px; }
.daily-home-hero h2 {
  margin: 0;
  font: 700 clamp(42px, 6vw, 82px)/.88 var(--display);
  letter-spacing: -.025em;
  text-transform: uppercase;
}
.daily-home-hero-copy > p:last-child {
  max-width: 520px;
  margin: 13px 0 0;
  color: rgba(255,255,255,.8);
  line-height: 1.5;
}
.daily-home-hero-date {
  padding: 8px 11px;
  color: #efffd4;
  border: 1px solid rgba(174,241,69,.4);
  border-radius: 999px;
  background: rgba(6,12,7,.72);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.daily-home-hero.loading { opacity: .78; }
.daily-home-hero.fallback .daily-home-hero-copy > p:last-child { color: rgba(255,255,255,.66); }

@media (max-width: 850px) {
  body,
  html[data-color-mode="light"] body,
  .auth-shell { background-attachment: scroll !important; }
  .sidebar,
  html[data-color-mode="light"] .sidebar,
  .side-nav,
  html[data-color-mode="light"] .side-nav,
  .side-bottom,
  html[data-color-mode="light"] .side-bottom {
    background-image: linear-gradient(var(--axl-shell-surface), var(--axl-shell-surface)), var(--axl-theme-image) !important;
    background-position: center !important;
    background-size: auto, cover !important;
  }
  .side-nav button,
  .utility-nav button { background: var(--axl-menu-surface) !important; }
  .daily-home-hero { min-height: 210px; align-items: flex-end; }
}

@media (max-width: 560px) {
  .auth-panel { padding: 20px; }
  .auth-card { padding: 24px 20px; }
  .daily-home-hero { min-height: 190px; padding: 20px; border-radius: 14px; }
  .daily-home-hero-date { display: none; }
  .daily-home-hero h2 { font-size: 44px; }
}

/* Weekly login wallpaper — edge-to-edge Drive image blended with AXL terrain */
.weekly-login-wallpaper {
  --weekly-login-image: var(--axl-theme-image);
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background-image:
    linear-gradient(90deg, rgba(3, 7, 4, .36) 0%, rgba(3, 7, 4, .54) 58%, rgba(3, 7, 4, .82) 100%),
    linear-gradient(180deg, rgba(2, 5, 3, .1) 0%, rgba(2, 5, 3, .42) 100%),
    var(--weekly-login-image);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: saturate(.78) contrast(1.08) brightness(.78);
  opacity: 1;
  transform: scale(1.01);
  transition: opacity 240ms ease, background-image 320ms ease;
}
.weekly-login-wallpaper::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 72% 24%, rgba(174, 241, 69, .17), transparent 29%),
    linear-gradient(rgba(5, 10, 6, .08), rgba(5, 10, 6, .34)),
    url("/brand/axl-terrain-dark.webp") center / cover no-repeat;
  mix-blend-mode: screen;
  opacity: .32;
}
.weekly-login-wallpaper.loading { opacity: .72; }
.weekly-login-wallpaper.fallback { filter: saturate(.9) contrast(1.04) brightness(.82); }

html[data-color-mode="light"] .weekly-login-wallpaper {
  background-image:
    linear-gradient(90deg, rgba(250, 253, 249, .38) 0%, rgba(247, 251, 246, .58) 58%, rgba(242, 247, 241, .86) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(239, 245, 238, .38) 100%),
    var(--weekly-login-image);
  filter: saturate(.64) contrast(.98) brightness(1.08);
}
html[data-color-mode="light"] .weekly-login-wallpaper::after {
  background:
    radial-gradient(circle at 72% 24%, rgba(47, 118, 48, .14), transparent 29%),
    linear-gradient(rgba(255, 255, 255, .12), rgba(245, 249, 244, .4)),
    url("/brand/axl-terrain-light.webp") center / cover no-repeat;
  mix-blend-mode: multiply;
  opacity: .3;
}

@media (max-width: 850px) {
  .weekly-login-wallpaper {
    background-position: 50% 38%;
    filter: saturate(.74) contrast(1.06) brightness(.7);
  }
  html[data-color-mode="light"] .weekly-login-wallpaper {
    filter: saturate(.6) contrast(.98) brightness(1.05);
  }
}

/* v2.1 shared workflow HUD, compact landing rows, editor previews and guarded actions. */
.workflow-draft-panel {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 14px;
}
.workflow-draft-head,
.workflow-draft-toolbar,
.workflow-draft-row,
.workflow-backbar,
.blog-editor-toolbar,
.blog-hero-source-tabs,
.blog-drive-pagination,
.blog-preview-shell > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.workflow-draft-head h3 { margin: 2px 0 0; font-size: 16px; }
.workflow-draft-head p { margin: 0; }
.workflow-draft-toolbar { justify-content: flex-end; flex-wrap: wrap; }
.workflow-draft-toolbar input[type="search"] { min-width: 190px; }
.workflow-draft-list { display: grid; gap: 7px; margin-top: 10px; }
.workflow-draft-row {
  min-height: 48px;
  padding: 8px 10px;
  border: 1px solid var(--axl-theme-border);
  border-radius: 11px;
  background: color-mix(in srgb, var(--axl-menu-surface) 88%, transparent);
}
.workflow-draft-row > label { display: flex; align-items: center; gap: 9px; min-width: 0; flex: 1; }
.workflow-draft-row span { min-width: 0; }
.workflow-draft-row strong,
.workflow-draft-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workflow-draft-row small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.workflow-draft-progress { width: 100px; height: 5px; overflow: hidden; border-radius: 99px; background: rgba(127,150,54,.18); }
.workflow-draft-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#71953a,#aef145); }
.workflow-draft-empty { margin: 8px 0 0; color: var(--muted); font-size: 12px; }
.workflow-backbar {
  position: sticky;
  top: 72px;
  z-index: 18;
  margin-bottom: 14px;
  padding: 9px 12px;
  border: 1px solid var(--axl-theme-border);
  border-radius: 13px;
  background: var(--axl-menu-surface);
  box-shadow: 0 12px 34px rgba(0,0,0,.18);
  backdrop-filter: blur(18px);
}
.workflow-backbar span { color: var(--muted); font-size: 11px; letter-spacing: .05em; text-transform: uppercase; }
.workflow-backbar-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.approval-request-button {
  color:#132008;
  border-color:rgba(174,241,69,.72);
  background:linear-gradient(135deg,#b8f55b,#8fca2e);
  box-shadow:0 7px 20px rgba(143,202,46,.18);
}
.approval-request-button:hover { border-color:#d3ff8e; background:linear-gradient(135deg,#c9ff76,#9fda39); }
.campaign-readonly-note { padding: 10px 12px; border-left: 3px solid var(--accent); color: var(--muted); background: rgba(167,201,87,.08); }
.campaign-grid { grid-template-columns: 1fr; gap: 9px; }
.campaign-card {
  display: grid;
  grid-template-columns: minmax(180px,1.5fr) minmax(120px,.8fr) minmax(180px,1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 76px;
  padding: 12px 14px;
}
.campaign-card > header,
.campaign-card > footer { margin: 0; }
.campaign-card > h3 { margin: 0; font-size: 16px; }
.campaign-card > p { margin: 0; }
.campaign-card > div { display: flex; gap: 8px; flex-wrap: wrap; }
.blog-editor-shell { display: grid; gap: 10px; }
.blog-editor-toolbar { align-items: flex-start; flex-wrap: wrap; }
.blog-editor-toolbar > div { display: flex; gap: 6px; flex-wrap: wrap; }
.blog-editor-toolbar .active,
.blog-hero-source-tabs .active,
.blog-preview-actions .active { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(174,241,69,.13), 0 0 18px rgba(174,241,69,.12); }
.blog-wysiwyg-editor {
  min-height: 360px;
  padding: 20px;
  overflow: auto;
  border: 1px solid var(--axl-theme-border);
  border-radius: 13px;
  color: var(--text);
  background: color-mix(in srgb, var(--axl-menu-surface) 94%, transparent);
  line-height: 1.65;
}
.blog-wysiwyg-editor:focus { outline: 2px solid rgba(174,241,69,.5); outline-offset: 2px; }
.blog-wysiwyg-editor img { max-width: 100%; height: auto; border-radius: 10px; }
.blog-insert-products { display: grid; gap: 9px; padding: 12px; border: 1px inset var(--axl-theme-border); border-radius: 12px; }
.blog-insert-products small { display: block; margin-top: 3px; color: var(--muted); }
.blog-article-image-actions { display:flex; flex-wrap:wrap; gap:8px; }
.blog-footer-builder { display:grid; gap:11px; padding:14px; border:1px solid var(--axl-theme-border); border-radius:13px; background:color-mix(in srgb,var(--axl-menu-surface) 92%,transparent); }
.blog-footer-builder > div:first-child strong,.blog-footer-builder > div:first-child small { display:block; }
.blog-footer-builder > div:first-child small { margin-top:4px; color:var(--muted); font-size:10px; line-height:1.45; }
.blog-footer-builder .blog-search-bar { padding:0; }
.blog-footer-product-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.blog-footer-product-option { position:relative; display:grid; gap:7px; min-width:0; padding:7px; color:var(--text); border:1px solid var(--axl-theme-border); border-radius:10px; background:var(--axl-menu-surface); cursor:pointer; }
.blog-footer-product-option.selected { border-color:var(--accent); box-shadow:0 0 0 2px rgba(174,241,69,.13); }
.blog-footer-product-option input { position:absolute; top:10px; right:10px; width:19px; height:19px; min-height:0; accent-color:var(--accent); }
.blog-footer-product-option img { width:100%; aspect-ratio:1/ .8; object-fit:cover; border-radius:7px; background:#090c09; }
.blog-footer-product-option strong { overflow:hidden; font-size:10px; line-height:1.3; text-overflow:ellipsis; }
.blog-product-image-options,
.blog-hero-source-options,
.blog-drive-hero-library { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.blog-product-image-option,
.blog-hero-source-option,
.blog-drive-hero-option {
  display: grid;
  grid-template-columns: 58px minmax(0,1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 7px;
  color: var(--text);
  text-align: left;
  border: 1px solid var(--axl-theme-border);
  border-radius: 10px;
  background: var(--axl-menu-surface);
}
.blog-product-image-option img,
.blog-hero-source-option img,
.blog-drive-hero-option img { width: 58px; height: 52px; object-fit: cover; border-radius: 7px; }
.blog-hero-source-option.selected,
.blog-drive-hero-option.selected { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(174,241,69,.14), 0 0 20px rgba(174,241,69,.18); }
.blog-hero-processing { display: flex; align-items: center; gap: 10px; padding: 12px; color: var(--text); border-radius: 10px; background: rgba(174,241,69,.09); }
.blog-hero-processing p { margin: 0; }
.blog-preview-dialog { width: min(1120px,94vw); max-width: none; }
.blog-preview-shell { display: grid; gap: 16px; min-height: 76vh; padding: 18px; }
.blog-preview-actions { display: flex; align-items: center; gap: 8px; }
.blog-preview-frame-shell { width: 100%; margin: 0 auto; transition: max-width .2s ease; }
.blog-preview-frame-shell.desktop { max-width: 1000px; }
.blog-preview-frame-shell.mobile { max-width: 390px; }
.blog-preview-frame-shell iframe { width: 100%; min-height: 68vh; border: 0; border-radius: 12px; background: #fff; }
.confirm-action-dialog { width: min(470px,92vw); }
.confirm-action-shell { padding: 24px; }
.confirm-action-shell header { display: flex; align-items: center; gap: 13px; }
.confirm-action-shell header > span { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #df6c58; border-radius: 50%; color: #ffd5ce; background: rgba(171,52,37,.18); font-weight: 900; }
.confirm-action-shell h2 { margin: 2px 0 0; }
.confirm-action-shell > p { color: var(--muted); line-height: 1.55; }
.confirm-action-shell .dialog-actions { margin-top:18px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px; }
.confirm-action-shell .dialog-actions .button { margin:0;flex:0 0 auto; }

html[data-color-mode="light"] .workflow-draft-row,
html[data-color-mode="light"] .blog-wysiwyg-editor,
html[data-color-mode="light"] .blog-product-image-option,
html[data-color-mode="light"] .blog-hero-source-option,
html[data-color-mode="light"] .blog-drive-hero-option { color: #111711; }
html[data-color-mode="light"] .blog-footer-builder,
html[data-color-mode="light"] .blog-footer-product-option { color:#111711; background:#f8fbf7; }

@media (max-width: 850px) {
  .workflow-backbar { top: 8px; }
  .workflow-backbar span { display: none; }
  .workflow-backbar-actions { margin-left:auto; }
  .campaign-card { grid-template-columns: 1fr auto; }
  .campaign-card > p,
  .campaign-card > div { grid-column: 1 / -1; }
  .blog-product-image-options,
  .blog-hero-source-options,
  .blog-drive-hero-library { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .blog-footer-product-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .workflow-draft-head { align-items: flex-start; }
  .workflow-draft-head,
  .workflow-draft-row { flex-wrap: wrap; }
  .workflow-draft-toolbar { width: 100%; justify-content: stretch; }
  .workflow-draft-toolbar input[type="search"] { width: 100%; }
  .workflow-draft-progress { flex: 1; }
  .blog-product-image-options,
  .blog-hero-source-options,
  .blog-drive-hero-library { grid-template-columns: 1fr; }
  .blog-footer-product-options { grid-template-columns:1fr; }
}

/* v2.1.1: keep the system/support footer in normal mobile navigation flow. */
@media (max-width: 850px) {
  .side-bottom,
  html[data-color-mode="light"] .side-bottom {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "tools logout"
      "status status";
    align-items: stretch !important;
    gap: 8px !important;
    width: 100%;
    padding: 0 8px 9px !important;
    box-sizing: border-box;
  }

  .side-bottom .utility-nav {
    grid-area: tools;
    width: 100%;
    min-width: 0;
  }

  .side-bottom > #logoutButton {
    grid-area: logout;
    align-self: stretch;
  }

  .side-bottom > .health-card {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    grid-area: status;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0 !important;
    box-sizing: border-box;
    transform: none !important;
    float: none;
    clear: both;
  }

  .side-bottom > .health-card .health {
    display: flex !important;
  }
}

@media (max-width: 560px) {
  .side-bottom > .health-card { padding: 9px 10px; }
  .side-bottom > .health-card .health { padding-bottom: 7px; }
  .side-bottom > .health-card .app-meta {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding-top: 7px;
  }
  .side-bottom > .health-card .app-meta > span { text-align: right; }
}

/* v2.1.2: compact command dashboards, responsive Blog hero, and progressive access settings. */
.command-dashboard,
.leadership-dashboard {
  --command-panel-gap: 12px;
}

.command-dashboard #metricGrid,
.leadership-dashboard #leadershipMetrics {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--command-panel-gap);
}

.command-dashboard .metric-card,
.leadership-dashboard .metric-card {
  position: relative;
  min-width: 0;
  min-height: 76px;
  overflow: hidden;
  padding: 12px 14px;
  border-radius: 12px;
  border-top: 3px solid var(--metric-color, var(--view-tone));
  background:
    linear-gradient(115deg, color-mix(in srgb, var(--metric-color, var(--view-tone)) 13%, transparent), transparent 48%),
    var(--axl-panel-surface);
}

.command-dashboard .metric-card::after,
.leadership-dashboard .metric-card::after {
  content: "";
  position: absolute;
  right: -22px;
  bottom: -31px;
  width: 92px;
  height: 92px;
  border: 1px solid color-mix(in srgb, var(--metric-color, var(--view-tone)) 32%, transparent);
  border-radius: 50%;
  opacity: .52;
}

.command-dashboard .metric-card {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
}

.leadership-dashboard .metric-card {
  grid-template-columns: 1fr;
}

.command-dashboard .metric-card strong,
.leadership-dashboard .metric-card strong { font-size: clamp(20px, 2vw, 28px); }
.command-dashboard .metric-card span,
.leadership-dashboard .metric-card span { font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.command-dashboard .metric-card small,
.leadership-dashboard .metric-card small { position: relative; z-index: 1; }

.command-dashboard .integration-status-bar {
  padding: 6px;
  border-radius: 11px;
  background: color-mix(in srgb, var(--axl-menu-surface) 90%, transparent);
}

.command-dashboard .campaign-command-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: var(--command-panel-gap);
}

.command-dashboard .campaign-command-grid > .panel { min-height: 190px; padding: 0; overflow: hidden; }
.command-dashboard .campaign-command-grid > .panel:nth-child(1),
.command-dashboard .campaign-command-grid > .panel:nth-child(2),
.command-dashboard .campaign-command-grid > .panel:nth-child(3) { grid-column: span 4; }
.command-dashboard .campaign-command-grid > .panel:nth-child(4) { grid-column: span 7; }
.command-dashboard .campaign-command-grid > .panel:nth-child(5) { grid-column: span 5; }
.command-dashboard .campaign-command-grid > .panel:nth-child(6) { grid-column: 1 / -1; min-height: 150px; }
.command-dashboard .campaign-command-grid .panel-head,
.leadership-dashboard .panel-head {
  min-height: 58px;
  margin: 0;
  padding: 12px 14px;
  border-bottom: 1px solid var(--axl-theme-border);
  background: color-mix(in srgb, var(--axl-menu-surface) 88%, transparent);
}
.command-dashboard .campaign-command-grid .command-list,
.command-dashboard .campaign-command-grid .command-cross-channel-chart { padding: 11px 12px 13px; }
.command-dashboard .command-row { min-height: 39px; padding: 8px 10px; border-radius: 8px; }
.command-dashboard .command-cross-channel-chart > div { grid-template-columns: 105px minmax(0, 1fr) 42px; }
.command-dashboard .command-cross-channel-chart i { height: 10px; }

.command-dashboard .dashboard-command-center {
  gap: var(--command-panel-gap);
  padding: 12px;
  border: 1px solid var(--axl-theme-border);
  border-radius: 15px;
  background: color-mix(in srgb, var(--axl-shell-surface) 86%, transparent);
  box-shadow: 0 20px 46px rgba(0,0,0,.14);
}
.command-dashboard .command-view-tabs { margin: 0; }
.command-dashboard .command-pane,
.command-dashboard .home-next-projects { border-radius: 11px; }
.command-dashboard #projectsCommandPane { min-height: 430px; }
.command-dashboard .queue-panel { margin-top: 12px; overflow: hidden; }

.leadership-dashboard .leadership-toolbar {
  align-items: center;
  padding: 16px 18px;
  border-left: 3px solid var(--view-tone);
}
.leadership-dashboard .leadership-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--command-panel-gap);
}
.leadership-dashboard .leadership-grid > .panel { grid-column: span 4; min-width: 0; padding: 0 0 13px; overflow: hidden; }
.leadership-dashboard .leadership-grid .command-list { padding: 11px 12px 0; }
.leadership-operations-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, .8fr);
  gap: var(--command-panel-gap);
}
.leadership-operations-grid > .panel { min-width: 0; margin: 0; padding: 0 0 14px; overflow: hidden; }
.leadership-operations-grid .integration-admin-list,
.leadership-operations-grid .audit-history { padding: 12px 13px 0; }
.leadership-operations-grid .audit-history { grid-template-columns: 1fr; }

.blog-hero-builder {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch;
  gap: 12px;
  min-width: 0;
  overflow: hidden;
  padding: 16px;
}
.blog-hero-builder > * { grid-column: 1 / -1; min-width: 0; }
.blog-hero-builder > div:first-child {
  padding-bottom: 11px;
  border-bottom: 1px solid var(--axl-theme-border);
}
.blog-hero-builder > div:first-child strong { font-size: 14px; }
.blog-hero-builder > div:first-child small { max-width: 70ch; font-size: 10px; line-height: 1.55; }
.blog-hero-source-tabs {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.blog-hero-source-tabs > .button,
.blog-hero-source-tabs > .blog-upload-button {
  flex: 1 1 150px;
  justify-content: center;
  min-width: 0;
  min-height: 42px;
  text-align: center;
}
.blog-product-image-options,
.blog-hero-source-options,
.blog-drive-hero-library {
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  width: 100%;
}
.blog-product-image-option,
.blog-hero-source-option,
.blog-drive-hero-option {
  grid-template-columns: 64px minmax(0, 1fr);
  width: 100%;
  overflow: hidden;
}
.blog-product-image-option img,
.blog-hero-source-option img,
.blog-drive-hero-option img { width: 64px; height: 58px; }
.blog-product-image-option span,
.blog-hero-source-option span,
.blog-drive-hero-option span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.blog-drive-pagination { justify-content: center; flex-wrap: wrap; }
#generateBlogHero { justify-self: start; min-height: 42px; }
.blog-hero-grid { grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); }
.blog-hero-option img { aspect-ratio: 16 / 10; }

.users-layout { align-items: start; gap: 18px; }
.user-directory-panel { min-width: 0; overflow: hidden; }
.user-directory-panel .table-wrap { padding: 0 14px 15px; }
.user-directory-panel th { padding-top: 13px; padding-bottom: 10px; }
.user-directory-panel td { padding-top: 14px; padding-bottom: 14px; vertical-align: top; }
.member-tool-grid { min-width: 190px; gap: 8px; }
.permission-check.compact { padding: 8px 9px; border-radius: 9px; }
.member-readonly-value { display: inline-flex; min-height: 34px; align-items: center; color: var(--text); font-size: 11px; font-weight: 750; }
.member-tool-summary { display: flex; flex-wrap: wrap; gap: 6px; }
.member-tool-summary span {
  padding: 5px 8px;
  border: 1px solid var(--axl-theme-border);
  border-radius: 99px;
  color: var(--text);
  background: color-mix(in srgb, var(--view-tone) 9%, var(--axl-menu-surface));
  font-size: 9px;
  white-space: nowrap;
}
.member-tool-summary small { color: var(--muted); }

.admin-settings-accordion { display: grid; gap: 10px; padding: 0 18px 18px; }
.settings-disclosure {
  overflow: hidden;
  border: 1px solid var(--axl-theme-border);
  border-radius: 13px;
  background: color-mix(in srgb, var(--axl-menu-surface) 91%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.settings-disclosure summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 66px;
  padding: 12px 15px;
  cursor: pointer;
  list-style: none;
}
.settings-disclosure summary::-webkit-details-marker { display: none; }
.settings-disclosure summary span { display: grid; gap: 4px; }
.settings-disclosure summary strong { color: var(--text); font-size: 13px; }
.settings-disclosure summary small { color: var(--muted); font-size: 10px; }
.settings-disclosure summary > i { color: var(--accent); font-size: 18px; font-style: normal; transition: transform .18s ease; }
.settings-disclosure[open] summary { border-bottom: 1px solid var(--axl-theme-border); background: color-mix(in srgb, var(--view-tone) 8%, transparent); }
.settings-disclosure[open] summary > i { transform: rotate(45deg); }
.settings-disclosure-body { display: grid; gap: 12px; padding: 14px; }
.settings-disclosure-body > form,
.settings-disclosure-body .email-template-form { margin: 0; }
.vendor-handle-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }

html[data-color-mode="light"] .settings-disclosure,
html[data-color-mode="light"] .member-tool-summary span {
  color: #111711;
  background: rgba(255,255,255,.9);
}

@media (max-width: 1180px) {
  .command-dashboard #metricGrid,
  .leadership-dashboard #leadershipMetrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .command-dashboard .campaign-command-grid > .panel:nth-child(1),
  .command-dashboard .campaign-command-grid > .panel:nth-child(2),
  .command-dashboard .campaign-command-grid > .panel:nth-child(3) { grid-column: span 4; }
  .leadership-dashboard .leadership-grid > .panel { grid-column: span 6; }
  .leadership-dashboard .leadership-grid > .panel:last-child { grid-column: 1 / -1; }
  .leadership-operations-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .command-dashboard #metricGrid,
  .leadership-dashboard #leadershipMetrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .command-dashboard .campaign-command-grid { grid-template-columns: 1fr; }
  .command-dashboard .campaign-command-grid > .panel:nth-child(n),
  .leadership-dashboard .leadership-grid > .panel { grid-column: 1 / -1; }
  .command-dashboard .dashboard-command-center { padding: 8px; }
  .blog-hero-source-tabs { display: grid; grid-template-columns: 1fr; }
  .users-layout { grid-template-columns: 1fr; }
  .member-tool-grid { min-width: 150px; }
  .vendor-handle-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .command-dashboard #metricGrid,
  .leadership-dashboard #leadershipMetrics { grid-template-columns: 1fr; }
  .command-dashboard .metric-card,
  .leadership-dashboard .metric-card { min-height: 68px; }
  .blog-product-image-options,
  .blog-hero-source-options,
  .blog-drive-hero-library,
  .blog-hero-grid { grid-template-columns: 1fr; }
  .admin-settings-accordion { padding: 0 10px 12px; }
}

/* v2.1.4: clearer feedback, compact personal workspace, and retained creative assets. */
.toast { color: #f4f7f2; box-shadow: 0 16px 36px rgba(0,0,0,.3); }
html[data-color-mode="light"] .toast { color: #152015; border-color: #7a963d; background: #f8fcf4; box-shadow: 0 18px 38px rgba(35,71,37,.2); }
html[data-color-mode="light"] .toast.error { color: #681f1b; border-color: #bd5b53; background: #fff4f2; }
.account { display: flex; align-items: center; gap: 10px; }
.account-actions { display: flex; gap: 6px; margin-left: 3px; }
.account-icon-button { position: relative; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; color: var(--text); border: 1px solid var(--axl-theme-border); border-radius: 9px; background: var(--axl-menu-surface); }
.account-icon-button:hover,.account-icon-button.has-drafts { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(174,241,69,.12),0 0 18px rgba(174,241,69,.18); }
.account-icon-button .notification-badge { position: absolute; top: -6px; right: -6px; }
.workflow-draft-panel { display: none !important; }
.draft-center-dialog,.asset-hero-generator-dialog { width: min(860px,94vw); max-width: none; color: var(--text); border: 1px solid var(--axl-theme-border); border-radius: 18px; background: var(--axl-shell-surface); }
.draft-center-shell,.asset-hero-generator-shell { display: grid; gap: 14px; padding: 20px; }
.draft-center-shell > header,.asset-hero-generator-shell > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 13px; border-bottom: 1px solid var(--axl-theme-border); }
.draft-center-shell h2,.asset-hero-generator-shell h2 { margin: 2px 0 4px; }
.draft-center-shell p,.asset-hero-generator-shell p { margin: 0; color: var(--muted); }
.draft-center-list { display: grid; gap: 8px; max-height: min(60vh,640px); overflow: auto; }
.draft-center-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 8px; }
.draft-center-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.draft-center-filter { --draft-tone:#aef145; display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:42px; padding:8px 10px; color:var(--text); border:1px solid color-mix(in srgb,var(--draft-tone),transparent 68%); border-radius:10px; background:color-mix(in srgb,var(--draft-tone),transparent 92%); cursor:pointer; }
.draft-center-filter:hover,.draft-center-filter.active { border-color:var(--draft-tone); background:color-mix(in srgb,var(--draft-tone),transparent 82%); box-shadow:inset 3px 0 var(--draft-tone),0 0 0 2px color-mix(in srgb,var(--draft-tone),transparent 86%); }
.draft-center-filter span { overflow:hidden; font-size:10px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
.draft-center-filter b { display:grid; place-items:center; min-width:24px; height:24px; padding:0 6px; color:var(--draft-tone); border-radius:999px; background:rgba(0,0,0,.24); font-size:10px; }
.draft-center-results { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:2px 2px 5px; }
.draft-center-results strong { font-size:12px; }.draft-center-results span { color:var(--muted); font-size:10px; }
.workflow-draft-row { --draft-tone:#aef145; border-left:4px solid var(--draft-tone); background:linear-gradient(90deg,color-mix(in srgb,var(--draft-tone),transparent 91%),color-mix(in srgb,var(--axl-menu-surface) 94%,transparent) 28%); }
.draft-type-all { --draft-tone:#aef145; }.draft-type-email { --draft-tone:#dd8824; }.draft-type-blog { --draft-tone:#71c9a1; }.draft-type-social { --draft-tone:#e34eaa; }.draft-type-campaign { --draft-tone:#9ee238; }.draft-type-media-request { --draft-tone:#8aa13a; }
.draft-type-pill { display:inline-flex;width:max-content;padding:3px 7px;color:var(--draft-tone);border:1px solid color-mix(in srgb,var(--draft-tone),transparent 55%);border-radius:999px;background:color-mix(in srgb,var(--draft-tone),transparent 90%);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.workflow-draft-progress i { background:linear-gradient(90deg,color-mix(in srgb,var(--draft-tone),#52702b 34%),var(--draft-tone)); }
.draft-approval-dialog { width:min(640px,94vw);max-width:none;color:var(--text);border:1px solid var(--axl-theme-border);border-radius:18px;background:var(--axl-shell-surface); }
.draft-approval-shell { display:grid;gap:16px;padding:20px; }
.draft-approval-shell > header { display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid var(--axl-theme-border); }
.draft-approval-shell h2,.draft-approval-shell p { margin:2px 0 4px; }
.draft-approval-users { display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-height:42vh;overflow:auto; }
.draft-approval-user { display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:11px;min-height:58px;padding:11px 13px;border:1px solid var(--axl-theme-border);border-radius:10px;background:var(--axl-menu-surface);cursor:pointer; }
.draft-approval-user:hover,.draft-approval-user:focus-within { border-color:color-mix(in srgb,var(--accent),transparent 35%); }
.draft-approval-user:has(.draft-approval-checkbox:checked) { border-color:var(--accent);background:color-mix(in srgb,var(--accent),var(--axl-menu-surface) 92%);box-shadow:inset 3px 0 var(--accent),0 0 0 2px color-mix(in srgb,var(--accent),transparent 86%); }
.draft-approval-checkbox[type="checkbox"] { appearance:auto;width:20px!important;height:20px!important;min-width:20px;min-height:20px;margin:0!important;padding:0!important;border:0;accent-color:var(--accent);box-shadow:none;cursor:pointer; }
.draft-approval-user-copy,.draft-review-meta { display:grid;min-width:0;gap:3px; }
.draft-approval-user-copy strong,.draft-approval-user-copy small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.draft-approval-users small,.draft-review-meta small { color:var(--muted); }
.draft-approval-empty { display:grid;gap:5px;padding:16px;border:1px dashed var(--axl-theme-border);border-radius:10px;background:var(--axl-menu-surface); }
.draft-approval-empty p { margin:0;color:var(--muted);font-size:11px;line-height:1.5; }
.draft-row-actions,.draft-review-actions { display:flex;align-items:center;flex-wrap:wrap;gap:6px; }
.draft-review-pill { display:inline-flex;width:max-content;padding:3px 7px;border:1px solid var(--axl-theme-border);border-radius:999px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em; }
.draft-review-pill.approved { color:#aef145;border-color:rgba(174,241,69,.45); }
.draft-review-pill.needs_work,.draft-review-pill.declined { color:#ffb28f;border-color:rgba(255,125,96,.45); }
.workflow-draft-row > .draft-review-meta { flex:1; }
.workflow-draft-row.review-focus { outline:2px solid #aef145;outline-offset:2px; }
html[data-color-mode="light"] .draft-approval-dialog { color:#111711;background:#f8fbf7; }
@media(max-width:640px){.draft-row-actions,.draft-review-actions{width:100%}}
@media(max-width:640px){.draft-center-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-center-actions .button{flex:1 1 140px}}
html[data-color-mode="light"] .draft-center-filter b { background:rgba(255,255,255,.72); }
.campaign-bulk-bar { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; margin: 0 0 12px; padding: 10px 12px; }
.campaign-bulk-bar > strong { min-width: 82px; color: var(--muted); font-size: 11px; }
.campaign-bulk-bar > label:not(.inline-check) { display: grid; gap: 4px; color: var(--muted); font-size: 10px; }
.campaign-card { grid-template-columns: 24px minmax(0,1fr); padding: 0; overflow: hidden; }
.campaign-select-control { display: grid; place-items: center; min-height: 76px; padding-left: 11px; }
.campaign-card-open { display: grid; grid-template-columns: minmax(180px,1.5fr) minmax(120px,.8fr) minmax(180px,1fr) auto; align-items: center; gap: 12px; width: 100%; min-height: 76px; padding: 12px 14px 12px 0; color: var(--text); text-align: left; border: 0; background: transparent; }
.campaign-card-open:hover { background: color-mix(in srgb,var(--view-tone) 7%,transparent); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.blog-format-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px; border: 1px solid var(--axl-theme-border); border-radius: 10px; background: color-mix(in srgb,var(--axl-menu-surface) 88%,transparent); }
.blog-format-toolbar .button { min-height: 32px; padding: 0 10px; }
.blog-color-control { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; }
.axl-text-olive { color: #769b35; }.axl-text-blue { color: #3976c8; }.axl-text-orange { color: #c97319; }
.blog-hero-option { display: grid; grid-template-columns: minmax(0,1fr); overflow: hidden; padding: 8px; border: 1px solid var(--axl-theme-border); border-radius: 12px; background: var(--axl-menu-surface); text-align: left; }
.blog-hero-option.selected { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(174,241,69,.13),0 0 20px rgba(174,241,69,.13); }
.blog-hero-option > img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; }.blog-hero-option > div { padding: 7px 3px 0; }.blog-hero-option strong,.blog-hero-option small { display: block; }.blog-hero-option small { color: var(--muted); font-size: 10px; }.blog-hero-option-actions { display: flex; flex-wrap: wrap; gap: 7px; padding-top: 8px !important; }
.asset-hero-source-options { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 9px; min-height: 50px; }.asset-hero-source-option { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 8px; align-items: center; padding: 7px; color: var(--text); border: 1px solid var(--axl-theme-border); border-radius: 10px; background: var(--axl-menu-surface); text-align: left; }.asset-hero-source-option img { width: 58px; height: 52px; object-fit: cover; border-radius: 7px; }.asset-hero-source-option.selected { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(174,241,69,.13); }.asset-hero-source-option small { display: block; color: var(--muted); font-size: 10px; }.asset-hero-upload input { display: none; }.asset-hero-generator-status { min-height: 20px; color: var(--muted); font-size: 12px; }
.leadership-toolbar-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
html[data-color-mode="light"] .draft-center-dialog,html[data-color-mode="light"] .asset-hero-generator-dialog,html[data-color-mode="light"] .campaign-bulk-bar,html[data-color-mode="light"] .blog-format-toolbar,html[data-color-mode="light"] .campaign-card-open,html[data-color-mode="light"] .asset-hero-source-option,html[data-color-mode="light"] .blog-hero-option { color:#111711; background:#f8fbf7; }
@media (max-width: 760px) { .account-actions { margin-left:auto; }.campaign-card-open { grid-template-columns: 1fr auto; }.campaign-card-open > p,.campaign-card-open > div { grid-column:1/-1; }.campaign-bulk-bar { align-items: stretch; }.campaign-bulk-bar > label:not(.inline-check) { flex:1 1 160px; }.draft-center-shell,.asset-hero-generator-shell { padding:15px; }.leadership-toolbar-actions { justify-content:flex-start; } }

/* v2.3.6: article-first Blog Studio workspace. */
.blog-studio-grid {
  grid-template-columns: minmax(250px, 290px) minmax(0, 1fr);
  align-items: start;
  gap: 14px;
}
.blog-compose-panel {
  position: sticky;
  top: 132px;
  overflow: hidden;
  padding: 0;
}
.blog-compose-panel > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 72px;
  padding: 13px 15px;
  cursor: pointer;
  list-style: none;
}
.blog-compose-panel > summary::-webkit-details-marker { display: none; }
.blog-compose-panel > summary > span { display: grid; gap: 3px; min-width: 0; }
.blog-compose-panel > summary strong { color: var(--text); font-size: 15px; }
.blog-compose-panel > summary small { color: var(--muted); font-size: 9px; }
.blog-compose-panel > summary > i { color: var(--accent); font-size: 20px; font-style: normal; transition: transform .18s ease; }
.blog-compose-panel[open] > summary { border-bottom: 1px solid var(--axl-theme-border); }
.blog-compose-panel[open] > summary > i { transform: rotate(180deg); }
.blog-compose-body { display: grid; gap: 8px; padding: 12px; }
.blog-compose-body .blog-search-bar,
.blog-compose-body .blog-direction-form { padding: 0; }
.blog-compose-body .blog-search-bar { grid-template-columns: 1fr; }
.blog-compose-body .blog-product-grid { grid-template-columns: 1fr 1fr; max-height: 390px; padding: 0; overflow: auto; }
.blog-compose-body .product-grid .product-image { height:auto; min-height:0; aspect-ratio:1 / 1; }
.blog-compose-body .blog-field-grid { grid-template-columns: 1fr; }
.blog-studio-workspace {
  display: grid;
  grid-template-columns: minmax(540px, 1fr) minmax(300px, 360px);
  align-items: start;
  gap: 14px;
  min-width: 0;
  padding: 0;
}
.blog-article-panel { min-width: 0; overflow: hidden; }
.blog-article-fields { display: grid; gap: 13px; padding: 14px; }
.blog-article-panel .blog-wysiwyg-editor { min-height: 680px; }
.blog-article-panel .blog-field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.blog-media-column { display: grid; align-content: start; gap: 14px; min-width: 0; }
.blog-media-column > .panel { min-width: 0; margin: 0; }
.blog-media-column .blog-hero-builder,
.blog-media-column .blog-insert-products,
.blog-media-column .blog-footer-builder,
.blog-media-column .blog-delivery-panel { padding: 14px; }
.blog-media-column .blog-product-image-options,
.blog-media-column .blog-hero-source-options,
.blog-media-column .blog-drive-hero-library,
.blog-media-column .blog-hero-grid { grid-template-columns: 1fr; }
.blog-media-column .blog-footer-product-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.blog-media-column .blog-field-grid { grid-template-columns: 1fr; }
.blog-delivery-panel { display: grid; gap: 12px; }
.blog-delivery-panel > div:first-child strong,
.blog-delivery-panel > div:first-child small { display: block; }
.blog-delivery-panel > div:first-child small { margin-top: 4px; color: var(--muted); font-size: 10px; }
html[data-color-mode="light"] .blog-compose-panel > summary strong { color: #111711; }

@media (max-width: 1280px) {
  .blog-studio-grid { grid-template-columns: 1fr; }
  .blog-compose-panel { position: static; top: auto; }
  .blog-compose-body .blog-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .blog-studio-workspace { grid-template-columns: minmax(0, 1fr) minmax(300px, 350px); }
}
@media (max-width: 900px) {
  .blog-compose-body .blog-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blog-studio-workspace { grid-template-columns: 1fr; }
  .blog-article-panel .blog-wysiwyg-editor { min-height: 480px; }
}
@media (max-width: 560px) {
  .blog-compose-body .blog-product-grid,
  .blog-article-panel .blog-field-grid,
  .blog-media-column .blog-footer-product-options { grid-template-columns: 1fr; }
}

/* v2.3.74: source-backed Blog Studio HUD, 70/30 editing canvas, and compact option accordions. */
.blog-performance-hud {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
  padding: 15px;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--view-tone) 16%, transparent), transparent 33%),
    color-mix(in srgb, var(--axl-menu-surface) 94%, transparent);
}
.blog-performance-hud > header { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.blog-performance-hud > header h2 { margin: 2px 0 3px; font-size: clamp(19px, 2vw, 27px); }
.blog-performance-hud > header p:not(.eyebrow) { max-width: 720px; margin: 0; color: var(--muted); font-size: 11px; }
.blog-performance-hud > header label { display: grid; flex: 0 0 180px; gap: 5px; color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.blog-performance-hud > footer { padding-top: 2px; color: var(--muted); font-size: 9px; letter-spacing: .04em; }
.blog-performance-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(190px, 1.3fr); gap: 9px; }
.blog-performance-card {
  position: relative;
  display: grid;
  align-content: center;
  min-height: 92px;
  padding: 12px 13px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--view-tone) 34%, var(--axl-theme-border));
  border-radius: 11px;
  background: color-mix(in srgb, var(--axl-menu-surface) 88%, transparent);
}
.blog-performance-card::after { content: ""; position: absolute; right: -18px; bottom: -35px; width: 90px; height: 90px; border: 1px solid color-mix(in srgb, var(--view-tone) 22%, transparent); border-radius: 50%; }
.blog-performance-card > span { color: var(--view-tone); font-size: 9px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.blog-performance-card > strong { margin-top: 7px; color: var(--text); font-size: clamp(23px, 2.2vw, 34px); line-height: .95; }
.blog-performance-card > small { margin-top: 7px; color: var(--muted); font-size: 9px; line-height: 1.35; }
.blog-performance-card.blog-top-article > strong { overflow: hidden; font-size: 14px; line-height: 1.15; text-overflow: ellipsis; }
.blog-performance-card.blog-top-article > small { font-size: 10px; }
.blog-performance-unavailable { grid-column: 1 / -1; min-height: 88px; padding: 16px; border: 1px dashed var(--axl-theme-border); border-radius: 11px; color: var(--muted); }

.blog-studio-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.blog-compose-panel { position: static; top: auto; }
.blog-compose-body .blog-search-bar { grid-template-columns: minmax(0, 1fr) auto; }
.blog-compose-body .blog-product-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); max-height: 330px; }
.blog-compose-body .blog-field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.blog-studio-workspace { grid-template-columns: minmax(0, 7fr) minmax(300px, 3fr); gap: 14px; }
.blog-article-panel .blog-wysiwyg-editor { min-height: 720px; }
.blog-media-column { gap: 9px; }
.blog-media-column > .blog-option-accordion {
  display: block !important;
  padding: 0 !important;
  overflow: hidden;
  background: color-mix(in srgb, var(--axl-menu-surface) 94%, transparent);
}
.blog-option-accordion > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 64px;
  padding: 12px 14px;
  color: var(--text);
  cursor: pointer;
  list-style: none;
}
.blog-option-accordion > summary::-webkit-details-marker { display: none; }
.blog-option-accordion > summary > span { display: grid; gap: 3px; min-width: 0; }
.blog-option-accordion > summary strong { font-size: 13px; }
.blog-option-accordion > summary small { color: var(--muted); font-size: 9px; line-height: 1.35; }
.blog-option-accordion > summary > i { color: var(--accent); font-size: 18px; font-style: normal; transition: transform .18s ease; }
.blog-option-accordion[open] > summary { border-bottom: 1px solid var(--axl-theme-border); }
.blog-option-accordion[open] > summary > i { transform: rotate(180deg); }
.blog-option-accordion-body { display: grid; gap: 11px; padding: 13px; }
.blog-option-accordion-body > * { min-width: 0; }
.blog-media-column .blog-option-accordion-body .blog-product-image-options,
.blog-media-column .blog-option-accordion-body .blog-hero-source-options,
.blog-media-column .blog-option-accordion-body .blog-drive-hero-library,
.blog-media-column .blog-option-accordion-body .blog-hero-grid { grid-template-columns: 1fr; }

.blog-wysiwyg-editor .axl-news-figure,
.blog-preview-article .axl-news-figure {
  width: min(43%, 390px);
  margin: 7px 0 17px 22px;
  float: right;
}
.blog-wysiwyg-editor .axl-news-figure--left,
.blog-preview-article .axl-news-figure--left { margin: 7px 22px 17px 0; float: left; }
.blog-wysiwyg-editor .axl-news-figure--wide,
.blog-preview-article .axl-news-figure--wide { width: 100%; margin: 18px 0; float: none; }
.blog-wysiwyg-editor .axl-news-figure img,
.blog-preview-article .axl-news-figure img { width: 100%; max-height: 390px; object-fit: cover; border-radius: 10px; }
.blog-wysiwyg-editor .axl-news-figure figcaption,
.blog-preview-article .axl-news-figure figcaption { padding-top: 6px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.blog-wysiwyg-editor .axl-news-figure figcaption a,
.blog-preview-article .axl-news-figure figcaption a { color: inherit; font-weight: 800; }
.blog-wysiwyg-editor,
.blog-preview-article { display: flow-root; }

html[data-color-mode="light"] .blog-performance-card,
html[data-color-mode="light"] .blog-option-accordion { color: #111711; background: rgba(255,255,255,.94); }
.blog-publish-result-dialog .confirm-action-shell { width: min(540px, 92vw); }
.blog-publish-result-shell > p { color: var(--muted); line-height: 1.55; }

@media (max-width: 1180px) {
  .blog-performance-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .blog-studio-workspace { grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); }
}
@media (max-width: 900px) {
  .blog-performance-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blog-studio-workspace { grid-template-columns: 1fr; }
  .blog-performance-hud > header { align-items: stretch; flex-direction: column; }
  .blog-performance-hud > header label { flex-basis: auto; }
}
@media (max-width: 620px) {
  .blog-performance-metrics,
  .blog-compose-body .blog-field-grid { grid-template-columns: 1fr; }
  .blog-wysiwyg-editor .axl-news-figure,
  .blog-preview-article .axl-news-figure { width: 100%; margin: 16px 0; float: none; }
}

/* v2.1.3: AXL operations layout — fixed navigation, KPI rail, and a focused reporting workspace. */
@media (min-width: 1081px) {
  .command-dashboard {
    display: grid;
    grid-template-columns: minmax(188px, .34fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
  }
  .command-dashboard #metricGrid {
    position: sticky;
    top: 86px;
    grid-column: 1;
    grid-row: span 4;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .command-dashboard .metric-card {
    min-height: 108px;
    grid-template-columns: 1fr;
    align-content: start;
    padding: 15px;
    border-top-width: 0;
    border-left: 4px solid var(--metric-color, var(--view-tone));
    border-radius: 10px;
    box-shadow: 0 11px 26px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.035);
  }
  .command-dashboard .metric-card strong { font-size: clamp(26px, 2.2vw, 35px); }
  .command-dashboard .campaign-command-overview,
  .command-dashboard #homeNotifications,
  .command-dashboard .dashboard-layout { grid-column: 2; min-width: 0; }
  .command-dashboard .campaign-command-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
  }
  .command-dashboard .campaign-command-grid > .panel:nth-child(1) { grid-column: span 5; }
  .command-dashboard .campaign-command-grid > .panel:nth-child(2) { grid-column: span 3; }
  .command-dashboard .campaign-command-grid > .panel:nth-child(3) { grid-column: span 4; }
  .command-dashboard .campaign-command-grid > .panel:nth-child(4) { grid-column: span 7; }
  .command-dashboard .campaign-command-grid > .panel:nth-child(5) { grid-column: span 5; }
  .command-dashboard .campaign-command-grid > .panel:nth-child(6) { grid-column: 1 / -1; }
  .command-dashboard .dashboard-layout { grid-template-columns: minmax(0, 1fr) minmax(250px, .32fr); }

  .leadership-dashboard {
    display: grid;
    grid-template-columns: minmax(188px, .34fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
  }
  .leadership-dashboard .leadership-toolbar { grid-column: 1 / -1; }
  .leadership-dashboard #leadershipMetrics {
    position: sticky;
    top: 86px;
    grid-column: 1;
    grid-row: span 3;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .leadership-dashboard .metric-card {
    min-height: 104px;
    padding: 15px;
    border-top-width: 0;
    border-left: 4px solid var(--metric-color, var(--view-tone));
    border-radius: 10px;
  }
  .leadership-dashboard .leadership-grid,
  .leadership-dashboard .leadership-operations-grid { grid-column: 2; min-width: 0; }
  .leadership-dashboard .leadership-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .leadership-dashboard .leadership-grid > .panel:nth-child(1) { grid-column: span 7; }
  .leadership-dashboard .leadership-grid > .panel:nth-child(2) { grid-column: span 5; }
  .leadership-dashboard .leadership-grid > .panel:nth-child(3) { grid-column: 1 / -1; }
}

.command-dashboard .campaign-command-overview,
.leadership-dashboard .leadership-toolbar,
.leadership-dashboard .leadership-grid > .panel,
.leadership-operations-grid > .panel,
.command-dashboard .dashboard-command-center,
.command-dashboard .queue-panel {
  border-radius: 10px;
  box-shadow: 0 13px 30px rgba(0,0,0,.12), inset 0 1px rgba(255,255,255,.035);
}
.command-dashboard .campaign-command-grid > .panel,
.leadership-dashboard .leadership-grid > .panel,
.leadership-operations-grid > .panel {
  border-top: 3px solid color-mix(in srgb, var(--view-tone) 55%, var(--axl-theme-border));
}
.command-dashboard .campaign-command-grid .panel-head,
.leadership-dashboard .panel-head {
  min-height: 55px;
  padding: 11px 14px;
}
.command-dashboard .campaign-command-grid h2,
.leadership-dashboard .leadership-grid h2 { font-size: 16px; }
.command-dashboard .command-row {
  border-left: 2px solid transparent;
  border-radius: 7px;
}
.command-dashboard .command-row:hover:not(:disabled) {
  border-left-color: var(--view-tone);
  background: color-mix(in srgb, var(--view-tone) 9%, var(--axl-menu-surface));
}

/* Full-screen Current Project Command follows the same KPI rail + operations canvas. */
@media (min-width: 1081px) {
  .project-wall-shell {
    display: grid;
    grid-template-columns: minmax(210px, .32fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
  }
  .project-wall-shell > header,
  .project-wall-controls { grid-column: 1 / -1; }
  .project-wall-metrics {
    position: sticky;
    top: 20px;
    grid-column: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 0;
  }
  .project-wall-commerce-metrics,
  .project-wall-chart-panel,
  .project-wall-grid { grid-column: 2; min-width: 0; }
  .project-wall-commerce-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
  .project-wall-chart-panel { margin: 0; }
  .project-wall-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .project-wall-metrics article {
    min-height: 90px;
    padding: 14px;
    border-left: 4px solid var(--accent);
    border-radius: 10px;
  }
}

html[data-color-mode="light"] .command-dashboard .metric-card,
html[data-color-mode="light"] .leadership-dashboard .metric-card,
html[data-color-mode="light"] .project-wall-metrics article {
  box-shadow: 0 12px 26px rgba(20,35,22,.09), inset 0 1px rgba(255,255,255,.85);
}

@media (max-width: 1080px) {
  .command-dashboard #metricGrid,
  .leadership-dashboard #leadershipMetrics { position: static; }
}

/* v2.1.5: one dense Leadership / Command Center, without a duplicate command page. */
.leadership-dashboard {
  display: block;
  max-width: 1680px;
  margin-inline: auto;
}
.leadership-dashboard .leadership-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
  padding: 18px 20px;
}
.leadership-dashboard .leadership-toolbar h2 { font-size: clamp(28px, 3vw, 42px); }
.leadership-dashboard #leadershipMetrics {
  position: static;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 12px;
}
.leadership-dashboard .metric-card {
  min-height: 94px;
  padding: 14px;
  border-top: 3px solid var(--metric-color, var(--view-tone));
  border-left: 0;
}
.leadership-hud-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, .85fr);
  gap: 12px;
  margin-bottom: 12px;
}
.leadership-hud-grid > .panel,
.leadership-project-panel {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-top: 3px solid color-mix(in srgb, var(--view-tone) 66%, var(--axl-theme-border));
}
.leadership-radar-panel { min-height: 280px; }
.leadership-radar-content {
  display: grid;
  grid-template-columns: minmax(215px, .85fr) minmax(0, 1fr);
  min-height: 208px;
  gap: 20px;
  align-items: center;
  padding: 15px 18px 18px;
  background:
    linear-gradient(115deg, color-mix(in srgb, var(--view-tone) 10%, transparent), transparent 50%),
    repeating-linear-gradient(0deg, transparent 0 29px, color-mix(in srgb, var(--view-tone) 12%, transparent) 30px),
    repeating-linear-gradient(90deg, transparent 0 29px, color-mix(in srgb, var(--view-tone) 10%, transparent) 30px);
}
.hud-live-dot { display: inline-flex; align-items: center; gap: 6px; color: var(--accent); font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.hud-live-dot::before { content: ''; width: 7px; height: 7px; border-radius: 99px; background: var(--accent); box-shadow: 0 0 12px var(--accent); }
.hud-radar { position: relative; aspect-ratio: 1; width: min(100%, 230px); margin: auto; border: 1px solid color-mix(in srgb, var(--view-tone) 66%, transparent); border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--view-tone) 16%, transparent) 0 2px, transparent 3px), repeating-radial-gradient(circle, transparent 0 27px, color-mix(in srgb, var(--view-tone) 20%, transparent) 28px 29px), linear-gradient(90deg, transparent 49.5%, color-mix(in srgb, var(--view-tone) 36%, transparent) 50% 50.5%, transparent 51%), linear-gradient(transparent 49.5%, color-mix(in srgb, var(--view-tone) 36%, transparent) 50% 50.5%, transparent 51%); box-shadow: inset 0 0 38px color-mix(in srgb, var(--view-tone) 12%, transparent), 0 0 30px color-mix(in srgb, var(--view-tone) 12%, transparent); }
.hud-radar::before { content: ''; position: absolute; inset: 50% 50% auto auto; width: 48%; height: 2px; transform-origin: right center; transform: rotate(-31deg); background: linear-gradient(90deg, transparent, var(--view-tone)); opacity: .75; }
.hud-radar i { position: absolute; width: 10px; height: 10px; border: 2px solid var(--accent); border-radius: 50%; box-shadow: 0 0 12px var(--accent); }
.hud-radar i:nth-child(1) { top: 24%; right: 23%; }.hud-radar i:nth-child(2) { left: 22%; bottom: 27%; }.hud-radar i:nth-child(3) { right: 37%; bottom: 18%; width: 6px; height: 6px; }
.hud-radar b { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; transform: translate(-50%, -50%); border-radius: 50%; background: var(--accent); box-shadow: 0 0 20px var(--accent); }
.hud-signal-list { display: grid; gap: 8px; }
.hud-signal-list article { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 2px 9px; padding: 9px 10px; border: 1px solid color-mix(in srgb, var(--view-tone) 24%, var(--axl-theme-border)); border-radius: 9px; background: color-mix(in srgb, var(--axl-menu-surface) 88%, transparent); }
.hud-signal-list strong { grid-row: span 2; align-self: center; color: var(--accent); font: 700 25px/1 var(--display); }.hud-signal-list span { font-size: 11px; font-weight: 800; }.hud-signal-list small { color: var(--muted); font-size: 9px; }
.leadership-activity-panel { min-height: 280px; }
.leadership-activity-chart { display: flex; align-items: end; min-height: 173px; gap: 7px; padding: 15px 15px 0; border-bottom: 1px solid var(--axl-theme-border); overflow: hidden; }
.leadership-activity-column { display: flex; flex: 1; min-width: 18px; height: 156px; flex-direction: column; align-items: center; justify-content: end; gap: 5px; }.leadership-activity-column > span { color: var(--muted); font-size: 9px; font-weight: 800; }.leadership-activity-column > div { display: flex; width: min(24px, 80%); min-height: 4px; flex-direction: column; overflow: hidden; border-radius: 4px 4px 0 0; background: color-mix(in srgb, var(--view-tone) 12%, var(--axl-menu-surface)); }.leadership-activity-column i { display:block; min-height:0; }.leadership-activity-column i.project { background:#4f8fda; }.leadership-activity-column i.email { background:#d6a642; }.leadership-activity-column i.social { background:#d95fb0; }.leadership-activity-column small { min-height: 20px; color: var(--muted); font-size: 8px; text-align:center; }
.leadership-activity-panel .command-chart-legend { margin: 9px 15px 14px; }
.leadership-dashboard .leadership-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 12px; }.leadership-dashboard .leadership-grid > .panel { grid-column: auto; min-height: 190px; margin: 0; }
.leadership-project-panel { margin-bottom: 12px; }.leadership-project-panel .panel-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }.leadership-project-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:13px; }
.leadership-project-card { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; padding:12px; overflow:hidden; text-align:left; color:var(--text); border:1px solid color-mix(in srgb, var(--tone) 48%, var(--axl-theme-border)); border-radius:10px; background:linear-gradient(115deg, color-mix(in srgb,var(--tone) 10%,transparent), transparent 56%),var(--axl-menu-surface); }.leadership-project-card:hover { border-color:var(--tone); transform:translateY(-1px); }.leadership-project-status { grid-column:1/-1; display:flex; align-items:center; gap:6px; color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }.leadership-project-status i { width:7px; height:7px; border-radius:50%; background:var(--tone); box-shadow:0 0 10px var(--tone); }.leadership-project-card strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }.leadership-project-card small { grid-column:1/-1; color:var(--muted); font-size:9px; }.leadership-project-card > div { grid-column:1/-1; height:4px; overflow:hidden; border-radius:99px; background:color-mix(in srgb,var(--tone) 15%,var(--axl-menu-surface)); }.leadership-project-card > div i { display:block; height:100%; background:var(--tone); }.leadership-project-card b { align-self:center; color:var(--tone); font-size:12px; }

/* The full-screen view is a detailed mode of the same Command Center, not a second dashboard. */
@media (min-width: 1081px) {
  .project-wall-shell { display: block; max-width: 1760px; margin: auto; }
  .project-wall-shell > header, .project-wall-controls, .project-wall-metrics, .project-wall-commerce-metrics, .project-wall-chart-panel, .project-wall-grid { grid-column: auto; }
  .project-wall-metrics { position: static; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin: 16px 0 10px; }
  .project-wall-metrics article { min-height: 78px; padding: 12px; border-top: 3px solid var(--accent); border-left: 0; }
  .project-wall-commerce-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 10px; }
  .project-wall-chart-panel { margin:0 0 10px; }
  .project-wall-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
}
@media (max-width: 1080px) { .leadership-dashboard #leadershipMetrics { grid-template-columns: repeat(3,minmax(0,1fr)); }.leadership-hud-grid { grid-template-columns:1fr; }.leadership-project-board { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) { .leadership-dashboard .leadership-toolbar { align-items:stretch; flex-direction:column; }.leadership-dashboard #leadershipMetrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.leadership-radar-content { grid-template-columns:1fr; }.hud-radar { width:150px; }.leadership-radar-panel { min-height:0; }.leadership-dashboard .leadership-grid, .leadership-project-board { grid-template-columns:1fr; }.leadership-project-panel .panel-head { align-items:flex-start; flex-direction:column; }.leadership-activity-column:nth-child(n+9) { display:none; } }

/* v2.2: AXL admin dashboard system — clean, structured, and data-forward. */
:root {
  --axl-admin-canvas: #080a09;
  --axl-admin-canvas-2: #0d100d;
  --axl-admin-surface: #111412;
  --axl-admin-surface-raised: #171b17;
  --axl-admin-border: rgba(201, 210, 201, .12);
  --axl-admin-shadow: 0 12px 28px rgba(0, 0, 0, .25);
  --axl-admin-soft-shadow: 0 4px 13px rgba(0, 0, 0, .18);
  --axl-admin-blue: #a9cf49;
  --axl-admin-ink: #f2f4f1;
  --axl-admin-muted: #929992;
}
html[data-color-mode="light"] {
  --axl-admin-canvas: #f2f4f0;
  --axl-admin-canvas-2: #e9ede7;
  --axl-admin-surface: #ffffff;
  --axl-admin-surface-raised: #f7f8f5;
  --axl-admin-border: rgba(41, 56, 43, .12);
  --axl-admin-shadow: 0 12px 28px rgba(49, 66, 51, .10);
  --axl-admin-soft-shadow: 0 4px 13px rgba(49, 66, 51, .07);
  --axl-admin-ink: #152015;
  --axl-admin-muted: #647064;
}
body,
html[data-color-mode="light"] body {
  background: var(--axl-admin-canvas);
  color: var(--axl-admin-ink);
}
.app {
  grid-template-columns: 238px minmax(0, 1fr);
  background: var(--axl-admin-canvas);
}
.sidebar,
html[data-color-mode="light"] .sidebar {
  z-index: 70;
  width: auto;
  padding: 17px 12px 14px;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.07);
  color: #e5ece8;
  background: linear-gradient(180deg, #0b0e0c 0%, #080a09 100%) !important;
  box-shadow: 8px 0 30px rgba(2, 7, 12, .12);
}
.sidebar-logo {
  height: 64px;
  justify-content: flex-start;
  padding: 0 12px;
  border: 0;
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}
.sidebar-logo-image { width: 96px; }
.side-nav { padding: 22px 0 10px; }
.utility-nav { padding-top: 5px; border-top: 1px solid rgba(255,255,255,.08); }
.side-nav button,
.side-bottom button,
html[data-color-mode="light"] .side-nav button,
html[data-color-mode="light"] .utility-nav button {
  width: 100%;
  height: 45px;
  gap: 12px;
  margin: 3px 0;
  padding: 0 13px;
  border: 1px solid transparent;
  border-left: 1px solid transparent;
  border-radius: 10px;
  color: #aab7c0 !important;
  background: transparent !important;
  font-size: 12px;
  font-weight: 700;
}
.side-nav button i,
.utility-nav button i { color: #7d8d98; font-size: 18px; }
.side-nav button:hover,
.side-nav button.active,
.utility-nav button:hover,
.utility-nav button.active,
html[data-color-mode="light"] .side-nav button.active,
html[data-color-mode="light"] .utility-nav button.active {
  border-color: rgba(169,207,73,.45);
  color: #ffffff !important;
  background: linear-gradient(90deg, rgba(169,207,73,.24), rgba(169,207,73,.06)) !important;
  box-shadow: inset 3px 0 0 var(--axl-admin-blue);
}
.side-nav button.active i,
.utility-nav button.active i { color: #c9f36f; }
.health-card,
html[data-color-mode="light"] .health-card {
  margin: 10px 4px 8px;
  padding: 11px 12px;
  border: 1px solid rgba(174,241,69,.18);
  border-radius: 11px;
  color: #b8c3bb;
  background: rgba(174,241,69,.045);
}
.health-card .health { padding: 0 0 8px; color: #d6e0da; }.health-card .app-meta { padding-top: 8px; color: #91a095; }.health-card .app-meta a { color: #b8ef5f; }.health-card .app-version { color: #cbf579; }
.side-bottom > #logoutButton { color: #bbc7cf !important; }.side-bottom > #logoutButton:hover { color: #fff !important; background: rgba(255,255,255,.06) !important; }

.main { position: relative; background: var(--axl-admin-canvas); }
.main::before,
.app .main::before {
  opacity: .055 !important;
  background-size: 740px auto !important;
  mix-blend-mode: normal;
}
.topbar,
html[data-color-mode="light"] .topbar {
  height: 72px;
  border: 0;
  border-bottom: 1px solid var(--axl-admin-border);
  padding: 0 clamp(18px, 2.2vw, 34px);
  color: var(--axl-admin-ink);
  background: color-mix(in srgb, var(--axl-admin-surface) 92%, transparent) !important;
  box-shadow: 0 2px 10px rgba(8, 19, 30, .04);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.top-actions { width: 100%; justify-content: flex-end; gap: 10px; }
.global-search { width: min(390px, 45vw); margin-right: auto; }
.global-search span { top: 8px; color: var(--axl-admin-muted); }.global-search input,
html[data-color-mode="light"] .global-search input {
  min-height: 39px;
  border: 1px solid var(--axl-admin-border);
  border-radius: 10px;
  color: var(--axl-admin-ink);
  background: color-mix(in srgb, var(--axl-admin-surface-raised) 92%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.color-mode-toggle,
html[data-color-mode="light"] .color-mode-toggle {
  min-height: 38px;
  border: 1px solid var(--axl-admin-border);
  border-radius: 10px;
  color: var(--axl-admin-ink);
  background: var(--axl-admin-surface-raised) !important;
}
.button,
html[data-color-mode="light"] .button:not(.accent):not(.danger-button) {
  min-height: 38px;
  border: 1px solid var(--axl-admin-border);
  border-radius: 9px;
  color: var(--axl-admin-ink);
  background: var(--axl-admin-surface-raised);
  box-shadow: var(--axl-admin-soft-shadow);
}
.button:hover { border-color: color-mix(in srgb, var(--axl-admin-blue) 55%, var(--axl-admin-border)); transform: translateY(-1px); }
.button.accent {
  border-color: #8dbb35;
  color: #101a0a;
  background: linear-gradient(135deg, #c1ee60, #9bd33c);
  box-shadow: 0 8px 18px rgba(145,199,50,.22);
}
.button.ghost { background: transparent; box-shadow: none; }
.new-action-popover,
.notification-panel,
dialog,
html[data-color-mode="light"] .new-action-popover,
html[data-color-mode="light"] .notification-panel,
html[data-color-mode="light"] dialog {
  border-color: var(--axl-admin-border);
  color: var(--axl-admin-ink);
  background: var(--axl-admin-surface) !important;
  box-shadow: 0 22px 55px rgba(1, 8, 15, .28);
}

.page-head,
html[data-color-mode="light"] .page-head {
  min-height: 96px;
  margin: 0 clamp(18px, 2.2vw, 34px);
  border: 0;
  border-bottom: 1px solid var(--axl-admin-border);
  color: var(--axl-admin-ink);
}
.page-head h1 { font-family: var(--body); font-size: clamp(23px, 2vw, 30px); letter-spacing: -.035em; text-transform: none; }.page-head .crumb { color: var(--axl-admin-muted); letter-spacing: .11em; }.page-head > div > p:last-child { color: var(--axl-admin-muted); }
.account { gap: 10px; }.account > span { width: 39px; height: 39px; color: #15200c; background: linear-gradient(135deg, #c3ef68, #95bf3c); font-family: var(--body); font-size: 15px; box-shadow: 0 5px 13px rgba(169,207,73,.24); }.account strong { color: var(--axl-admin-ink); font-size: 12px; }.account small { color: var(--axl-admin-muted); }
.account-icon-button { border-color: var(--axl-admin-border); color: var(--axl-admin-muted); background: var(--axl-admin-surface-raised); }.account-icon-button:hover { color: var(--axl-admin-blue); border-color: rgba(169,207,73,.45); }
.content { padding: 20px clamp(18px, 2.2vw, 34px) 46px; }.view { max-width: 1760px; }

.panel,
.metric-card,
.quick-detail,
.calendar-panel,
.timeline-panel,
.board-column,
.connection-card,
.project-card,
.store-stat-card,
.product-card,
.campaign-card,
.asset-library-card,
html[data-color-mode="light"] .panel,
html[data-color-mode="light"] .metric-card,
html[data-color-mode="light"] .quick-detail,
html[data-color-mode="light"] .calendar-panel,
html[data-color-mode="light"] .timeline-panel,
html[data-color-mode="light"] .board-column,
html[data-color-mode="light"] .connection-card,
html[data-color-mode="light"] .store-stat-card,
html[data-color-mode="light"] .product-card {
  border-color: var(--axl-admin-border);
  color: var(--axl-admin-ink);
  background: var(--axl-admin-surface);
  box-shadow: var(--axl-admin-shadow);
}
.panel,
.metric-card,
.quick-detail,
.calendar-panel,
.timeline-panel,
.board-column,
.connection-card { border-radius: 14px; }
.panel-head,
.card-head,
.modal-head { min-height: 62px; padding: 14px 17px; border-bottom-color: var(--axl-admin-border); background: linear-gradient(90deg, color-mix(in srgb, var(--axl-admin-surface-raised) 72%, transparent), transparent); }.panel-head h2,.section-intro h2 { color: var(--axl-admin-ink); font-family: var(--body); font-size: 14px; }.panel-head p,.section-intro p { color: var(--axl-admin-muted); }.eyebrow { color: #79ad27; font-size: 9px; letter-spacing: .14em; }
.metric-grid { gap: 14px; }.metric-card { min-height: 105px; padding: 17px; border-top: 0; border-left: 4px solid var(--metric-color, var(--axl-admin-blue)); background: linear-gradient(135deg, color-mix(in srgb, var(--metric-color, var(--axl-admin-blue)) 8%, transparent), transparent 62%), var(--axl-admin-surface); }.metric-card::after { opacity: .22; }.metric-card strong { color: var(--axl-admin-ink); font-family: var(--body); font-size: clamp(23px, 2.2vw, 31px); letter-spacing: -.05em; }.metric-card span { color: var(--axl-admin-muted); font-size: 10px; }.metric-card small { color: #78a926; }

.command-dashboard .campaign-command-overview,
.command-dashboard .dashboard-command-center,
.leadership-dashboard .leadership-toolbar,
.leadership-hud-grid > .panel,
.leadership-project-panel { border-color: var(--axl-admin-border); background: var(--axl-admin-surface); box-shadow: var(--axl-admin-shadow); }
.command-dashboard .campaign-command-overview { padding: 14px; border-radius: 14px; }.command-dashboard .campaign-command-grid { gap: 14px; }.command-dashboard .campaign-command-grid > .panel { min-height: 220px; }.command-dashboard .integration-status-bar { border: 1px solid var(--axl-admin-border); background: var(--axl-admin-surface-raised); box-shadow: none; }.integration-chip { border-radius: 7px; background: color-mix(in srgb, var(--axl-admin-surface) 86%, transparent); }
.command-row { border-color: transparent; color: var(--axl-admin-ink); background: color-mix(in srgb, var(--axl-admin-surface-raised) 78%, transparent); }.command-row:hover:not(:disabled) { border-left-color: var(--axl-admin-blue); background: color-mix(in srgb, var(--axl-admin-blue) 8%, var(--axl-admin-surface-raised)); }.command-row small { color: var(--axl-admin-muted); }
.command-cross-channel-chart > div i { background: color-mix(in srgb, var(--axl-admin-blue) 12%, var(--axl-admin-surface-raised)); }.command-cross-channel-chart > div i b { background: linear-gradient(90deg, var(--axl-admin-blue), #d0f581); }

.leadership-dashboard .leadership-toolbar { border-left: 4px solid var(--axl-admin-blue); }.leadership-dashboard .leadership-toolbar h2 { font-family:var(--body); font-size:clamp(25px,2.8vw,36px); letter-spacing:-.045em; text-transform:none; }.leadership-radar-content { background: linear-gradient(115deg, color-mix(in srgb,var(--axl-admin-blue) 7%,transparent), transparent 50%), repeating-linear-gradient(0deg, transparent 0 29px, color-mix(in srgb,var(--axl-admin-blue) 8%,transparent) 30px), repeating-linear-gradient(90deg, transparent 0 29px, color-mix(in srgb,var(--axl-admin-blue) 8%,transparent) 30px); }.hud-radar { border-color:color-mix(in srgb,var(--axl-admin-blue) 52%,transparent); }.hud-radar::before { background:linear-gradient(90deg,transparent,var(--axl-admin-blue)); }.hud-signal-list article { border-color:var(--axl-admin-border); background:var(--axl-admin-surface-raised); }.hud-signal-list strong { color:var(--axl-admin-blue); }.leadership-activity-column i.project { background:var(--axl-admin-blue); }.leadership-project-card { background:linear-gradient(115deg,color-mix(in srgb,var(--tone) 8%,transparent),transparent 56%),var(--axl-admin-surface-raised); }

.campaign-card,.asset-library-card,.product-card,.store-stat-card { border-radius:14px; overflow:hidden; }.campaign-card:hover,.asset-library-card:hover,.product-card:hover { border-color:color-mix(in srgb,var(--axl-admin-blue) 50%,var(--axl-admin-border)); box-shadow:0 16px 30px rgba(1,8,15,.18); }.campaign-card-open,.asset-library-card button { color:var(--axl-admin-ink); }.campaign-card p,.campaign-card small,.asset-library-card small,.product-card small { color:var(--axl-admin-muted); }
input,select,textarea,
html[data-color-mode="light"] input,
html[data-color-mode="light"] select,
html[data-color-mode="light"] textarea { border-color:var(--axl-admin-border); color:var(--axl-admin-ink); background:var(--axl-admin-surface-raised); box-shadow:none; } input:focus,select:focus,textarea:focus { border-color:var(--axl-admin-blue); box-shadow:0 0 0 3px rgba(169,207,73,.15); }
table { border-color:var(--axl-admin-border); background:var(--axl-admin-surface); } th { color:var(--axl-admin-muted); background:var(--axl-admin-surface-raised); } th,td { border-color:var(--axl-admin-border); }
.calendar-grid,.calendar-day,.calendar-cell,.permission-check,.member-tool-grid,.tool-permission-list,.invitation-history-item { border-color:var(--axl-admin-border); background:var(--axl-admin-surface-raised); }.calendar-day > *,.calendar-cell > * { color:var(--axl-admin-ink); }
.toast { border-color:rgba(125,181,47,.5); border-radius:11px; color:var(--axl-admin-ink); background:var(--axl-admin-surface); box-shadow:0 16px 36px rgba(1,8,15,.26); }.toast.error { border-color:rgba(217,83,79,.55); background:var(--axl-admin-surface); }

.auth-shell { background:var(--axl-admin-canvas); }.auth-visual { border:0; background:linear-gradient(115deg,rgba(3,7,4,.88),rgba(10,18,10,.45)),var(--axl-theme-image); background-size:cover; background-position:center; }.auth-panel { background:var(--axl-admin-surface); }.auth-card { padding:30px; border:1px solid var(--axl-admin-border); border-radius:18px; color:var(--axl-admin-ink); background:var(--axl-admin-surface-raised); box-shadow:var(--axl-admin-shadow); }.auth-card h2 { font-family:var(--body); font-size:34px; letter-spacing:-.04em; text-transform:none; }.auth-copy h1 { font-family:var(--body); font-size:clamp(48px,6vw,82px); line-height:.95; letter-spacing:-.06em; text-transform:none; }
html[data-color-mode="light"] .auth-panel { background:#f7f8f5; } html[data-color-mode="light"] .auth-card { background:#fff; } html[data-color-mode="light"] .auth-visual { background:linear-gradient(115deg,rgba(242,244,240,.87),rgba(242,244,240,.26)),var(--axl-theme-image); } html[data-color-mode="light"] .auth-copy,html[data-color-mode="light"] .auth-visual .brand { color:#152015; }

@media (max-width: 1120px) { .app { grid-template-columns: 196px minmax(0,1fr); }.side-nav button,.side-bottom button { padding:0 10px; }.metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.command-dashboard .campaign-command-grid > .panel:nth-child(n) { grid-column:span 6; } }
@media (max-width: 800px) { .app { display:block; }.sidebar,html[data-color-mode="light"] .sidebar { position:static; height:auto; padding:9px 10px; border-right:0; }.sidebar-logo { display:none; }.side-nav,.utility-nav { display:flex; gap:6px; overflow-x:auto; padding:0; border:0; }.side-nav button,.side-bottom button,.utility-nav button { flex:0 0 auto; width:auto; min-width:105px; height:52px; justify-content:center; text-align:center; }.side-bottom { display:flex; align-items:center; gap:6px; margin-top:8px; }.side-bottom .health-card { display:none; }.side-bottom > #logoutButton { min-width:92px; }.topbar { height:63px; }.global-search { width:100%; }.page-head { min-height:83px; }.content { padding-top:14px; }.account > div:not(.account-actions) { display:none; }.metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.command-dashboard .campaign-command-grid > .panel:nth-child(n) { grid-column:1/-1; } }
@media (max-width: 500px) { .topbar { padding:0 12px; }.global-search { display:block; }.global-search input { font-size:11px; }.color-mode-toggle b { display:none; }.page-head { margin:0 14px; }.page-head h1 { font-size:22px; }.page-head > div > p:last-child { display:none; }.content { padding:13px 14px 36px; }.metric-grid { gap:10px; }.metric-card { min-height:88px; padding:13px; }.metric-card strong { font-size:23px; }.side-nav button,.utility-nav button { min-width:88px; font-size:10px; }.side-nav button i,.utility-nav button i { display:none; } }

/* v2.2.2: compact Campaign signals keep the Home workspace focused on work. */
.command-alert-stack {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.command-alert {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--axl-admin-border);
  border-radius: 11px;
  background: var(--axl-admin-surface-raised);
  transition: border-color .18s ease, box-shadow .18s ease;
}
.command-alert summary {
  min-height: 58px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  cursor: pointer;
  list-style: none;
}
.command-alert summary::-webkit-details-marker { display: none; }
.command-alert-count {
  min-width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #16200c;
  background: #b7e756;
  font-size: 14px;
  font-weight: 900;
}
.command-alert summary > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.command-alert strong { overflow: hidden; color: var(--axl-admin-ink); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.command-alert small { overflow: hidden; color: var(--axl-admin-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.command-alert summary > i { color: var(--axl-admin-muted); font-style: normal; transition: transform .18s ease; }
.command-alert[open] { grid-column: span 2; border-color: color-mix(in srgb, var(--axl-admin-blue) 48%, var(--axl-admin-border)); box-shadow: var(--axl-admin-soft-shadow); }
.command-alert[open] summary { border-bottom: 1px solid var(--axl-admin-border); background: color-mix(in srgb, var(--axl-admin-blue) 6%, var(--axl-admin-surface-raised)); }.command-alert[open] summary > i { transform: rotate(180deg); }
.command-alert .command-list { max-height: 205px; padding: 8px; overflow: auto; }.command-alert .command-row { min-height: 38px; }
.command-alert-action { padding: 9px 11px 11px; }
.command-alert.is-watch { border-color: rgba(214,166,66,.48); }.command-alert.is-watch .command-alert-count { color: #251a08; background: #d6a642; }.command-alert.is-critical { border-color: rgba(217,83,79,.56); box-shadow: 0 0 0 1px rgba(217,83,79,.08), 0 8px 20px rgba(217,83,79,.1); }.command-alert.is-critical .command-alert-count { color: #fff; background: #c9534f; }.command-alert.is-good .command-alert-count { color: #102208; background: #a9cf49; }.command-alert.is-clear .command-alert-count { color: var(--axl-admin-muted); background: color-mix(in srgb, var(--axl-admin-border) 55%, var(--axl-admin-surface)); }
.command-core-grid { margin-top: 10px; }.command-dashboard .command-core-grid > .panel:nth-child(1) { grid-column: span 3; }.command-dashboard .command-core-grid > .panel:nth-child(2) { grid-column: span 6; }.command-dashboard .command-core-grid > .panel:nth-child(3) { grid-column: span 3; }
.campaign-summary-disclosure {
  margin: 0 0 12px;
  overflow: hidden;
  border: 1px solid var(--axl-admin-border);
  border-radius: 12px;
  background: var(--axl-admin-surface);
  box-shadow: var(--axl-admin-soft-shadow);
}
.campaign-summary-disclosure summary { min-height: 58px; display: grid; grid-template-columns: minmax(130px, 1fr) auto auto; align-items: center; gap: 16px; padding: 10px 13px; cursor: pointer; list-style: none; }.campaign-summary-disclosure summary::-webkit-details-marker { display:none; }.campaign-summary-disclosure summary > span:first-child { display:grid; gap:3px; }.campaign-summary-disclosure summary strong { color:var(--axl-admin-ink); font-size:12px; }.campaign-summary-disclosure summary small { color:var(--axl-admin-muted); font-size:9px; }.campaign-summary-disclosure summary > em { color:var(--axl-admin-muted); font-style:normal; transition:transform .18s ease; }.campaign-summary-disclosure[open] summary { border-bottom:1px solid var(--axl-admin-border); }.campaign-summary-disclosure[open] summary > em { transform:rotate(180deg); }
.campaign-summary-flags { display:flex; align-items:center; gap:6px; }.campaign-summary-flags b { min-width:52px; display:grid; grid-template-columns:auto 1fr; align-items:baseline; gap:3px; padding:5px 7px; border:1px solid var(--axl-admin-border); border-radius:8px; color:#8ebd35; background:var(--axl-admin-surface-raised); font-size:14px; }.campaign-summary-flags b i { color:var(--axl-admin-muted); font-size:8px; font-style:normal; font-weight:700; text-transform:uppercase; }.campaign-summary-flags b.watch { color:#d6a642; border-color:rgba(214,166,66,.42); }.campaign-summary-flags b.critical { color:#d9534f; border-color:rgba(217,83,79,.48); }
.campaign-summary-detail { display:flex; flex-wrap:wrap; gap:8px; padding:10px 13px 12px; color:var(--axl-admin-muted); font-size:10px; }.campaign-summary-detail span { padding:6px 8px; border-radius:7px; background:var(--axl-admin-surface-raised); }
@media (max-width: 1080px) { .command-alert-stack { grid-template-columns:repeat(2,minmax(0,1fr)); }.command-dashboard .command-core-grid > .panel:nth-child(n) { grid-column:span 6; } }
@media (max-width: 680px) { .command-alert-stack { grid-template-columns:1fr; }.command-alert[open] { grid-column:auto; }.command-dashboard .command-core-grid > .panel:nth-child(n) { grid-column:1/-1; }.campaign-summary-disclosure summary { grid-template-columns:1fr auto; gap:9px; }.campaign-summary-flags { grid-column:1/-1; grid-row:2; flex-wrap:wrap; }.campaign-summary-disclosure summary > em { grid-column:2; grid-row:1; }.campaign-summary-flags b { flex:1 1 72px; } }

/* v2.2.4: narrow mobile navigation stays compact, visible, and out of workflow controls. */
@media (max-width: 800px) {
  /* A workflow Back control belongs in the document flow on phones. It cannot
     pin over the horizontal/stacked navigation while the user scrolls. */
  .workflow-backbar {
    position: static;
    top: auto;
    z-index: auto;
  }

  /* Keep the health/version card present: it is the only reliable in-app
     release marker on mobile after the desktop sidebar has collapsed. */
  .side-bottom .health-card,
  html[data-color-mode="light"] .side-bottom .health-card {
    display: block !important;
  }

  .sidebar {
    padding: 7px 8px 9px !important;
  }

  .side-nav,
  .utility-nav {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px !important;
    overflow: visible !important;
  }

  .side-nav button,
  .utility-nav button,
  .side-bottom button {
    width: 100% !important;
    min-width: 0 !important;
    height: 43px !important;
    min-height: 43px;
    padding: 4px 5px !important;
    gap: 3px !important;
    border-radius: 9px !important;
    font-size: 9px !important;
    line-height: 1.05;
  }

  .side-nav button i,
  .utility-nav button i {
    display: none !important;
  }

  .side-bottom {
    grid-template-columns: minmax(0, 1fr) 82px !important;
    gap: 6px !important;
    padding: 7px 0 0 !important;
  }

  .side-bottom > #logoutButton {
    min-width: 0 !important;
  }

  .side-bottom > .health-card {
    padding: 8px 10px !important;
  }

  .health-card .health {
    padding-bottom: 0 !important;
  }

  .health-status {
    font-size: 8px !important;
    letter-spacing: .08em !important;
  }

  .app-version {
    display: inline-flex !important;
    align-items: center;
    min-height: 22px;
    padding: 3px 7px !important;
    font-size: 10px !important;
    font-weight: 900;
  }

  .health-card .app-meta {
    display: none;
  }
}

@media (max-width: 420px) {
  .side-nav,
  .utility-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px !important;
  }

  .side-nav button,
  .utility-nav button,
  .side-bottom button {
    height: 40px !important;
    min-height: 40px;
    padding: 3px 4px !important;
    font-size: 8px !important;
  }

  .side-bottom {
    grid-template-columns: minmax(0, 1fr) 72px !important;
  }

  .health-status { font-size: 7px !important; }
}

/* v2.2.6: compact desktop navigation and reliable light-mode request forms. */
@media (min-width: 801px) {
  #appView {
    --axl-sidebar-width: 126px;
    grid-template-columns: var(--axl-sidebar-width) minmax(0, 1fr) !important;
  }
  #appView.sidebar-collapsed {
    --axl-sidebar-width: 64px;
  }
  #appView .sidebar { min-width: 0; padding-inline: 8px; }
  #appView .sidebar-logo { justify-content: center; padding-inline: 5px; }
  #appView .sidebar-logo-image { width: 78px; }
  #appView .side-nav button,
  #appView .utility-nav button,
  #appView .side-bottom > #logoutButton { padding-inline: 9px; gap: 7px; font-size: 10px; }
  #appView .side-nav button i,
  #appView .utility-nav button i { font-size: 15px; }
  #appView.sidebar-collapsed .sidebar-logo-image { width: 38px; }
  #appView.sidebar-collapsed .side-nav button,
  #appView.sidebar-collapsed .utility-nav button,
  #appView.sidebar-collapsed .side-bottom > #logoutButton {
    justify-content: center;
    padding-inline: 3px;
  }
  #appView.sidebar-collapsed .side-nav button span,
  #appView.sidebar-collapsed .utility-nav button span,
  #appView.sidebar-collapsed .side-bottom > #logoutButton { font-size: 0; }
  #appView.sidebar-collapsed .side-bottom > #logoutButton span { font-size: 17px; }
  #appView.sidebar-collapsed .health-card { display: none; }
}

.top-actions { display: flex; align-items: center; justify-content: flex-start; }
.top-home-button,
.sidebar-toggle {
  flex: 0 0 auto;
  width: 39px;
  min-height: 39px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--axl-admin-border);
  border-radius: 10px;
  color: var(--axl-admin-ink);
  background: var(--axl-admin-surface-raised);
  font-size: 19px;
  font-weight: 800;
}
.top-home-button:hover,
.sidebar-toggle:hover { border-color: rgba(169,207,73,.62); color: #618a1d; }
.top-actions .global-search { order: 1; }
.top-home-button { order: 0; }
.sidebar-toggle { order: 0; }
.top-actions .active-campaign-pill { order: 2; max-width: 190px; }
.top-actions .color-mode-toggle { order: 3; }
.top-actions .new-action-menu { order: 4; }

.compatibility-selector { display: grid; gap: 8px; }
.compatibility-selector > small { color: var(--axl-admin-muted); }
.compatibility-options { display: flex; flex-wrap: wrap; gap: 7px; min-height: 34px; }
.compatibility-options label { width: auto; margin: 0; padding: 7px 9px; border: 1px solid var(--axl-admin-border); border-radius: 8px; color: var(--axl-admin-ink); background: var(--axl-admin-surface-raised); font-size: 11px; }
.compatibility-options input { width: auto; min-height: auto; margin-right: 3px; accent-color: #91c92d; }
.request-form select.auto-selected { pointer-events: none; opacity: .72; }

html[data-color-mode="light"] .form-hero,
html[data-color-mode="light"] .request-form .form-hero {
  border-color: rgba(75, 105, 62, .26) !important;
  color: #172116 !important;
  background: linear-gradient(118deg, rgba(228, 239, 214, .95), rgba(247, 249, 245, .98)) !important;
  box-shadow: var(--axl-admin-soft-shadow);
}
html[data-color-mode="light"] .form-hero h2,
html[data-color-mode="light"] .form-hero p,
html[data-color-mode="light"] .form-hero .form-progress,
html[data-color-mode="light"] .form-hero .form-progress span { color: #172116 !important; }
html[data-color-mode="light"] .request-form .form-section,
html[data-color-mode="light"] .request-form fieldset,
html[data-color-mode="light"] .request-form .shopify-draft-import {
  border-color: var(--axl-admin-border) !important;
  color: #1a2419 !important;
  background: rgba(255, 255, 255, .88) !important;
}
html[data-color-mode="light"] .request-form h3,
html[data-color-mode="light"] .request-form legend,
html[data-color-mode="light"] .request-form label,
html[data-color-mode="light"] .request-form strong { color: #273326 !important; }
html[data-color-mode="light"] .request-form p,
html[data-color-mode="light"] .request-form small,
html[data-color-mode="light"] .request-form .muted { color: #536251 !important; }
html[data-color-mode="light"] .request-form input,
html[data-color-mode="light"] .request-form select,
html[data-color-mode="light"] .request-form textarea { color: #172116 !important; background: #fff !important; }
html[data-color-mode="light"] .workflow-backbar { border-color: var(--axl-admin-border); background: rgba(255,255,255,.9); }
html[data-color-mode="light"] .top-home-button,
html[data-color-mode="light"] .sidebar-toggle { color: #253125; background: #fff; }

@media (max-width: 800px) {
  .sidebar-toggle { display: none; }
  .top-actions .active-campaign-pill { display: none; }
  .top-home-button { width: 35px; min-height: 35px; }
}


/* v2.2.7: Social Studio focus, Instagram vendor tags, and compact utility navigation. */
@media (min-width: 1101px) {
  .social-studio-layout {
    grid-template-columns: minmax(0, 1fr) minmax(420px, .88fr);
    align-items: start;
  }
  .social-device-preview-panel {
    position: sticky;
    top: 90px;
    min-height: 720px;
    padding: 24px;
    border-left-width: 2px;
    box-shadow: -18px 0 48px rgba(227,78,170,.1), 0 24px 65px rgba(0,0,0,.45);
  }
  .social-device-preview {
    width: min(100%, 390px);
    min-height: 500px;
    border-width: 9px;
  }
  .social-device-preview-panel h3 {
    max-width: 380px;
    font-size: 34px;
    line-height: .96;
  }
}
.instagram-vendor-fieldset {
  padding: 14px;
  border: 1px solid rgba(227,78,170,.48);
  border-radius: 12px;
  background: rgba(227,78,170,.07);
}
.instagram-vendor-choices {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
  gap: 8px 14px;
}
.vendor-tag-note {
  display: block;
  margin-top: 9px;
  color: var(--muted);
}
.vendor-platform-choice {
  padding: 9px;
  border: 1px solid transparent;
  border-radius: 9px;
}
.vendor-platform-choice:has(input:checked) {
  border-color: #e34eaa;
  background: rgba(227,78,170,.12);
  box-shadow: 0 0 18px rgba(227,78,170,.14);
}
#loadMoreSocialDrive {
  justify-self: start;
  min-width: 230px;
}
.utility-nav .utility-icon {
  width: 30px !important;
  min-width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  font-size: 24px !important;
  line-height: 1;
}
.health-card .health {
  align-items: flex-start;
  flex-direction: column;
}
.health-card .health-status,
.health-card .app-version {
  position: static;
  max-width: 100%;
}
#appView.sidebar-collapsed .utility-nav .utility-icon {
  width: 34px !important;
  min-width: 34px;
  height: 34px;
  font-size: 27px !important;
}
@media (max-width: 1100px) {
  .social-device-preview-panel {
    order: -1;
    border-left: 0;
    border-bottom: 2px solid rgba(227,78,170,.42);
  }
  .social-device-preview { width: min(100%, 360px); }
}


/* v2.2.8: complete light mode and an unmistakable icon-only sidebar rail. */
@media (min-width: 801px) {
  #appView {
    --axl-sidebar-width: 132px;
    grid-template-columns: var(--axl-sidebar-width) minmax(0,1fr) !important;
  }
  #appView.sidebar-collapsed { --axl-sidebar-width: 58px; }
  #appView .sidebar { position: sticky; overflow-x: hidden; padding: 8px 6px 10px !important; }
  #appView .side-nav,
  #appView .utility-nav { padding-inline: 0; }
  #appView .side-nav button,
  #appView .utility-nav button,
  #appView .side-bottom > #logoutButton {
    min-width: 0;
    grid-template-columns: 22px minmax(0,1fr) !important;
    gap: 3px !important;
    padding-inline: 7px !important;
    text-align: left;
  }
  #appView .side-nav button i,
  #appView .utility-nav button i,
  #appView .utility-nav .utility-icon {
    width: 22px !important;
    min-width: 22px;
    height: 24px;
    font-size: 18px !important;
  }
  #appView .side-nav button span,
  #appView .utility-nav button span,
  #appView .side-bottom > #logoutButton {
    min-width: 0;
    font-size: 9px;
    line-height: 1.05;
    overflow-wrap: normal;
    word-break: normal;
  }
  .sidebar-rail-toggle {
    width: calc(100% - 4px);
    min-height: 35px;
    margin: 7px 2px 2px;
    display: grid;
    grid-template-columns: 22px minmax(0,1fr);
    align-items: center;
    gap: 3px;
    padding: 5px 7px;
    border: 1px solid rgba(174,241,69,.35);
    border-radius: 9px;
    color: #dfe9e2;
    background: rgba(174,241,69,.08);
    text-align: left;
  }
  .sidebar-rail-toggle span { font-size: 20px; color: #aef145; }
  .sidebar-rail-toggle b { font-size: 8px; line-height: 1.05; }
  #appView.sidebar-collapsed .sidebar { padding-inline: 5px !important; }
  #appView.sidebar-collapsed .sidebar-logo { width: 46px; height: 46px; margin: 0 auto; padding: 5px; }
  #appView.sidebar-collapsed .sidebar-logo-image { width: 35px; }
  #appView.sidebar-collapsed .sidebar-rail-toggle {
    width: 46px;
    height: 46px;
    min-height: 46px;
    margin: 7px auto;
    grid-template-columns: 1fr;
    place-items: center;
    padding: 0;
  }
  #appView.sidebar-collapsed .sidebar-rail-toggle b { display: none; }
  #appView.sidebar-collapsed .side-nav,
  #appView.sidebar-collapsed .utility-nav {
    display: grid !important;
    grid-template-columns: 46px !important;
    justify-content: center;
    gap: 6px !important;
  }
  #appView.sidebar-collapsed .side-nav button,
  #appView.sidebar-collapsed .utility-nav button,
  #appView.sidebar-collapsed .side-bottom > #logoutButton {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 auto;
    grid-template-columns: 1fr !important;
    place-items: center;
    padding: 0 !important;
    border-left-width: 1px;
    border-radius: 10px;
  }
  #appView.sidebar-collapsed .side-nav button i,
  #appView.sidebar-collapsed .utility-nav button i,
  #appView.sidebar-collapsed .utility-nav .utility-icon {
    width: 28px !important;
    min-width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    font-size: 22px !important;
  }
  #appView.sidebar-collapsed .side-nav button span,
  #appView.sidebar-collapsed .utility-nav button span,
  #appView.sidebar-collapsed .side-bottom > #logoutButton > :not(:first-child) { display: none !important; }
}

/* Components that previously retained dark-only backgrounds in light mode. */
html[data-color-mode="light"] .sidebar,
html[data-color-mode="light"] .sidebar-logo,
html[data-color-mode="light"] .health-card {
  color: #172018 !important;
  border-color: #cbd5c9 !important;
  background: #f5f8f3 !important;
}
html[data-color-mode="light"] .side-nav button,
html[data-color-mode="light"] .utility-nav button,
html[data-color-mode="light"] .side-bottom > #logoutButton {
  color: #263127 !important;
  background: transparent !important;
}
html[data-color-mode="light"] .side-nav button span,
html[data-color-mode="light"] .utility-nav button span { color: inherit !important; }
html[data-color-mode="light"] .sidebar-rail-toggle {
  color: #263127;
  border-color: #b8c7b5;
  background: #fff;
}
html[data-color-mode="light"] .board-column,
html[data-color-mode="light"] .board-card,
html[data-color-mode="light"] .store-intelligence,
html[data-color-mode="light"] .store-ranking-card,
html[data-color-mode="light"] .store-ranking-card > header,
html[data-color-mode="light"] .store-ranking-list li > button,
html[data-color-mode="light"] .store-ranking-list li > div,
html[data-color-mode="light"] .home-notifications,
html[data-color-mode="light"] .home-notification-card,
html[data-color-mode="light"] .pending-access-item,
html[data-color-mode="light"] .notification-item,
html[data-color-mode="light"] .final-file,
html[data-color-mode="light"] .social-studio-workbench,
html[data-color-mode="light"] .social-studio-step,
html[data-color-mode="light"] .social-selected-products,
html[data-color-mode="light"] .social-product-option,
html[data-color-mode="light"] .social-drive-image,
html[data-color-mode="light"] .social-generated-image,
html[data-color-mode="light"] .social-image-source-summary,
html[data-color-mode="light"] .social-upload-preview,
html[data-color-mode="light"] .social-additional-image,
html[data-color-mode="light"] .social-vendor-section,
html[data-color-mode="light"] .instagram-vendor-fieldset {
  color: #172018 !important;
  border-color: #c8d3c6 !important;
  background: #fff !important;
  background-image: none !important;
}
html[data-color-mode="light"] .board-card strong,
html[data-color-mode="light"] .store-ranking-card h3,
html[data-color-mode="light"] .store-ranking-list strong,
html[data-color-mode="light"] .home-notification-card strong,
html[data-color-mode="light"] .social-studio-step strong,
html[data-color-mode="light"] .social-product-option strong,
html[data-color-mode="light"] .social-selected-products strong,
html[data-color-mode="light"] .social-vendor-section strong {
  color: #172018 !important;
}
html[data-color-mode="light"] .board-card span,
html[data-color-mode="light"] .store-ranking-card p,
html[data-color-mode="light"] .store-ranking-list small,
html[data-color-mode="light"] .home-notification-card span,
html[data-color-mode="light"] .social-studio-step small,
html[data-color-mode="light"] .social-product-option small,
html[data-color-mode="light"] .social-selected-products,
html[data-color-mode="light"] .social-image-source-summary {
  color: #586659 !important;
}

/* v2.3.48: Social-permission-gated post handoff for Indexed Assets and Drive collection images. */
html[data-color-mode="light"] .store-period-control select {
  color: #172018 !important;
  border-color: #b9c8b7 !important;
  background: #fff !important;
}
html[data-color-mode="light"] .store-ranking-list li + li { border-color: #d4ddd2; }
html[data-color-mode="light"] .traffic-source-icon { color: #09223b; }
html[data-color-mode="light"] .social-product-option.selected,
html[data-color-mode="light"] .side-nav button.active,
html[data-color-mode="light"] .utility-nav button.active {
  color: #162014 !important;
  background: #eff8df !important;
}
html[data-color-mode="light"] .home-notifications {
  border-color: #bed0b9 !important;
  box-shadow: 0 12px 28px rgba(37,62,39,.09);
}
html[data-color-mode="light"] .home-notification-card small:last-child,
html[data-color-mode="light"] .notification-category { color: #547b16 !important; }
html[data-color-mode="light"] .social-device-preview-panel {
  color: #172018;
  background: #f8faf7 !important;
}
html[data-color-mode="light"] .social-preview-caption {
  color: #314033;
  border-color: #c8d3c6;
  background: #fff;
}


/* v2.2.9 — compact navigation, previews, pagination, and complete light mode */
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "liga";
}
.side-nav button > i.material-symbols-rounded,
.utility-nav button > i.material-symbols-rounded {
  width: 30px;
  min-width: 30px;
  font-size: 23px;
  text-align: center;
}
.side-nav button > span,
.utility-nav button > span { margin-left: 5px; text-align: left; }
.app.sidebar-collapsed .sidebar { width: 76px; }
.app.sidebar-collapsed .main { margin-left: 76px; }
.app.sidebar-collapsed .side-nav button,
.app.sidebar-collapsed .utility-nav button { width: 54px; min-height: 54px; justify-content: center; padding: 0; }
.app.sidebar-collapsed .side-nav button > i,
.app.sidebar-collapsed .utility-nav button > i { margin: 0; width: auto; min-width: 0; }
.app.sidebar-collapsed .side-nav button > span,
.app.sidebar-collapsed .utility-nav button > span { display: none; }
.new-action-empty { padding: 18px; color: var(--muted); max-width: 280px; }
.request-load-error { padding: 28px; text-align: center; display: grid; gap: 10px; justify-items: center; }
.board-load-error { grid-column: 1 / -1; min-height: 240px; place-content: center; }

.asset-preview-button {
  display: flex;
  width: 100%;
  border: 0;
  cursor: zoom-in;
  text-align: left;
  justify-content: space-between;
  align-items: flex-end;
}
.asset-preview-button b {
  opacity: 0;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(7,10,8,.86);
  color: #fff;
  transition: opacity .18s ease;
}
.asset-preview-button:hover b,
.asset-preview-button:focus-visible b { opacity: 1; }
.asset-preview-dialog {
  width: min(1120px, calc(100vw - 28px));
  max-width: none;
  border: 1px solid rgba(174,241,69,.34);
  border-radius: 20px;
  padding: 0;
  background: #09100b;
  color: #fff;
}
.asset-preview-shell { display: grid; max-height: 92vh; }
.asset-preview-shell > header {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 18px 22px; border-bottom: 1px solid rgba(174,241,69,.18);
}
.asset-preview-actions { display: flex; align-items: center; gap: 10px; }
.asset-preview-content { overflow: auto; padding: 20px; display: grid; justify-items: center; gap: 16px; }
.asset-preview-content > img { max-width: 100%; max-height: 72vh; object-fit: contain; border-radius: 12px; }
.asset-preview-meta { width: 100%; display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.asset-preview-meta > span { border: 1px solid var(--line); border-radius: 999px; padding: 7px 10px; }

.store-ranking-pagination {
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px;
  padding: 12px 14px; border-top: 1px solid var(--line); text-align: center;
}
.store-ranking-pagination .button { min-height: 34px; padding: 7px 11px; }
.store-ranking-pagination span { color: var(--muted); font-size: 12px; font-weight: 700; }
.store-toolbar-actions { flex-wrap: wrap; }
.vendor-platform-choice {
  display: grid !important;
  grid-template-columns: 42px auto minmax(0,1fr);
  gap: 12px;
  align-items: center;
  min-height: 76px;
}
.vendor-platform-choice > input { width: 18px; height: 18px; }
.vendor-platform-choice > span { display: grid !important; gap: 3px; min-width: 0; color: #f6f8f4; }
.vendor-platform-choice > span strong { color: inherit; font-size: 15px; }
.vendor-platform-choice > span small { color: #b8c0b9; overflow-wrap: anywhere; }
.vendor-profile-image,
.vendor-profile-fallback { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
.vendor-profile-fallback { display: grid; place-items: center; background: #ef5da8; color: #111; font-style: normal; font-weight: 800; }

@media (min-width: 1081px) {
  .command-dashboard:has(#metricGrid:empty) { grid-template-columns: minmax(0, 1fr) !important; }
  .command-dashboard:has(#metricGrid:empty) #metricGrid { display: none !important; }
  .command-dashboard:has(#metricGrid:empty) .campaign-command-overview,
  .command-dashboard:has(#metricGrid:empty) #homeNotifications,
  .command-dashboard:has(#metricGrid:empty) .dashboard-layout { grid-column: 1 !important; }
}

html[data-color-mode="light"] .sidebar-logo-image,
html[data-color-mode="light"] .brand-logo {
  filter: brightness(0) saturate(100%) invert(17%) sepia(100%) saturate(7042%) hue-rotate(357deg) brightness(101%) contrast(90%);
}
html[data-color-mode="light"] .new-action-popover,
html[data-color-mode="light"] .new-action-popover button,
html[data-color-mode="light"] .social-calendar-day,
html[data-color-mode="light"] .social-profile-option,
html[data-color-mode="light"] .social-schedule-panel,
html[data-color-mode="light"] .social-calendar-panel,
html[data-color-mode="light"] .social-studio-panel,
html[data-color-mode="light"] .social-composer-card,
html[data-color-mode="light"] .store-ranking-card,
html[data-color-mode="light"] .store-ranking-list li,
html[data-color-mode="light"] .store-ranking-list li > button,
html[data-color-mode="light"] .store-ranking-list li > div,
html[data-color-mode="light"] .request-board-card,
html[data-color-mode="light"] .workflow-draft-row {
  background: #fff !important;
  color: #172018 !important;
}
html[data-color-mode="light"] .social-calendar-day *,
html[data-color-mode="light"] .social-profile-option *,
html[data-color-mode="light"] .store-ranking-card h3,
html[data-color-mode="light"] .store-ranking-card strong,
html[data-color-mode="light"] .store-ranking-card b,
html[data-color-mode="light"] .request-board-card * { color: #172018; }
html[data-color-mode="light"] .social-calendar-day small,
html[data-color-mode="light"] .social-profile-option small,
html[data-color-mode="light"] .store-ranking-card small,
html[data-color-mode="light"] .store-ranking-card p { color: #607065 !important; }
html[data-color-mode="light"] .vendor-platform-choice { background: #fff !important; border-color: #c9d5cb !important; }
html[data-color-mode="light"] .vendor-platform-choice > span,
html[data-color-mode="light"] .vendor-platform-choice > span strong { color: #172018 !important; }
html[data-color-mode="light"] .vendor-platform-choice > span small { color: #607065 !important; }
html[data-color-mode="light"] .asset-preview-dialog { background: #fff; color: #172018; }

@media (max-width: 720px) {
  .store-ranking-pagination { grid-template-columns: 1fr 1fr; }
  .store-ranking-pagination span { grid-column: 1 / -1; grid-row: 1; }
  .asset-preview-shell > header { align-items: flex-start; }
}


/* v2.2.10 — live notification bell and selector regression recovery */
.notification-button { position: relative; overflow: visible; }
.notification-bell-icon {
  color: #fbc52a !important;
  font-variation-settings: "FILL" 1, "wght" 600, "GRAD" 0, "opsz" 24;
  transform-origin: 50% 12%;
}
.notification-count-badge {
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #ed2f33 !important;
  color: #fff !important;
  border: 2px solid var(--panel, #0b100c);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  font-family: Inter, sans-serif;
}
.notification-button.has-unread {
  animation: notification-attention 1.65s ease-in-out infinite;
  box-shadow: 0 0 0 1px rgba(251,197,42,.28), 0 0 18px rgba(251,197,42,.16);
}
.notification-button.has-unread .notification-bell-icon {
  animation: notification-bell-swing 1.65s ease-in-out infinite;
}
@keyframes notification-attention {
  0%, 100% { opacity: 1; }
  50% { opacity: .48; }
}
@keyframes notification-bell-swing {
  0%, 100% { transform: rotate(0deg); }
  35% { transform: rotate(-8deg); }
  65% { transform: rotate(8deg); }
}
@media (prefers-reduced-motion: reduce) {
  .notification-button.has-unread,
  .notification-button.has-unread .notification-bell-icon { animation: none; }
}
html[data-color-mode="light"] .notification-count-badge { border-color: #fff; }


/* v2.2.13: verified Shopify selection, notification-aware command panels, and relocated project workspace. */
.command-dashboard .command-core-grid > .command-core-disclosure:nth-child(1) { grid-column: span 3; }
.command-dashboard .command-core-grid > .command-core-disclosure:nth-child(2) { grid-column: span 6; }
.command-dashboard .command-core-grid > .command-core-disclosure:nth-child(3) { grid-column: span 3; }
.command-core-disclosure > .command-cross-channel-chart { max-height: 205px; padding: 11px; overflow: auto; }
.notification-aware-attention { box-shadow: 0 0 0 1px rgba(214,166,66,.12), 0 10px 25px rgba(214,166,66,.12); }
.home-calendar-only { grid-template-columns: minmax(0,1fr); }
.home-calendar-only > .command-pane { grid-column: 1; }
.request-current-projects { display: grid; gap: 12px; margin: 0 0 20px; }
.request-current-projects > .section-intro { margin-bottom: -2px; }
.social-selected-product-list.detailed { width: 100%; display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 8px; }
.social-selected-product-list.detailed article {
  min-width: 0; display: grid; grid-template-columns: 56px minmax(0,1fr) auto; align-items: center; gap: 9px;
  padding: 8px; border: 1px solid #713d5d; border-radius: 10px; background: #1d121a;
}
.social-selected-product-list.detailed article.primary { border-color: #ff79c8; box-shadow: 0 0 0 1px rgba(255,121,200,.18); }
.social-selected-product-list.detailed article > img { width: 56px; height: 56px; object-fit: contain; border-radius: 7px; background: #fff; }
.social-selected-product-list.detailed article > span { min-width: 0; display: grid; gap: 2px; }
.social-selected-product-list.detailed article > span b { color: #ff79c8; font-size: 7px; text-transform: uppercase; letter-spacing: .12em; }
.social-selected-product-list.detailed article > span strong { overflow: hidden; color: #fff; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.social-selected-product-list.detailed article > span small { overflow: hidden; color: #aeb5af; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.social-selected-product-list.detailed article > div { display: grid; gap: 4px; justify-items: end; }
.social-selected-product-list.detailed button { max-width: none; display: inline-flex; padding: 3px 5px; border: 0; border-radius: 4px; background: transparent; }
.social-selected-product-list.detailed .danger-text { color: #ff9b98; }
html[data-color-mode="light"] .social-selected-product-list.detailed article { border-color: #d8b2ca; background: #fff; }
html[data-color-mode="light"] .social-selected-product-list.detailed article.primary { border-color: #d63f98; }
html[data-color-mode="light"] .social-selected-product-list.detailed article > span strong { color: #1d121a; }
html[data-color-mode="light"] .social-selected-product-list.detailed article > span small { color: #677068; }
@media (max-width: 1080px) {
  .command-dashboard .command-core-grid > .command-core-disclosure:nth-child(n) { grid-column: span 6; }
}
@media (max-width: 680px) {
  .command-dashboard .command-core-grid > .command-core-disclosure:nth-child(n) { grid-column: 1 / -1; }
  .social-selected-product-list.detailed { grid-template-columns: 1fr; }
}

.command-dashboard .dashboard-layout { grid-template-columns: minmax(0,1fr); }
.request-current-projects .request-project-detail { position: static; min-height: 0; }


/* v2.2.14: accessible light surfaces and contrast-safe AXL accents. */
html[data-color-mode="light"] {
  --axl-light-accent-text: #3f6200;
  --axl-light-surface: #ffffff;
  --axl-light-surface-muted: #f2f6ef;
  --axl-light-ink: #172018;
  --axl-light-muted: #586659;
  --axl-light-border: #c8d3c6;
}

/* Brand lime stays on fills, progress bars, focus rings and borders. Text on light surfaces uses an accessible deep green. */
html[data-color-mode="light"] .eyebrow,
html[data-color-mode="light"] .wordmark span,
html[data-color-mode="light"] .crumb span,
html[data-color-mode="light"] .metric-card small,
html[data-color-mode="light"] .status-pill,
html[data-color-mode="light"] .form-section > div:first-child > span,
html[data-color-mode="light"] .project-link-list a strong,
html[data-color-mode="light"] .project-wall-metrics strong,
html[data-color-mode="light"] .campaign-product-result b,
html[data-color-mode="light"] .project-wall-commerce-metrics strong,
html[data-color-mode="light"] .notification-category,
html[data-color-mode="light"] .color-mode-toggle span,
html[data-color-mode="light"] .auth-text-button,
html[data-color-mode="light"] .auth-status-text,
html[data-color-mode="light"] .product-preview-meta span,
html[data-color-mode="light"] .product-preview-price,
html[data-color-mode="light"] .email-access-badge,
html[data-color-mode="light"] .settings-disclosure summary > i,
html[data-color-mode="light"] .hud-live-dot,
html[data-color-mode="light"] .hud-signal-list strong,
html[data-color-mode="light"] .sidebar-rail-toggle span {
  color: var(--axl-light-accent-text) !important;
}

/* Full-screen Command Center */
html[data-color-mode="light"] .project-wall-dialog,
html[data-color-mode="light"] .project-wall-shell {
  color: var(--axl-light-ink) !important;
  background-color: #f5f8f3 !important;
}
html[data-color-mode="light"] .project-wall-shell {
  background-image:
    linear-gradient(rgba(248, 251, 246, .92), rgba(248, 251, 246, .97)),
    url('/brand/axl-terrain-light.webp') !important;
}
html[data-color-mode="light"] .project-wall-shell > header {
  border-bottom-color: var(--axl-light-border);
}
html[data-color-mode="light"] .project-wall-shell h2,
html[data-color-mode="light"] .project-wall-chart-panel h3,
html[data-color-mode="light"] .project-wall-card h3,
html[data-color-mode="light"] .project-wall-commerce-metrics span {
  color: var(--axl-light-ink) !important;
}
html[data-color-mode="light"] .project-wall-shell header p:last-child,
html[data-color-mode="light"] .project-wall-controls p,
html[data-color-mode="light"] .project-wall-metrics span,
html[data-color-mode="light"] .project-wall-commerce-metrics small,
html[data-color-mode="light"] .project-wall-chart-panel > div:first-child > p:last-child,
html[data-color-mode="light"] .project-wall-card p,
html[data-color-mode="light"] .project-wall-card footer,
html[data-color-mode="light"] .project-wall-status span,
html[data-color-mode="light"] .command-chart-column > span,
html[data-color-mode="light"] .command-chart-legend span {
  color: var(--axl-light-muted) !important;
}
html[data-color-mode="light"] .project-wall-metrics article,
html[data-color-mode="light"] .project-wall-commerce-metrics article,
html[data-color-mode="light"] .project-wall-chart-panel,
html[data-color-mode="light"] .project-wall-card {
  color: var(--axl-light-ink) !important;
  border-color: var(--axl-light-border) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 10px 26px rgba(35, 55, 37, .10), inset 0 1px rgba(255,255,255,.95) !important;
}
html[data-color-mode="light"] .project-wall-status b {
  color: #31431c !important;
}
html[data-color-mode="light"] .project-wall-progress,
html[data-color-mode="light"] .command-chart-stack {
  border-color: #b8c5b6 !important;
  background: #dfe7dd !important;
}
html[data-color-mode="light"] .project-wall-chart {
  border-bottom-color: #aebbac;
}
html[data-color-mode="light"] .command-chart-value {
  color: var(--axl-light-ink) !important;
}

/* Social pipeline cards */
html[data-color-mode="light"] .social-post-card {
  color: var(--axl-light-ink) !important;
  border-color: var(--axl-light-border) !important;
  background: var(--axl-light-surface) !important;
  box-shadow: 0 8px 20px rgba(35,55,37,.08);
}
html[data-color-mode="light"] .social-post-placeholder {
  color: var(--axl-light-muted);
  background: var(--axl-light-surface-muted);
}
html[data-color-mode="light"] .social-post-copy p {
  color: var(--axl-light-ink) !important;
}
html[data-color-mode="light"] .social-post-copy time {
  color: var(--axl-light-muted) !important;
}
html[data-color-mode="light"] .social-post-copy footer span {
  color: #465648 !important;
  border-color: #c4d0c2 !important;
  background: #f7faf5;
}
html[data-color-mode="light"] .social-post-status.social-status-published {
  color: #345f19 !important;
  background: #e8f5df !important;
}
html[data-color-mode="light"] .social-post-status.social-status-scheduled {
  color: #7b285d !important;
  background: #f8e3f0 !important;
}
html[data-color-mode="light"] .social-post-status.social-status-processing {
  color: #234f84 !important;
  background: #e3eefc !important;
}
html[data-color-mode="light"] .social-post-status.social-status-failed {
  color: #8a2924 !important;
  background: #fae4e2 !important;
}
html[data-color-mode="light"] .social-post-status.social-status-draft {
  color: #465247 !important;
  background: #e9eeea !important;
}


/* v2.2.15: production mobile navigation and overflow containment. */
.mobile-menu-backdrop {
  display: none;
}

@media (max-width: 800px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  #appView,
  #appView .main,
  #appView .content,
  #appView .view {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  #appView {
    display: block !important;
  }

  #appView .main::before {
    inset: 0 !important;
  }

  #appView .sidebar,
  html[data-color-mode="light"] #appView .sidebar {
    width: min(84vw, 318px) !important;
    height: 100dvh !important;
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 130;
    display: flex !important;
    flex-direction: column;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 12px 10px calc(18px + env(safe-area-inset-bottom)) !important;
    border-right: 1px solid var(--axl-admin-border) !important;
    background: var(--axl-menu-surface, #090d0a) !important;
    box-shadow: 22px 0 60px rgba(0,0,0,.48);
    transform: translate3d(0,0,0);
    transition: transform .22s ease, visibility .22s ease;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  #appView.sidebar-collapsed .sidebar {
    visibility: hidden;
    transform: translate3d(-105%,0,0);
    box-shadow: none;
  }

  #appView .sidebar-logo {
    width: 72px !important;
    height: 58px !important;
    flex: 0 0 auto;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 auto 9px;
    padding: 7px !important;
    border-radius: 12px;
  }

  #appView .sidebar-logo-image {
    width: 58px !important;
    max-height: 44px;
    object-fit: contain;
  }

  #appView .sidebar-rail-toggle {
    display: none !important;
  }

  #appView .side-nav,
  #appView .utility-nav {
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  #appView .side-nav button,
  #appView .utility-nav button,
  #appView .side-bottom > #logoutButton {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: 38px minmax(0,1fr) !important;
    align-items: center;
    justify-content: stretch !important;
    gap: 9px !important;
    padding: 6px 12px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 1.15;
    text-align: left !important;
  }

  #appView .side-nav button i,
  #appView .utility-nav button i,
  #appView .utility-nav .utility-icon {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    display: grid !important;
    place-items: center;
    font-size: 22px !important;
  }

  #appView .side-nav button span,
  #appView .utility-nav button span {
    display: block !important;
    margin: 0 !important;
    overflow: hidden;
    font-size: 12px !important;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #appView .side-bottom {
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: auto !important;
    padding: 12px 0 0 !important;
  }

  #appView .side-bottom .health-card,
  html[data-color-mode="light"] #appView .side-bottom .health-card {
    width: 100%;
    display: block !important;
    padding: 10px 12px !important;
  }

  #appView .health-card .health {
    min-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }

  #appView .health-status {
    min-width: 0;
    font-size: 8px !important;
    white-space: nowrap;
  }

  #appView .app-version {
    flex: 0 0 auto;
    font-size: 9px !important;
  }

  #appView .mobile-menu-backdrop {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: block;
    border: 0;
    background: rgba(3,6,4,.68);
    opacity: 1;
    transition: opacity .2s ease, visibility .2s ease;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }

  #appView.sidebar-collapsed .mobile-menu-backdrop {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
  }

  #appView .topbar {
    height: auto !important;
    min-height: 0;
    position: sticky;
    top: 0;
    z-index: 100;
    padding: calc(8px + env(safe-area-inset-top)) 10px 8px !important;
  }

  #appView .top-actions {
    width: 100%;
    min-width: 0;
    display: grid !important;
    grid-template-columns: 38px 38px minmax(0,1fr) auto;
    gap: 7px;
    align-items: center;
  }

  #appView .top-home-button,
  #appView .sidebar-toggle {
    width: 38px !important;
    min-width: 38px;
    min-height: 38px !important;
    display: inline-grid !important;
    place-items: center;
  }

  #appView .top-home-button {
    grid-column: 1;
    grid-row: 1;
  }

  #appView .sidebar-toggle {
    grid-column: 2;
    grid-row: 1;
  }

  #appView .color-mode-toggle {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    min-height: 38px;
  }

  #appView .new-action-menu {
    grid-column: 4;
    grid-row: 1;
    justify-self: end;
    min-width: 0;
  }

  #appView .new-action-menu > .button {
    min-height: 38px;
    padding-inline: 11px;
  }

  #appView .global-search {
    width: 100%;
    min-width: 0;
    grid-column: 1 / -1;
    grid-row: 2;
    order: initial;
  }

  #appView .global-search input {
    width: 100%;
    min-width: 0;
  }

  #appView .page-head {
    min-width: 0;
    min-height: 0;
    margin: 0 10px !important;
    padding: 14px 0 12px;
    gap: 10px;
  }

  #appView .page-head h1 {
    font-size: clamp(23px, 7vw, 32px);
  }

  #appView .page-head .account {
    flex: 0 0 auto;
  }

  #appView .content {
    padding: 12px 10px calc(30px + env(safe-area-inset-bottom)) !important;
    overflow-x: clip;
  }

  #appView :is(img, video, canvas, iframe, table) {
    max-width: 100%;
  }

  #appView .email-integrated-shell,
  #appView #emailBuilderFrame {
    width: 100% !important;
    min-width: 0 !important;
  }

  #appView :is(.metric-grid,.command-alert-stack,.campaign-command-grid,.command-core-grid,.dashboard-layout,.project-wall-grid,.project-wall-metrics,.project-wall-commerce-metrics) {
    grid-template-columns: 1fr !important;
  }

  #appView :is(.panel,.command-alert,.command-core-disclosure,.request-current-projects,.deadline-calendar-panel) {
    min-width: 0;
    max-width: 100%;
  }

  #appView .new-action-popover {
    position: fixed;
    top: calc(66px + env(safe-area-inset-top));
    right: 10px;
    left: 10px;
    width: auto;
    max-height: calc(100dvh - 90px);
    overflow-y: auto;
  }

  #appView .project-wall-shell {
    padding: 16px 10px calc(24px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 440px) {
  #appView .color-mode-toggle b {
    display: none;
  }

  #appView .color-mode-toggle {
    width: 38px;
    min-width: 38px;
    padding: 0;
  }

  #appView .new-action-menu > .button {
    font-size: 11px;
  }

  #appView .page-head {
    align-items: flex-start;
  }

  #appView .page-head > div:first-child {
    min-width: 0;
  }

  #appView .page-head .account > span:first-child {
    width: 36px;
    height: 36px;
  }

  #appView .account-actions {
    gap: 4px;
  }

  #appView .account-icon-button {
    width: 34px;
    height: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #appView .sidebar,
  #appView .mobile-menu-backdrop {
    transition: none;
  }
}

/* v2.2.16: centered mobile shell and unified 3-by-2 command/status grids. */
.command-dashboard .campaign-command-overview {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.command-dashboard .integration-status-bar {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  overflow: visible !important;
}

.command-dashboard .integration-chip {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  white-space: normal;
}

.command-dashboard .integration-chip i {
  width: 7px;
  height: 7px;
}

.command-dashboard .integration-chip b {
  justify-self: end;
  white-space: nowrap;
}

.command-dashboard .command-alert-stack,
.command-dashboard .command-core-grid {
  display: contents !important;
}

.command-dashboard .campaign-command-overview > .command-alert-stack > .command-alert,
.command-dashboard .campaign-command-overview > .command-core-grid > .command-alert {
  grid-column: span 1 !important;
  width: 100%;
  min-width: 0;
  margin: 0;
}

.command-dashboard .campaign-command-overview .notification-aware-attention,
.command-dashboard .campaign-command-overview .command-alert[open] {
  grid-column: 1 / -1 !important;
}

.command-dashboard .campaign-command-overview > .command-alert-stack > .muted {
  grid-column: 1 / -1;
}

@media (max-width: 800px) {
  html,
  body,
  #appView {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  #appView .main,
  #appView.sidebar-collapsed .main,
  #appView:not(.sidebar-collapsed) .main {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  #appView .topbar,
  #appView .page-head,
  #appView .content,
  #appView .view {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #appView:not(.sidebar-collapsed) .sidebar {
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }

  #appView .page-head {
    padding-left: 10px;
    padding-right: 10px;
  }

  #appView .content {
    overflow-x: hidden !important;
  }

  #appView .command-dashboard .campaign-command-overview {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px;
    padding: 8px;
  }

  #appView .command-dashboard .integration-status-bar {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    padding: 6px;
  }

  #appView .command-dashboard .integration-chip {
    min-height: 44px;
    grid-template-columns: 7px minmax(0, 1fr);
    align-content: center;
    gap: 3px 5px;
    padding: 6px;
    font-size: 8px;
    line-height: 1.2;
  }

  #appView .command-dashboard .integration-chip b {
    grid-column: 2;
    justify-self: start;
    font-size: 8px;
  }

  #appView .command-dashboard .campaign-command-overview > .command-alert-stack > .command-alert,
  #appView .command-dashboard .campaign-command-overview > .command-core-grid > .command-alert {
    grid-column: span 1 !important;
  }

  #appView .command-dashboard .campaign-command-overview .notification-aware-attention,
  #appView .command-dashboard .campaign-command-overview .command-alert[open] {
    grid-column: 1 / -1 !important;
  }

  #appView .command-dashboard .command-alert summary {
    min-height: 76px;
    position: relative;
    grid-template-columns: 28px minmax(0, 1fr);
    align-content: center;
    gap: 6px;
    padding: 7px;
  }

  #appView .command-dashboard .command-alert-count {
    min-width: 28px;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    font-size: 13px;
  }

  #appView .command-dashboard .command-alert strong {
    overflow: visible;
    font-size: 9px;
    line-height: 1.12;
    text-overflow: clip;
    white-space: normal;
  }

  #appView .command-dashboard .command-alert small {
    display: none;
  }

  #appView .command-dashboard .command-alert summary > i {
    position: absolute;
    right: 5px;
    bottom: 4px;
    font-size: 9px;
  }
}

/* Asset collection reconnect feedback and requested red Settings Power sign-out icon. */
.asset-collection-validation small { color: var(--muted); line-height: 1.35; }
.asset-collection-validation.error { border-color: rgba(255,77,95,.72); background: rgba(255,77,95,.09); }
.asset-collection-validation.error strong { color: #ff6977; }
.side-bottom > #logoutButton,
html[data-color-mode="light"] .side-bottom > #logoutButton { color: #ff4d5f !important; }
.side-bottom > #logoutButton:hover,
html[data-color-mode="light"] .side-bottom > #logoutButton:hover { color: #ff7a86 !important; background: rgba(255,77,95,.10) !important; border-color: rgba(255,77,95,.36) !important; }
.logout-power-icon { width: 24px; min-width: 24px; height: 30px; display: block; overflow: visible; color: currentColor; }
.logout-power-icon path { fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.logout-power-icon circle { fill: currentColor; }
@media (max-width: 800px) {
  #appView .side-bottom > #logoutButton span { font-size: 10px; }
  #appView .logout-power-icon { width: 22px; min-width: 22px; height: 27px; }
}

/* Approval requests use a dedicated amber signal and retain review controls while scrolling. */
.home-notification-card.notification-approval-request,
.notification-item.notification-approval-request,
.notification-attention-row.notification-approval-request {
  border-color: rgba(255,176,46,.78) !important;
  background: linear-gradient(135deg,rgba(255,176,46,.17),rgba(82,46,4,.22)) !important;
  box-shadow: inset 4px 0 #ffb02e,0 0 22px rgba(255,176,46,.12) !important;
}
.notification-approval-request .notification-category,
.home-notification-card.notification-approval-request > small:first-child,
.notification-attention-row.notification-approval-request i { color:#ffc568 !important; }
.home-notification-card.notification-approval-decision,
.notification-item.notification-approval-decision { border-color:rgba(84,202,126,.58) !important;box-shadow:inset 4px 0 #54ca7e !important; }
.workflow-review-bar { position:fixed;z-index:175;left:220px;right:24px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;color:#f4f7f2;border:1px solid rgba(255,176,46,.72);border-radius:14px;background:rgba(16,19,13,.96);box-shadow:0 18px 55px rgba(0,0,0,.62),inset 4px 0 #ffb02e;backdrop-filter:blur(22px); }
#appView.sidebar-collapsed ~ .workflow-review-bar { left:86px; }
.workflow-review-bar > div:first-child { min-width:0; }.workflow-review-bar p { margin:0 0 3px;color:#ffc568; }.workflow-review-bar strong,.workflow-review-bar small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.workflow-review-bar strong { font-size:13px; }.workflow-review-bar small { margin-top:3px;color:#9fa89f;font-size:9px; }
.workflow-review-bar-actions { display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px; }.workflow-review-bar .button { min-height:38px; }.workflow-review-bar .review-approve { color:#071208;background:#aef145;border-color:#aef145; }.workflow-review-bar .review-decline { color:#fff;background:#9f3038;border-color:#e55d66; }.workflow-review-bar .review-needs-work { color:#171006;background:#ffb02e;border-color:#ffc568; }
.workflow-review-note { display:grid;gap:4px;min-width:210px;max-width:320px;flex:1; }.workflow-review-note span { color:#c7cec4;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }.workflow-review-note input { width:100%;min-height:38px;padding:8px 11px;color:#f4f7f2;border:1px solid rgba(255,176,46,.38);border-radius:9px;background:rgba(255,255,255,.06); }.workflow-review-note input:focus { border-color:#ffb02e;outline:2px solid rgba(255,176,46,.2); }
#appView.workflow-review-active .main { padding-bottom:104px; }
html[data-color-mode="light"] .workflow-review-bar { color:#142015;background:rgba(252,253,249,.97);box-shadow:0 18px 45px rgba(27,41,25,.2),inset 4px 0 #c77800; }
html[data-color-mode="light"] .workflow-review-bar p { color:#8a5200; }
html[data-color-mode="light"] .workflow-review-note span { color:#536054; }html[data-color-mode="light"] .workflow-review-note input { color:#142015;background:#fff;border-color:rgba(138,82,0,.35); }
html[data-color-mode="light"] .home-notification-card.notification-approval-request,
html[data-color-mode="light"] .notification-item.notification-approval-request { color:#2b1a02 !important;background:#fff4df !important;border-color:#d78a13 !important; }
.home-notification-card.notification-asset-expiry,
.notification-item.notification-asset-expiry,
.notification-attention-row.notification-asset-expiry { border-color:rgba(255,91,108,.72) !important;background:linear-gradient(135deg,rgba(255,77,95,.16),rgba(72,13,23,.22)) !important;box-shadow:inset 4px 0 #ff4d5f,0 0 22px rgba(255,77,95,.10) !important; }
.notification-asset-expiry .notification-category,
.home-notification-card.notification-asset-expiry > small:first-child,
.notification-attention-row.notification-asset-expiry i { color:#ff7a86 !important; }
html[data-color-mode="light"] .home-notification-card.notification-asset-expiry,
html[data-color-mode="light"] .notification-item.notification-asset-expiry { color:#351015 !important;background:#fff0f2 !important;border-color:#c92f42 !important; }
@media (max-width:800px) { .workflow-review-bar,#appView.sidebar-collapsed ~ .workflow-review-bar { left:10px;right:10px;bottom:10px;align-items:stretch;flex-direction:column;gap:9px; }.workflow-review-note { min-width:0;max-width:none; }.workflow-review-bar-actions { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); }.workflow-review-bar .button { min-width:0;padding:8px 6px;font-size:9px; }#appView.workflow-review-active .main { padding-bottom:198px; } }

/* Store Data focal cards and product-level commerce intelligence. */
.store-headline-grid { margin:0 0 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.store-headline-card { position:relative;min-width:0;min-height:166px;overflow:hidden;padding:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;color:#101510;border:1px solid rgba(255,255,255,.28);border-radius:18px;box-shadow:0 18px 36px rgba(0,0,0,.22); }
.store-headline-card::after { content:"";position:absolute;right:-42px;top:-58px;width:180px;height:180px;border:34px solid rgba(255,255,255,.12);border-radius:50%; }
.store-headline-card > div,.store-headline-card > i { position:relative;z-index:1; }
.store-headline-card span,.store-headline-card strong,.store-headline-card small { display:block; }
.store-headline-card span { font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase; }
.store-headline-card strong { margin-top:18px;font:800 clamp(28px,3vw,46px)/.95 var(--display);letter-spacing:-.02em; }
.store-headline-card small { max-width:270px;margin-top:9px;font-size:8px;font-weight:750;line-height:1.35;opacity:.72; }
.store-headline-card > i { width:52px;height:52px;display:grid;place-content:center;flex:0 0 auto;border-radius:50%;font-size:27px;background:rgba(255,255,255,.36); }
.store-headline-sales { background:linear-gradient(135deg,#b4ef53,#d7ff93); }
.store-headline-traffic { background:linear-gradient(135deg,#ff835e,#ffae73); }
.store-headline-shipping { background:linear-gradient(135deg,#43cad3,#83eef0); }
.store-headline-card.loading-card { opacity:.74; }

.product-performance-shell { margin:22px 0;overflow:hidden;border:1px solid #435330;border-radius:14px;background:linear-gradient(145deg,rgba(174,241,69,.07),rgba(10,14,11,.9)); }
.product-performance-shell > header { padding:14px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line2); }
.product-performance-shell > header strong { display:block;margin-top:4px;font:750 19px var(--display);text-transform:uppercase; }
.product-performance-shell > header label { min-width:160px;display:grid;gap:4px;color:var(--muted);font-size:8px;font-weight:850;text-transform:uppercase; }
.product-performance-shell > header select { min-height:38px;color:var(--accent);border-color:#4d6236;background:#11170f;font-weight:800; }
#productPerformanceContent { padding:14px;display:grid;gap:12px; }
.product-performance-loading,.product-performance-error { min-height:150px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted); }
.product-performance-error { display:grid;text-align:center; }
.product-performance-error p { margin:0; }
.product-performance-shell .product-gap-panel { margin:0; }
.product-sales-panel { display:grid;gap:12px;padding:16px;border:1px solid rgba(67,202,211,.4);border-radius:12px;background:linear-gradient(135deg,rgba(67,202,211,.11),rgba(67,202,211,.025)); }
.product-sales-panel > header { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.product-sales-panel h4 { margin:3px 0 0;font:750 19px var(--display);text-transform:uppercase; }
.product-sales-panel > header > span { padding:5px 8px;color:#73e4e9;border:1px solid rgba(67,202,211,.38);border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase; }
.product-sales-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px; }
.product-sales-stats > div { min-width:0;padding:11px;border:1px solid rgba(67,202,211,.23);border-radius:8px;background:rgba(0,0,0,.18); }
.product-sales-stats small,.product-sales-stats strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.product-sales-stats small { color:var(--muted);font-size:7px;text-transform:uppercase; }
.product-sales-stats strong { margin-top:5px;color:#73e4e9;font-size:14px; }
.product-sales-panel > p { margin:0;color:var(--muted);font-size:9px; }
.product-color-section { margin:22px 0;padding:16px;border:1px solid var(--line2);border-radius:12px;background:var(--panel); }
.product-color-section h4 { margin:0 0 12px;font:750 17px var(--display);text-transform:uppercase; }
.product-color-swatches { display:flex;flex-wrap:wrap;gap:10px 14px; }
.product-color-swatches > div { display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:750; }
.product-color-swatches i { width:24px;height:24px;display:block;border:2px solid rgba(255,255,255,.6);border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.45),0 4px 8px rgba(0,0,0,.22); }
html[data-color-mode="light"] .product-performance-shell { background:#f7faF2; }
html[data-color-mode="light"] .product-performance-shell > header select { color:#345100;background:#fff; }
html[data-color-mode="light"] .product-sales-stats > div,html[data-color-mode="light"] .product-gap-stats > div { background:rgba(255,255,255,.72); }
html[data-color-mode="light"] .product-color-swatches i { border-color:#fff; }
@media (max-width:1100px) { .store-headline-grid { grid-template-columns:1fr; }.store-headline-card { min-height:132px; }.store-headline-card strong { margin-top:10px; }.product-sales-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .store-headline-card { min-height:122px;padding:18px; }.product-performance-shell > header { align-items:stretch;flex-direction:column; }.product-performance-shell > header label { width:100%; }.product-gap-stats,.product-sales-stats { grid-template-columns:1fr 1fr; }.product-preview-variants > div { grid-template-columns:1fr; } }

/* v2.3.19 Asset video playback, Indexed Asset retention, and executive dashboards. */
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  line-height:1.1;
  text-align:center;
  text-decoration:none;
}
.button.wide,.quick-actions .button { width:100%; }
.quick-actions { align-items:stretch; }
.blog-upload-button { display:inline-flex!important;align-items:center;justify-content:center;isolation:isolate; }
.blog-upload-button input[type="file"] { position:absolute!important;z-index:2;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;color:transparent!important;font-size:0!important;cursor:pointer; }
.asset-library-actions { align-items:center;margin-bottom:12px;padding:13px 16px; }
.asset-library-actions > div:first-child { display:flex;align-items:baseline;gap:12px;min-width:0; }
.asset-library-actions .eyebrow { flex:0 0 auto; }
.asset-library-actions p:last-child { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.executive-delta { display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;width:max-content;max-width:100%;font-size:10px;font-weight:900;letter-spacing:.02em; }
.executive-delta small { font-size:8px;font-weight:700;opacity:.68; }
.executive-delta.positive { color:#54d982; }.executive-delta.negative { color:#ff736b; }.executive-delta.neutral { color:var(--muted); }
.executive-sparkline { display:block;width:100%;height:auto;max-height:92px;overflow:visible; }
.executive-sparkline.empty { min-height:48px;display:grid;place-items:center;color:var(--muted);border:1px dashed color-mix(in srgb,var(--line) 80%,transparent);border-radius:9px;font-size:8px;text-transform:uppercase; }
.executive-ring { --ring-value:0;--ring-tone:#aef145;position:relative;width:94px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring-tone) calc(var(--ring-value) * 1%),rgba(255,255,255,.09) 0);box-shadow:0 0 30px color-mix(in srgb,var(--ring-tone) 18%,transparent); }
.executive-ring::before { content:"";position:absolute;inset:9px;border-radius:50%;background:#0d120e;border:1px solid rgba(255,255,255,.08); }
.executive-ring > div { position:relative;z-index:1;display:grid;text-align:center; }
.executive-ring strong { font:850 18px/1 var(--display); }.executive-ring span { margin-top:3px;color:var(--muted);font-size:7px;font-weight:850;text-transform:uppercase; }

.command-visual-dashboard { --command-hero:none;position:relative;isolation:isolate;height:clamp(560px,calc(100dvh - 156px),820px);min-height:560px;max-height:820px;padding:16px;overflow:hidden;border:1px solid rgba(174,241,69,.28);border-radius:20px;background:#071009;box-shadow:0 28px 80px rgba(0,0,0,.42); }
#dashboardView.command-dashboard { display:block;width:100%; }
#dashboardView.command-dashboard > .command-visual-dashboard { width:100%;max-width:none; }
.command-visual-dashboard::before { content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(120deg,rgba(3,9,5,.94),rgba(4,15,9,.77)),var(--command-hero);background-position:center;background-size:cover;opacity:.58;filter:saturate(.8) contrast(1.05); }
.command-visual-dashboard::after { content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 75% 15%,rgba(67,202,211,.13),transparent 32%),repeating-linear-gradient(0deg,transparent 0 54px,rgba(174,241,69,.035) 55px),repeating-linear-gradient(90deg,transparent 0 54px,rgba(174,241,69,.035) 55px);pointer-events:none; }
.command-loading-state { min-height:500px;display:grid;place-content:center;justify-items:center;gap:12px;color:#d9e5da; }
.command-visual-header { position:relative;z-index:2;height:92px;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 4px 14px; }
.command-visual-header > div:first-child { min-width:0;align-self:flex-start; }
.command-visual-header h2 { margin:2px 0 4px;color:#fff;font:800 clamp(24px,2.3vw,38px)/1 var(--display);letter-spacing:-.035em;text-transform:uppercase; }
.command-visual-header > div:first-child > span { display:block;color:#a9b7ab;font-size:10px;line-height:1.35; }.command-visual-header .eyebrow { margin:0;color:#aef145; }
.command-header-status { flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:9px; }
.command-period-context { display:flex;align-items:stretch;overflow:hidden;border:1px solid rgba(73,183,255,.24);border-radius:10px;background:rgba(6,15,10,.7); }
.command-period-context > span { min-width:76px;padding:7px 9px;display:grid;gap:2px;border-left:1px solid rgba(73,183,255,.18); }.command-period-context > span:first-child { border-left:0; }
.command-period-context small { color:#7f9184;font-size:6px;font-weight:900;letter-spacing:.12em; }.command-period-context strong { color:#eaf3eb;font-size:9px;white-space:nowrap; }
.command-live-chip { display:flex;align-items:center;gap:7px;padding:8px 11px;color:#dfffad;border:1px solid rgba(174,241,69,.3);border-radius:999px;background:rgba(9,21,12,.72);font-size:9px;font-weight:950;letter-spacing:.12em; }
.command-live-chip i { width:7px;height:7px;border-radius:50%;background:#aef145;box-shadow:0 0 14px #aef145;animation:hud-live 1.8s ease-in-out infinite; }.command-live-chip small { color:#9da99e;font-size:7px;letter-spacing:0; }
.command-visual-grid { height:calc(100% - 92px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:9px; }
.command-visual-card { min-width:0;min-height:0;padding:11px 12px;overflow:hidden;color:#eef5ef;border:1px solid rgba(174,241,69,.17);border-radius:14px;background:linear-gradient(145deg,rgba(12,22,14,.88),rgba(5,12,8,.73));box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 30px rgba(0,0,0,.16);backdrop-filter:blur(16px); }
.command-visual-card > header { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;color:#aef145;font-size:8px;font-weight:900;letter-spacing:.13em; }.command-visual-card > header i { font-size:17px; }
.command-visual-card > strong { display:block;margin:2px 0 3px;color:#fff;font:850 clamp(25px,2.5vw,39px)/1 var(--display); }
.command-visual-card .executive-delta { margin-bottom:4px; }
.command-visual-card .executive-sparkline { margin-top:auto;max-height:44px; }
.command-card-sales,.command-card-traffic,.command-card-reach,.command-card-production { grid-column:span 3;display:flex;flex-direction:column; }
.command-card-email,.command-card-schedule,.command-card-fulfillment { grid-column:span 4; }.command-card-email,.command-card-schedule,.command-card-sources { display:flex;flex-direction:column; }
.command-card-products { grid-column:span 4; }.command-card-sources { grid-column:span 3; }.command-card-inbox { grid-column:span 2;display:flex;flex-direction:column; }.command-card-health { grid-column:span 3; }
.command-window-stats { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; }
.command-window-stats > div { min-width:0;padding:7px 8px;border:1px solid rgba(174,241,69,.13);border-radius:9px;background:rgba(174,241,69,.035); }
.command-window-stats span,.command-window-stats strong,.command-window-stats small { display:block; }.command-window-stats span { color:#839089;font-size:6px;font-weight:900;letter-spacing:.08em; }.command-window-stats strong { margin:3px 0 1px;color:#fff;font:850 clamp(18px,1.55vw,27px)/1 var(--display);white-space:nowrap; }.command-window-stats small { overflow:hidden;color:#9ba89e;font-size:6px;text-overflow:ellipsis;white-space:nowrap; }
.command-stat-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;height:calc(100% - 25px); }
.command-stat-grid > div { min-width:0;padding:8px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(73,183,255,.16);border-radius:9px;background:rgba(73,183,255,.04); }.command-stat-grid strong { overflow:hidden;color:#fff;font:850 clamp(17px,1.35vw,24px)/1 var(--display);text-overflow:ellipsis; }.command-stat-grid span { margin-top:4px;color:#8e9a91;font-size:6px;font-weight:800;text-transform:uppercase; }
.command-ring-row { height:calc(100% - 25px);display:flex;align-items:center;justify-content:space-around;gap:11px; }.command-ring-row .executive-ring { width:min(82px,42%); }
.command-ring-row .executive-ring::before { inset:8px; }.command-ring-row .executive-ring strong { font-size:15px; }
.command-ring-row > div:last-child { display:grid;gap:3px; }.command-ring-row > div:last-child > strong { color:#fff;font:850 25px/1 var(--display); }.command-ring-row span,.command-ring-row small { color:#b6c0b8;font-size:8px; }
.command-email-rates { margin:auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }.command-email-rates > div { padding:8px 7px;border:1px solid rgba(244,166,64,.2);border-radius:10px;background:rgba(244,166,64,.055); }.command-email-rates strong,.command-email-rates span { display:block; }.command-email-rates strong { color:#ffc36c;font:850 clamp(17px,1.5vw,25px)/1 var(--display); }.command-email-rates span { margin-top:4px;color:#a9b4aa;font-size:6px;text-transform:uppercase; }.command-card-email > small { display:-webkit-box;margin-top:6px;overflow:hidden;color:#8d998f;font-size:6px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.command-mini-bars,.command-source-bars { margin:auto 0;display:grid;gap:7px; }.command-mini-bars > div,.command-source-bars > div { display:grid;grid-template-columns:58px minmax(0,1fr) 30px;align-items:center;gap:7px;color:#c7d0c8;font-size:7px; }.command-mini-bars i,.command-source-bars i { height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08); }.command-mini-bars b,.command-source-bars b { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4ca0ea,#aef145); }.command-mini-bars strong,.command-source-bars strong { overflow:hidden;color:#fff;text-align:right;text-overflow:ellipsis; }.command-source-bars p { margin:16px 0;color:#8d998f;font-size:7px;text-align:center;text-transform:uppercase; }
.command-product-signals { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;height:calc(100% - 27px); }.command-product-signals > div { display:flex;flex-direction:column;justify-content:center;padding:9px;border:1px solid rgba(73,183,255,.18);border-radius:10px;background:rgba(73,183,255,.045); }.command-product-signals span { color:#839089;font-size:7px;font-weight:850;text-transform:uppercase; }.command-product-signals strong { display:-webkit-box;margin-top:5px;overflow:hidden;color:#fff;font-size:10px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.command-inbox-stats { height:calc(100% - 25px);display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:6px; }
.command-inbox-stat { appearance:none;width:100%;min-width:0;padding:6px 7px;display:grid;grid-template-columns:38px minmax(0,1fr) 14px;grid-template-rows:auto auto;align-items:center;gap:1px 6px;color:#edf5ee;text-align:left;border:1px solid rgba(143,99,220,.28);border-radius:9px;background:rgba(143,99,220,.075);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease; }
.command-inbox-stat:hover { border-color:rgba(174,241,69,.46);background:rgba(174,241,69,.08);transform:translateY(-1px); }.command-inbox-stat:focus-visible { outline:2px solid #aef145;outline-offset:1px; }
.command-inbox-stat > strong { grid-row:1/3;overflow:hidden;color:#fff;font:850 clamp(19px,1.45vw,27px)/1 var(--display);text-overflow:ellipsis; }.command-inbox-stat > span { overflow:hidden;color:#dce7dd;font-size:7px;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }.command-inbox-stat > small { overflow:hidden;color:#8e9d91;font-size:6px;text-overflow:ellipsis;white-space:nowrap; }.command-inbox-stat > i { grid-column:3;grid-row:1/3;color:#aef145;font-size:13px; }
.command-inbox-stat.is-notifications { border-color:rgba(244,166,64,.25);background:rgba(244,166,64,.055); }.command-inbox-stat.is-notifications.has-items { border-color:rgba(255,115,107,.42);background:rgba(255,115,107,.09); }.command-inbox-stat.is-notifications.has-items > i { color:#ff8b84; }
.command-fulfillment-grid > div { border-color:rgba(67,202,211,.18);background:rgba(67,202,211,.045); }

.leadership-commerce-snapshot { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 12px; }
.leadership-commerce-card { min-width:0;min-height:218px;padding:15px;display:flex;flex-direction:column;overflow:hidden;color:var(--text);border:1px solid var(--axl-admin-border,var(--line));border-top:3px solid var(--commerce-tone,#aef145);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--commerce-tone,#aef145) 8%,var(--panel)),var(--panel));box-shadow:var(--shadow); }
.leadership-commerce-sales { --commerce-tone:#aef145; }.leadership-commerce-traffic { --commerce-tone:#49b7ff; }.leadership-commerce-shipping { --commerce-tone:#43cad3; }.leadership-commerce-gap { --commerce-tone:#ef6a5b; }.leadership-commerce-demand { --commerce-tone:#f4a640; }
.leadership-commerce-card header { display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--commerce-tone);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }.leadership-commerce-card header i { font-size:20px; }
.leadership-commerce-card > strong { display:-webkit-box;margin:15px 0 6px;overflow:hidden;color:var(--text);font:850 clamp(20px,1.8vw,30px)/1.05 var(--display);-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.leadership-commerce-card .executive-sparkline { margin-top:auto;max-height:58px; }.leadership-commerce-card .executive-ring { width:68px;margin:6px auto 0; }.leadership-commerce-card .executive-ring::before { inset:7px; }.leadership-commerce-card .executive-ring strong { font-size:12px; }
.leadership-commerce-card footer { margin-top:auto;padding-top:7px;color:var(--muted);border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent);font-size:7px;font-weight:750;line-height:1.3; }
.leadership-shipping-visual { height:11px;margin:18px 0 8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--line) 65%,transparent); }.leadership-shipping-visual i { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#43cad3,#aef145); }
.leadership-dual-bars { display:grid;gap:7px;margin:14px 0 8px; }.leadership-dual-bars i { height:10px;border-radius:999px;background:linear-gradient(90deg,var(--commerce-tone) var(--bar),color-mix(in srgb,var(--line) 70%,transparent) var(--bar)); }.leadership-dual-bars i:last-child { opacity:.58; }
.leadership-executive-grid { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin:0 0 12px; }.leadership-executive-grid > .panel { min-width:0;margin:0;padding:17px; }
.leadership-executive-grid article > header { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }.leadership-executive-grid article > header h2 { margin:3px 0 0;font-size:17px; }.leadership-executive-grid article > header > span,.leadership-executive-grid article > header > strong { color:var(--muted);font-size:8px;text-transform:uppercase; }
.leadership-sales-trend { grid-column:span 7; }.leadership-ceo-pulse { grid-column:span 5; }.leadership-email-pulse,.leadership-production-funnel { grid-column:span 6; }
.leadership-trend-total { margin:12px 0 2px; }.leadership-trend-total strong,.leadership-trend-total small { display:block; }.leadership-trend-total strong { color:var(--text);font:850 31px/1 var(--display); }.leadership-trend-total small { margin-top:4px;color:var(--muted);font-size:8px; }.leadership-sales-trend .executive-sparkline { height:115px;max-height:115px; }.leadership-sales-trend > footer { display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;margin-top:8px;padding-top:9px;border-top:1px solid var(--line);font-size:8px; }.leadership-sales-trend > footer span,.leadership-sales-trend > footer small { color:var(--muted); }
.leadership-pulse-list { display:grid;gap:7px;margin-top:12px; }.leadership-pulse-list article { padding:9px 10px;display:grid;grid-template-columns:minmax(55px,.6fr) 1fr;gap:3px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel2); }.leadership-pulse-list strong { grid-row:span 2;color:var(--axl-admin-blue,#49b7ff);font-size:13px;overflow:hidden;text-overflow:ellipsis; }.leadership-pulse-list span { font-size:8px;font-weight:850;text-transform:uppercase; }.leadership-pulse-list small { color:var(--muted);font-size:7px; }
.leadership-email-rings { display:flex;align-items:center;justify-content:space-around;gap:16px;margin:13px 0; }.leadership-email-rings .executive-ring { width:86px; }.leadership-email-facts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }.leadership-email-facts span { padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:7px;text-align:center; }.leadership-email-facts strong { display:block;margin-bottom:3px;color:var(--text);font-size:15px; }.leadership-data-note { margin:8px 0 0;color:#f4a640;font-size:7px;line-height:1.3; }
.leadership-funnel { display:grid;gap:8px;margin-top:15px; }.leadership-funnel > div { display:grid;grid-template-columns:72px minmax(0,1fr) 24px;align-items:center;gap:8px;color:var(--muted);font-size:8px; }.leadership-funnel i { width:var(--funnel-width);height:23px;border-radius:4px;background:linear-gradient(90deg,var(--funnel-tone),color-mix(in srgb,var(--funnel-tone) 45%,transparent));clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%); }.leadership-funnel strong { color:var(--text);text-align:right; }

.requests-production-section { margin:0 0 18px;padding:20px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:18px;background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--accent) 9%,transparent),transparent 34%),var(--panel);box-shadow:0 22px 50px rgba(0,0,0,.2); }
.requests-production-section .section-intro { margin-bottom:14px; }.requests-production-section .section-intro h2 { font-size:clamp(28px,3vw,42px); }
.requests-production-section .board { min-height:340px; }

.store-headline-card { min-height:210px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;align-items:start; }
.store-headline-card > header { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px; }.store-headline-card > header i { width:42px;height:42px;display:grid;place-content:center;border-radius:50%;font-size:23px;background:rgba(255,255,255,.36); }
.store-headline-card > strong { position:relative;z-index:1;margin:12px 0 4px;font:850 clamp(30px,3vw,46px)/.95 var(--display); }.store-headline-card > .executive-delta { position:relative;z-index:1;color:#1c3117; }.store-headline-card > .executive-delta.negative { color:#74201b; }.store-headline-card > small { position:relative;z-index:1;margin-top:7px; }
.store-headline-card > footer { position:relative;z-index:1;align-self:end;justify-self:end;display:grid;text-align:right; }.store-headline-card > footer span { font-size:7px;opacity:.65; }.store-headline-card > footer strong { margin-top:3px;font:850 16px/1 var(--display); }

.leadership-dashboard { --leadership-hero:none;position:relative;isolation:isolate;padding:16px;overflow:hidden;border:1px solid rgba(174,241,69,.2);border-radius:20px;background:#071009;box-shadow:0 26px 70px rgba(0,0,0,.32); }
.leadership-dashboard::before { content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(125deg,rgba(3,9,5,.94),rgba(5,16,10,.77)),var(--leadership-hero);background-position:center top;background-size:cover;filter:saturate(.76) contrast(1.03); }
.leadership-dashboard::after { content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 80% 8%,rgba(73,183,255,.12),transparent 30%),repeating-linear-gradient(0deg,transparent 0 58px,rgba(174,241,69,.025) 59px),repeating-linear-gradient(90deg,transparent 0 58px,rgba(174,241,69,.025) 59px);pointer-events:none; }
.leadership-dashboard > * { position:relative;z-index:1; }
.leadership-dashboard .leadership-toolbar { background:rgba(12,18,13,.91);backdrop-filter:blur(16px); }
.leadership-time-pulse { display:flex;align-items:stretch;overflow:hidden;border:1px solid color-mix(in srgb,var(--axl-admin-blue) 35%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--panel2) 88%,transparent); }
.leadership-time-pulse > span { min-width:86px;padding:7px 10px;display:grid;gap:2px;border-left:1px solid var(--line); }.leadership-time-pulse > span:first-child { border-left:0; }
.leadership-time-pulse small { color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.1em; }.leadership-time-pulse strong { color:var(--text);font-size:9px;white-space:nowrap; }

html[data-color-mode="light"] .command-visual-dashboard { --command-light-accent:#2d6b2f;color:#172019;border-color:#b9ccb1;background:#eef3ee;box-shadow:0 22px 54px rgba(30,53,34,.16); }
html[data-color-mode="light"] .command-visual-dashboard::before { background-image:linear-gradient(120deg,rgba(248,251,248,.96),rgba(237,244,239,.89)),var(--command-hero);opacity:.9;filter:saturate(.42) contrast(.92); }
html[data-color-mode="light"] .command-visual-dashboard::after { background:radial-gradient(circle at 75% 15%,rgba(48,126,133,.1),transparent 32%),repeating-linear-gradient(0deg,transparent 0 54px,rgba(48,86,51,.055) 55px),repeating-linear-gradient(90deg,transparent 0 54px,rgba(48,86,51,.055) 55px); }
html[data-color-mode="light"] .command-visual-header h2 { color:#172019; }
html[data-color-mode="light"] .command-visual-header > div > span { color:#526157; }
html[data-color-mode="light"] .command-live-chip { color:#245d28;border-color:#91b785;background:rgba(255,255,255,.78); }
html[data-color-mode="light"] .command-live-chip i { background:#4b8b31;box-shadow:0 0 10px rgba(75,139,49,.45); }
html[data-color-mode="light"] .command-live-chip small { color:#5c695f; }
html[data-color-mode="light"] .command-period-context { border-color:rgba(39,116,126,.25);background:rgba(255,255,255,.8); }
html[data-color-mode="light"] .command-period-context > span { border-left-color:rgba(39,116,126,.18); }.command-period-context > span:first-child { border-left:0; }
html[data-color-mode="light"] .command-period-context small { color:#607067; }.command-period-context strong { color:#eaf3eb; }
html[data-color-mode="light"] .command-period-context strong { color:#172019; }
html[data-color-mode="light"] .command-visual-card { color:#172019;background:rgba(255,255,255,.93);border-color:rgba(51,87,36,.2);box-shadow:inset 0 1px rgba(255,255,255,.8),0 12px 26px rgba(35,57,38,.09); }
html[data-color-mode="light"] .command-visual-card > header { color:var(--command-light-accent); }
html[data-color-mode="light"] .command-visual-card > strong,html[data-color-mode="light"] .command-window-stats strong,html[data-color-mode="light"] .command-stat-grid strong,html[data-color-mode="light"] .command-email-rates strong,html[data-color-mode="light"] .command-ring-row > div:last-child > strong,html[data-color-mode="light"] .command-product-signals strong,html[data-color-mode="light"] .command-mini-bars strong,html[data-color-mode="light"] .command-source-bars strong,html[data-color-mode="light"] .command-inbox-stat > strong { color:#172019; }
html[data-color-mode="light"] .executive-ring::before { background:#fff; }
html[data-color-mode="light"] .command-visual-dashboard .executive-delta.positive { color:#24703a; }
html[data-color-mode="light"] .command-visual-dashboard .executive-delta.negative { color:#b43c37; }
html[data-color-mode="light"] .command-window-stats span,html[data-color-mode="light"] .command-window-stats small,html[data-color-mode="light"] .command-stat-grid span,html[data-color-mode="light"] .command-ring-row span,html[data-color-mode="light"] .command-ring-row small,html[data-color-mode="light"] .command-mini-bars > div,html[data-color-mode="light"] .command-source-bars > div,html[data-color-mode="light"] .command-card-email > small { color:#56665b; }
html[data-color-mode="light"] .command-window-stats,html[data-color-mode="light"] .command-stat-grid > div { border-color:rgba(39,116,126,.2);background:rgba(39,116,126,.045); }
html[data-color-mode="light"] .command-mini-bars i,html[data-color-mode="light"] .command-source-bars i { background:#dbe5dc; }
html[data-color-mode="light"] .command-product-signals > div { border-color:rgba(39,116,126,.24);background:rgba(39,116,126,.055); }
html[data-color-mode="light"] .command-product-signals span { color:#4f6256; }
html[data-color-mode="light"] .command-inbox-stat { color:#172019;border-color:rgba(98,70,151,.23);background:rgba(98,70,151,.055); }
html[data-color-mode="light"] .command-inbox-stat > span { color:#33443a; }html[data-color-mode="light"] .command-inbox-stat > small { color:#637068; }html[data-color-mode="light"] .command-inbox-stat.is-notifications { border-color:rgba(180,112,31,.25);background:rgba(244,166,64,.075); }html[data-color-mode="light"] .command-inbox-stat.is-notifications.has-items { border-color:rgba(180,60,55,.34);background:rgba(255,115,107,.08); }
html[data-color-mode="light"] .command-card-sales .executive-sparkline polyline { stroke:#397b33; }
html[data-color-mode="light"] .leadership-commerce-card { background:#fff; }
html[data-color-mode="light"] .leadership-dashboard { border-color:#b9ccb1;background:#eef3ee;box-shadow:0 22px 54px rgba(30,53,34,.14); }
html[data-color-mode="light"] .leadership-dashboard::before { background-image:linear-gradient(125deg,rgba(248,251,248,.96),rgba(237,244,239,.88)),var(--leadership-hero);filter:saturate(.4) contrast(.92); }
html[data-color-mode="light"] .leadership-dashboard .leadership-toolbar { background:rgba(255,255,255,.91); }

@media (max-width:1250px) {
  .leadership-commerce-snapshot { grid-template-columns:repeat(3,minmax(0,1fr)); }.leadership-commerce-card:nth-child(n+4) { min-height:180px; }
}
@media (max-width:900px) {
  .command-visual-dashboard { height:auto;min-height:0;max-height:none;overflow:visible; }.command-visual-header { height:auto;min-height:100px; }.command-header-status { flex-wrap:wrap; }.command-visual-grid { height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none; }.command-visual-card { grid-column:span 1!important;min-height:180px; }.command-card-products,.command-card-email,.command-card-sources { grid-column:1/-1!important; }
  .leadership-commerce-snapshot { grid-template-columns:repeat(2,minmax(0,1fr)); }.leadership-executive-grid > article { grid-column:1/-1; }.leadership-sales-trend,.leadership-ceo-pulse,.leadership-email-pulse,.leadership-production-funnel { grid-column:1/-1; }
}
@media (max-width:620px) {
  .command-visual-dashboard { padding:11px; }.command-visual-header { height:auto;min-height:0;align-items:stretch;flex-direction:column;padding-bottom:12px; }.command-header-status { justify-content:space-between; }.command-live-chip small { display:none; }.command-visual-grid { grid-template-columns:1fr; }.command-visual-card,.command-card-products,.command-card-email,.command-card-sources { grid-column:1!important; }
  .command-product-signals,.command-email-rates { grid-template-columns:1fr; }.leadership-dashboard { padding:10px; }.leadership-time-pulse { width:100%; }.leadership-time-pulse > span { flex:1; }.leadership-commerce-snapshot { grid-template-columns:1fr; }.leadership-email-facts { grid-template-columns:1fr; }.asset-library-actions,.asset-library-actions > div:first-child { align-items:stretch;flex-direction:column; }.asset-library-actions p:last-child { white-space:normal; }
  .requests-production-section { padding:13px; }.store-headline-card { min-height:190px; }
}

/* v2.3.22: live 4K Executive HUD with six-hour Drive imagery and ticker. */
.project-wall-shell { padding:clamp(18px,1.25vw,48px);grid-template-columns:minmax(0,1.65fr) minmax(320px,.72fr) minmax(320px,.68fr);grid-template-rows:clamp(84px,7.4vh,150px) clamp(40px,3.8vh,76px) clamp(150px,17.5vh,330px) minmax(0,1fr) clamp(58px,6.5vh,118px);gap:clamp(9px,.65vw,24px); }
.project-wall-shell::before { background-image:linear-gradient(112deg,rgba(1,6,3,.965) 0%,rgba(3,12,7,.88) 44%,rgba(2,10,6,.78) 100%),var(--wall-hero);background-position:center;background-size:cover;filter:saturate(.72) contrast(1.12);transform:scale(1.01); }
.project-wall-shell::after { background:linear-gradient(90deg,rgba(174,241,69,.025) 1px,transparent 1px),linear-gradient(rgba(67,202,211,.025) 1px,transparent 1px),radial-gradient(circle at 72% 4%,rgba(67,202,211,.18),transparent 30%),radial-gradient(circle at 5% 92%,rgba(174,241,69,.13),transparent 25%);background-size:clamp(44px,3.2vw,120px) clamp(44px,3.2vw,120px),clamp(44px,3.2vw,120px) clamp(44px,3.2vw,120px),auto,auto;animation:project-wall-scan 12s linear infinite; }
@keyframes project-wall-scan { 50% { opacity:.72; } }
.project-wall-shell > .project-wall-hud-header { padding:0 0 clamp(10px,.65vw,24px)!important; }
.project-wall-hud-header .eyebrow { margin:0 0 clamp(4px,.35vw,10px);font-size:clamp(8px,.52vw,19px);letter-spacing:.2em; }
.project-wall-hud-header h2 { font-size:clamp(42px,3.4vw,108px);text-shadow:0 0 42px rgba(174,241,69,.08); }
.project-wall-hud-header p:last-child { margin-top:clamp(6px,.4vw,14px);font-size:clamp(9px,.58vw,20px);letter-spacing:.035em; }
.project-wall-hud-status { gap:clamp(10px,.7vw,25px); }
.project-wall-clock { padding-right:clamp(12px,.8vw,28px);display:grid;text-align:right;border-right:1px solid rgba(67,202,211,.24); }
.project-wall-clock strong { color:#f4f8f3;font:900 clamp(19px,1.45vw,46px)/.95 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.035em; }
.project-wall-clock small { margin-top:4px;color:#43cad3;font-size:clamp(6px,.42vw,15px);font-weight:900;letter-spacing:.12em; }
.project-wall-hud-status > span { padding:clamp(8px,.55vw,18px) clamp(11px,.75vw,26px);font-size:clamp(8px,.48vw,17px); }
.project-wall-hud-status > span i { width:clamp(7px,.48vw,16px);height:clamp(7px,.48vw,16px); }
.project-wall-hud-status > small { font-size:clamp(7px,.44vw,15px); }
.project-wall-hud-status .close-btn { width:clamp(36px,2.15vw,68px);height:clamp(36px,2.15vw,68px);font-size:clamp(20px,1.3vw,42px); }

.project-wall-controls { gap:clamp(12px,.9vw,30px);padding:0 0 clamp(5px,.3vw,10px); }
.project-wall-controls .command-period button { min-height:clamp(30px,2vw,58px);padding:5px clamp(10px,.68vw,23px);font-size:clamp(8px,.46vw,16px); }
.project-wall-controls p { flex:1;font-size:clamp(8px,.46vw,16px); }
#projectWallStatsUpdated { color:#43cad3;font-size:clamp(7px,.42vw,15px);font-style:normal;font-weight:900;letter-spacing:.12em;white-space:nowrap; }

.project-wall-metrics { grid-column:1/-1!important;grid-row:3!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:1fr!important;gap:clamp(8px,.6vw,22px)!important; }
.project-wall-metrics .project-wall-kpi { position:relative;min-height:0!important;padding:clamp(13px,.9vw,30px)!important;display:grid;grid-template-rows:auto 1fr auto;align-items:center;overflow:hidden;border:1px solid rgba(174,241,69,.22)!important;border-left:1px solid rgba(174,241,69,.22)!important;border-radius:clamp(10px,.7vw,22px);background:linear-gradient(145deg,rgba(9,24,13,.9),rgba(4,11,7,.82))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 44px rgba(0,0,0,.22)!important;backdrop-filter:blur(14px); }
.project-wall-kpi::before,.project-wall-signal::before,.project-wall-sales-panel::before,.project-wall-chart-panel::before { content:"";position:absolute;top:0;left:0;width:28%;height:2px;background:#aef145;box-shadow:0 0 15px currentColor; }
.project-wall-kpi header,.project-wall-signal header { display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9baa9e; }
.project-wall-kpi header span,.project-wall-signal header span { font-size:clamp(7px,.47vw,16px);font-weight:900;letter-spacing:.12em; }
.project-wall-kpi header i,.project-wall-signal header i { color:#aef145;font-size:clamp(16px,1.05vw,34px); }
.project-wall-metrics .project-wall-kpi > strong { margin:clamp(5px,.4vw,14px) 0;color:#f4f8f3;font:900 clamp(31px,2.35vw,74px)/.9 var(--display);letter-spacing:-.025em; }
.project-wall-kpi > small { color:#829087;font-size:clamp(7px,.43vw,15px);line-height:1.25; }
.project-wall-kpi-traffic::before,.project-wall-kpi-audience::before { background:#43cad3; }.project-wall-kpi-orders::before,.project-wall-kpi-units::before { background:#f4a640; }.project-wall-kpi-shipping::before { background:#8f63dc; }
.project-wall-kpi.positive > strong { color:#dfffad; }.project-wall-kpi.negative > strong { color:#ff8d82; }.project-wall-kpi.neutral > strong { color:#f4f8f3; }

.project-wall-sales-panel { position:relative;grid-column:1;grid-row:4;min-height:0;padding:clamp(15px,1vw,34px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(174,241,69,.24);border-radius:clamp(12px,.8vw,25px);background:linear-gradient(145deg,rgba(7,20,11,.92),rgba(3,10,6,.8));box-shadow:inset 0 1px rgba(255,255,255,.035),0 22px 50px rgba(0,0,0,.22);backdrop-filter:blur(16px); }
.project-wall-sales-panel > header { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.project-wall-sales-panel h3,.project-wall-chart-panel h3 { margin:3px 0 0;color:#f4f8f3;font:850 clamp(18px,1.2vw,38px)/1 var(--display); }
.project-wall-sales-status { padding:7px 10px;color:#dfffad;border:1px solid rgba(174,241,69,.3);border-radius:999px;background:rgba(174,241,69,.08);font-size:clamp(7px,.43vw,14px);font-weight:950;letter-spacing:.08em;white-space:nowrap; }
.project-wall-sales-status.negative { color:#ff9b92;border-color:rgba(255,115,107,.38);background:rgba(255,115,107,.08); }
.project-wall-sales-chart { flex:1;min-height:0;display:grid;grid-template-columns:minmax(160px,.42fr) minmax(0,1.58fr);grid-template-rows:1fr auto;gap:clamp(10px,.8vw,28px);align-items:stretch; }
.project-wall-sales-headline { align-self:center;display:grid;align-content:center; }
.project-wall-sales-headline > strong { color:#dfffad;font:900 clamp(50px,4.5vw,144px)/.8 var(--display);letter-spacing:-.05em; }
.project-wall-sales-headline > span { margin-top:clamp(9px,.7vw,23px);color:#9aa89e;font-size:clamp(7px,.46vw,16px);font-weight:900;letter-spacing:.12em; }
.project-wall-sales-headline .executive-delta { margin-top:clamp(8px,.55vw,20px);font-size:clamp(9px,.55vw,19px); }
.project-wall-trend { min-height:0;display:grid;grid-template-rows:1fr 1fr;gap:clamp(6px,.4vw,14px); }
.project-wall-trend > div { min-height:0;padding:clamp(7px,.45vw,16px);display:grid;grid-template-columns:clamp(80px,6.2vw,200px) minmax(0,1fr);align-items:center;border-left:1px solid rgba(67,202,211,.16); }
.project-wall-trend > div > span { color:#7f8e84;font-size:clamp(6px,.4vw,14px);font-weight:900;letter-spacing:.1em; }
.project-wall-trend .executive-sparkline { width:100%;height:clamp(60px,6vh,150px); }
.project-wall-sales-chart > footer { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,.6vw,20px);border-top:1px solid rgba(67,202,211,.14); }
.project-wall-sales-chart > footer > span { padding-top:clamp(8px,.55vw,18px);color:#839087;font-size:clamp(7px,.44vw,15px); }
.project-wall-sales-chart footer small,.project-wall-sales-chart footer strong { margin-right:7px;color:#eef6ef;font-size:clamp(8px,.55vw,19px);font-weight:900; }

.project-wall-commerce-metrics { grid-column:2;grid-row:4;margin:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:clamp(7px,.5vw,17px)!important; }
.project-wall-commerce-metrics .project-wall-signal { position:relative;min-height:0;padding:clamp(10px,.7vw,23px)!important;display:grid;align-content:center;overflow:hidden;border:1px solid rgba(67,202,211,.2)!important;border-radius:clamp(10px,.7vw,21px);background:linear-gradient(145deg,rgba(8,22,14,.9),rgba(4,11,7,.82))!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important;backdrop-filter:blur(14px); }
.project-wall-signal::before { background:#43cad3; }.project-wall-signal:nth-child(2)::before { background:#f4a640; }.project-wall-signal:nth-child(3)::before { background:#8f63dc; }.project-wall-signal:nth-child(4)::before { background:#aef145; }
.project-wall-signal > strong { margin-top:clamp(5px,.35vw,12px);overflow:hidden;color:#f2f7f3;font:800 clamp(13px,.85vw,28px)/1.05 var(--display);text-overflow:ellipsis;white-space:nowrap; }
.project-wall-signal > small { margin-top:4px;color:#829087;font-size:clamp(6px,.39vw,13px); }
.project-wall-rings { margin-top:5px;display:flex;align-items:center;gap:clamp(10px,.7vw,24px); }.project-wall-rings .executive-ring { width:clamp(52px,3.65vw,116px);height:clamp(52px,3.65vw,116px); }.project-wall-rings .executive-ring strong { font-size:clamp(11px,.72vw,24px); }.project-wall-rings .executive-ring span { font-size:clamp(5px,.31vw,10px); }
.project-wall-system { grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr; }.project-wall-system header { grid-column:1; }.project-wall-system > .executive-ring { grid-column:2;grid-row:1/3;width:clamp(56px,3.8vw,122px);height:clamp(56px,3.8vw,122px); }.project-wall-system > small { grid-column:1;align-self:end; }

.project-wall-chart-panel { position:relative;grid-column:3;grid-row:4;margin:0!important;padding:clamp(14px,.9vw,30px)!important;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(67,202,211,.23)!important;border-radius:clamp(12px,.8vw,25px);background:linear-gradient(145deg,rgba(7,20,13,.91),rgba(3,10,7,.8))!important;backdrop-filter:blur(16px); }
.project-wall-chart-panel::before { background:#43cad3; }
.project-wall-chart-panel > div:first-child > p:last-child { font-size:clamp(7px,.42vw,14px); }
.project-wall-chart { flex:1;min-height:0;margin-top:clamp(8px,.55vw,18px);padding-top:5px;overflow:hidden; }
.project-wall-chart .command-chart-column { min-width:0;height:100%;font-size:clamp(6px,.36vw,12px); }.project-wall-chart .command-chart-stack { max-height:none; }.project-wall-chart .command-chart-value { font-size:clamp(8px,.45vw,15px); }
.project-wall-chart-panel .command-chart-legend { margin-top:clamp(7px,.45vw,16px);font-size:clamp(7px,.4vw,14px); }

.project-wall-grid { grid-column:1/-1;grid-row:5;margin:0;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:1fr!important;gap:0!important;overflow:hidden;border:1px solid rgba(174,241,69,.2);border-radius:clamp(9px,.55vw,18px);background:rgba(3,12,7,.88);box-shadow:inset 0 1px rgba(255,255,255,.025); }
.project-wall-ticker-label { position:relative;z-index:2;padding:0 clamp(13px,1vw,34px);display:flex;align-items:center;gap:9px;color:#dfffad;background:linear-gradient(90deg,#122019,#0a1510);font-size:clamp(7px,.46vw,16px);font-weight:950;letter-spacing:.12em;white-space:nowrap;box-shadow:14px 0 22px rgba(2,7,4,.75); }
.project-wall-ticker-label i { width:8px;height:8px;border-radius:50%;background:#aef145;box-shadow:0 0 12px #aef145; }
.project-wall-ticker-window { min-width:0;overflow:hidden; }
.project-wall-ticker-track { width:max-content;height:100%;display:flex;align-items:stretch;animation:project-wall-ticker 46s linear infinite; }
@keyframes project-wall-ticker { to { transform:translateX(-50%); } }
.project-wall-ticker-item { min-width:clamp(300px,22vw,720px);padding:0 clamp(16px,1.1vw,38px);display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:end;gap:0 9px;color:#f0f6f1;border:0;border-right:1px solid rgba(67,202,211,.15);background:transparent;text-align:left;cursor:pointer; }
.project-wall-ticker-item:hover { background:rgba(174,241,69,.06); }.project-wall-ticker-item > i { grid-row:1/3;align-self:center;width:5px;height:58%;background:var(--tone);box-shadow:0 0 10px color-mix(in srgb,var(--tone) 75%,transparent); }.project-wall-ticker-item > span { align-self:end;color:var(--tone);font-size:clamp(6px,.36vw,12px);font-weight:900;letter-spacing:.08em; }.project-wall-ticker-item > strong { align-self:end;overflow:hidden;font:800 clamp(11px,.7vw,24px)/1 var(--display);text-overflow:ellipsis;white-space:nowrap; }.project-wall-ticker-item > small { grid-column:2/4;align-self:start;margin-top:4px;color:#809086;font-size:clamp(6px,.36vw,12px); }
.project-wall-ticker-empty { padding:0 24px;display:flex;align-items:center;color:#92a097;font-size:clamp(8px,.48vw,16px);letter-spacing:.08em; }

html[data-color-mode="light"] .project-wall-shell { color:#172019;background:#eef3ee!important; }
html[data-color-mode="light"] .project-wall-shell::before { background-image:linear-gradient(112deg,rgba(248,251,248,.965),rgba(238,245,240,.9)),var(--wall-hero);filter:saturate(.42) contrast(.9); }
html[data-color-mode="light"] .project-wall-kpi,html[data-color-mode="light"] .project-wall-sales-panel,html[data-color-mode="light"] .project-wall-signal,html[data-color-mode="light"] .project-wall-chart-panel { color:#172019;background:rgba(255,255,255,.9)!important;box-shadow:0 16px 34px rgba(35,57,38,.1)!important; }
html[data-color-mode="light"] .project-wall-kpi > strong,html[data-color-mode="light"] .project-wall-sales-panel h3,html[data-color-mode="light"] .project-wall-signal > strong,html[data-color-mode="light"] .project-wall-chart-panel h3,html[data-color-mode="light"] .project-wall-clock strong { color:#172019; }
html[data-color-mode="light"] .project-wall-kpi.positive > strong,html[data-color-mode="light"] .project-wall-sales-headline > strong { color:#317036; }
html[data-color-mode="light"] .project-wall-kpi.negative > strong,
html[data-color-mode="light"] .command-hud-summary article.negative strong { color:#b42318; }
.project-wall-metrics .project-wall-kpi > strong[data-negative-currency="true"],
.command-metric-hud-copy strong[data-negative-currency="true"] { color:#ff8d82; }
html[data-color-mode="light"] .project-wall-metrics .project-wall-kpi > strong[data-negative-currency="true"],
html[data-color-mode="light"] .command-metric-hud-copy strong[data-negative-currency="true"] { color:#b42318; }
html[data-color-mode="light"] .project-wall-grid { background:rgba(249,252,249,.94); }.project-wall-ticker-item { color:inherit; }

@media (max-width:1250px) {
  .project-wall-dialog { overflow:auto; }
  .project-wall-shell { height:auto;min-height:100dvh;display:block!important;overflow:visible;padding:16px; }
  .project-wall-hud-header { min-height:90px!important; }.project-wall-controls { margin:10px 0; }
  .project-wall-metrics { grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(130px,1fr))!important;margin-bottom:10px!important; }
  .project-wall-sales-panel,.project-wall-commerce-metrics,.project-wall-chart-panel,.project-wall-grid { margin-bottom:10px!important; }
  .project-wall-sales-panel { min-height:480px; }.project-wall-commerce-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(140px,1fr))!important; }.project-wall-chart-panel { min-height:360px; }.project-wall-grid { height:76px; }
}
@media (max-width:700px) {
  .project-wall-hud-header { align-items:flex-start!important; }.project-wall-hud-header p:last-child,.project-wall-hud-status > small,.project-wall-clock { display:none; }.project-wall-hud-header h2 { white-space:normal; }
  .project-wall-controls { align-items:flex-start;flex-direction:column; }.project-wall-controls p { white-space:normal; }
  .project-wall-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(125px,1fr))!important; }
  .project-wall-sales-chart { grid-template-columns:1fr; }.project-wall-sales-headline { min-height:180px; }.project-wall-trend { min-height:240px; }.project-wall-sales-chart > footer { grid-column:1;grid-template-columns:1fr; }
  .project-wall-commerce-metrics { grid-template-columns:1fr!important;grid-template-rows:repeat(4,minmax(130px,1fr))!important; }.project-wall-ticker-label { display:none; }.project-wall-grid { grid-template-columns:1fr!important; }
}
@media (prefers-reduced-motion:reduce) {
  .project-wall-shell::after,.project-wall-hud-status > span i,.project-wall-ticker-track { animation:none!important; }
  .project-wall-ticker-window { overflow:auto; }.project-wall-ticker-track { width:auto;flex-wrap:wrap; }.project-wall-ticker-item { min-height:58px; }
}

/* v2.3.53: inventory hub, Shopify writeback, bulk reports, and catalog controls. */
.inventory-type-tabs { display:flex;align-items:center;gap:5px;margin:16px 0 0;padding:4px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel2) 80%,transparent);width:max-content; }
.inventory-type-tabs button { min-width:105px;min-height:38px;padding:8px 14px;color:var(--muted);border:0;border-radius:7px;background:transparent;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer; }
.inventory-type-tabs button.active { color:#071006;background:var(--ops-green);box-shadow:0 5px 18px rgba(174,241,69,.18); }
.inventory-toolbar { grid-template-columns:minmax(260px,1fr) repeat(2,minmax(150px,205px));margin-top:9px; }
.inventory-bulk-bar { min-height:46px;margin:-1px 0 10px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;border:1px solid var(--line);border-radius:8px;background:rgba(117,227,235,.035); }
.inventory-bulk-summary { min-width:0;flex:1 1 340px;display:grid;grid-template-columns:max-content max-content max-content;align-items:center;justify-content:start;gap:12px; }
.inventory-bulk-actions { flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px; }
.inventory-bulk-bar label { display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase; }
.inventory-bulk-bar .inventory-select-all { width:auto;min-width:max-content;white-space:nowrap;line-height:1.2; }
.inventory-bulk-bar .inventory-select-all input { width:16px;height:16px;min-width:16px;min-height:0;flex:0 0 16px;margin:0;padding:0;accent-color:var(--ops-green); }
.inventory-bulk-summary > span { min-width:max-content;color:var(--ops-cyan);font-size:9px;font-weight:900;line-height:1.2;white-space:nowrap; }
.inventory-bulk-bar .button { min-height:32px;padding:6px 10px;font-size:8px; }
.inventory-selection-toggle { display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap; }
.inventory-selection-toggle i { font-size:16px; }.inventory-selection-toggle.active { color:#071006;border-color:var(--ops-green);background:var(--ops-green); }
.inventory-bulk-bar:not(.selection-mode) .inventory-select-all { display:none; }
.inventory-item-row { padding-left:46px; }
.inventory-item-list:not(.selection-mode) .inventory-row-check { display:none; }
.inventory-row-check { position:absolute;left:6px;top:50%;z-index:3;width:34px;height:34px;display:grid;place-items:center;transform:translateY(-50%);cursor:pointer; }
.inventory-product-family .inventory-row-check { top:33px;transform:none; }
.inventory-row-check input { position:absolute;opacity:0;pointer-events:none; }
.inventory-row-check span { width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(117,227,235,.42);border-radius:5px;background:var(--panel);box-shadow:inset 0 0 0 2px rgba(0,0,0,.1); }
.inventory-row-check input:checked + span,.inventory-row-check input:indeterminate + span { border-color:var(--ops-green);background:var(--ops-green); }
.inventory-row-check input:checked + span::after { content:"✓";color:#071006;font-size:14px;font-weight:950; }
.inventory-row-check input:indeterminate + span::after { content:"−";color:#071006;font-size:15px;font-weight:950; }
.inventory-item-list.selection-mode .inventory-item-row:has([data-inventory-select]:checked) { border-color:rgba(174,241,69,.65);box-shadow:inset 3px 0 var(--ops-green),0 8px 24px rgba(0,0,0,.12); }
.inventory-sync-badge { width:max-content;margin-top:2px;padding:3px 6px;border-radius:999px;font-size:6px!important;font-weight:950;letter-spacing:.1em; }
.inventory-sync-badge.pending { color:#ffe5a8;background:rgba(244,166,64,.14); }
.inventory-sync-badge.failed { color:#ffaaa2;background:rgba(239,106,91,.15); }
.inventory-sync-notice { margin-top:14px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;color:#ffaaa2;border:1px solid rgba(239,106,91,.36);border-radius:9px;background:rgba(239,106,91,.08); }
.inventory-sync-notice i { font-size:22px; }.inventory-sync-notice strong { font-size:11px;text-transform:uppercase; }.inventory-sync-notice p { margin:3px 0 0;color:var(--text);font-size:10px;line-height:1.45; }
.inventory-color-swatch { position:relative;overflow:hidden; }
.inventory-color-swatch::after { content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.23),transparent 45%,rgba(0,0,0,.18)); }
.shipping-integration-card #testShipStation { margin-top:10px;width:100%; }
html[data-color-mode="light"] .inventory-type-tabs button.active { color:#122016; }
html[data-color-mode="light"] .inventory-row-check span { background:#fff; }

@media (max-width:760px) {
  .inventory-type-tabs { width:100%; }.inventory-type-tabs button { min-width:0;flex:1; }
  .inventory-bulk-bar { display:grid;grid-template-columns:minmax(0,1fr);align-items:center; }
  .inventory-bulk-summary { width:100%;grid-template-columns:max-content minmax(0,1fr) max-content;justify-content:stretch;gap:8px; }
  .inventory-bulk-actions { width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
  .inventory-bulk-bar .button { width:100%;min-width:0; }
  .inventory-item-row { padding-left:42px; }
}

/* v2.3.57: stable Inventory bulk-selection layout on narrow screens. */

/* v2.3.60: clear Inventory selection controls and dedicated item-detail actions. */
/* v2.3.61: Chrome-safe checkbox sizing keeps Inventory bulk labels separated. */
/* v2.3.62: explicit Inventory selection mode and inline product-detail actions. */

/* v2.3.63: Production-manager Shopify governance and a single Inventory heading. */
.inventory-sync-strip { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-color:color-mix(in srgb,var(--ops-cyan) 35%,var(--line));background:linear-gradient(100deg,rgba(117,227,235,.07),transparent 38%),var(--panel); }
.inventory-sync-strip > span { color:var(--muted);font-size:10px;font-weight:750;line-height:1.4; }
.inventory-sync-strip > div { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px; }
.inventory-team > span.manager { color:var(--ops-green);border-color:rgba(174,241,69,.5);box-shadow:inset 0 0 15px rgba(174,241,69,.06); }
.inventory-approval-panel { padding:18px;border-color:rgba(244,166,64,.42);background:linear-gradient(120deg,rgba(244,166,64,.08),transparent 38%),var(--panel); }
.inventory-approval-panel > header { display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px; }
.inventory-approval-panel > header h2 { margin:3px 0;font-size:20px; }
.inventory-approval-panel > header p:last-child { margin:0;color:var(--muted);font-size:10px; }
.inventory-approval-panel > header > span { padding:6px 9px;color:#ffd08a;border:1px solid rgba(244,166,64,.42);border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase;white-space:nowrap; }
.inventory-approval-list { display:grid;gap:8px; }
.inventory-approval-request { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--panel2) 94%,transparent); }
.inventory-approval-request.focused { border-color:var(--ops-green);box-shadow:0 0 0 2px rgba(174,241,69,.12),0 0 26px rgba(174,241,69,.08); }
.inventory-approval-request > div:first-child { min-width:0;display:grid;gap:4px; }
.inventory-approval-request strong,.inventory-approval-request small,.inventory-approval-request p { overflow-wrap:anywhere; }
.inventory-approval-request small,.inventory-approval-request p { margin:0;color:var(--muted);font-size:9px;line-height:1.45; }
.inventory-approval-status { width:max-content;padding:4px 6px;border-radius:4px;color:#ffd08a;background:rgba(244,166,64,.12);font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.inventory-approval-status.approved { color:#9df1bd;background:rgba(67,184,116,.14); }
.inventory-approval-status.rejected,.inventory-approval-status.failed { color:#ff9b90;background:rgba(239,106,91,.14); }
.inventory-approval-actions { display:flex;flex:0 0 auto;gap:7px; }
.inventory-product-governance { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-block:1px solid rgba(244,166,64,.32);background:linear-gradient(100deg,rgba(244,166,64,.08),transparent 52%); }
.inventory-product-governance h3 { margin:3px 0;font-size:17px; }
.inventory-product-governance p:last-child { margin:0;color:var(--muted);font-size:9px; }
.inventory-product-governance > div:last-child { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px; }
.inventory-approval-note { margin:0;padding:9px;color:#ffd08a;border:1px solid rgba(244,166,64,.28);border-radius:6px;background:rgba(244,166,64,.06);font-size:9px;line-height:1.45;text-transform:none; }
.department-manager-check { min-width:90px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:750; }
.department-manager-check input { width:17px;height:17px;accent-color:var(--accent); }
.inventory-bulk-actions { grid-template-columns:repeat(3,minmax(0,1fr)); }
html[data-color-mode="light"] .inventory-approval-request { background:#fff; }
html[data-color-mode="light"] .inventory-approval-panel > header > span,.inventory-approval-note { color:#8a570d; }
@media (max-width:800px) {
  .inventory-sync-strip,.inventory-product-governance,.inventory-approval-request { align-items:stretch;flex-direction:column; }
  .inventory-sync-strip > div,.inventory-product-governance > div:last-child { justify-content:flex-start; }
  .inventory-approval-actions { width:100%; }
  .inventory-approval-actions .button { flex:1; }
  .inventory-bulk-actions { grid-template-columns:1fr; }
}

/* v2.3.54: interactive Social publishing calendar previews. */
/* v2.3.55: complete shared Shopify product catalog cache. */
.social-calendar-day > .social-calendar-items {
  min-height: 25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 9px;
}
.social-calendar-post-trigger,
.social-calendar-more {
  min-width: 30px;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 6px;
  color: #ffd2e9;
  border: 1px solid rgba(239, 93, 168, .36);
  border-radius: 5px;
  background: rgba(227, 78, 170, .1);
  font: 800 7px/1 var(--body);
  cursor: pointer;
}
.social-calendar-post-trigger i {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #ef5da8;
  box-shadow: 0 0 8px rgba(239, 93, 168, .8);
}
.social-calendar-post-trigger:hover,
.social-calendar-post-trigger:focus-visible,
.social-calendar-more:hover,
.social-calendar-more:focus-visible {
  color: #fff;
  border-color: #ef5da8;
  background: rgba(227, 78, 170, .24);
  outline: none;
  transform: translateY(-1px);
}
.social-calendar-detail { max-height: min(86dvh, 820px); overflow-y: auto; }
.social-calendar-detail-list { display: grid; gap: 14px; margin-top: 20px; }
.social-calendar-detail-card {
  padding: 16px;
  border: 1px solid rgba(239, 93, 168, .25);
  border-radius: 10px;
  background: rgba(18, 24, 19, .82);
}
.social-calendar-detail-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.social-calendar-detail-meta time { color: var(--muted); font-size: 9px; }
.social-calendar-detail-card .operation-outlets { margin: 16px 0; }
.social-calendar-detail-media { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 16px 0; }
.social-calendar-detail-media img,
.social-calendar-detail-media video {
  width: 100%;
  max-height: 360px;
  object-fit: contain;
  border: 1px solid rgba(239, 93, 168, .24);
  border-radius: 8px;
  background: #050806;
}
.social-calendar-detail-media > :only-child { grid-column: 1 / -1; }
.social-calendar-detail-empty {
  min-height: 92px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  margin: 16px 0;
  color: #7f8981;
  border: 1px dashed #344037;
  border-radius: 8px;
  background: rgba(8, 12, 9, .5);
}
.social-calendar-detail-empty span { font-size: 24px; }
.social-calendar-detail-empty p { margin: 0; font-size: 9px; }
.social-calendar-detail-card blockquote { margin: 16px 0; }
html[data-color-mode="light"] .social-calendar-post-trigger,
html[data-color-mode="light"] .social-calendar-more { color: #782454; background: rgba(227, 78, 170, .08); }
html[data-color-mode="light"] .social-calendar-detail-card { color: #152018; background: rgba(255, 255, 255, .88); }
html[data-color-mode="light"] .social-calendar-detail-empty { color: #536057; background: #f3f6f2; }
@media (max-width: 620px) {
  .social-calendar-detail-media { grid-template-columns: 1fr; }
  .social-calendar-detail-meta { align-items: flex-start; flex-direction: column; }
}

/* Asset Library common-format cards and safe non-image previews. */
.asset-file-placeholder { position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:7px;padding:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 88%,var(--accent) 12%),var(--panel));color:var(--text);text-transform:uppercase; }
.asset-file-placeholder span { font:800 22px/1 var(--display);letter-spacing:.06em; }
.asset-file-placeholder small { color:var(--muted);font-size:9px;letter-spacing:.12em; }
.asset-file-placeholder.audio { background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 82%,#d959a7 18%),var(--panel)); }
.asset-file-placeholder.document { background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 82%,#5b8def 18%),var(--panel)); }
.asset-file-placeholder.data { background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 82%,#f0a33b 18%),var(--panel)); }
.asset-collection-thumbnail { position:absolute;inset:0;z-index:1; }
.asset-collection-media .asset-media-play { position:absolute;z-index:2;left:10px;bottom:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.68); }
.asset-preview-content > .asset-file-placeholder,.asset-nonvisual-preview .asset-file-placeholder { position:relative;inset:auto;width:min(280px,75vw);aspect-ratio:4/3;border:1px solid var(--line2);border-radius:14px; }
.asset-preview-content audio { width:min(620px,90vw); }

/* Asset Library performance: thumbnails arrive only near the viewport and blend in. */
.asset-collection-thumbnail,
.asset-collection-cover img,
.asset-preview-button > img {
  opacity: 0;
  transition: opacity .22s ease, transform .25s ease;
}
.asset-collection-thumbnail.is-loaded,
.asset-collection-cover img.is-loaded,
.asset-preview-button > img.is-loaded { opacity: 1; }
.asset-collection-thumbnail.has-error,
.asset-collection-cover img.has-error,
.asset-preview-button > img.has-error { display: none; }
.asset-preview-button > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.asset-preview-button > span,
.asset-preview-button > b { z-index: 2; }
.asset-refresh-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid color-mix(in srgb,var(--accent) 45%,var(--line2));
  border-radius: 999px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.asset-refresh-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent);
  animation: asset-refresh-pulse 1.15s ease-in-out infinite;
}
.asset-collection-skeleton { min-height: 235px; padding: 0 10px 12px; }
.asset-collection-skeleton > div {
  height: 178px;
  margin: 0 -10px 10px;
  background: linear-gradient(100deg,var(--panel2) 20%,color-mix(in srgb,var(--panel2) 70%,var(--accent) 30%) 45%,var(--panel2) 70%);
  background-size: 220% 100%;
  animation: asset-skeleton-sweep 1.25s linear infinite;
}
.asset-collection-skeleton > span,
.asset-collection-skeleton > small {
  display: block;
  width: 72%;
  height: 11px;
  margin-top: 8px;
  border-radius: 999px;
  background: var(--line2);
}
.asset-collection-skeleton > small { width: 48%; height: 8px; }
.asset-data-blending .asset-collection-gallery { animation: asset-data-blend .26s ease both; }
@keyframes asset-refresh-pulse { 50% { opacity: .42; transform: scale(.8); } }
@keyframes asset-skeleton-sweep { to { background-position: -120% 0; } }
@keyframes asset-data-blend { from { opacity: .45; transform: translateY(3px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion:reduce) {
  .asset-refresh-status i,
  .asset-collection-skeleton > div,
  .asset-data-blending .asset-collection-gallery { animation: none; }
  .asset-collection-thumbnail,
  .asset-collection-cover img,
  .asset-preview-button > img { transition: none; }
}
.asset-document-preview { width:min(920px,88vw);height:min(72vh,900px);border:1px solid var(--line2);border-radius:12px;background:#fff; }
.asset-nonvisual-preview { display:grid;justify-items:center;gap:12px;max-width:620px;text-align:center; }
.asset-nonvisual-preview p { margin:0;color:var(--muted); }

/* v2.3.20: unified workspace headers, larger Command typography, executive HUD, and branded video assets. */
.top-actions .topbar-account { order:5;flex:0 0 auto;margin-left:4px;padding-left:12px;border-left:1px solid var(--axl-admin-border); }
.topbar-account > div:first-of-type { display:grid;line-height:1.1; }
#appView[data-active-view="dashboard"] .page-head,
#appView[data-active-view="campaigns"] .page-head,
#appView[data-active-view="leadership"] .page-head { display:none; }
#appView[data-active-view="dashboard"] .content,
#appView[data-active-view="campaigns"] .content,
#appView[data-active-view="leadership"] .content { padding-top:14px; }

@media (min-width:901px) {
  #appView[data-active-view="dashboard"] .command-visual-dashboard { height:min(900px,calc(100dvh - 112px));min-height:620px;max-height:900px; }
}
.command-visual-header { height:98px;min-height:98px; }
.command-visual-header h2 { font-size:clamp(30px,2.55vw,44px); }
.command-visual-header > div:first-child > span { font-size:12px;line-height:1.4; }
.command-visual-header .eyebrow { font-size:9px; }
.command-visual-grid { height:calc(100% - 98px); }
.command-visual-card { padding:12px 13px; }
.command-visual-card > header { margin-bottom:7px;font-size:10px;letter-spacing:.12em; }
.command-visual-card > header i { font-size:19px; }
.command-window-stats span { font-size:7px; }.command-window-stats strong { font-size:clamp(20px,1.7vw,29px); }.command-window-stats small { font-size:7px; }
.command-stat-grid strong { font-size:clamp(19px,1.5vw,26px); }.command-stat-grid span { font-size:8px;line-height:1.25; }
.command-ring-row > div:last-child > strong { font-size:28px; }.command-ring-row span,.command-ring-row small { font-size:9px; }
.command-email-rates strong { font-size:clamp(19px,1.65vw,28px); }.command-email-rates span { font-size:8px; }.command-card-email > small { font-size:7px; }
.command-mini-bars > div,.command-source-bars > div { font-size:8px;grid-template-columns:64px minmax(0,1fr) 34px; }
.command-product-signals span { font-size:8px; }.command-product-signals strong { font-size:11px; }
.command-inbox-stat > span { font-size:8px; }.command-inbox-stat > small { font-size:7px; }
.command-period-context small { font-size:7px; }.command-period-context strong { font-size:10px; }.command-live-chip { font-size:10px; }.command-live-chip small { font-size:8px; }

.project-wall-dialog { --wall-hero:none;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;color:#eef7ef;background:#020604!important; }
.project-wall-dialog::backdrop { background:#020604; }
.project-wall-shell { position:relative;isolation:isolate;width:100%;max-width:none!important;height:100%;min-height:0;padding:18px 22px;display:grid!important;grid-template-columns:minmax(150px,.25fr) minmax(0,1.15fr) minmax(280px,.75fr);grid-template-rows:76px 42px minmax(300px,1fr) minmax(165px,.38fr);gap:10px;overflow:hidden;background:#030705!important; }
.project-wall-shell::before { content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(118deg,rgba(2,7,4,.97),rgba(4,14,8,.84)),var(--wall-hero);background-position:center;background-size:cover;filter:saturate(.7) contrast(1.1); }
.project-wall-shell::after { content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 10%,rgba(67,202,211,.14),transparent 29%),radial-gradient(circle at 10% 84%,rgba(174,241,69,.1),transparent 28%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(174,241,69,.035) 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(67,202,211,.035) 48px);pointer-events:none; }
.project-wall-shell > * { position:relative;z-index:1;min-width:0; }
.project-wall-shell > .project-wall-hud-header { grid-column:1/-1;grid-row:1;min-height:0!important;padding:0 0 10px!important;display:flex;align-items:center!important;justify-content:space-between;border-bottom:1px solid rgba(174,241,69,.3)!important; }
.project-wall-hud-header > div:first-child { min-width:0; }
.project-wall-hud-header .eyebrow { margin:0 0 3px;color:#43cad3;font-size:8px;letter-spacing:.16em; }
.project-wall-hud-header h2 { margin:0;color:#f5f8f4;font:900 clamp(34px,3.6vw,54px)/.9 var(--display);letter-spacing:-.025em;text-transform:uppercase;white-space:nowrap; }
.project-wall-hud-header p:last-child { margin:5px 0 0;color:#93a198;font-size:10px; }
.project-wall-hud-status { flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:10px; }
.project-wall-hud-status > span { display:inline-flex;align-items:center;gap:7px;padding:8px 11px;color:#dfffad;border:1px solid rgba(174,241,69,.35);border-radius:999px;background:rgba(9,21,12,.78);font-size:9px;font-weight:950;letter-spacing:.13em; }
.project-wall-hud-status > span i { width:7px;height:7px;border-radius:50%;background:#aef145;box-shadow:0 0 14px #aef145;animation:hud-live 1.8s ease-in-out infinite; }
.project-wall-hud-status small { color:#829087;font-size:8px;white-space:nowrap; }
.project-wall-hud-status .close-btn { position:static;width:35px;height:35px;border-color:rgba(67,202,211,.32);background:rgba(8,18,12,.82); }
.project-wall-controls { grid-column:1/-1;grid-row:2;margin:0;padding:0 0 5px;align-items:center;border-bottom:1px solid rgba(67,202,211,.13); }
.project-wall-controls p { overflow:hidden;color:#8f9d93;font-size:9px;text-overflow:ellipsis;white-space:nowrap; }
.project-wall-controls .command-period { flex-wrap:nowrap; }.project-wall-controls .command-period button { min-height:30px;padding:5px 10px;color:#9caaa0;border-color:rgba(67,202,211,.2);background:rgba(7,17,11,.75);font-size:8px;letter-spacing:.05em; }.project-wall-controls .command-period button.active { color:#091006;border-color:#aef145;background:#aef145;box-shadow:0 0 18px rgba(174,241,69,.2); }

.project-wall-metrics { position:static!important;grid-column:1;grid-row:3/5;margin:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(5,minmax(0,1fr));gap:8px!important; }
.project-wall-metrics article { min-height:0!important;padding:10px 12px!important;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(174,241,69,.2)!important;border-left:3px solid #aef145!important;border-radius:10px;background:linear-gradient(135deg,rgba(174,241,69,.07),rgba(7,15,10,.88))!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 24px rgba(0,0,0,.18)!important; }
.project-wall-metrics article:nth-child(2) { border-left-color:#43cad3!important;background:linear-gradient(135deg,rgba(67,202,211,.07),rgba(7,15,10,.88))!important; }.project-wall-metrics article:nth-child(3) { border-left-color:#f4a640!important; }.project-wall-metrics article:nth-child(4) { border-left-color:#d95fb0!important; }.project-wall-metrics article:nth-child(5) { border-left-color:#8f63dc!important; }
.project-wall-metrics strong { color:#f4f8f3;font:900 clamp(24px,2.3vw,34px)/1 var(--display); }.project-wall-metrics span { margin-top:4px;color:#8e9c92;font-size:8px;line-height:1.25;letter-spacing:.08em; }

.project-wall-chart-panel { grid-column:2;grid-row:3;margin:0!important;padding:12px 14px!important;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(67,202,211,.23)!important;border-radius:13px;background:linear-gradient(145deg,rgba(8,20,13,.88),rgba(4,10,7,.78))!important;box-shadow:inset 0 1px rgba(255,255,255,.03),0 16px 36px rgba(0,0,0,.2)!important; }
.project-wall-chart-panel h3 { margin:1px 0 2px;color:#f3f7f3;font-size:17px; }.project-wall-chart-panel > div:first-child > p:last-child { font-size:8px; }
.project-wall-chart { flex:1;min-height:0;margin-top:8px;padding-top:5px;overflow:hidden;border-bottom-color:rgba(67,202,211,.32);background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(67,202,211,.04) 40px); }
.command-chart-column { height:100%;min-height:100px; }.command-chart-stack { max-height:150px; }.project-wall-chart-panel .command-chart-legend { margin-top:7px; }

.project-wall-commerce-metrics { grid-column:3;grid-row:3;margin:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px!important; }
.project-wall-commerce-metrics article { min-height:0;padding:10px!important;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border:1px solid rgba(174,241,69,.16)!important;border-radius:10px;background:linear-gradient(145deg,rgba(12,24,15,.88),rgba(5,12,8,.8))!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important; }
.project-wall-commerce-metrics article:nth-child(3n+2) { border-color:rgba(67,202,211,.2)!important; }.project-wall-commerce-metrics article:nth-child(3n) { border-color:rgba(244,166,64,.2)!important; }
.project-wall-commerce-metrics strong { overflow:hidden;color:#dfffad;font:900 clamp(17px,1.45vw,24px)/1 var(--display);text-overflow:ellipsis;white-space:nowrap; }.project-wall-commerce-metrics span { margin-top:5px;color:#e2e9e3;font-size:8px;font-weight:850;line-height:1.2; }.project-wall-commerce-metrics small { display:-webkit-box;margin-top:3px;overflow:hidden;color:#7f8e84;font-size:7px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2; }

.project-wall-grid { grid-column:2/4;grid-row:4;margin:0;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr));gap:7px!important;overflow:hidden; }
.project-wall-card { min-height:0!important;padding:9px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;gap:3px 8px;overflow:hidden;border-radius:9px;background:linear-gradient(120deg,color-mix(in srgb,var(--tone) 8%,transparent),rgba(6,14,9,.9))!important;box-shadow:inset 0 1px rgba(255,255,255,.025); }
.project-wall-card .project-wall-status { grid-column:1/-1; }.project-wall-card h3 { grid-column:1;margin:2px 0 0;overflow:hidden;font:800 14px/1.05 var(--display);text-overflow:ellipsis;white-space:nowrap; }.project-wall-card p { grid-column:1;min-height:0;margin:0;overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap; }.project-wall-card .project-wall-progress { grid-column:1/-1;height:3px;margin:2px 0; }.project-wall-card footer { grid-column:1/-1;font-size:7px; }.project-wall-status span { font-size:7px; }.project-wall-status b { font-size:9px; }

.asset-video-vhs-thumbnail { background:#030604;object-fit:cover!important; }

html[data-color-mode="light"] .project-wall-shell::before { background-image:linear-gradient(118deg,rgba(248,251,248,.96),rgba(237,244,239,.9)),var(--wall-hero);filter:saturate(.42) contrast(.92); }
html[data-color-mode="light"] .project-wall-shell::after { background:radial-gradient(circle at 78% 10%,rgba(39,116,126,.1),transparent 29%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(48,86,51,.05) 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(39,116,126,.045) 48px); }
html[data-color-mode="light"] .project-wall-hud-header h2 { color:#172019!important; }.project-wall-hud-header p:last-child { color:#93a198; }
html[data-color-mode="light"] .project-wall-hud-status > span { color:#245d28;border-color:#91b785;background:rgba(255,255,255,.82); }.project-wall-hud-status > span i { background:#4b8b31;box-shadow:0 0 10px rgba(75,139,49,.45); }
html[data-color-mode="light"] .project-wall-hud-status small { color:#5c695f; }

@media (max-width:1100px) {
  .project-wall-dialog { overflow:auto; }
  .project-wall-shell { height:auto;min-height:100dvh;display:block!important;overflow:visible;padding:16px; }
  .project-wall-hud-header { min-height:82px!important; }.project-wall-controls { margin:10px 0; }
  .project-wall-metrics { grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:none!important;margin-bottom:10px!important; }
  .project-wall-commerce-metrics { grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none;margin-bottom:10px!important; }
  .project-wall-chart-panel { min-height:300px;margin-bottom:10px!important; }.project-wall-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none;overflow:visible; }.project-wall-card { min-height:100px!important; }
}
@media (max-width:800px) {
  #appView .top-actions { grid-template-columns:38px 38px minmax(0,1fr) auto auto; }
  #appView .top-actions .topbar-account { grid-column:5;grid-row:1;margin:0;padding:0 0 0 5px;border-left:0; }
  #appView .topbar-account > span,#appView .topbar-account > div:not(.account-actions) { display:none; }
  #appView .global-search { grid-column:1/-1; }
  .project-wall-hud-header { align-items:flex-start!important; }.project-wall-hud-status small { display:none; }
  .project-wall-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.project-wall-commerce-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.project-wall-grid { grid-template-columns:1fr!important; }
}
@media (max-width:900px) {
  .command-visual-header { height:auto;min-height:100px; }.command-visual-grid { height:auto; }.command-visual-card > header { font-size:9px; }.command-visual-header > div:first-child > span { font-size:10px; }
}

/* v2.3.21: branded loading feedback for authenticated Asset Library video playback. */
.asset-video-stage { position:relative;width:100%;overflow:hidden;border:1px solid rgba(174,241,69,.2);border-radius:14px;background:#020604;box-shadow:0 22px 56px rgba(0,0,0,.34); }
.asset-video-stage video { position:relative;z-index:1;width:100%;border-radius:0!important; }
.asset-video-loading-state { position:absolute;z-index:2;inset:0 0 46px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:24px;color:#f5f8f3;text-align:center;pointer-events:none;background:linear-gradient(145deg,rgba(2,7,4,.93),rgba(5,18,10,.82)),repeating-linear-gradient(0deg,transparent 0 28px,rgba(174,241,69,.035) 29px),repeating-linear-gradient(90deg,transparent 0 28px,rgba(67,202,211,.035) 29px);backdrop-filter:blur(8px); }
.asset-video-loading-state::after { content:"";position:absolute;inset:12px;border:1px solid rgba(67,202,211,.18);border-radius:10px;box-shadow:inset 0 0 40px rgba(174,241,69,.035); }
.asset-video-loading-state > * { position:relative;z-index:1; }
.asset-video-loading-state p { margin:2px 0 0;color:#43cad3;font-size:9px;font-weight:900;letter-spacing:.17em; }
.asset-video-loading-state strong { color:#f5f8f3;font:900 clamp(25px,3vw,42px)/1 var(--display);letter-spacing:-.02em;text-transform:uppercase; }
.asset-video-loading-state > span { max-width:560px;color:#aab6ad;font-size:11px;line-height:1.45; }
.asset-video-loading-state small { color:#738078;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase; }
.asset-video-loading-visual { position:relative;width:84px;height:84px;margin-bottom:5px;display:grid;place-items:center; }
.asset-video-loading-visual span { position:absolute;inset:0;border:2px solid transparent;border-top-color:#aef145;border-right-color:rgba(174,241,69,.32);border-radius:50%;animation:asset-video-orbit 1.25s linear infinite;filter:drop-shadow(0 0 8px rgba(174,241,69,.46)); }
.asset-video-loading-visual span:nth-child(2) { inset:10px;border-top-color:#43cad3;border-right-color:transparent;border-bottom-color:rgba(67,202,211,.35);animation-duration:1.8s;animation-direction:reverse; }
.asset-video-loading-visual i { width:0;height:0;margin-left:7px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:23px solid #aef145;filter:drop-shadow(0 0 9px rgba(174,241,69,.62)); }
.asset-video-loading-progress { width:min(360px,78%);height:3px;margin:7px 0 3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08); }
.asset-video-loading-progress i { display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#43cad3,#aef145,#f4a640,transparent);animation:asset-video-progress 1.65s ease-in-out infinite; }
.asset-video-stage:not(.is-loading) .asset-video-loading-state { opacity:0;visibility:hidden; }
@keyframes asset-video-orbit { to { transform:rotate(1turn); } }
@keyframes asset-video-progress { 0% { transform:translateX(-110%); } 100% { transform:translateX(270%); } }
@media (prefers-reduced-motion:reduce) { .asset-video-loading-visual span,.asset-video-loading-progress i { animation:none; }.asset-video-loading-progress i { margin:auto; } }
@media (max-width:620px) { .asset-video-loading-state { inset:0 0 42px;padding:16px;gap:5px; }.asset-video-loading-visual { width:62px;height:62px; }.asset-video-loading-state strong { font-size:24px; }.asset-video-loading-state > span { font-size:9px; }.asset-video-loading-state small { display:none; } }

/* v2.3.2: hard auth-shell isolation */
body #appView.hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* v2.3.22 must remain after the legacy HUD block so television geometry wins the cascade. */
@media (min-width:1251px) {
  .project-wall-shell { padding:clamp(18px,1.25vw,48px);grid-template-columns:minmax(0,1.65fr) minmax(320px,.72fr) minmax(320px,.68fr);grid-template-rows:clamp(84px,7.4vh,150px) clamp(40px,3.8vh,76px) clamp(150px,17.5vh,330px) minmax(0,1fr) clamp(58px,6.5vh,118px);gap:clamp(9px,.65vw,24px);align-items:stretch; }
  .project-wall-shell > .project-wall-hud-header { padding:0 0 clamp(10px,.65vw,24px)!important; }
  .project-wall-hud-header .eyebrow { margin:0 0 clamp(4px,.35vw,10px);font-size:clamp(8px,.52vw,19px);letter-spacing:.2em; }
  .project-wall-hud-header h2 { font-size:clamp(42px,3.4vw,108px); }
  .project-wall-hud-header p:last-child { margin-top:clamp(6px,.4vw,14px);font-size:clamp(9px,.58vw,20px); }
  .project-wall-hud-status { gap:clamp(10px,.7vw,25px); }
  .project-wall-hud-status > span { padding:clamp(8px,.55vw,18px) clamp(11px,.75vw,26px);font-size:clamp(8px,.48vw,17px); }
  .project-wall-hud-status > span i { width:clamp(7px,.48vw,16px);height:clamp(7px,.48vw,16px); }
  .project-wall-hud-status > small { font-size:clamp(7px,.44vw,15px); }
  .project-wall-hud-status .close-btn { width:clamp(36px,2.15vw,68px);height:clamp(36px,2.15vw,68px);font-size:clamp(20px,1.3vw,42px); }
  .project-wall-controls { gap:clamp(12px,.9vw,30px);padding:0 0 clamp(5px,.3vw,10px); }
  .project-wall-controls .command-period button { min-height:clamp(30px,2vw,58px);padding:5px clamp(10px,.68vw,23px);font-size:clamp(8px,.46vw,16px); }
  .project-wall-controls p { flex:1;font-size:clamp(8px,.46vw,16px); }
  .project-wall-metrics { grid-column:1/-1!important;grid-row:3!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:1fr!important;gap:clamp(8px,.6vw,22px)!important; }
  .project-wall-commerce-metrics { grid-column:2;grid-row:4;grid-template-columns:1fr!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:clamp(7px,.5vw,17px)!important; }
  .project-wall-chart-panel { grid-column:3;grid-row:4;padding:clamp(14px,.9vw,30px)!important;border-radius:clamp(12px,.8vw,25px);background:linear-gradient(145deg,rgba(7,20,13,.91),rgba(3,10,7,.8))!important;backdrop-filter:blur(16px); }
  .project-wall-chart-panel h3 { margin:3px 0 0;font:850 clamp(18px,1.2vw,38px)/1 var(--display); }
  .project-wall-chart-panel > div:first-child > p:last-child { font-size:clamp(7px,.42vw,14px); }
  .project-wall-grid { grid-column:1/-1;grid-row:5;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:1fr!important;gap:0!important; }
}
@media (max-width:1250px) and (min-width:701px) {
  .project-wall-metrics { grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(130px,1fr))!important; }
  .project-wall-commerce-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(140px,1fr))!important; }
  .project-wall-grid { grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:1fr!important; }
}
@media (max-width:700px) {
  .project-wall-hud-header { flex-direction:column;gap:9px; }
  .project-wall-hud-status { width:100%;justify-content:space-between; }
  .project-wall-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(125px,1fr))!important; }
  .project-wall-commerce-metrics { grid-template-columns:1fr!important;grid-template-rows:repeat(4,minmax(130px,1fr))!important; }
  .project-wall-grid { grid-template-columns:1fr!important;grid-template-rows:1fr!important; }
}

/* v2.3.23: catalog-first search, unified product-number lookup, and contextual HUD charts. */
.top-actions .global-search-shell { order:1;position:relative;flex:1 1 320px;min-width:220px;max-width:min(660px,52vw); }
.global-search-shell .global-search { width:100%;margin:0; }
.global-search-results { position:absolute;z-index:120;top:calc(100% + 9px);left:0;width:min(650px,calc(100vw - 32px));max-height:min(70vh,720px);overflow:auto;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 24px 64px rgba(0,0,0,.36);backdrop-filter:blur(20px); }
.global-search-results section + section { margin-top:10px;padding-top:10px;border-top:1px solid var(--line); }
.global-search-results section > header { padding:3px 6px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted); }
.global-search-results section > header span { color:var(--accent);font-size:8px;font-weight:950;letter-spacing:.14em; }
.global-search-results section > header small { font-size:8px; }
.global-search-result { width:100%;min-height:58px;padding:8px 10px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;color:var(--text);border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer; }
.global-search-result:hover,.global-search-result:focus-visible { background:color-mix(in srgb,var(--accent) 9%,var(--panel2));outline:1px solid color-mix(in srgb,var(--accent) 30%,transparent); }
.global-search-result > i { width:36px;height:36px;display:grid;place-items:center;color:var(--accent);border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,transparent); }
.global-search-result > img { width:38px;height:38px;object-fit:cover;border-radius:8px;background:var(--panel2); }
.global-search-result span { min-width:0;display:grid;gap:3px; }.global-search-result strong,.global-search-result small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.global-search-result strong { font-size:11px; }.global-search-result small { color:var(--muted);font-size:8px; }
.global-search-result > b { color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em; }
.global-search-product > b { color:#43cad3; }.global-search-empty { margin:0;padding:12px;color:var(--muted);font-size:9px; }

.store-catalog-focus { position:relative;margin-bottom:10px;padding:clamp(18px,2vw,30px);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),var(--panel));box-shadow:0 22px 48px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.04); }
.store-catalog-focus::before { content:"";position:absolute;top:0;left:0;width:34%;height:3px;background:linear-gradient(90deg,var(--accent),#43cad3,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 48%,transparent); }
.store-catalog-focus .product-catalog-head { margin:0;padding:0;border:0;background:transparent; }
.store-catalog-focus .product-catalog-head h2 { font-size:clamp(28px,3vw,48px);letter-spacing:-.02em; }
.store-catalog-focus .product-catalog-head p { max-width:680px;font-size:10px;line-height:1.5; }
.store-catalog-focus .store-catalog-search { position:relative;flex:1 1 520px;max-width:760px; }
.store-catalog-focus .store-catalog-search > i { position:absolute;z-index:1;left:17px;top:50%;color:var(--accent);font-size:23px;transform:translateY(-50%);pointer-events:none; }
.store-catalog-focus .store-catalog-search input { width:100%;height:58px;padding:0 18px 0 51px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--panel2) 88%,transparent);font-size:14px;box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 0 4px color-mix(in srgb,var(--accent) 4%,transparent); }
.store-catalog-focus .store-catalog-search input:focus { border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent),0 10px 30px rgba(0,0,0,.2);outline:0; }
.store-performance-disclosure { margin:10px 0 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow); }
.store-performance-disclosure > summary { min-height:76px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;cursor:pointer; }
.store-performance-disclosure > summary::-webkit-details-marker { display:none; }
.store-performance-disclosure > summary > span { display:grid;gap:3px; }.store-performance-disclosure > summary strong { color:var(--text);font:800 clamp(16px,1.4vw,22px)/1.1 var(--display); }.store-performance-disclosure > summary small { color:var(--muted);font-size:9px; }
.store-performance-disclosure > summary > i { color:var(--accent);transition:transform .2s ease; }.store-performance-disclosure[open] > summary > i { transform:rotate(180deg); }
.store-performance-disclosure.search-active:not([open]) > summary { border-color:color-mix(in srgb,var(--accent) 28%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent); }
.store-performance-disclosure .store-intelligence { margin:0;border:0;border-top:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:none; }

.executive-scale-chart { width:100%;height:100%;min-height:82px;overflow:visible; }
.executive-scale-grid line { stroke:rgba(129,162,139,.2);stroke-width:1;stroke-dasharray:3 5; }.executive-scale-grid text,.executive-scale-x { fill:#7f8e84;font:700 10px var(--font); }
.project-wall-trend > div { grid-template-columns:clamp(92px,6.8vw,220px) minmax(0,1fr); }
.project-wall-trend > div > header { display:grid;gap:4px; }.project-wall-trend > div > header span { color:#a9b5ac;font-size:clamp(6px,.4vw,14px);font-weight:900;letter-spacing:.1em; }.project-wall-trend > div > header small { color:#66756b;font-size:clamp(6px,.34vw,12px); }
.project-wall-email-signal { grid-column:1/-1; }
.project-wall-email-chart { width:100%;min-height:0;margin-top:3px;display:grid;grid-template-rows:minmax(0,1fr) auto; }.project-wall-email-chart svg { width:100%;height:clamp(78px,8vh,170px);overflow:visible; }
.project-wall-email-grid line { stroke:rgba(131,160,139,.18);stroke-dasharray:3 4; }.project-wall-email-grid text,.project-wall-email-x { fill:#77877c;font:700 9px var(--font); }
.project-wall-email-sales rect { fill:rgba(174,241,69,.24);stroke:#aef145;stroke-width:1; }.project-wall-email-open,.project-wall-email-click { fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round; }.project-wall-email-open { stroke:#f4a640; }.project-wall-email-click { stroke:#43cad3; }
.project-wall-email-legend { display:flex;align-items:center;gap:12px;color:#8c9a91;font-size:7px; }.project-wall-email-legend span::before { content:"";display:inline-block;width:11px;height:2px;margin-right:5px;vertical-align:middle;background:currentColor; }.project-wall-email-legend .open { color:#f4a640; }.project-wall-email-legend .click { color:#43cad3; }.project-wall-email-legend .sales { color:#aef145; }

html[data-color-mode="light"] .global-search-results { background:rgba(255,255,255,.98); }
html[data-color-mode="light"] .executive-scale-grid line,html[data-color-mode="light"] .project-wall-email-grid line { stroke:rgba(43,78,49,.2); }
html[data-color-mode="light"] .executive-scale-grid text,html[data-color-mode="light"] .executive-scale-x,html[data-color-mode="light"] .project-wall-email-grid text,html[data-color-mode="light"] .project-wall-email-x { fill:#56655a; }

@media (min-width:1251px) {
  .project-wall-commerce-metrics { grid-template-rows:minmax(0,.8fr) minmax(0,1.65fr) minmax(0,.8fr) minmax(0,.8fr)!important; }
  .project-wall-commerce-metrics .project-wall-email-signal { grid-column:1; }
}
@media (max-width:800px) {
  .top-actions .global-search-shell { grid-column:1/-1;max-width:none;min-width:0; }
  .global-search-shell .global-search { display:block!important; }
  .global-search-results { position:fixed;top:116px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 132px); }
  .store-catalog-focus .product-catalog-head { flex-direction:column;align-items:stretch; }.store-catalog-focus .store-catalog-search { flex-basis:auto;max-width:none;width:100%; }
  .store-performance-disclosure > summary { min-height:68px;padding:12px 14px; }
  .project-wall-email-signal { grid-column:auto; }
  .project-wall-dialog { overflow-x:hidden; }
  .project-wall-commerce-metrics .project-wall-email-signal { align-items:stretch; }
}

/* v2.3.24: live Today HUD mode, full-panel email chart, and clearer rotating hero imagery. */
.project-wall-shell::before { background-image:linear-gradient(118deg,rgba(2,7,4,.88),rgba(4,14,8,.68)),var(--wall-hero);filter:saturate(.84) contrast(1.08); }
.project-wall-metrics article { background:linear-gradient(135deg,rgba(174,241,69,.07),rgba(7,15,10,.8))!important; }
.project-wall-metrics article:nth-child(2) { background:linear-gradient(135deg,rgba(67,202,211,.07),rgba(7,15,10,.8))!important; }
.project-wall-sales-panel { background:linear-gradient(145deg,rgba(7,20,11,.84),rgba(3,10,6,.7)); }
.project-wall-commerce-metrics article { background:linear-gradient(145deg,rgba(12,24,15,.82),rgba(5,12,8,.72))!important; }
.project-wall-chart-panel { background:linear-gradient(145deg,rgba(7,20,13,.83),rgba(3,10,7,.7))!important; }
.project-wall-email-signal { justify-content:stretch!important;align-items:stretch; }
.project-wall-email-signal > header { flex:0 0 auto; }
.project-wall-email-chart { position:relative;flex:1 1 auto;height:100%;min-height:0;margin:5px 0 0;display:block; }
.project-wall-email-chart svg { width:100%;height:100%;min-height:0;display:block; }
.project-wall-email-legend { position:absolute;top:1px;right:3px;justify-content:flex-end;padding:4px 6px;border-radius:6px;background:rgba(3,10,6,.72);backdrop-filter:blur(5px); }
.project-wall-email-signal > small { display:none; }
html[data-color-mode="light"] .project-wall-shell::before { background-image:linear-gradient(118deg,rgba(248,251,248,.88),rgba(237,244,239,.76)),var(--wall-hero);filter:saturate(.58) contrast(.94); }
@media (min-width:1251px) {
  .project-wall-controls .command-period button { padding-inline:clamp(8px,.58vw,20px); }
}

/* v2.3.26: every Executive HUD data surface follows the selected reporting period. */
.project-wall-dialog.is-period-loading :is(.project-wall-metrics,.project-wall-sales-panel,.project-wall-commerce-metrics,.project-wall-chart-panel,.project-wall-grid) { opacity:.58;filter:saturate(.72);transition:opacity .18s ease,filter .18s ease; }
.project-wall-dialog.is-period-loading #projectWallUpdated { color:#f4a640; }
.project-wall-inventory-signal { border-color:rgba(255,115,107,.3)!important;background:linear-gradient(145deg,rgba(48,18,12,.76),rgba(10,10,7,.72))!important; }
.project-wall-inventory-signal::before { background:#ff736b!important; }
.project-wall-inventory-signal header i { color:#ff8d82!important; }
@media (min-width:1251px) {
  .project-wall-commerce-metrics { grid-template-rows:minmax(0,.72fr) minmax(0,1.55fr) minmax(0,.78fr) minmax(0,.72fr) minmax(0,.72fr)!important; }
}
@media (prefers-reduced-motion:reduce) {
  .project-wall-dialog.is-period-loading :is(.project-wall-metrics,.project-wall-sales-panel,.project-wall-commerce-metrics,.project-wall-chart-panel,.project-wall-grid) { transition:none; }
}

/* v2.3.27: global source-aware feedback for live application data requests. */
.app-data-loading { position:fixed;z-index:10000;top:max(16px,env(safe-area-inset-top));left:50%;width:min(520px,calc(100vw - 28px));transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 20px 34px rgba(0,0,0,.42)); }
.app-data-loading-card { position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:14px;padding:13px 16px;overflow:hidden;border:1px solid rgba(174,241,69,.38);border-radius:14px;color:#f4f7f4;background:linear-gradient(135deg,rgba(5,15,9,.97),rgba(6,24,18,.94));box-shadow:inset 0 1px rgba(255,255,255,.05),inset 0 0 34px rgba(67,202,211,.04);backdrop-filter:blur(14px); }
.app-data-loading-card::after { content:"";position:absolute;inset:0;border-top:2px solid rgba(174,241,69,.7);background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(67,202,211,.025) 35px);pointer-events:none; }
.app-data-loading-radar { position:relative;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(67,202,211,.35);border-radius:50%;background:radial-gradient(circle,rgba(174,241,69,.12),transparent 62%); }
.app-data-loading-radar::before,.app-data-loading-radar::after { content:"";position:absolute;background:rgba(67,202,211,.18); }.app-data-loading-radar::before { width:1px;height:100%; }.app-data-loading-radar::after { width:100%;height:1px; }
.app-data-loading-radar i { position:absolute;inset:5px;border:2px solid transparent;border-top-color:#aef145;border-radius:50%;animation:app-data-orbit 1.15s linear infinite; }.app-data-loading-radar i:nth-child(2) { inset:12px;border-top-color:#43cad3;animation-duration:.82s;animation-direction:reverse; }
.app-data-loading-radar span { width:6px;height:6px;border-radius:50%;background:#f4a640;box-shadow:0 0 12px #f4a640; }
.app-data-loading-copy { min-width:0;display:grid;gap:3px; }.app-data-loading-copy small { color:#43cad3;font-size:8px;font-weight:900;letter-spacing:.16em; }.app-data-loading-copy strong { color:#f4f7f4;font:900 clamp(17px,2vw,22px)/1 var(--display);text-transform:uppercase;letter-spacing:.015em; }.app-data-loading-copy > span { overflow:hidden;color:#aebbb1;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap; }
.app-data-loading-progress { height:3px;margin-top:5px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07); }.app-data-loading-progress i { display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#43cad3,#aef145,#f4a640,transparent);animation:app-data-progress 1.45s ease-in-out infinite; }
@keyframes app-data-orbit { to { transform:rotate(360deg); } }
@keyframes app-data-progress { 0% { transform:translateX(-110%); } 100% { transform:translateX(340%); } }
html[data-color-mode="light"] .app-data-loading-card { color:#17301e;border-color:rgba(48,104,61,.34);background:linear-gradient(135deg,rgba(250,253,250,.98),rgba(235,246,238,.97));box-shadow:0 18px 42px rgba(22,55,31,.18),inset 0 1px #fff; }.app-data-loading.hidden { display:none; }
html[data-color-mode="light"] .app-data-loading-copy strong { color:#17301e; } html[data-color-mode="light"] .app-data-loading-copy > span { color:#53685a; } html[data-color-mode="light"] .app-data-loading-copy small { color:#167783; }
@media (max-width:560px) { .app-data-loading { top:max(10px,env(safe-area-inset-top));width:calc(100vw - 20px); }.app-data-loading-card { grid-template-columns:44px minmax(0,1fr);gap:10px;padding:11px 12px;border-radius:12px; }.app-data-loading-radar { width:42px;height:42px; }.app-data-loading-copy strong { font-size:16px; }.app-data-loading-copy > span { white-space:normal;font-size:8px; } }
@media (prefers-reduced-motion:reduce) { .app-data-loading-radar i,.app-data-loading-progress i { animation:none; }.app-data-loading-progress i { margin:auto; } }

/* v2.3.30: Instagram, Facebook, Google Search, Email, and Other attributed-revenue pie chart. */
.leadership-attribution-panel { margin:0 0 12px!important;padding:17px!important;overflow:hidden;border-color:color-mix(in srgb,#8f63dc 34%,var(--line))!important;background:linear-gradient(135deg,color-mix(in srgb,#8f63dc 8%,var(--panel)),var(--panel))!important; }
.purchase-attribution-header { display:flex;align-items:flex-start;justify-content:space-between;gap:16px; }.purchase-attribution-header h3 { margin:3px 0 0;color:var(--text);font:850 clamp(18px,1.5vw,26px)/1 var(--display); }.purchase-attribution-header div > small { display:block;margin-top:5px;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }.purchase-attribution-header > span { padding:6px 9px;color:#b9dfff;border:1px solid color-mix(in srgb,#49b7ff 32%,transparent);border-radius:999px;background:color-mix(in srgb,#49b7ff 7%,transparent);font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap; }
.purchase-attribution-visual { margin-top:12px;display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,1.8fr);gap:16px;align-items:center; }.purchase-attribution-pie-wrap { position:relative;width:min(100%,250px);aspect-ratio:1;margin:auto; }.purchase-attribution-pie { width:100%;height:100%;display:block;overflow:visible; }.purchase-attribution-pie-track,.purchase-attribution-pie-slice { fill:none;stroke-width:15;transform:rotate(-90deg);transform-origin:50% 50%; }.purchase-attribution-pie-track { stroke:color-mix(in srgb,var(--line) 78%,transparent); }.purchase-attribution-pie-slice { stroke:var(--slice-tone);stroke-linecap:butt; }
.purchase-attribution-pie-center { position:absolute;inset:26%;display:grid;place-content:center;gap:4px;color:var(--text);text-align:center;pointer-events:none; }.purchase-attribution-pie-center small { color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.07em;line-height:1.15; }.purchase-attribution-pie-center strong { font:900 clamp(18px,1.7vw,29px)/1 var(--display);white-space:nowrap; }.purchase-attribution-pie-center span { color:var(--muted);font-size:7px;font-weight:800; }
.purchase-attribution-legend { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.purchase-attribution-legend-item { min-width:0;padding:10px;border:1px solid color-mix(in srgb,var(--attribution-tone) 30%,var(--line));border-left:3px solid var(--attribution-tone);border-radius:9px;background:color-mix(in srgb,var(--attribution-tone) 6%,var(--panel2)); }.purchase-attribution-legend-item header { min-width:0;display:flex;align-items:center;gap:6px; }.purchase-attribution-legend-item header i { flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--attribution-tone); }.purchase-attribution-legend-item header b { color:var(--attribution-tone);font-size:7px; }.purchase-attribution-legend-item header strong { overflow:hidden;color:var(--text);font-size:9px;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }.purchase-attribution-legend-item > div { margin-top:7px;display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:baseline; }.purchase-attribution-legend-item > div > strong { color:var(--text);font:900 clamp(16px,1.25vw,23px)/1 var(--display); }.purchase-attribution-legend-item > div span { justify-self:end;color:var(--muted);font-size:7px; }.purchase-attribution-legend-item > div span b { color:var(--attribution-tone);font-size:9px; }.purchase-attribution-legend-item > div small { grid-column:1/-1;color:var(--muted);font-size:7px; }
.purchase-attribution-legend-item:last-child:nth-child(odd) { grid-column:1/-1; }
.purchase-attribution-note { margin:9px 0 0;padding:8px;color:var(--muted);border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel2) 80%,transparent);font-size:8px;text-align:center; }.purchase-attribution-note strong { color:var(--text); }.leadership-attribution-panel > footer,.project-wall-attribution > footer { margin-top:10px;padding-top:9px;display:flex;align-items:baseline;justify-content:flex-end;gap:8px;color:var(--muted);border-top:1px solid var(--line);font-size:7px; }.leadership-attribution-panel > footer span,.project-wall-attribution > footer span { margin-right:auto;text-transform:uppercase;letter-spacing:.08em; }
.project-wall-chart-panel .project-wall-chart { flex:.62 1 0; }.project-wall-chart-panel .command-chart-legend { flex:0 0 auto; }.project-wall-attribution { flex:1.28 1 0;min-height:0;margin-top:clamp(8px,.5vw,18px);padding-top:clamp(8px,.5vw,18px);overflow:hidden;border-top:1px solid rgba(143,99,220,.26); }.project-wall-attribution .purchase-attribution-header { align-items:center; }.project-wall-attribution .purchase-attribution-header h3 { color:#f2f7f3;font-size:clamp(13px,.8vw,26px); }.project-wall-attribution .purchase-attribution-header div > small { font-size:clamp(5px,.28vw,9px); }.project-wall-attribution .purchase-attribution-header > span { font-size:clamp(5px,.3vw,10px); }.project-wall-attribution .purchase-attribution-visual { margin-top:clamp(6px,.35vw,12px);grid-template-columns:minmax(82px,.62fr) minmax(0,1.38fr);gap:clamp(6px,.4vw,14px); }.project-wall-attribution .purchase-attribution-pie-wrap { width:min(100%,clamp(92px,7.2vw,230px)); }.project-wall-attribution .purchase-attribution-pie-center small { font-size:clamp(4px,.22vw,7px); }.project-wall-attribution .purchase-attribution-pie-center strong { color:#f2f7f3;font-size:clamp(11px,.68vw,22px); }.project-wall-attribution .purchase-attribution-pie-center span { font-size:clamp(4px,.25vw,8px); }.project-wall-attribution .purchase-attribution-legend { gap:clamp(4px,.28vw,9px); }.project-wall-attribution .purchase-attribution-legend-item { padding:clamp(5px,.32vw,10px);border-radius:clamp(5px,.32vw,10px); }.project-wall-attribution .purchase-attribution-legend-item header i { width:clamp(5px,.3vw,10px);height:clamp(5px,.3vw,10px); }.project-wall-attribution .purchase-attribution-legend-item header b,.project-wall-attribution .purchase-attribution-legend-item > div span,.project-wall-attribution .purchase-attribution-legend-item > div small { font-size:clamp(4px,.25vw,8px); }.project-wall-attribution .purchase-attribution-legend-item header strong { color:#f2f7f3;font-size:clamp(5px,.31vw,10px); }.project-wall-attribution .purchase-attribution-legend-item > div { margin-top:clamp(3px,.2vw,7px);gap:2px clamp(4px,.25vw,8px); }.project-wall-attribution .purchase-attribution-legend-item > div > strong { color:#f2f7f3;font-size:clamp(10px,.62vw,20px); }.project-wall-attribution .purchase-attribution-legend-item > div span b { font-size:clamp(5px,.31vw,10px); }.project-wall-attribution > footer { margin-top:clamp(4px,.25vw,9px);padding-top:clamp(4px,.25vw,9px);font-size:clamp(4px,.24vw,8px);border-color:rgba(143,99,220,.2); }
html[data-color-mode="light"] .leadership-attribution-panel { background:rgba(255,255,255,.92)!important; } html[data-color-mode="light"] .project-wall-attribution .purchase-attribution-header h3,html[data-color-mode="light"] .project-wall-attribution .purchase-attribution-pie-center strong,html[data-color-mode="light"] .project-wall-attribution .purchase-attribution-legend-item header strong,html[data-color-mode="light"] .project-wall-attribution .purchase-attribution-legend-item > div > strong { color:#172019; }
@media (max-width:1250px) { .project-wall-chart-panel { min-height:760px!important; }.project-wall-attribution { min-height:360px; }.project-wall-attribution .purchase-attribution-pie-wrap { width:min(100%,170px); }.project-wall-attribution .purchase-attribution-legend-item > div > strong { font-size:17px; }.project-wall-attribution .purchase-attribution-legend-item header strong { font-size:8px; } }
@media (max-width:620px) { .purchase-attribution-header { align-items:flex-start;flex-direction:column; }.purchase-attribution-visual,.project-wall-attribution .purchase-attribution-visual { grid-template-columns:1fr; }.purchase-attribution-pie-wrap,.project-wall-attribution .purchase-attribution-pie-wrap { width:min(100%,190px); }.purchase-attribution-legend,.project-wall-attribution .purchase-attribution-legend { grid-template-columns:repeat(2,minmax(0,1fr)); }.leadership-attribution-panel > footer,.project-wall-attribution > footer { align-items:flex-start;flex-wrap:wrap; }.leadership-attribution-panel > footer span,.project-wall-attribution > footer span { flex-basis:100%; }.project-wall-chart-panel { min-height:1080px!important; }.project-wall-attribution { min-height:680px; }.project-wall-attribution .purchase-attribution-pie-center strong { font-size:18px; }.project-wall-attribution .purchase-attribution-legend-item header strong { font-size:8px; }.project-wall-attribution .purchase-attribution-legend-item > div > strong { font-size:16px; }.project-wall-attribution .purchase-attribution-legend-item header b,.project-wall-attribution .purchase-attribution-legend-item > div span,.project-wall-attribution .purchase-attribution-legend-item > div small { font-size:7px; } }
@media (max-width:360px) { .purchase-attribution-legend,.project-wall-attribution .purchase-attribution-legend { grid-template-columns:1fr; } }

/* v2.3.31: sales-first Executive HUD with leadership-scale attribution. */
.project-wall-shell::before { background-image:linear-gradient(118deg,rgba(2,7,4,.78),rgba(4,14,8,.54)),var(--wall-hero);filter:saturate(.9) contrast(1.06); }
.project-wall-kpi-net-sales::before,.project-wall-kpi-average-order::before { background:#43cad3; }
.project-wall-kpi-net-sales header i,.project-wall-kpi-average-order header i { color:#43cad3; }
.project-wall-dialog.is-period-loading :is(.project-wall-metrics,.project-wall-attribution-panel,.project-wall-commerce-metrics,.project-wall-grid) { opacity:.58;filter:saturate(.72);transition:opacity .18s ease,filter .18s ease; }
.project-wall-attribution-panel { position:relative;grid-column:1;grid-row:4;min-width:0;min-height:0;margin:0!important;padding:clamp(15px,1vw,34px)!important;display:block;overflow:hidden;border:1px solid rgba(143,99,220,.34)!important;border-radius:clamp(12px,.8vw,25px);background:linear-gradient(145deg,rgba(19,12,30,.86),rgba(5,9,8,.76))!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 22px 50px rgba(0,0,0,.22);backdrop-filter:blur(16px); }
.project-wall-attribution-panel::before { content:"";position:absolute;top:0;left:0;width:32%;height:2px;background:#8f63dc;box-shadow:0 0 16px rgba(143,99,220,.82); }
.project-wall-attribution-panel .purchase-attribution-header { align-items:flex-start; }
.project-wall-attribution-panel .purchase-attribution-header h3 { color:#f4f8f3;font-size:clamp(20px,1.45vw,46px); }
.project-wall-attribution-panel .purchase-attribution-header div > small { font-size:clamp(6px,.34vw,12px); }
.project-wall-attribution-panel .purchase-attribution-header > span { font-size:clamp(6px,.36vw,13px); }
.project-wall-attribution-panel .purchase-attribution-visual { height:calc(100% - clamp(78px,6.2vh,150px));min-height:0;margin-top:clamp(9px,.58vw,20px);grid-template-columns:minmax(180px,.72fr) minmax(0,1.55fr);gap:clamp(10px,.75vw,28px);align-items:center; }
.project-wall-attribution-panel .purchase-attribution-pie-wrap { width:min(100%,clamp(220px,18vw,700px)); }
.project-wall-attribution-panel .purchase-attribution-pie-center small { font-size:clamp(6px,.32vw,12px); }
.project-wall-attribution-panel .purchase-attribution-pie-center strong { color:#f4f8f3;font-size:clamp(22px,1.75vw,56px); }
.project-wall-attribution-panel .purchase-attribution-pie-center span { font-size:clamp(6px,.36vw,13px); }
.project-wall-attribution-panel .purchase-attribution-legend { gap:clamp(7px,.48vw,17px); }
.project-wall-attribution-panel .purchase-attribution-legend-item { padding:clamp(8px,.58vw,20px);border-radius:clamp(7px,.5vw,17px); }
.project-wall-attribution-panel .purchase-attribution-legend-item header i { width:clamp(7px,.42vw,14px);height:clamp(7px,.42vw,14px); }
.project-wall-attribution-panel .purchase-attribution-legend-item header b,.project-wall-attribution-panel .purchase-attribution-legend-item > div span,.project-wall-attribution-panel .purchase-attribution-legend-item > div small { font-size:clamp(6px,.34vw,12px); }
.project-wall-attribution-panel .purchase-attribution-legend-item header strong { color:#f4f8f3;font-size:clamp(7px,.44vw,15px); }
.project-wall-attribution-panel .purchase-attribution-legend-item > div { margin-top:clamp(5px,.34vw,12px);gap:3px clamp(7px,.45vw,16px); }
.project-wall-attribution-panel .purchase-attribution-legend-item > div > strong { color:#f4f8f3;font-size:clamp(15px,1.05vw,34px); }
.project-wall-attribution-panel .purchase-attribution-legend-item > div span b { font-size:clamp(7px,.45vw,15px); }
.project-wall-attribution-panel .purchase-attribution-note { margin-top:clamp(7px,.45vw,16px);padding:clamp(6px,.42vw,14px);font-size:clamp(6px,.34vw,12px); }
.project-wall-attribution-panel > footer { margin-top:clamp(6px,.4vw,14px);padding-top:clamp(6px,.4vw,14px);font-size:clamp(6px,.32vw,11px);border-color:rgba(143,99,220,.24); }
.project-wall-commerce-metrics .project-wall-product-signal { grid-column:1;grid-row:1; }
.project-wall-commerce-metrics .project-wall-demand-signal { grid-column:2;grid-row:1; }
.project-wall-commerce-metrics .project-wall-email-signal { grid-column:1/-1;grid-row:2; }
.project-wall-commerce-metrics .project-wall-inventory-signal { grid-column:1/-1;grid-row:3; }
.project-wall-commerce-metrics .project-wall-email-signal::before { background:#f4a640; }
.project-wall-commerce-metrics .project-wall-inventory-signal::before { background:#ff736b; }
.project-wall-commerce-metrics .project-wall-email-chart { min-height:80px; }
.project-wall-commerce-metrics .project-wall-signal > strong { white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical; }
html[data-color-mode="light"] .project-wall-shell::before { background-image:linear-gradient(118deg,rgba(248,251,248,.84),rgba(237,244,239,.68)),var(--wall-hero);filter:saturate(.62) contrast(.94); }
html[data-color-mode="light"] .project-wall-attribution-panel { color:#172019;background:rgba(255,255,255,.9)!important;box-shadow:0 16px 34px rgba(35,57,38,.1)!important; }
html[data-color-mode="light"] .project-wall-attribution-panel .purchase-attribution-header h3,html[data-color-mode="light"] .project-wall-attribution-panel .purchase-attribution-pie-center strong,html[data-color-mode="light"] .project-wall-attribution-panel .purchase-attribution-legend-item header strong,html[data-color-mode="light"] .project-wall-attribution-panel .purchase-attribution-legend-item > div > strong { color:#172019; }
@media (min-width:1251px) {
  .project-wall-shell { grid-template-columns:minmax(0,1.35fr) minmax(430px,.85fr); }
  .project-wall-attribution-panel { grid-column:1;grid-row:4; }
  .project-wall-commerce-metrics { grid-column:2;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:minmax(0,.68fr) minmax(0,1.42fr) minmax(0,.72fr)!important; }
}
@media (max-width:1250px) {
  .project-wall-attribution-panel { min-height:600px;margin-bottom:10px!important; }
  .project-wall-attribution-panel .purchase-attribution-visual { height:auto;min-height:470px; }
  .project-wall-attribution-panel .purchase-attribution-pie-wrap { width:min(100%,260px); }
  .project-wall-commerce-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:minmax(140px,.7fr) minmax(260px,1.35fr) minmax(140px,.7fr)!important;margin-bottom:10px!important; }
}
@media (max-width:700px) {
  .project-wall-attribution-panel { min-height:880px; }
  .project-wall-attribution-panel .purchase-attribution-visual { min-height:760px;grid-template-columns:1fr; }
  .project-wall-attribution-panel .purchase-attribution-pie-wrap { width:min(100%,230px); }
  .project-wall-commerce-metrics { grid-template-columns:1fr!important;grid-template-rows:repeat(2,minmax(130px,auto)) minmax(280px,1fr) minmax(145px,auto)!important; }
  .project-wall-commerce-metrics .project-wall-product-signal,.project-wall-commerce-metrics .project-wall-demand-signal,.project-wall-commerce-metrics .project-wall-email-signal,.project-wall-commerce-metrics .project-wall-inventory-signal { grid-column:1;grid-row:auto; }
}
@media (prefers-reduced-motion:reduce) { .project-wall-dialog.is-period-loading :is(.project-wall-metrics,.project-wall-attribution-panel,.project-wall-commerce-metrics,.project-wall-grid) { transition:none; } }

/* v2.3.33: realtime audience, paid-media revenue, and acquisition search intelligence. */
.project-wall-kpi-live-audience::before { background:#43cad3;box-shadow:0 0 18px rgba(67,202,211,.8); }
.project-wall-kpi-live-audience header i { color:#43cad3; }
.project-wall-kpi-live-audience > strong::after { content:"";display:inline-block;width:.18em;height:.18em;margin-left:.22em;border-radius:50%;vertical-align:.34em;background:#43cad3;box-shadow:0 0 .42em #43cad3;animation:hud-live 1.8s ease-in-out infinite; }
.project-wall-kpi-paid-revenue::before { background:#f4a640;box-shadow:0 0 18px rgba(244,166,64,.72); }
.project-wall-kpi-paid-revenue header i { color:#f4a640; }
.project-wall-metrics .project-wall-kpi-paid-revenue > strong { font-size:clamp(24px,1.7vw,52px)!important; }
.project-wall-kpi-tiktok-shop header i { color:#43cad3; }
.project-wall-kpi-meta-shop header i { color:#599aff; }
@media (min-width:1251px) {
  #projectWallMetrics { grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important; }
  #projectWallMetrics .project-wall-kpi { padding:7px 12px!important; }
  #projectWallMetrics .project-wall-kpi > strong { font-size:clamp(26px,1.9vw,55px);margin:3px 0; }
}
@media (min-width:701px) and (max-width:1250px) { #projectWallMetrics { grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(130px,1fr))!important; } }
@media (max-width:700px) { #projectWallMetrics { grid-template-rows:repeat(5,minmax(125px,1fr))!important; } }
.project-wall-search-signal { justify-content:flex-start!important;align-items:stretch; }
.project-wall-search-signal::before { background:#43cad3!important; }
.project-wall-search-signal header i { color:#43cad3!important; }
.project-wall-search-terms { min-height:0;margin:clamp(5px,.32vw,11px) 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3px,.22vw,8px);list-style:none; }
.project-wall-search-terms li { min-width:0;padding:clamp(3px,.22vw,7px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(4px,.28vw,9px);border:1px solid rgba(67,202,211,.17);border-radius:6px;background:rgba(67,202,211,.045); }
.project-wall-search-terms li b { color:#43cad3;font-size:clamp(6px,.34vw,12px); }
.project-wall-search-terms li > span { overflow:hidden;color:#f1f6f2;font-size:clamp(6px,.38vw,13px);font-weight:850;text-overflow:ellipsis;white-space:nowrap; }
.project-wall-search-terms li > strong { color:#aef145!important;font:900 clamp(8px,.46vw,15px)/1 var(--display)!important;white-space:nowrap!important; }
.project-wall-search-terms li > strong small { display:inline!important;margin:0;color:#7f8e84;font:700 clamp(5px,.27vw,9px)/1 var(--font); }
.project-wall-search-terms li:last-child:nth-child(odd) { grid-column:1/-1; }
.project-wall-search-empty { margin:auto;color:#829087;font-size:clamp(7px,.4vw,14px);line-height:1.35;text-align:center; }
.project-wall-ticker-signal { cursor:default; }
html[data-color-mode="light"] .project-wall-search-terms li { border-color:rgba(39,116,126,.2);background:rgba(39,116,126,.05); }
html[data-color-mode="light"] .project-wall-search-terms li > span { color:#172019; }
@media (min-width:1251px) {
  .project-wall-metrics { grid-template-columns:repeat(8,minmax(0,1fr))!important; }
  .project-wall-metrics .project-wall-kpi { padding:clamp(11px,.7vw,24px)!important; }
  .project-wall-metrics .project-wall-kpi > strong { font-size:clamp(27px,1.85vw,60px); }
  .project-wall-kpi header span { font-size:clamp(6px,.38vw,13px); }
  .project-wall-kpi > small { font-size:clamp(6px,.34vw,12px); }
}
@media (max-width:1250px) and (min-width:701px) {
  .project-wall-metrics { grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(130px,1fr))!important; }
}
@media (max-width:700px) {
  .project-wall-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(125px,1fr))!important; }
  .project-wall-search-terms { grid-template-columns:1fr; }
  .project-wall-search-terms li:last-child:nth-child(odd) { grid-column:auto; }
}
@media (prefers-reduced-motion:reduce) { .project-wall-kpi-live-audience > strong::after { animation:none; } }

/* v2.3.34: source traffic volume plus GA4 paid, organic, and owned acquisition context. */
.purchase-attribution-traffic { grid-column:1/-1;margin-top:4px;padding-top:6px;display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-top:1px solid color-mix(in srgb,var(--attribution-tone) 18%,var(--line)); }
.purchase-attribution-traffic > strong { color:#43cad3;font:900 clamp(13px,1vw,19px)/1 var(--display); }
.purchase-attribution-traffic > span { color:var(--muted);font-size:7px;font-weight:850;letter-spacing:.04em;text-align:right; }
.purchase-attribution-traffic > span b { color:#43cad3!important;font-size:inherit!important; }
.purchase-attribution-traffic-split { grid-column:1/-1;display:flex;align-items:center;gap:4px;flex-wrap:wrap; }
.purchase-attribution-traffic-chip { justify-self:auto!important;padding:3px 5px;border:1px solid var(--line);border-radius:999px;font-size:6px!important;font-weight:900;letter-spacing:.04em;line-height:1;white-space:nowrap; }
.purchase-attribution-traffic-chip.paid { color:#ffc36e!important;border-color:rgba(244,166,64,.28);background:rgba(244,166,64,.08); }
.purchase-attribution-traffic-chip.organic { color:#75dbe2!important;border-color:rgba(67,202,211,.28);background:rgba(67,202,211,.08); }
.purchase-attribution-traffic-chip.other { color:#b6c2ba!important;border-color:rgba(145,160,151,.28);background:rgba(145,160,151,.08); }
.project-wall-attribution-panel .purchase-attribution-traffic { margin-top:clamp(3px,.2vw,7px);padding-top:clamp(4px,.28vw,10px); }
.project-wall-attribution-panel .purchase-attribution-traffic > strong { font-size:clamp(10px,.7vw,23px); }
.project-wall-attribution-panel .purchase-attribution-traffic > span { font-size:clamp(5px,.3vw,10px); }
.project-wall-attribution-panel .purchase-attribution-traffic-split { gap:clamp(2px,.18vw,6px); }
.project-wall-attribution-panel .purchase-attribution-traffic-chip { padding:clamp(2px,.16vw,5px) clamp(3px,.24vw,8px);font-size:clamp(4px,.25vw,9px)!important; }
html[data-color-mode="light"] .purchase-attribution-traffic > strong { color:#287982; }
html[data-color-mode="light"] .purchase-attribution-traffic > span b { color:#287982!important; }
@media (max-width:700px) {
  .project-wall-attribution-panel { min-height:1020px; }
  .project-wall-attribution-panel .purchase-attribution-visual { min-height:900px; }
}

/* v2.3.32: make Email a first-class full-canvas workspace. */
#appView[data-active-view="email"] .page-head { display:none; }
#appView[data-active-view="email"] .content { padding:0!important; }
#appView[data-active-view="email"] #emailView { width:100%;max-width:none;margin:0; }
#appView[data-active-view="email"] .email-integrated-shell {
  width:100%;
  height:calc(100dvh - 66px);
  min-height:680px;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none;
}
#appView[data-active-view="email"] #emailBuilderFrame { width:100%;height:100%;min-height:0;border:0;background:transparent; }
@media (max-width:800px) {
  #appView[data-active-view="email"] .content { padding:0!important; }
  #appView[data-active-view="email"] .email-integrated-shell { height:calc(100dvh - 120px);min-height:580px; }
}

/* v2.3.35: touch-first Command Center comparisons and expandable metric HUD. */
.project-wall-metrics .project-wall-kpi { appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.project-wall-metrics .project-wall-kpi:hover,.project-wall-metrics .project-wall-kpi:focus-visible { border-color:rgba(174,241,69,.58)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 0 2px rgba(174,241,69,.12),0 22px 54px rgba(0,0,0,.32)!important;outline:0;transform:translateY(-2px); }
.project-wall-metrics .project-wall-kpi:active,.purchase-attribution-channel-button:active { transform:scale(.985); }
.project-wall-kpi > :not(.command-kpi-chart-backdrop):not(.command-kpi-expand) { position:relative;z-index:2; }
.command-kpi-chart-backdrop { position:absolute;z-index:0;inset:35% 5px 3px;display:block;opacity:.7;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,black 24%,black); }
.command-comparison-chart { display:block;width:100%;height:100%;overflow:visible; }
.command-comparison-current,.command-comparison-prior { fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round; }
.command-comparison-current { stroke:#aef145;stroke-width:3.5;filter:drop-shadow(0 0 5px rgba(174,241,69,.7)); }
.command-comparison-prior { stroke:#ff736b;stroke-width:2.6;stroke-dasharray:7 7;opacity:.92;filter:drop-shadow(0 0 3px rgba(255,115,107,.35)); }
.command-comparison-current-point { fill:#aef145;stroke:#061008;stroke-width:2;vector-effect:non-scaling-stroke; }
.command-comparison-prior-point { fill:#ff736b;stroke:#150806;stroke-width:2;vector-effect:non-scaling-stroke; }
.command-comparison-area { opacity:.92; }
.command-comparison-empty { height:100%;display:grid;place-items:end center;padding-bottom:8px;color:#75827a;font-size:clamp(7px,.4vw,12px);font-weight:800;letter-spacing:.05em;text-transform:uppercase; }
.command-comparison-grid line { stroke:rgba(116,153,127,.24);stroke-width:1;stroke-dasharray:4 8;vector-effect:non-scaling-stroke; }
.command-comparison-grid text,.command-comparison-x { fill:#829087;font:800 12px var(--font);letter-spacing:.04em; }
.command-kpi-expand { position:absolute!important;z-index:3;right:clamp(8px,.5vw,17px);bottom:clamp(7px,.45vw,15px);width:clamp(24px,1.45vw,46px);height:clamp(24px,1.45vw,46px);display:grid;place-items:center;color:#b9dfff;border:1px solid rgba(67,202,211,.24);border-radius:50%;background:rgba(4,14,9,.72);font-size:clamp(13px,.8vw,26px);opacity:.78; }
.project-wall-kpi:hover .command-kpi-expand,.project-wall-kpi:focus-visible .command-kpi-expand { color:#071006;border-color:#aef145;background:#aef145;opacity:1;box-shadow:0 0 18px rgba(174,241,69,.35); }
.project-wall-kpi > small { max-width:calc(100% - clamp(31px,1.9vw,60px));font-weight:800; }

.purchase-attribution-channel-button { position:relative;appearance:none;width:100%;min-height:clamp(76px,7vh,148px);font:inherit;color:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.purchase-attribution-channel-button:hover,.purchase-attribution-channel-button:focus-visible { border-color:var(--attribution-tone)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--attribution-tone) 13%,transparent),0 14px 30px rgba(0,0,0,.24);outline:0;transform:translateY(-2px); }
.purchase-attribution-expand { position:absolute;right:clamp(6px,.4vw,13px);top:clamp(6px,.4vw,13px);color:var(--attribution-tone);font-size:clamp(12px,.72vw,24px);opacity:.72; }
.purchase-attribution-channel-button header { padding-right:clamp(15px,1vw,32px); }

.command-metric-hud { position:fixed!important;z-index:80!important;inset:0;display:grid;place-items:center;padding:clamp(22px,3vw,62px);background:radial-gradient(circle at 50% 35%,rgba(67,202,211,.1),transparent 36%),rgba(1,5,3,.82);backdrop-filter:blur(15px) saturate(.72); }
.command-metric-hud.hidden { display:none!important; }
.command-metric-hud-shell { position:relative;isolation:isolate;width:min(1680px,96vw);height:min(920px,91dvh);padding:clamp(26px,2.1vw,54px);overflow:auto;color:#eff8f0;border:1px solid rgba(174,241,69,.52);border-radius:clamp(18px,1.35vw,32px);background:linear-gradient(138deg,rgba(4,16,9,.985),rgba(3,12,11,.97) 56%,rgba(9,8,18,.97));box-shadow:0 0 0 1px rgba(67,202,211,.14),0 38px 100px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.05),inset 0 0 90px rgba(67,202,211,.035); }
.command-metric-hud-shell::before,.command-metric-hud-shell::after { content:"";position:absolute;z-index:-1;pointer-events:none; }
.command-metric-hud-shell::before { inset:0;background:repeating-linear-gradient(0deg,transparent 0 49px,rgba(174,241,69,.035) 50px),repeating-linear-gradient(90deg,transparent 0 49px,rgba(67,202,211,.035) 50px); }
.command-metric-hud-shell::after { inset:12px;border:1px solid rgba(67,202,211,.14);border-radius:calc(clamp(18px,1.35vw,32px) - 7px);clip-path:polygon(0 0,18% 0,18% 1px,82% 1px,82% 0,100% 0,100% 100%,82% 100%,82% calc(100% - 1px),18% calc(100% - 1px),18% 100%,0 100%); }
.command-metric-hud-scan { position:absolute;z-index:0;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none; }
.command-metric-hud-scan::before { content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#43cad3,#aef145,transparent);box-shadow:0 0 18px rgba(174,241,69,.5);animation:command-hud-scan 5.8s linear infinite;opacity:.48; }
@keyframes command-hud-scan { from { top:4%; } to { top:96%; } }
.command-metric-hud-close { position:absolute;z-index:5;top:clamp(20px,1.5vw,38px);right:clamp(20px,1.5vw,38px);min-width:clamp(58px,9vw,180px);min-height:54px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:8px;color:#dfffad;border:1px solid rgba(174,241,69,.4);border-radius:12px;background:rgba(9,24,13,.88);font:900 clamp(8px,.55vw,13px)/1 var(--font);letter-spacing:.08em;cursor:pointer;touch-action:manipulation; }
.command-metric-hud-close .material-symbols-rounded { font-size:25px; }
.command-metric-hud-close:hover,.command-metric-hud-close:focus-visible { color:#071006;background:#aef145;outline:3px solid rgba(174,241,69,.2); }
#commandMetricHudBody { position:relative;z-index:2;width:100%;height:100%;min-height:0; }
.command-metric-hud-copy { width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(14px,1.3vw,28px); }
.command-metric-hud-copy > header { min-height:90px;padding-right:clamp(150px,12vw,230px);display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(67,202,211,.22); }
.command-metric-hud-copy > header .eyebrow { margin:0 0 7px;color:#43cad3;font-size:clamp(10px,.68vw,15px);letter-spacing:.18em; }
.command-metric-hud-copy > header h3 { margin:0;display:flex;align-items:center;gap:12px;color:#f3f9f4;font:900 clamp(34px,3.55vw,72px)/.92 var(--display);letter-spacing:-.025em;text-transform:uppercase; }
.command-metric-hud-copy > header h3 i { color:#aef145;font-size:.68em;filter:drop-shadow(0 0 12px rgba(174,241,69,.4)); }
.command-metric-hud-copy > header p:last-child { max-width:780px;margin:9px 0 14px;color:#9aaba0;font-size:clamp(10px,.72vw,16px);line-height:1.45; }
.command-hud-scan-chip { flex:0 0 auto;margin-top:7px;padding:9px 12px;display:inline-flex;align-items:center;gap:7px;color:#dfffad;border:1px solid rgba(174,241,69,.3);border-radius:999px;background:rgba(174,241,69,.06);font-size:clamp(8px,.5vw,12px);font-weight:950;letter-spacing:.11em;white-space:nowrap; }
.command-hud-scan-chip i { width:7px;height:7px;border-radius:50%;background:#aef145;box-shadow:0 0 12px #aef145; }
.command-hud-summary { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,.8vw,18px); }
.command-hud-summary article { min-width:0;min-height:112px;padding:clamp(14px,1.1vw,24px);display:grid;align-content:center;gap:8px;border:1px solid rgba(67,202,211,.2);border-left:3px solid #43cad3;border-radius:13px;background:linear-gradient(135deg,rgba(67,202,211,.08),rgba(5,14,9,.74)); }
.command-hud-summary article:nth-child(2) { border-left-color:#ff736b;background:linear-gradient(135deg,rgba(255,115,107,.07),rgba(5,14,9,.74)); }
.command-hud-summary article:nth-child(3) { border-left-color:#aef145; }
.command-hud-summary article.negative { border-left-color:#ff736b; }.command-hud-summary article.neutral { border-left-color:#89978e; }
.command-hud-summary span { color:#8fa097;font-size:clamp(9px,.58vw,13px);font-weight:900;letter-spacing:.12em; }
.command-hud-summary strong { overflow:hidden;color:#f3f9f4;font:900 clamp(34px,3.2vw,68px)/.9 var(--display);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap; }
.command-hud-summary article.positive strong { color:#dfffad; }.command-hud-summary article.negative strong { color:#ff9189; }
.command-hud-chart-panel { min-height:0;padding:clamp(15px,1.2vw,26px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(174,241,69,.23);border-radius:16px;background:linear-gradient(145deg,rgba(8,22,13,.78),rgba(4,12,8,.66));box-shadow:inset 0 1px rgba(255,255,255,.035); }
.command-hud-chart-panel > header { display:flex;align-items:flex-start;justify-content:space-between;gap:20px; }
.command-hud-chart-panel .eyebrow { margin:0 0 3px;color:#aef145;font-size:clamp(8px,.5vw,12px);letter-spacing:.14em; }
.command-hud-chart-panel h4 { margin:0;color:#f2f8f3;font:850 clamp(18px,1.4vw,29px)/1.1 var(--display); }
.command-hud-chart-legend { display:flex;align-items:center;gap:18px;color:#a0afa5;font-size:clamp(9px,.58vw,13px);font-weight:850; }
.command-hud-chart-legend span { display:flex;align-items:center;gap:7px; }.command-hud-chart-legend i { width:28px;height:3px;border-radius:9px;background:#aef145;box-shadow:0 0 8px rgba(174,241,69,.42); }.command-hud-chart-legend .previous i { height:2px;background:repeating-linear-gradient(90deg,#ff736b 0 6px,transparent 6px 10px);box-shadow:none; }
.command-hud-chart-panel .command-comparison-chart { width:100%;height:100%;min-height:0;margin-top:8px;display:block;aspect-ratio:auto; }
.command-hud-detail-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,.8vw,18px); }
.command-hud-detail-grid article { min-width:0;min-height:88px;padding:13px 15px;display:grid;align-content:center;gap:5px;border:1px solid rgba(67,202,211,.17);border-radius:11px;background:rgba(4,14,9,.68); }
.command-hud-detail-grid span { color:#43cad3;font-size:clamp(8px,.5vw,12px);font-weight:950;letter-spacing:.12em; }.command-hud-detail-grid strong { overflow:hidden;color:#f1f7f2;font:850 clamp(19px,1.45vw,30px)/1 var(--display);text-overflow:ellipsis;white-space:nowrap; }.command-hud-detail-grid small { color:#829087;font-size:clamp(8px,.5vw,12px); }

.command-attribution-hud { grid-template-rows:auto auto minmax(0,1fr) auto auto; }
.command-attribution-hud > header h3 i,.command-attribution-hud .eyebrow { color:var(--channel-tone)!important; }
.command-channel-hud-grid { min-height:0;padding:clamp(18px,1.5vw,32px);display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);align-items:center;gap:clamp(24px,3vw,64px);overflow:hidden;border:1px solid color-mix(in srgb,var(--channel-tone) 30%,rgba(67,202,211,.18));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--channel-tone) 7%,rgba(5,16,10,.78)),rgba(4,11,8,.7)); }
.command-channel-orbit { position:relative;width:min(29vh,290px);aspect-ratio:1;margin:auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--channel-tone) 0 calc(var(--channel-share) * 1%),rgba(255,255,255,.08) calc(var(--channel-share) * 1%) 100%);filter:drop-shadow(0 0 22px color-mix(in srgb,var(--channel-tone) 28%,transparent)); }
.command-channel-orbit::before { content:"";position:absolute;inset:16px;border:1px solid color-mix(in srgb,var(--channel-tone) 35%,transparent);border-radius:50%;background:radial-gradient(circle,rgba(7,19,12,.98) 0 56%,transparent 57%),repeating-radial-gradient(circle,transparent 0 28px,color-mix(in srgb,var(--channel-tone) 12%,transparent) 29px 30px); }
.command-channel-orbit::after { content:"";position:absolute;inset:-11px;border:1px dashed color-mix(in srgb,var(--channel-tone) 48%,transparent);border-radius:50%;animation:asset-video-orbit 18s linear infinite; }
.command-channel-orbit > div { position:relative;z-index:1;display:grid;gap:6px;text-align:center; }.command-channel-orbit strong { color:#f3f9f4;font:900 clamp(42px,4vw,76px)/.9 var(--display); }.command-channel-orbit span { max-width:120px;color:var(--channel-tone);font-size:clamp(8px,.55vw,12px);font-weight:950;letter-spacing:.12em;line-height:1.25; }
.command-channel-bars { display:grid;gap:clamp(15px,1.3vw,26px); }
.command-hud-bar-row { display:grid;gap:6px; }.command-hud-bar-row header { display:flex;align-items:baseline;justify-content:space-between;gap:18px; }.command-hud-bar-row header strong { color:#eff7f0;font:850 clamp(14px,1vw,21px)/1 var(--display); }.command-hud-bar-row header span { color:#87978d;font-size:clamp(8px,.52vw,12px); }.command-hud-bar-row header b { color:#dfffad; }
.command-hud-bar-track { height:clamp(12px,1.05vw,20px);overflow:hidden;border-radius:4px;background:rgba(255,255,255,.055); }.command-hud-bar-track i { display:block;width:var(--bar-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,#5c8c2e,#aef145);box-shadow:0 0 13px rgba(174,241,69,.25); }.command-hud-bar-track.previous { height:clamp(7px,.55vw,11px); }.command-hud-bar-track.previous i { background:repeating-linear-gradient(90deg,#ff736b 0 10px,#b64742 10px 14px);box-shadow:none;opacity:.78; }
.command-attribution-hud > footer { color:#839289;font-size:clamp(8px,.52vw,12px);letter-spacing:.05em;text-align:right; }
.project-wall-dialog.is-detail-open .project-wall-shell > :not(.command-metric-hud) { filter:brightness(.42) blur(3px);pointer-events:none; }

html[data-color-mode="light"] .command-comparison-current { stroke:#397a31;filter:drop-shadow(0 0 3px rgba(57,122,49,.28)); }
html[data-color-mode="light"] .command-comparison-prior { stroke:#bd403b; }
html[data-color-mode="light"] .command-comparison-current-point { fill:#397a31; } html[data-color-mode="light"] .command-comparison-prior-point { fill:#bd403b; }
html[data-color-mode="light"] .command-kpi-expand { color:#216c75;border-color:rgba(33,108,117,.24);background:rgba(255,255,255,.8); }
html[data-color-mode="light"] .purchase-attribution-channel-button { color:#172019; }

@media (min-width:1251px) {
  .project-wall-shell { grid-template-rows:clamp(84px,7.4vh,150px) clamp(44px,4.2vh,78px) clamp(178px,20vh,350px) minmax(0,1fr) clamp(62px,6.8vh,122px); }
  .project-wall-controls .command-period button { min-height:44px;font-size:clamp(9px,.54vw,18px); }
  .project-wall-metrics .project-wall-kpi { padding:clamp(13px,.82vw,27px)!important;grid-template-rows:auto 1fr auto; }
  .project-wall-metrics .project-wall-kpi > strong { max-width:100%;overflow:hidden;font-size:clamp(31px,2.25vw,76px);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap; }
  .project-wall-kpi header span { max-width:calc(100% - 28px);font-size:clamp(9px,.56vw,19px);line-height:1.16; }
  .project-wall-kpi header i { font-size:clamp(19px,1.15vw,38px); }
  .project-wall-kpi > small { font-size:clamp(9px,.5vw,17px);line-height:1.3; }
  .project-wall-attribution-panel .purchase-attribution-legend-item header strong { font-size:clamp(8px,.5vw,17px); }
  .project-wall-attribution-panel .purchase-attribution-legend-item header b,.project-wall-attribution-panel .purchase-attribution-legend-item > div span,.project-wall-attribution-panel .purchase-attribution-legend-item > div small { font-size:clamp(7px,.4vw,14px); }
  .project-wall-attribution-panel .purchase-attribution-legend-item > div > strong { font-size:clamp(18px,1.22vw,40px); }
  .project-wall-attribution-panel .purchase-attribution-traffic > strong { font-size:clamp(13px,.82vw,27px); }
  .project-wall-attribution-panel .purchase-attribution-traffic > span { font-size:clamp(6px,.35vw,12px); }
}
@media (max-width:1250px) {
  .project-wall-metrics .project-wall-kpi { min-height:155px!important; }
  .project-wall-metrics .project-wall-kpi > strong { font-size:clamp(34px,5vw,58px); }
  .project-wall-kpi header span { font-size:11px; }.project-wall-kpi > small { font-size:10px; }
  .command-metric-hud { padding:18px; }.command-metric-hud-shell { width:100%;height:calc(100dvh - 36px);padding:24px; }.command-metric-hud-copy > header { padding-right:145px; }
}
@media (min-width:1251px) and (max-height:850px) {
  .project-wall-attribution-panel { padding:10px 12px!important; }
  .project-wall-attribution-panel .purchase-attribution-visual { height:calc(100% - 58px);margin-top:5px; }
  .project-wall-attribution-panel .purchase-attribution-legend { gap:5px; }
  .project-wall-attribution-panel .purchase-attribution-legend-item { min-height:0;padding:5px 7px; }
  .project-wall-attribution-panel .purchase-attribution-legend-item > div { margin-top:2px; }
  .project-wall-attribution-panel .purchase-attribution-traffic { margin-top:2px;padding-top:3px; }
  .project-wall-attribution-panel .purchase-attribution-traffic-split { display:none; }
  .project-wall-attribution-panel > footer { margin-top:3px;padding-top:3px; }
}
@media (max-width:760px) {
  .command-metric-hud { padding:0; }.command-metric-hud-shell { height:100dvh;padding:72px 16px 24px;border-radius:0; }
  .command-metric-hud-close { top:10px;right:10px;min-width:54px;min-height:52px; }.command-metric-hud-close b { display:none; }
  .command-metric-hud-copy,.command-attribution-hud { display:block; }.command-metric-hud-copy > * + * { margin-top:13px; }
  .command-metric-hud-copy > header { min-height:0;padding-right:0;display:block; }.command-hud-scan-chip { display:none; }.command-metric-hud-copy > header h3 { font-size:34px; }
  .command-hud-summary,.command-hud-detail-grid { grid-template-columns:1fr; }.command-hud-summary article { min-height:92px; }.command-hud-summary strong { font-size:38px; }
  .command-hud-chart-panel { min-height:360px; }.command-channel-hud-grid { grid-template-columns:1fr; }.command-channel-orbit { width:min(52vw,230px); }
  .command-hud-bar-row header { align-items:flex-start;flex-direction:column;gap:4px; }
}
@media (pointer:coarse) {
  .project-wall-metrics .project-wall-kpi,.purchase-attribution-channel-button { min-height:96px; }
  .project-wall-controls .command-period button,.command-metric-hud-close { min-height:52px; }
}
@media (prefers-reduced-motion:reduce) {
  .command-metric-hud-scan::before,.command-channel-orbit::after { animation:none; }
  .project-wall-metrics .project-wall-kpi,.purchase-attribution-channel-button { transition:none; }
}

/* v2.3.40: branded Command refresh screen and blended live data. */
.project-wall-dialog :is(.project-wall-metrics,.project-wall-attribution-panel,.project-wall-commerce-metrics,.project-wall-grid),
.project-wall-dialog .command-metric-hud:not(.hidden) .command-metric-hud-shell {
  transform:translateY(0);
  transition:opacity 220ms ease,filter 220ms ease;
  will-change:opacity,filter,transform;
}
.project-wall-dialog.is-period-loading :is(.project-wall-metrics,.project-wall-attribution-panel,.project-wall-commerce-metrics,.project-wall-grid),
.project-wall-dialog.is-period-loading .command-metric-hud:not(.hidden) .command-metric-hud-shell {
  opacity:.72;
  filter:saturate(.82) brightness(.84);
}
.project-wall-dialog.is-data-blending :is(.project-wall-metrics,.project-wall-attribution-panel,.project-wall-commerce-metrics,.project-wall-grid),
.project-wall-dialog.is-data-blending .command-metric-hud:not(.hidden) .command-metric-hud-shell {
  animation:project-wall-data-blend 460ms cubic-bezier(.2,.78,.24,1) both;
}
.project-wall-refresh-screen { position:absolute!important;z-index:70!important;inset:clamp(136px,15vh,240px) clamp(18px,1.4vw,50px) clamp(54px,7vh,126px);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(67,202,211,.16);border-radius:clamp(13px,.9vw,24px);background:radial-gradient(circle at 50% 50%,rgba(67,202,211,.11),transparent 42%),linear-gradient(135deg,rgba(2,9,5,.58),rgba(3,14,10,.46));backdrop-filter:blur(3px) saturate(.74);opacity:0;pointer-events:auto;transition:opacity 280ms cubic-bezier(.4,0,.2,1),backdrop-filter 280ms ease; }
.project-wall-refresh-screen.hidden { display:none!important; }
.project-wall-refresh-screen.is-visible { opacity:1; }
.project-wall-refresh-screen.is-dismissing { backdrop-filter:blur(0) saturate(1);pointer-events:none; }
.project-wall-refresh-screen::before { content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(67,202,211,.035) 40px),linear-gradient(90deg,transparent,rgba(174,241,69,.05),transparent);background-size:auto,42% 100%;animation:project-wall-refresh-sweep 1.8s ease-in-out infinite;pointer-events:none; }
.project-wall-refresh-card { position:relative;width:min(620px,calc(100% - 36px));padding:clamp(16px,1.25vw,28px);display:grid;grid-template-columns:clamp(62px,5vw,96px) minmax(0,1fr);align-items:center;gap:clamp(15px,1.1vw,28px);border:1px solid rgba(174,241,69,.46);border-radius:clamp(14px,1vw,24px);background:linear-gradient(140deg,rgba(4,17,9,.96),rgba(4,18,15,.93));box-shadow:0 28px 80px rgba(0,0,0,.52),0 0 0 1px rgba(67,202,211,.1),inset 0 1px rgba(255,255,255,.055),inset 0 0 44px rgba(67,202,211,.045); }
.project-wall-refresh-radar { position:relative;width:clamp(62px,5vw,96px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(67,202,211,.38);border-radius:50%;background:radial-gradient(circle,rgba(174,241,69,.14),transparent 62%); }
.project-wall-refresh-radar::before,.project-wall-refresh-radar::after { content:"";position:absolute;background:rgba(67,202,211,.2); }.project-wall-refresh-radar::before { width:1px;height:100%; }.project-wall-refresh-radar::after { width:100%;height:1px; }
.project-wall-refresh-radar i { position:absolute;inset:8px;border:2px solid transparent;border-top-color:#aef145;border-radius:50%;animation:project-wall-refresh-orbit 1.05s linear infinite; }.project-wall-refresh-radar i:nth-child(2) { inset:18px;border-top-color:#43cad3;animation-duration:.72s;animation-direction:reverse; }
.project-wall-refresh-radar span { width:clamp(7px,.55vw,12px);aspect-ratio:1;border-radius:50%;background:#f4a640;box-shadow:0 0 16px #f4a640;transition:background .18s ease,box-shadow .18s ease; }
.project-wall-refresh-copy { min-width:0;display:grid;gap:clamp(4px,.35vw,8px); }.project-wall-refresh-copy > small { color:#43cad3;font-size:clamp(8px,.48vw,13px);font-weight:950;letter-spacing:.18em; }.project-wall-refresh-copy > strong { color:#f4f8f4;font:900 clamp(24px,2vw,42px)/.96 var(--display);letter-spacing:.01em;text-transform:uppercase; }.project-wall-refresh-copy > span { color:#aab8ae;font-size:clamp(10px,.62vw,16px);font-weight:750;letter-spacing:.025em; }
.project-wall-refresh-progress { height:4px;margin-top:clamp(5px,.4vw,9px);overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07); }.project-wall-refresh-progress i { display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#43cad3,#aef145,#f4a640,transparent);animation:project-wall-refresh-progress 1.25s ease-in-out infinite; }
.project-wall-refresh-screen.is-complete .project-wall-refresh-card { border-color:rgba(174,241,69,.72);box-shadow:0 28px 80px rgba(0,0,0,.46),0 0 28px rgba(174,241,69,.13),inset 0 1px rgba(255,255,255,.055); }.project-wall-refresh-screen.is-complete .project-wall-refresh-radar span { background:#aef145;box-shadow:0 0 18px #aef145; }.project-wall-refresh-screen.is-complete .project-wall-refresh-progress i { width:100%;animation:none;background:linear-gradient(90deg,#43cad3,#aef145); }
@keyframes project-wall-refresh-orbit { to { transform:rotate(360deg); } }
@keyframes project-wall-refresh-progress { from { transform:translateX(-115%); } to { transform:translateX(310%); } }
@keyframes project-wall-refresh-sweep { 0%,100% { background-position:0 0,-65% 0; } 50% { background-position:0 0,165% 0; } }
@keyframes project-wall-data-blend { from { opacity:.38;filter:blur(4px) saturate(.7);transform:translateY(5px); } to { opacity:1;filter:none;transform:translateY(0); } }
html[data-color-mode="light"] .project-wall-refresh-screen { border-color:rgba(39,116,126,.18);background:radial-gradient(circle at 50% 50%,rgba(39,116,126,.09),transparent 42%),linear-gradient(135deg,rgba(239,247,241,.62),rgba(247,250,247,.52)); }
html[data-color-mode="light"] .project-wall-refresh-card { border-color:rgba(45,107,47,.42);background:linear-gradient(140deg,rgba(250,253,250,.97),rgba(234,245,238,.95));box-shadow:0 24px 64px rgba(28,53,33,.22),inset 0 1px #fff; }
html[data-color-mode="light"] .project-wall-refresh-copy > strong { color:#172019; } html[data-color-mode="light"] .project-wall-refresh-copy > span { color:#55675a; } html[data-color-mode="light"] .project-wall-refresh-copy > small { color:#1f747d; }
@media (max-width:900px) { .project-wall-refresh-screen { position:fixed!important;inset:118px 12px 18px; }.project-wall-refresh-card { grid-template-columns:56px minmax(0,1fr); }.project-wall-refresh-radar { width:56px; }.project-wall-refresh-copy > strong { font-size:22px; } }
@media (prefers-reduced-motion:reduce) {
  .project-wall-dialog :is(.project-wall-metrics,.project-wall-attribution-panel,.project-wall-commerce-metrics,.project-wall-grid),
  .project-wall-dialog .command-metric-hud:not(.hidden) .command-metric-hud-shell {
    animation:none!important;transition:none!important;
  }
  .project-wall-refresh-screen,.project-wall-refresh-screen::before,.project-wall-refresh-radar i,.project-wall-refresh-progress i { animation:none!important;transition:none!important; }
}

/* v2.3.38: period-aware Klaviyo ticker and touch-first product rankings. */
.project-wall-commerce-metrics {
  grid-template-columns:1fr!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:clamp(7px,.48vw,16px)!important;
}
.project-wall-product-ranking {
  position:relative;
  min-width:0;
  min-height:0;
  padding:clamp(8px,.55vw,18px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:clamp(4px,.28vw,9px);
  overflow:hidden;
  color:#eff7f0;
  border:1px solid color-mix(in srgb,var(--ranking-tone) 34%,rgba(67,202,211,.15));
  border-radius:clamp(10px,.7vw,21px);
  background:linear-gradient(145deg,color-mix(in srgb,var(--ranking-tone) 7%,rgba(8,22,14,.92)),rgba(4,11,7,.86));
  box-shadow:inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(14px);
}
.project-wall-product-ranking::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:34%;
  height:2px;
  background:var(--ranking-tone);
  box-shadow:0 0 14px color-mix(in srgb,var(--ranking-tone) 75%,transparent);
}
.project-wall-product-ranking > header { display:flex;align-items:center;justify-content:space-between;gap:9px; }
.project-wall-product-ranking > header div { min-width:0;display:flex;align-items:baseline;gap:8px; }
.project-wall-product-ranking > header div > span { flex:0 0 auto;color:var(--ranking-tone);font-size:clamp(6px,.34vw,12px);font-weight:950;letter-spacing:.12em; }
.project-wall-product-ranking > header h3 { margin:0;overflow:hidden;color:#f3f8f4;font:850 clamp(12px,.75vw,25px)/1 var(--display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.project-wall-product-ranking > header > i { color:var(--ranking-tone);font-size:clamp(17px,1vw,32px);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--ranking-tone) 50%,transparent)); }
.project-wall-product-ranking > ol { min-height:0;margin:0;padding:0;display:grid;grid-template-rows:repeat(var(--ranking-page-size,3),minmax(0,1fr));gap:3px;overflow:hidden;list-style:none; }
.project-wall-product-ranking > ol li { min-width:0;min-height:0; }
.project-wall-product-ranking > ol :is(button,li > div) { width:100%;height:100%;min-height:0;padding:3px 5px;display:grid;grid-template-columns:clamp(18px,1.25vw,40px) clamp(27px,2vw,62px) minmax(0,1fr) auto;align-items:center;gap:clamp(5px,.4vw,13px);color:inherit;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:rgba(255,255,255,.025);text-align:left; }
.project-wall-product-ranking > ol button { cursor:pointer;touch-action:manipulation;transition:border-color .15s ease,background .15s ease,transform .15s ease; }
.project-wall-product-ranking > ol button:is(:hover,:focus-visible) { border-color:color-mix(in srgb,var(--ranking-tone) 50%,transparent);background:color-mix(in srgb,var(--ranking-tone) 9%,transparent);outline:none;transform:translateX(2px); }
.project-wall-rank-number { color:var(--ranking-tone);font:900 clamp(9px,.58vw,19px)/1 var(--display);font-variant-numeric:tabular-nums; }
.project-wall-product-ranking > ol img { width:100%;height:100%;max-height:clamp(28px,2.15vw,68px);aspect-ratio:1;object-fit:cover;border:1px solid color-mix(in srgb,var(--ranking-tone) 20%,transparent);border-radius:5px;background:#f4f6f2; }
.project-wall-rank-product { min-width:0;display:grid;gap:2px; }
.project-wall-rank-product strong { overflow:hidden;color:#f1f7f2;font-size:clamp(7px,.43vw,15px);font-weight:900;text-overflow:ellipsis;white-space:nowrap; }
.project-wall-rank-product small { overflow:hidden;color:#7f9085;font-size:clamp(5px,.29vw,10px);text-overflow:ellipsis;white-space:nowrap; }
.project-wall-product-ranking > ol b { color:var(--ranking-tone);font:900 clamp(8px,.48vw,16px)/1 var(--display);white-space:nowrap; }
.project-wall-product-ranking > footer { min-height:clamp(25px,1.65vw,52px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px; }
.project-wall-product-ranking > footer > span { color:#87968d;font-size:clamp(6px,.34vw,12px);font-weight:850;text-align:center; }
.project-wall-product-ranking > footer button { width:clamp(27px,1.7vw,54px);height:clamp(27px,1.7vw,54px);display:grid;place-items:center;color:var(--ranking-tone);border:1px solid color-mix(in srgb,var(--ranking-tone) 32%,transparent);border-radius:7px;background:color-mix(in srgb,var(--ranking-tone) 7%,transparent);cursor:pointer;touch-action:manipulation; }
.project-wall-product-ranking > footer button:is(:hover,:focus-visible) { color:#061007;background:var(--ranking-tone);outline:2px solid color-mix(in srgb,var(--ranking-tone) 25%,transparent); }
.project-wall-product-ranking > footer button:disabled { opacity:.28;cursor:not-allowed; }
.project-wall-product-ranking > footer button i,.project-wall-product-ranking > footer button span { font-size:clamp(18px,1.1vw,35px); }
.project-wall-ranking-empty { align-self:center;margin:0;padding:8px;color:#85948b;font-size:clamp(7px,.4vw,14px);line-height:1.35;text-align:center; }

.project-wall-ticker-label { flex-wrap:nowrap; }
.project-wall-ticker-label > span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.project-wall-ticker-label > small { padding:4px 7px;color:#43cad3;border:1px solid rgba(67,202,211,.25);border-radius:999px;font-size:clamp(5px,.28vw,9px);letter-spacing:.08em; }
.project-wall-ticker-window { position:relative;overflow:hidden!important;cursor:grab;touch-action:pan-y;user-select:none;overscroll-behavior-x:contain; }
.project-wall-ticker-window.is-dragging { cursor:grabbing; }
.project-wall-ticker-window:focus-visible { outline:2px solid #43cad3;outline-offset:-3px; }
.project-wall-ticker-track { width:max-content!important;flex-wrap:nowrap!important;will-change:transform; }
.project-wall-ticker-window.is-interactive .project-wall-ticker-track { animation:none!important; }
.project-wall-ticker-set { height:100%;display:flex;align-items:stretch;flex:0 0 auto; }
.project-wall-ticker-email { min-width:clamp(390px,28vw,900px); }

html[data-color-mode="light"] .project-wall-product-ranking { color:#172019;border-color:color-mix(in srgb,var(--ranking-tone) 38%,#d9e2db);background:linear-gradient(145deg,color-mix(in srgb,var(--ranking-tone) 7%,white),rgba(255,255,255,.94));box-shadow:0 12px 28px rgba(35,57,38,.09); }
html[data-color-mode="light"] .project-wall-product-ranking > header h3,html[data-color-mode="light"] .project-wall-rank-product strong { color:#172019; }
html[data-color-mode="light"] .project-wall-product-ranking > ol :is(button,li > div) { color:#172019;border-color:rgba(28,54,34,.1);background:rgba(255,255,255,.55); }
html[data-color-mode="light"] .project-wall-rank-product small,html[data-color-mode="light"] .project-wall-product-ranking > footer > span { color:#5e6d63; }

@media (max-width:1250px) and (min-width:901px) {
  .project-wall-commerce-metrics { grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:minmax(250px,1fr)!important; }
  .project-wall-product-ranking > header div { display:block; }
  .project-wall-product-ranking > header div > span { display:block;margin-bottom:3px; }
}
@media (max-width:900px) {
  .project-wall-commerce-metrics { grid-template-columns:1fr!important;grid-template-rows:repeat(3,minmax(230px,auto))!important; }
  .project-wall-product-ranking > ol :is(button,li > div) { grid-template-columns:28px 42px minmax(0,1fr) auto; }
  .project-wall-product-ranking > header h3 { font-size:16px; }
  .project-wall-rank-product strong { font-size:11px; }.project-wall-rank-product small { font-size:8px; }
  .project-wall-product-ranking > ol b { font-size:12px; }
  .project-wall-product-ranking > footer button { width:44px;height:44px; }
  .project-wall-ticker-label { display:none; }
}
@media (pointer:coarse) {
  .project-wall-product-ranking > footer button { min-width:44px;min-height:44px; }
}
@media (prefers-reduced-motion:reduce) {
  .project-wall-product-ranking > ol button { transition:none; }
}

/* v2.3.39: five-product image strips and traffic-first attributed purchases. */
.project-wall-product-ranking {
  padding:clamp(9px,.58vw,18px);
  gap:clamp(5px,.32vw,10px);
}
.project-wall-product-ranking > header h3 { font-size:clamp(13px,.82vw,26px); }
.project-wall-product-ranking > header div > span { font-size:clamp(7px,.4vw,13px); }
.project-wall-product-ranking > ol {
  grid-template-columns:repeat(5,minmax(0,1fr));
  grid-template-rows:minmax(0,1fr);
  gap:clamp(4px,.34vw,11px);
  overflow:visible;
}
.project-wall-product-ranking > ol :is(button,li > div) {
  padding:clamp(4px,.32vw,10px);
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:minmax(0,1fr) auto;
  place-items:center;
  gap:clamp(3px,.22vw,7px);
  text-align:center;
}
.project-wall-product-ranking > ol button:is(:hover,:focus-visible) { transform:translateY(-2px); }
.project-wall-product-ranking > ol .project-wall-product-image {
  width:100%;
  height:100%;
  max-height:none;
  min-height:0;
  aspect-ratio:1;
  object-fit:contain;
  border-radius:clamp(5px,.35vw,11px);
}
.project-wall-product-ranking > ol .project-wall-product-value {
  max-width:100%;
  overflow:hidden;
  color:var(--ranking-tone);
  font:900 clamp(11px,.68vw,22px)/1 var(--display);
  font-variant-numeric:tabular-nums;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.project-wall-product-ranking > footer { min-height:clamp(28px,1.85vw,58px); }
.project-wall-product-ranking > footer > span { font-size:clamp(8px,.42vw,14px); }

.project-wall-attribution-panel .purchase-attribution-visual.traffic-first {
  grid-template-columns:minmax(210px,.68fr) minmax(0,1.72fr);
  gap:clamp(14px,.9vw,30px);
}
.project-wall-attribution-panel .purchase-attribution-visual.traffic-first .purchase-attribution-pie-wrap {
  width:min(100%,clamp(250px,18vw,520px));
}
.project-wall-attribution-panel .purchase-attribution-visual.traffic-first .purchase-attribution-pie-center small {
  font-size:clamp(9px,.52vw,16px);
  letter-spacing:.09em;
}
.project-wall-attribution-panel .purchase-attribution-visual.traffic-first .purchase-attribution-pie-center strong {
  color:#dfffae;
  font-size:clamp(34px,2.25vw,70px);
}
.project-wall-attribution-panel .purchase-attribution-visual.traffic-first .purchase-attribution-pie-center span {
  font-size:clamp(9px,.5vw,16px);
}
.project-wall-attribution-panel .purchase-attribution-traffic-card {
  min-height:0;
  padding:clamp(10px,.7vw,22px);
  display:grid;
  grid-template-rows:auto auto auto auto;
  align-content:center;
  gap:clamp(5px,.38vw,12px);
}
.project-wall-attribution-panel .purchase-attribution-traffic-card > header strong {
  font-size:clamp(12px,.7vw,22px);
  letter-spacing:.035em;
}
.project-wall-attribution-panel .purchase-attribution-traffic-card > header b { font-size:clamp(9px,.5vw,16px); }
.project-wall-attribution-panel .purchase-attribution-traffic-card > .purchase-attribution-traffic-primary {
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:baseline;
  gap:clamp(5px,.35vw,11px);
  border:0;
}
.project-wall-attribution-panel .purchase-attribution-traffic-primary > strong {
  color:#75e3eb;
  font:900 clamp(27px,1.8vw,56px)/.9 var(--display);
  font-variant-numeric:tabular-nums;
}
.project-wall-attribution-panel .purchase-attribution-traffic-primary > span {
  color:#d5dfd7;
  font-size:clamp(9px,.5vw,16px);
  font-weight:900;
  letter-spacing:.07em;
}
.project-wall-attribution-panel .purchase-attribution-traffic-primary > b {
  justify-self:end;
  color:var(--attribution-tone);
  font:900 clamp(13px,.78vw,25px)/1 var(--display);
  white-space:nowrap;
}
.project-wall-attribution-panel .purchase-attribution-traffic-primary > b small {
  color:#8d9d92;
  font:800 clamp(7px,.4vw,13px)/1 var(--font);
}
.project-wall-attribution-panel .purchase-attribution-traffic-card > .purchase-attribution-sales-context {
  margin:0;
  padding-top:clamp(5px,.35vw,11px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-top:1px solid color-mix(in srgb,var(--attribution-tone) 18%,var(--line));
}
.project-wall-attribution-panel .purchase-attribution-sales-context > span {
  color:#94a49a;
  font-size:clamp(8px,.46vw,15px);
  line-height:1.2;
}
.project-wall-attribution-panel .purchase-attribution-sales-context > span strong {
  color:#eef6ef;
  font-size:clamp(10px,.58vw,19px);
}
.project-wall-attribution-panel .purchase-attribution-traffic-card > .purchase-attribution-traffic-split {
  margin:0;
  padding:0;
}
.project-wall-attribution-panel .purchase-attribution-traffic-card .purchase-attribution-traffic-chip {
  padding:clamp(3px,.2vw,6px) clamp(5px,.32vw,10px);
  font-size:clamp(7px,.38vw,12px)!important;
}
html[data-color-mode="light"] .project-wall-attribution-panel .purchase-attribution-visual.traffic-first .purchase-attribution-pie-center strong { color:#245f2a; }
html[data-color-mode="light"] .project-wall-attribution-panel .purchase-attribution-traffic-primary > strong { color:#1f747d; }
html[data-color-mode="light"] .project-wall-attribution-panel .purchase-attribution-traffic-primary > span,
html[data-color-mode="light"] .project-wall-attribution-panel .purchase-attribution-sales-context > span strong { color:#172019; }
html[data-color-mode="light"] .project-wall-attribution-panel .purchase-attribution-sales-context > span { color:#526257; }

@media (min-width:1251px) and (max-height:850px) {
  .project-wall-attribution-panel .purchase-attribution-traffic-card { padding:6px 8px;gap:3px; }
  .project-wall-attribution-panel .purchase-attribution-traffic-card > .purchase-attribution-sales-context { padding-top:3px; }
  .project-wall-product-ranking > ol .project-wall-product-value { font-size:10px; }
}
@media (max-width:900px) {
  .project-wall-product-ranking > ol :is(button,li > div) { grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto; }
  .project-wall-product-ranking > ol .project-wall-product-value { font-size:10px; }
  .project-wall-attribution-panel .purchase-attribution-visual.traffic-first { grid-template-columns:1fr; }
  .project-wall-attribution-panel .purchase-attribution-visual.traffic-first .purchase-attribution-pie-wrap { width:min(100%,240px); }
}

/* v2.3.41: 30-minute Command Center updates with a touch-ready manual refresh. */
.project-wall-control-actions { flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:clamp(8px,.6vw,18px); }
.project-wall-refresh-button { min-height:clamp(38px,2.3vw,58px);padding:6px clamp(10px,.72vw,22px);display:inline-flex;align-items:center;justify-content:center;gap:clamp(5px,.35vw,10px);color:#dfffae;border:1px solid rgba(174,241,69,.42);border-radius:9px;background:linear-gradient(135deg,rgba(174,241,69,.11),rgba(67,202,211,.055));box-shadow:inset 0 1px rgba(255,255,255,.04);font:900 clamp(8px,.48vw,16px)/1 var(--font);letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease; }
.project-wall-refresh-button .material-symbols-rounded { font-size:clamp(16px,1vw,30px); }
.project-wall-refresh-button:is(:hover,:focus-visible) { color:#071006;border-color:#aef145;background:#aef145;box-shadow:0 0 22px rgba(174,241,69,.26);outline:0;transform:translateY(-1px); }
.project-wall-refresh-button:disabled { color:#ffd088;border-color:rgba(244,166,64,.45);background:rgba(244,166,64,.08);box-shadow:none;cursor:progress;transform:none; }
.project-wall-refresh-button[aria-busy="true"] .material-symbols-rounded { animation:project-wall-refresh-orbit .9s linear infinite; }
html[data-color-mode="light"] .project-wall-refresh-button { color:#285f2b;border-color:rgba(45,107,47,.34);background:rgba(255,255,255,.72); }
html[data-color-mode="light"] .project-wall-refresh-button:is(:hover,:focus-visible) { color:#fff;border-color:#2d6b2f;background:#2d6b2f; }
html[data-color-mode="light"] .project-wall-refresh-button:disabled { color:#8b5d18;border-color:rgba(139,93,24,.35);background:rgba(255,237,205,.76); }
@media (max-width:900px) { .project-wall-control-actions { width:100%;justify-content:space-between; }.project-wall-refresh-button { min-height:46px; }.project-wall-control-actions #projectWallStatsUpdated { overflow:hidden;text-overflow:ellipsis; } }
@media (pointer:coarse) { .project-wall-refresh-button { min-height:52px;padding-inline:18px; } }
@media (prefers-reduced-motion:reduce) { .project-wall-refresh-button,.project-wall-refresh-button .material-symbols-rounded { animation:none!important;transition:none!important; } }

/* v2.3.42: show the last successful stats refresh instead of hero rotation metadata. */

/* v2.3.43: preserve Command ranking product imagery in the shared product preview. */
#projectWallStatsUpdated { color:#75e3eb;font-size:clamp(8px,.46vw,16px); }
html[data-color-mode="light"] #projectWallStatsUpdated { color:#1f747d; }

/* v2.3.72: Command Center-local theme control and a fully light ticker rail. */
.project-wall-theme-toggle {
  min-width:clamp(70px,4.7vw,142px);
  min-height:clamp(36px,2.15vw,68px);
  padding:0 clamp(10px,.68vw,22px);
  justify-content:center;
  color:#dfffad;
  border-color:rgba(174,241,69,.34);
  background:rgba(8,18,12,.82);
  font-size:clamp(8px,.46vw,15px);
  font-weight:900;
  letter-spacing:.06em;
  cursor:pointer;
  touch-action:manipulation;
}
.project-wall-theme-toggle span { font-size:clamp(17px,1.05vw,32px); }
.project-wall-theme-toggle:is(:hover,:focus-visible) {
  color:#071006;
  border-color:#aef145;
  background:#aef145;
  box-shadow:0 0 22px rgba(174,241,69,.22);
  outline:0;
}
html[data-color-mode="light"] .project-wall-dialog {
  color:#172019;
  background:#eef3ee!important;
  color-scheme:light;
}
html[data-color-mode="light"] .project-wall-dialog::backdrop { background:#eef3ee; }
html[data-color-mode="light"] .project-wall-theme-toggle {
  color:#245d28;
  border-color:rgba(45,107,47,.32);
  background:#fff;
  box-shadow:0 8px 20px rgba(35,57,38,.08);
}
html[data-color-mode="light"] .project-wall-theme-toggle:is(:hover,:focus-visible) {
  color:#fff;
  border-color:#2d6b2f;
  background:#2d6b2f;
}
html[data-color-mode="light"] .project-wall-grid {
  color:#172019;
  border-color:rgba(45,107,47,.22);
  background:#fff!important;
  box-shadow:0 10px 28px rgba(35,57,38,.09),inset 0 1px #fff;
}
html[data-color-mode="light"] .project-wall-ticker-label {
  color:#245d28;
  background:#fff;
  box-shadow:14px 0 22px rgba(35,57,38,.08);
}
html[data-color-mode="light"] .project-wall-ticker-window,
html[data-color-mode="light"] .project-wall-ticker-track,
html[data-color-mode="light"] .project-wall-ticker-set { background:#fff; }
html[data-color-mode="light"] .project-wall-ticker-item {
  color:#172019;
  border-right-color:rgba(39,116,126,.16);
}
html[data-color-mode="light"] .project-wall-ticker-item:hover { background:rgba(45,107,47,.055); }
html[data-color-mode="light"] .project-wall-ticker-item > small { color:#607066; }
@media (max-width:700px) {
  .project-wall-hud-status { flex-wrap:wrap; }
  .project-wall-theme-toggle { min-width:44px;min-height:44px;padding:0; }
  .project-wall-theme-toggle b { display:none; }
}

/* v2.3.49: production inventory and shipping operations workspaces. */
.inventory-workspace,.shipping-workspace { --ops-cyan:#75e3eb;--ops-green:#aef145;--ops-orange:#f4a640;--ops-violet:#b48cff;display:grid;gap:18px; }
.inventory-hero,.shipping-hero { position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:150px;padding:28px 30px;border-color:color-mix(in srgb,var(--ops-green) 34%,var(--line));background:radial-gradient(circle at 86% 10%,rgba(117,227,235,.16),transparent 35%),linear-gradient(125deg,rgba(174,241,69,.08),rgba(9,16,13,.94) 58%); }
.shipping-hero { background:radial-gradient(circle at 82% 15%,rgba(180,140,255,.16),transparent 38%),linear-gradient(125deg,rgba(117,227,235,.08),rgba(9,13,16,.95) 58%); }
.inventory-hero::after,.shipping-hero::after { content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(117,227,235,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(117,227,235,.12) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 22%,#000); }
.inventory-hero > *,.shipping-hero > * { position:relative;z-index:1; }
.inventory-hero h2,.shipping-hero h2 { margin:0 0 6px;font:900 clamp(30px,3vw,52px)/.95 var(--display);letter-spacing:-.025em;text-transform:uppercase; }
.inventory-hero p,.shipping-hero p { max-width:760px;margin:0;color:var(--muted);line-height:1.55; }
.inventory-hero-actions,.shipping-hero > div:last-child { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px; }
.inventory-hero-actions > span { flex-basis:100%;color:var(--muted);font-size:9px;font-weight:800;text-align:right; }
.inventory-stat-grid,.shipping-stat-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px; }
.shipping-stat-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.inventory-stat-grid article,.shipping-stat-grid article { position:relative;min-width:0;min-height:112px;padding:17px 17px 14px;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;gap:4px 10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--inventory-tone,var(--ops-cyan)) 28%,var(--line));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--inventory-tone,var(--ops-cyan)) 8%,var(--panel)),var(--panel));box-shadow:inset 0 1px rgba(255,255,255,.03); }
.inventory-stat-grid article::after,.shipping-stat-grid article::after { content:"";position:absolute;right:-24px;bottom:-38px;width:100px;height:100px;border:1px solid color-mix(in srgb,var(--inventory-tone,var(--ops-cyan)) 22%,transparent);border-radius:50%; }
.inventory-stat-grid article i,.shipping-stat-grid article i { grid-column:2;grid-row:1;color:var(--inventory-tone,var(--ops-cyan));font-size:24px; }
.inventory-stat-grid article strong,.shipping-stat-grid article strong { align-self:end;font:900 clamp(28px,2.4vw,42px)/1 var(--display);letter-spacing:-.02em; }
.inventory-stat-grid article span,.shipping-stat-grid article span { grid-column:1/-1;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.095em;text-transform:uppercase; }
.inventory-access-strip,.shipping-team-strip { display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 18px;border-color:rgba(174,241,69,.24);background:linear-gradient(90deg,rgba(174,241,69,.07),transparent); }
.inventory-access-strip > div:first-child,.shipping-team-strip > div:first-child { display:flex;align-items:center;gap:12px; }
.inventory-access-strip > div:first-child > i,.shipping-team-strip > div:first-child > i { width:40px;height:40px;display:grid;place-items:center;color:#071006;border-radius:10px;background:var(--ops-green); }
.inventory-access-strip span,.shipping-team-strip span { display:grid;gap:2px; }
.inventory-access-strip strong,.shipping-team-strip strong { font-size:13px; }
.inventory-access-strip small,.shipping-team-strip small { color:var(--muted);font-size:11px; }
.inventory-team { display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px; }
.inventory-team > span { padding:7px 10px;color:#dfffae;border:1px solid rgba(174,241,69,.27);border-radius:999px;background:rgba(174,241,69,.07);font-size:10px;font-weight:800; }
.inventory-command-grid { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.7fr);gap:18px;align-items:start; }
.inventory-catalog-panel,.inventory-movement-panel,.shipping-queue-panel { padding:20px; }
.inventory-toolbar { display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(145px,190px));gap:9px;margin:16px 0; }
.inventory-search { display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel2) 78%,transparent); }
.inventory-search i { color:var(--ops-cyan);font-size:19px; }
.inventory-search input { width:100%;min-height:42px;padding:0;border:0;outline:0;color:var(--text);background:transparent; }
.inventory-toolbar select,.inventory-form :is(input,select,textarea),.inventory-roll-list input,.shipping-order-card select { width:100%;min-height:42px;padding:9px 10px;color:var(--text);border:1px solid var(--line);border-radius:7px;background:var(--panel2); }
.inventory-sort-controls { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--panel2); }
.inventory-sort-controls button { min-width:0;min-height:32px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 4px;padding:5px 7px;color:var(--muted);border:1px solid transparent;border-radius:6px;background:transparent;text-align:left;cursor:pointer; }
.inventory-sort-controls button span { font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase; }
.inventory-sort-controls button small { grid-column:1;color:inherit;font-size:7px;font-weight:750; }
.inventory-sort-controls button i { grid-column:2;grid-row:1/3;font-size:15px; }
.inventory-sort-controls button:hover,.inventory-sort-controls button.active { color:var(--text);border-color:rgba(174,241,69,.34);background:rgba(174,241,69,.09); }
.inventory-sort-controls button.active i { color:var(--ops-green); }
.inventory-item-list { display:grid;gap:9px;max-height:760px;overflow:auto;padding-right:4px; }
.inventory-item-row { position:relative;display:grid;grid-template-columns:54px minmax(180px,1.3fr) minmax(115px,.55fr) max-content minmax(210px,.8fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(115deg,rgba(117,227,235,.035),transparent 42%),var(--panel2); }
.inventory-item-row.low-stock { border-color:rgba(239,106,91,.36);background:linear-gradient(115deg,rgba(239,106,91,.08),transparent 44%),var(--panel2); }
.inventory-item-open { cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.inventory-item-open:hover,.inventory-item-open:focus-visible { border-color:rgba(174,241,69,.52);box-shadow:0 10px 28px rgba(0,0,0,.18),inset 3px 0 rgba(174,241,69,.55);outline:none;transform:translateY(-1px); }
.inventory-view-button { min-width:88px;min-height:34px!important;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 9px!important;color:var(--ops-green);border-color:rgba(174,241,69,.3);white-space:nowrap; }
.inventory-view-button:hover,.inventory-view-button:focus-visible { border-color:var(--ops-green);background:rgba(174,241,69,.09);outline:none; }
.inventory-view-button i { font-size:16px; }.inventory-view-button span { font-size:8px;font-weight:900;text-transform:uppercase; }
.inventory-item-visual { width:54px;height:54px;display:grid;place-items:center;overflow:hidden;color:var(--ops-cyan);border:1px solid rgba(117,227,235,.22);border-radius:9px;background:rgba(117,227,235,.06); }
.inventory-item-visual img { width:100%;height:100%;object-fit:cover; }
.inventory-item-copy { min-width:0;display:grid;gap:8px; }
.inventory-item-copy > div { display:grid;gap:3px; }
.inventory-kind { color:var(--ops-green);font-size:8px;font-weight:900;letter-spacing:.14em; }
.inventory-item-copy strong { overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap; }
.inventory-item-copy small,.inventory-location-stack span { color:var(--muted);font-size:9px; }
.inventory-location-stack { min-width:0;display:grid;gap:4px; }
.inventory-location-stack strong { overflow:hidden;text-overflow:ellipsis;color:var(--ops-cyan);font:900 16px/1 var(--display); }
.inventory-legacy-count { color:var(--ops-orange)!important;font-size:8px!important;line-height:1.25; }
.inventory-quantity-grid { margin:0;display:grid;grid-template-columns:repeat(3,minmax(55px,1fr));gap:5px; }
.inventory-quantity-grid div { padding:7px;border:1px solid var(--line);border-radius:7px;background:rgba(0,0,0,.14); }
.inventory-quantity-grid dt { color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.inventory-quantity-grid dd { margin:3px 0 0;font:900 17px/1 var(--display); }
.inventory-stock-state { min-width:62px;padding:6px 8px;text-align:center;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em; }
.inventory-stock-state.ready { color:#9ee8bc;background:rgba(67,184,116,.13); }
.inventory-stock-state.risk { color:#ff9388;background:rgba(239,106,91,.14); }
.inventory-roll-detail { grid-column:1/-1; }
.inventory-roll-detail summary { color:var(--ops-violet);font-size:9px;font-weight:800;cursor:pointer; }
.inventory-roll-list { display:grid;gap:6px;margin-top:7px; }
.inventory-roll-list article { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border:1px solid var(--line);border-radius:7px; }
.inventory-roll-list article > div { display:grid;gap:2px; }
.inventory-roll-list article form { display:grid;grid-template-columns:75px 115px auto;gap:5px; }
.inventory-roll-list input { min-height:32px;padding:5px 7px;font-size:9px; }
.inventory-roll-list .button { min-height:32px; }
.inventory-product-family { box-shadow:inset 3px 0 rgba(117,227,235,.42); }
.inventory-variant-detail { grid-column:1/-1;margin-top:2px;border-top:1px solid var(--line); }
.inventory-variant-detail > summary { display:flex;align-items:center;justify-content:space-between;padding:11px 2px 0;color:var(--ops-cyan);cursor:pointer;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;list-style:none; }
.inventory-variant-detail > summary::-webkit-details-marker { display:none; }
.inventory-variant-detail > summary i { font-size:18px;transition:transform .2s ease; }
.inventory-variant-detail[open] > summary i { transform:rotate(180deg); }
.inventory-variant-list { display:grid;gap:6px;margin-top:10px; }
.inventory-variant-row { display:grid;grid-template-columns:22px minmax(170px,1fr) minmax(105px,.45fr) minmax(210px,.75fr);align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.12); }
.inventory-color-swatch { width:18px;height:18px;border:2px solid rgba(255,255,255,.38);border-radius:5px;background:var(--variant-color);box-shadow:0 0 0 1px rgba(0,0,0,.28),inset 0 0 0 1px rgba(0,0,0,.18); }
.inventory-variant-row > div,.inventory-variant-row > span { min-width:0;display:grid;gap:2px; }
.inventory-variant-row strong,.inventory-variant-row b { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px; }
.inventory-variant-row small { overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:8px;white-space:nowrap; }
.inventory-variant-row > span b { color:var(--ops-cyan); }
.inventory-variant-row dl { margin:0;display:grid;grid-template-columns:repeat(3,minmax(55px,1fr));gap:4px; }
.inventory-variant-row dl div { padding:5px 6px;border-radius:5px;background:rgba(117,227,235,.045); }
.inventory-variant-row dt { color:var(--muted);font-size:6px;font-weight:900;text-transform:uppercase; }
.inventory-variant-row dd { margin:2px 0 0;font:900 13px/1 var(--display); }
.inventory-actions-stack { display:grid;gap:10px; }

.inventory-forecast-panel { padding:18px 20px;background:linear-gradient(120deg,rgba(174,241,69,.07),transparent 36%),linear-gradient(300deg,rgba(117,227,235,.055),transparent 42%),var(--panel); }
.inventory-forecast-panel > header { display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px; }
.inventory-forecast-panel h2 { margin:3px 0;font:800 clamp(21px,2.1vw,31px)/1 var(--display); }
.inventory-forecast-panel header p:last-child { margin:4px 0 0;color:var(--muted);font-size:10px; }
.inventory-forecast-panel header label { min-width:170px;display:grid;gap:5px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.inventory-forecast-panel select { min-height:39px;padding:8px 10px;color:var(--text);border:1px solid var(--line);border-radius:7px;background:var(--panel2); }
.inventory-forecast-list { min-height:98px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px; }
.inventory-forecast-card { min-width:0;display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:auto auto;gap:9px;padding:10px;color:var(--text);text-align:left;border:1px solid rgba(174,241,69,.18);border-radius:9px;background:rgba(3,12,9,.58);cursor:pointer;transition:border-color .18s ease,transform .18s ease; }
.inventory-forecast-card:hover,.inventory-forecast-card:focus-visible { border-color:var(--ops-green);outline:none;transform:translateY(-2px); }
.inventory-forecast-card.order_now { border-color:rgba(239,106,91,.4); }
.inventory-forecast-card.plan_order { border-color:rgba(244,166,64,.34); }
.inventory-forecast-image { grid-row:1/3;width:50px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#f3f5ef; }
.inventory-forecast-image img { width:100%;height:100%;object-fit:contain; }
.inventory-forecast-copy { min-width:0;display:grid;gap:2px; }
.inventory-forecast-copy small { color:var(--ops-green);font-size:7px;font-weight:950;letter-spacing:.09em; }
.inventory-forecast-card.order_now .inventory-forecast-copy small { color:#ff8276; }
.inventory-forecast-card.plan_order .inventory-forecast-copy small { color:var(--ops-orange); }
.inventory-forecast-copy strong { overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap; }
.inventory-forecast-copy span { color:var(--muted);font-size:8px; }
.inventory-forecast-order { grid-column:2;display:grid;grid-template-columns:1fr auto;align-items:end;gap:1px 7px;padding-top:6px;border-top:1px solid var(--line); }
.inventory-forecast-order small { grid-column:1/-1;color:var(--muted);font-size:7px; }
.inventory-forecast-order strong { font:900 22px/1 var(--display); }
.inventory-forecast-order span { color:var(--muted);font-size:7px;text-transform:uppercase; }
.inventory-forecast-loading,.inventory-forecast-empty { grid-column:1/-1;min-height:94px;display:grid;place-items:center;align-content:center;gap:6px;color:var(--muted);text-align:center; }
.inventory-forecast-empty i { color:var(--ops-green);font-size:28px; }
.inventory-forecast-empty p { margin:0;font-size:9px; }

.inventory-item-dialog { width:min(1260px,calc(100vw - 34px));height:min(900px,calc(100dvh - 34px));padding:0;overflow:hidden;color:var(--text);border:1px solid rgba(174,241,69,.38);border-radius:16px;background:var(--bg);box-shadow:0 35px 100px rgba(0,0,0,.66); }
.inventory-item-dialog::backdrop { background:rgba(0,0,0,.82);backdrop-filter:blur(7px); }
.inventory-item-dialog-shell { height:100%;display:grid;grid-template-rows:auto minmax(0,1fr); }
.inventory-item-dialog-shell > header { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(174,241,69,.08),transparent 35%),var(--panel); }
.inventory-item-dialog-shell h2 { margin:3px 0 0;font:800 clamp(21px,2.3vw,34px)/1 var(--display); }
.inventory-item-dialog-content { min-height:0;overflow:auto;padding:18px; }
.inventory-detail-hero { display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(115deg,rgba(117,227,235,.055),transparent 46%),var(--panel); }
.inventory-detail-image { width:190px;height:160px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#f5f6f2; }
.inventory-detail-image img { width:100%;height:100%;object-fit:contain; }
.inventory-detail-image > i { color:var(--ops-cyan);font-size:70px; }
.inventory-detail-hero h2 { margin:5px 0;font:900 clamp(28px,3.2vw,48px)/.98 var(--display); }
.inventory-detail-hero p { margin:0;color:var(--muted); }
.inventory-detail-hero dl { margin:16px 0 0;display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:7px; }
.inventory-detail-hero dl div { padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.12); }
.inventory-detail-hero dt { color:var(--muted);font-size:7px;font-weight:900;text-transform:uppercase; }
.inventory-detail-hero dd { margin:3px 0 0;font:900 22px/1 var(--display); }
.inventory-product-performance { margin-top:14px; }
.inventory-detail-variants { margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel); }
.inventory-detail-variants > h3 { margin:0 0 10px;font:800 18px var(--display);text-transform:uppercase; }
.inventory-detail-editor-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;align-items:start; }
.inventory-detail-form,.inventory-detail-rolls { display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel); }
.inventory-detail-form > header,.inventory-detail-rolls > header { display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--line); }
.inventory-detail-form h3,.inventory-detail-rolls h3 { margin:2px 0;font:800 18px/1.05 var(--display);text-transform:uppercase; }
.inventory-detail-form header > span { padding:5px 7px;color:var(--ops-cyan);border:1px solid rgba(117,227,235,.23);border-radius:999px;font-size:7px;font-weight:900;text-transform:uppercase; }
.inventory-detail-form label { display:grid;gap:5px;color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase; }
.inventory-detail-form :is(input,select,textarea) { width:100%;min-height:39px;padding:8px 9px;color:var(--text);border:1px solid var(--line);border-radius:7px;background:var(--panel2); }
.inventory-detail-form :is(input,select,textarea):disabled { opacity:.6;cursor:not-allowed; }
.inventory-detail-form input[readonly] { color:var(--muted);border-style:dashed;cursor:not-allowed; }
.inventory-detail-form label > small { color:var(--muted);font-size:8px;font-weight:650;letter-spacing:0;line-height:1.35;text-transform:none; }
.inventory-detail-form-pair { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.inventory-source-note { display:flex;align-items:flex-start;gap:7px;margin:0;padding:9px;color:var(--muted);border:1px solid rgba(117,227,235,.18);border-radius:7px;background:rgba(117,227,235,.045);font-size:9px;line-height:1.45; }
.inventory-source-note i { color:var(--ops-cyan);font-size:17px; }
html[data-color-mode="light"] .inventory-forecast-card { color:var(--text);background:#fff; }
html[data-color-mode="light"] .inventory-item-dialog { background:var(--bg); }
.inventory-action-card { padding:0;overflow:hidden; }
.inventory-action-card > summary { padding:15px;cursor:pointer;list-style:none; }
.inventory-action-card > summary::-webkit-details-marker { display:none; }
.inventory-action-card > summary > span { display:grid;grid-template-columns:30px 1fr;gap:2px 8px;align-items:center; }
.inventory-action-card > summary i { grid-row:1/3;color:var(--ops-green); }
.inventory-action-card > summary strong { font-size:12px; }
.inventory-action-card > summary small { color:var(--muted);font-size:9px; }
.inventory-action-card[open] > summary { border-bottom:1px solid var(--line);background:rgba(174,241,69,.035); }
.inventory-form,.inventory-import-grid { padding:15px;display:grid;gap:10px; }
.inventory-form label { display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase; }
.inventory-form-pair { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.inventory-import-grid small { color:var(--muted);line-height:1.45; }
.inventory-empty { min-height:180px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;color:var(--muted); }
.inventory-empty i { color:var(--ops-cyan);font-size:42px; }
.inventory-movement-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px; }
.inventory-movement-list article { min-width:0;display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--panel2); }
.inventory-movement-list article > i { color:var(--ops-cyan); }
.inventory-movement-list article > div { min-width:0;display:grid;gap:2px; }
.inventory-movement-list :is(strong,span,small) { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.inventory-movement-list span { color:var(--ops-green);font-size:10px;text-transform:capitalize; }
.inventory-movement-list small { color:var(--muted);font-size:8px; }
.shipping-integration-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.shipping-integration-card { position:relative;display:grid;gap:11px;padding:17px;overflow:hidden; }
.shipping-integration-card > div { display:flex;align-items:center;gap:10px; }
.shipping-integration-card > div > i { width:38px;height:38px;display:grid;place-items:center;color:var(--ops-cyan);border:1px solid rgba(117,227,235,.25);border-radius:9px;background:rgba(117,227,235,.06); }
.shipping-integration-card > div span { display:grid;gap:2px; }
.shipping-integration-card small { color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.shipping-integration-card p { margin:0;color:var(--muted);font-size:10px; }
.shipping-integration-card > b { width:max-content;padding:5px 7px;border-radius:4px;font-size:7px;letter-spacing:.11em; }
.shipping-integration-card > b.connected { color:#8ff2bd;background:rgba(67,184,116,.13); }
.shipping-integration-card > b.pending { color:#ffd088;background:rgba(244,166,64,.12); }
.shipping-bulk-bar { margin-top:15px;padding:11px;display:grid;grid-template-columns:auto auto minmax(90px,1fr) auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(110deg,rgba(117,227,235,.055),rgba(174,241,69,.025)); }
.shipping-bulk-bar > strong { color:var(--ops-cyan);font:900 11px/1 var(--display);letter-spacing:.04em; }
.shipping-bulk-bar > small { grid-column:1/-1;color:var(--muted);font-size:8px;line-height:1.45; }
.shipping-bulk-bar .button { min-height:38px; }
.shipstation-batch-result { margin-top:10px;padding:13px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(174,241,69,.48);border-radius:10px;background:rgba(174,241,69,.065);box-shadow:inset 3px 0 var(--ops-green); }
.shipstation-batch-result[hidden] { display:none; }
.shipstation-batch-result > i { width:38px;height:38px;display:grid;place-items:center;color:var(--ops-green);border:1px solid rgba(174,241,69,.35);border-radius:8px;background:rgba(174,241,69,.08); }
.shipstation-batch-result > div { min-width:0;display:grid;gap:3px; }
.shipstation-batch-result strong { font-size:12px; }
.shipstation-batch-result p { margin:0;color:var(--ops-cyan);font-size:9px;font-weight:800; }
.shipstation-batch-result small { color:var(--muted);font-size:8px;line-height:1.45; }
.shipping-board { display:block;margin-top:15px; }
.shipping-queue-tabs { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;padding:6px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.14); }
.shipping-queue-tabs button { min-width:0;min-height:58px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);border:1px solid transparent;border-radius:9px;background:transparent;font:900 10px/1.15 var(--body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer; }
.shipping-queue-tabs button b { min-width:26px;padding:5px 6px;color:var(--text);border-radius:999px;background:var(--panel2);font-size:9px; }
.shipping-queue-tabs button.active { color:#071006;border-color:var(--ops-green);background:var(--ops-green);box-shadow:0 0 24px rgba(174,241,69,.16); }
.shipping-queue-tabs button.active b { color:#071006;background:rgba(7,16,6,.14); }
.shipping-lane { min-width:0;min-height:clamp(360px,54vh,720px);padding:15px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(117,227,235,.025),rgba(0,0,0,.12)); }
.shipping-lane > header { display:flex;align-items:center;justify-content:space-between;padding:3px 4px 14px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.shipping-lane > header b { min-width:22px;padding:4px;text-align:center;color:var(--text);border-radius:99px;background:var(--panel2); }
.shipping-lane > div { display:grid;gap:12px; }
.shipping-order-card { position:relative;display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease; }
.shipping-order-card.rush { border-color:rgba(239,106,91,.48);box-shadow:inset 3px 0 #ef6a5b; }
.shipping-order-card.selected { border-color:rgba(174,241,69,.7);background:linear-gradient(110deg,rgba(174,241,69,.075),var(--panel2) 40%);box-shadow:inset 4px 0 var(--ops-green),0 0 24px rgba(174,241,69,.08); }
.shipping-order-check { display:none!important;position:absolute;z-index:2;top:12px;left:12px;width:36px;height:36px;place-items:center!important;color:var(--muted)!important;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer; }
.shipping-board.selection-mode .shipping-order-check { display:grid!important; }
.shipping-board.selection-mode .shipping-order-card { padding-left:62px; }
.shipping-order-check input { position:absolute;opacity:0;pointer-events:none; }
.shipping-order-check span { color:inherit;font-size:23px; }
.shipping-order-check:has(input:checked) { color:var(--ops-green)!important;border-color:rgba(174,241,69,.65);background:rgba(174,241,69,.08); }
.shipping-order-check em { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap; }
.shipping-order-card > header { display:flex;align-items:center;gap:6px; }
.shipping-order-card > header span { color:var(--ops-cyan);font-size:7px;font-weight:900;text-transform:uppercase; }
.shipping-order-card > header strong { margin-left:auto;font-size:10px; }
.shipping-order-card > header b { padding:3px 5px;color:#ff9388;border-radius:3px;background:rgba(239,106,91,.12);font-size:7px; }
.shipping-order-card h3 { margin:0;font-size:16px; }
.shipping-order-card > small { color:var(--muted);font-size:9px; }
.shipping-client-label { padding:10px 12px;display:flex;align-items:center;gap:9px;color:var(--text);border:1px solid rgba(174,241,69,.34);border-radius:8px;background:rgba(174,241,69,.06);text-decoration:none; }.shipping-client-label > i { color:var(--ops-green);font-size:23px; }.shipping-client-label > span { display:grid;gap:2px; }.shipping-client-label strong { color:var(--text);font-size:9px;text-transform:uppercase; }.shipping-client-label small { color:var(--muted);font-size:8px; }.shipping-client-label:hover,.shipping-client-label:focus-visible { border-color:var(--ops-green);outline:0;background:rgba(174,241,69,.1); }
.shipping-order-card ul { margin:0;padding:0;display:grid;gap:7px;list-style:none; }
.shipping-order-card li { min-width:0;padding:0;border-radius:7px;background:transparent;font-size:10px; }
.shipping-pick-item { width:100%;min-height:66px;padding:10px 12px;display:grid;grid-template-columns:56px minmax(0,1fr) minmax(120px,190px) 28px;align-items:center;gap:12px;color:var(--text);text-align:left;border:1px solid var(--line);border-radius:7px;background:rgba(0,0,0,.13); }
button.shipping-pick-item { cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease; }
button.shipping-pick-item:hover,button.shipping-pick-item:focus-visible { border-color:rgba(117,227,235,.58);background:rgba(117,227,235,.06);outline:none;transform:translateY(-1px); }
.shipping-pick-item.picked { border-color:rgba(174,241,69,.68);background:rgba(174,241,69,.09);box-shadow:inset 4px 0 var(--ops-green),0 0 22px rgba(174,241,69,.08); }
.shipping-pick-item > b { font:900 17px/1 var(--display); }
.shipping-pick-item > span { min-width:0;display:grid;gap:4px; }
.shipping-pick-item > span strong { overflow-wrap:anywhere;font-size:11px; }
.shipping-pick-item small { color:var(--muted);font-size:8px; }
.shipping-pick-item > em { justify-self:end;color:var(--ops-cyan);font:900 15px/1 var(--display);letter-spacing:.035em;text-align:right;text-transform:uppercase; }
.shipping-pick-item > i { justify-self:end;color:var(--muted);font-size:23px; }
.shipping-pick-item.picked > i { color:var(--ops-green); }
.shipping-single-bin,.shipping-bin-route { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px;border:1px solid rgba(117,227,235,.3);border-radius:8px;background:rgba(117,227,235,.055); }
.shipping-single-bin span,.shipping-bin-route span { color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.12em; }
.shipping-single-bin strong { color:var(--ops-green);font:900 clamp(26px,3.1vw,44px)/1 var(--display);letter-spacing:.03em;text-transform:uppercase; }
.shipping-bin-route strong { color:var(--ops-cyan);font:900 clamp(17px,2vw,26px)/1.1 var(--display);letter-spacing:.035em;text-align:right;text-transform:uppercase; }
.shipping-pick-progress { margin-left:auto;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase; }
.shipping-no-items { padding:15px!important;color:var(--muted);border:1px dashed var(--line);text-align:center; }
.shipping-order-card label { display:grid;gap:4px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase; }
.shipping-order-card select { min-height:34px;padding:5px 7px;font-size:9px; }
.shipping-order-card footer { display:flex;align-items:center;justify-content:space-between;gap:5px; }
.shipping-order-card footer .button { min-height:32px;padding:0 8px;font-size:8px; }
.shipping-lane-empty { min-height:90px;display:grid;place-items:center;color:var(--muted);font-size:9px; }

html[data-color-mode="light"] :is(.inventory-hero,.shipping-hero) { background:radial-gradient(circle at 86% 10%,rgba(31,116,125,.13),transparent 38%),linear-gradient(125deg,rgba(45,107,47,.08),rgba(255,255,255,.97) 60%); }
html[data-color-mode="light"] :is(.inventory-stat-grid,.shipping-stat-grid) article,
html[data-color-mode="light"] :is(.inventory-item-row,.inventory-movement-list article,.shipping-order-card) { background:#fff; }
html[data-color-mode="light"] :is(.inventory-search,.shipping-lane) { background:rgba(31,116,125,.035); }
html[data-color-mode="light"] .inventory-team > span { color:#285f2b; }
html[data-color-mode="light"] .inventory-location-stack strong { color:#1f747d; }
html[data-color-mode="light"] .inventory-variant-row { background:#f6faf8; }
html[data-color-mode="light"] .shipping-bulk-bar { background:linear-gradient(110deg,rgba(31,116,125,.07),rgba(45,107,47,.04)); }
html[data-color-mode="light"] .shipstation-batch-result { background:#f1faef; }

@media (max-width:1250px) {
  .inventory-stat-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .inventory-forecast-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .inventory-forecast-card:nth-child(n+4) { display:none; }
  .shipping-stat-grid { grid-template-columns:repeat(4,minmax(120px,1fr));overflow-x:auto; }
  .inventory-command-grid { grid-template-columns:1fr; }
  .inventory-actions-stack { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .inventory-action-card:last-child { grid-column:1/-1; }
}
@media (max-width:800px) {
  .inventory-workspace,.shipping-workspace { gap:12px; }
  .inventory-hero,.shipping-hero { align-items:flex-start;flex-direction:column;padding:20px; }
  .inventory-hero-actions,.shipping-hero > div:last-child { width:100%;justify-content:flex-start; }
  .inventory-hero-actions > span { text-align:left; }
  .inventory-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .inventory-access-strip,.shipping-team-strip { align-items:flex-start;flex-direction:column; }
  .inventory-team { justify-content:flex-start; }
  .inventory-toolbar { grid-template-columns:1fr; }
  .inventory-forecast-panel > header { align-items:stretch;flex-direction:column; }
  .inventory-forecast-list { grid-template-columns:1fr; }
  .inventory-forecast-card:nth-child(n) { display:grid; }
  .inventory-item-dialog { width:calc(100vw - 14px);height:calc(100dvh - 14px); }
  .inventory-detail-hero { grid-template-columns:1fr; }
  .inventory-detail-image { width:100%;height:210px; }
  .inventory-detail-hero dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .inventory-detail-editor-grid { grid-template-columns:1fr; }
  .inventory-item-row { grid-template-columns:46px minmax(0,1fr) auto;gap:10px; }
  .inventory-item-visual { width:46px;height:46px; }
  .inventory-location-stack { grid-column:2; }
  .inventory-view-button { grid-column:2;width:max-content; }
  .inventory-quantity-grid { grid-column:1/-1; }
  .inventory-stock-state { grid-column:3;grid-row:1; }
  .inventory-variant-row { grid-template-columns:22px minmax(0,1fr); }
  .inventory-variant-row > span { grid-column:2; }
  .inventory-variant-row dl { grid-column:1/-1; }
  .inventory-actions-stack,.inventory-movement-list,.shipping-integration-grid { grid-template-columns:1fr; }
  .inventory-action-card:last-child { grid-column:auto; }
  .inventory-roll-list article { align-items:stretch;flex-direction:column; }
  .inventory-roll-list article form { grid-template-columns:1fr; }
  .shipping-queue-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shipping-bulk-bar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shipping-bulk-bar > strong { text-align:center; }
  .shipping-bulk-bar .button { width:100%; }
  .shipstation-batch-result { grid-template-columns:auto minmax(0,1fr); }
  .shipstation-batch-result > .button { grid-column:1/-1;width:100%; }
  .shipping-pick-item { grid-template-columns:46px minmax(0,1fr) 28px; }
  .shipping-pick-item > em { grid-column:2;justify-self:start;font-size:13px;text-align:left; }
  .shipping-single-bin,.shipping-bin-route { align-items:flex-start;flex-direction:column;gap:7px; }
  .shipping-bin-route strong { text-align:left; }
}

/* v2.3.66: cleared read notifications and safely spaced confirmation actions. */

/* v2.3.71: reversible Name, Bin, and Time sorting for Live Warehouse. */

/* v2.3.70: editable material part numbers and comma-separated bin assignments. */

/* v2.3.65: selectable Shipping orders and duplicate-safe ShipStation Connect batch handoff. */

/* v2.3.64: full-width Shipping status tabs and persistent line-by-line picking. */

/* v2.3.51: vendor-sorted inventory, source-backed restock forecasting, and editable product intelligence. */

/* v2.3.44: selectable Instagram Feed and Story destinations in Social Command. */

/* Keep inventory-hub layout overrides after the original inventory workspace rules. */
.inventory-catalog-panel .inventory-toolbar { grid-template-columns:minmax(260px,1fr) minmax(150px,205px) minmax(280px,390px);margin-top:9px; }
.inventory-catalog-panel .inventory-item-row { padding-left:46px; }
.inventory-catalog-panel .inventory-item-list:not(.selection-mode) .inventory-item-row { padding-left:14px; }
@media (max-width:800px) {
  .inventory-catalog-panel .inventory-toolbar { grid-template-columns:1fr; }
  .inventory-catalog-panel .inventory-item-row { padding-left:42px; }
  .inventory-catalog-panel .inventory-item-list:not(.selection-mode) .inventory-item-row { padding-left:14px; }
}

/* v2.3.67: Google Sheet production recipes, roll reservations, and printable material cut tickets. */
.material-cut-ticket-panel { margin-top:14px;padding:16px;border:1px solid rgba(174,241,69,.28);border-radius:12px;background:linear-gradient(125deg,rgba(174,241,69,.055),transparent 40%),var(--panel); }
.cut-ticket-loading { min-height:150px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted); }
.cut-ticket-loading.full { min-height:55vh; }
.cut-ticket-loading > div { display:grid;gap:3px; }
.cut-ticket-loading p { margin:0;font-size:10px; }
.material-cut-ticket-head { display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line); }
.material-cut-ticket-head h3 { margin:3px 0 4px;font:900 23px/1 var(--display);text-transform:uppercase; }
.material-cut-ticket-head p { max-width:670px;margin:0;color:var(--muted);font-size:10px;line-height:1.5; }
.material-cut-ticket-head > div:last-child { display:flex;align-items:flex-end;gap:8px;flex-direction:column; }
.material-cut-ticket-head .button i { font-size:15px; }
.cut-ticket-source-state { display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase; }
.cut-ticket-source-state i { font-size:16px; }
.cut-ticket-source-state.ready { color:var(--ops-green); }
.cut-ticket-source-state.warning { color:var(--ops-orange); }
.cut-ticket-inline-warning { margin:11px 0 0;padding:9px;color:var(--ops-orange);border:1px solid rgba(244,166,64,.28);border-radius:7px;background:rgba(244,166,64,.055);font-size:9px; }
.material-cut-ticket-grid { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:14px;margin-top:14px; }
.material-cut-ticket-grid > :is(section,aside) { min-width:0; }
.material-cut-ticket-grid > aside { display:grid;align-content:start;gap:12px; }
.cut-ticket-section-title { display:flex;align-items:center;justify-content:space-between;margin-bottom:8px; }
.cut-ticket-section-title > div { display:flex;align-items:center;gap:8px; }
.cut-ticket-section-title span { min-width:27px;height:27px;display:grid;place-items:center;color:#071006;border-radius:6px;background:var(--ops-green);font:900 12px var(--display); }
.cut-ticket-section-title h4 { margin:0;font:850 14px var(--display);text-transform:uppercase; }
.cut-ticket-product-list { max-height:420px;display:grid;gap:7px;overflow:auto;padding-right:3px; }
.cut-ticket-product-card { width:100%;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;color:var(--text);text-align:left;border:1px solid var(--line);border-radius:9px;background:var(--panel2);cursor:pointer;transition:.16s ease; }
.cut-ticket-product-card:hover { transform:translateY(-1px);border-color:rgba(174,241,69,.5);box-shadow:0 9px 25px rgba(0,0,0,.16); }
.cut-ticket-product-image { width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#f4f5f1; }
.cut-ticket-product-image img { width:100%;height:100%;object-fit:contain; }
.cut-ticket-product-card > span:nth-child(2) { min-width:0;display:grid;gap:2px; }
.cut-ticket-product-card > span:nth-child(2) small { color:var(--ops-cyan);font-size:8px;font-weight:900; }
.cut-ticket-product-card > span:nth-child(2) strong { overflow:hidden;text-overflow:ellipsis;font-size:11px;white-space:nowrap; }
.cut-ticket-product-card > span:nth-child(2) em { color:var(--muted);font-size:8px;font-style:normal; }
.cut-ticket-card-state { display:flex;align-items:center;gap:5px;padding:6px 7px;border-radius:6px;font-size:7px;font-weight:950;letter-spacing:.07em;white-space:nowrap; }
.cut-ticket-card-state.ready { color:var(--ops-green);border:1px solid rgba(174,241,69,.24);background:rgba(174,241,69,.055); }
.cut-ticket-card-state.warning { color:var(--ops-orange);border:1px solid rgba(244,166,64,.28);background:rgba(244,166,64,.055); }
.cut-ticket-card-state i { font-size:15px; }
.cut-ticket-alias-card,.cut-ticket-recent { padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--panel2); }
.cut-ticket-alias-card h4 { margin:3px 0 5px;font:850 16px var(--display);text-transform:uppercase; }
.cut-ticket-alias-card > p:not(.eyebrow,.cut-ticket-all-linked) { margin:0 0 10px;color:var(--muted);font-size:9px;line-height:1.45; }
.cut-ticket-alias-card form { display:grid;gap:8px; }
.cut-ticket-alias-card label { display:grid;gap:5px;color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase; }
.cut-ticket-alias-card select { width:100%;min-height:40px;color:var(--text);border:1px solid var(--line);border-radius:7px;background:var(--panel); }
.cut-ticket-all-linked { display:flex;align-items:center;gap:6px;margin:9px 0 0;color:var(--ops-green);font-size:9px; }
.cut-ticket-recent { display:grid;gap:6px; }
.cut-ticket-recent > button { display:grid;gap:3px;padding:8px;color:var(--text);text-align:left;border:1px solid var(--line);border-radius:7px;background:var(--panel);cursor:pointer; }
.cut-ticket-recent > button:hover { border-color:rgba(117,227,235,.4); }
.cut-ticket-recent > button strong { font-size:10px; }
.cut-ticket-recent > button :is(small,em) { color:var(--muted);font-size:8px;font-style:normal; }
.cut-ticket-empty { min-height:150px;display:grid;place-items:center;align-content:center;gap:5px;padding:20px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:9px; }
.cut-ticket-empty i { color:var(--ops-cyan);font-size:30px; }
.cut-ticket-empty p { max-width:430px;margin:0;font-size:9px;line-height:1.5; }
.cut-ticket-empty.error i,.cut-ticket-empty.error strong { color:#ff786f; }

.production-cut-ticket-dialog { width:min(1520px,calc(100vw - 24px));height:min(940px,calc(100dvh - 24px));padding:0;overflow:hidden;color:var(--text);border:1px solid rgba(117,227,235,.35);border-radius:15px;background:var(--bg);box-shadow:0 35px 100px rgba(0,0,0,.72); }
.production-cut-ticket-dialog::backdrop { background:rgba(0,0,0,.88);backdrop-filter:blur(8px); }
.production-cut-ticket-shell { height:100%;display:grid;grid-template-rows:auto minmax(0,1fr); }
.cut-ticket-dialog-head { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(117,227,235,.08),transparent 38%),var(--panel); }
.cut-ticket-dialog-head h2 { margin:2px 0;font:900 clamp(20px,2vw,31px)/1 var(--display); }
.cut-ticket-dialog-head p:last-child { margin:4px 0 0;color:var(--muted);font-size:9px; }
.cut-ticket-dialog-actions { display:flex;align-items:center;gap:8px; }
.production-cut-ticket-content { min-height:0;overflow:auto;padding:14px; }
.cut-ticket-document { display:grid;gap:12px;max-width:1400px;margin:0 auto; }
.cut-ticket-document-hero { display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(115deg,rgba(174,241,69,.055),transparent 48%),var(--panel); }
.cut-ticket-document-image { width:170px;height:140px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#f4f5f1; }
.cut-ticket-document-image img { width:100%;height:100%;object-fit:contain; }
.cut-ticket-document-hero h2 { margin:3px 0;font:900 clamp(28px,3vw,44px)/.95 var(--display);text-transform:uppercase; }
.cut-ticket-document-hero > div:last-child > strong { color:var(--ops-cyan);font-size:12px; }
.cut-ticket-document-hero dl { display:grid;grid-template-columns:repeat(4,minmax(115px,1fr));gap:7px;margin:13px 0 0; }
.saved-ticket .cut-ticket-document-hero dl { grid-template-columns:repeat(3,minmax(115px,1fr)); }
.cut-ticket-document-hero dl div { min-width:0;padding:8px;border:1px solid var(--line);border-radius:7px;background:rgba(0,0,0,.1); }
.cut-ticket-document-hero dt { color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase; }
.cut-ticket-document-hero dd { margin:3px 0 0;font-size:11px;font-weight:850; }
.cut-ticket-notes { display:grid;gap:3px;margin:9px 0 0;padding:8px;color:var(--muted);border-left:2px solid var(--ops-cyan);font-size:9px; }
.cut-ticket-control-form { display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.72fr) auto auto;align-items:end;gap:8px;padding:11px;border:1px solid rgba(117,227,235,.24);border-radius:10px;background:var(--panel); }
.cut-ticket-control-form > div:first-child { display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:7px; }
.cut-ticket-control-form label { display:grid;gap:4px;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase; }
.cut-ticket-control-form :is(input,select) { width:100%;min-height:38px;padding:7px 8px;color:var(--text);border:1px solid var(--line);border-radius:6px;background:var(--panel2); }
.cut-ticket-control-form .button { min-height:40px;white-space:nowrap; }
.cut-ticket-readiness { min-height:40px;display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:7px; }
.cut-ticket-readiness i { font-size:22px; }
.cut-ticket-readiness div { display:grid;gap:2px; }
.cut-ticket-readiness strong { font-size:9px; }
.cut-ticket-readiness p { margin:0;color:var(--muted);font-size:7px;line-height:1.35; }
.cut-ticket-readiness.ready { color:var(--ops-green);border-color:rgba(174,241,69,.27);background:rgba(174,241,69,.045); }
.cut-ticket-readiness.blocked { color:var(--ops-orange);border-color:rgba(244,166,64,.3);background:rgba(244,166,64,.045); }
/* v2.3.68: preserve the source Sheet's Cold / Hot / Laser / Pick color language in every production ticket. */
.cut-ticket-work-section { --cut-accent:#6d9eeb;--cut-mid:#6d9eeb;--cut-soft:#a4c2f4;--cut-light:#c9daf8;--cut-header-ink:#071006;overflow:hidden;border:1px solid color-mix(in srgb,var(--cut-accent) 52%,var(--line));border-radius:10px;background:var(--panel); }
.cut-ticket-work-section[data-cut-section="cold_cut"] { --cut-accent:#6d9eeb;--cut-mid:#6d9eeb;--cut-soft:#a4c2f4;--cut-light:#c9daf8;--cut-header-ink:#071006; }
.cut-ticket-work-section[data-cut-section="hot_cut"] { --cut-accent:#f6b26b;--cut-mid:#f6b26b;--cut-soft:#f9cb9c;--cut-light:#fce5cd;--cut-header-ink:#2b1805; }
.cut-ticket-work-section[data-cut-section="laser_cut"] { --cut-accent:#cc0000;--cut-mid:#e06666;--cut-soft:#ea9999;--cut-light:#f4cccc;--cut-header-ink:#fff; }
.cut-ticket-work-section[data-cut-section="pick"] { --cut-accent:#674ea7;--cut-mid:#8e7cc3;--cut-soft:#b4a7d6;--cut-light:#d9d2e9;--cut-header-ink:#fff; }
.cut-ticket-work-section > header { display:flex;align-items:center;justify-content:space-between;padding:8px 11px;color:var(--cut-header-ink);background:var(--cut-accent);box-shadow:inset 0 -3px 0 var(--cut-mid); }
.cut-ticket-work-section > header span { font:950 15px var(--display);letter-spacing:.04em;text-transform:uppercase; }
.cut-ticket-work-section > header small { font-size:8px;font-weight:900;text-transform:uppercase; }
.cut-ticket-table { overflow-x:auto; }
.cut-ticket-table-head,.cut-ticket-line { min-width:1050px;display:grid;grid-template-columns:minmax(220px,1.45fr) minmax(120px,.75fr) minmax(95px,.55fr) minmax(115px,.65fr) minmax(140px,.8fr) minmax(135px,.78fr);align-items:center;gap:7px; }
.cut-ticket-table-head { padding:7px 10px;color:#17202a;border-bottom:1px solid color-mix(in srgb,var(--cut-mid) 70%,#777);background:linear-gradient(90deg,var(--cut-light),var(--cut-soft));font-size:7px;font-weight:950;letter-spacing:.06em;text-transform:uppercase; }
.cut-ticket-line { padding:8px 10px;border-bottom:1px solid var(--line);border-left:3px solid color-mix(in srgb,var(--cut-mid) 72%,transparent); }
.cut-ticket-line:nth-child(odd):not(.needs-setup) { background:color-mix(in srgb,var(--cut-light) 7%,transparent); }
.cut-ticket-line:last-child { border-bottom:0; }
.cut-ticket-line.needs-setup { background:rgba(244,166,64,.035); }
.cut-ticket-line > div { min-width:0;display:grid;gap:2px; }
.cut-ticket-line strong { font-size:10px; }
.cut-ticket-line b { font-size:11px; }
.cut-ticket-line small { color:var(--muted);font-size:7px;line-height:1.35; }
.cut-ticket-line a { width:max-content;color:var(--ops-cyan);font-size:7px; }
.cut-ticket-inline-link { display:grid;gap:3px;margin-top:4px;color:var(--ops-orange);font-size:7px;font-weight:900;text-transform:uppercase; }
.cut-ticket-inline-link select { width:100%;min-height:31px;color:var(--text);border:1px solid rgba(244,166,64,.35);border-radius:5px;background:var(--panel2);font-size:8px; }
.cut-ticket-line-state { width:max-content;padding:5px 6px;border-radius:5px;font-size:7px;font-weight:950;letter-spacing:.06em;white-space:nowrap; }
.cut-ticket-line-state.ready { color:var(--ops-green);background:rgba(174,241,69,.09); }
.cut-ticket-line-state.setup { color:var(--ops-orange);background:rgba(244,166,64,.09); }
.cut-ticket-line-state.short { color:#ff786f;background:rgba(255,76,70,.09); }
.cut-ticket-status { width:max-content;padding:4px 6px;border-radius:4px;font-size:7px;font-weight:950;letter-spacing:.07em; }
.cut-ticket-status.reserved { color:var(--ops-orange);background:rgba(244,166,64,.12); }
.cut-ticket-status.pulled { color:var(--ops-green);background:rgba(174,241,69,.11); }
.cut-ticket-status.cancelled { color:var(--muted);background:rgba(130,140,140,.1); }
.cut-ticket-reservation-bar,.cut-ticket-complete { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid rgba(244,166,64,.3);border-radius:9px;background:rgba(244,166,64,.055); }
.cut-ticket-reservation-bar > div:first-child,.cut-ticket-complete { color:var(--ops-orange); }
.cut-ticket-reservation-bar > div { display:flex;align-items:center;gap:9px; }
.cut-ticket-reservation-bar i,.cut-ticket-complete i { font-size:26px; }
.cut-ticket-reservation-bar strong,.cut-ticket-complete strong { display:block;font-size:10px; }
.cut-ticket-reservation-bar p,.cut-ticket-complete p { margin:2px 0 0;color:var(--muted);font-size:8px; }
.cut-ticket-reservation-bar .cut-ticket-no-print { gap:7px; }
.cut-ticket-complete { justify-content:flex-start;color:var(--ops-green);border-color:rgba(174,241,69,.28);background:rgba(174,241,69,.045); }
.cut-ticket-complete.cancelled { color:var(--muted);border-color:var(--line);background:var(--panel); }
.cut-ticket-document-footer { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 2px;color:var(--muted);font-size:7px;text-transform:uppercase; }
html[data-color-mode="light"] :is(.material-cut-ticket-panel,.production-cut-ticket-dialog,.cut-ticket-work-section,.cut-ticket-control-form) { color:var(--text); }
html[data-color-mode="light"] .cut-ticket-document-hero dl div { background:rgba(255,255,255,.72); }

@media (max-width:1050px) {
  .material-cut-ticket-grid { grid-template-columns:1fr; }
  .cut-ticket-control-form { grid-template-columns:1fr 1fr;align-items:stretch; }
  .cut-ticket-control-form > div:first-child { grid-column:1/-1; }
}
@media (max-width:700px) {
  .material-cut-ticket-head { flex-direction:column; }
  .material-cut-ticket-head > div:last-child { align-items:flex-start; }
  .cut-ticket-product-card { grid-template-columns:46px minmax(0,1fr); }
  .cut-ticket-product-image { width:46px;height:46px; }
  .cut-ticket-card-state { grid-column:2;width:max-content; }
  .production-cut-ticket-dialog { width:calc(100vw - 8px);height:calc(100dvh - 8px); }
  .cut-ticket-dialog-head { align-items:flex-start; }
  .cut-ticket-dialog-head > div:first-child > p:last-child { display:none; }
  .cut-ticket-document-hero { grid-template-columns:1fr; }
  .cut-ticket-document-image { width:100%;height:180px; }
  .cut-ticket-document-hero dl,.saved-ticket .cut-ticket-document-hero dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cut-ticket-control-form { grid-template-columns:1fr; }
  .cut-ticket-control-form > div:first-child { grid-template-columns:1fr 1fr; }
  .cut-ticket-reservation-bar { align-items:flex-start;flex-direction:column; }
}

@media print {
  @page { size:landscape;margin:8mm; }
  body > * { display:none !important; }
  body > #productionCutTicketDialog { position:static !important;inset:auto !important;width:auto !important;height:auto !important;max-width:none !important;max-height:none !important;display:block !important;overflow:visible !important;color:#111 !important;border:0 !important;border-radius:0 !important;background:#fff !important;box-shadow:none !important; }
  #productionCutTicketDialog::backdrop,.cut-ticket-dialog-head,.cut-ticket-control-form,.cut-ticket-no-print { display:none !important; }
  .production-cut-ticket-shell,.production-cut-ticket-content { display:block !important;height:auto !important;overflow:visible !important;padding:0 !important; }
  .cut-ticket-document { max-width:none !important;gap:7px !important;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important; }
  .cut-ticket-document-hero,.cut-ticket-work-section { color:#111 !important;border-color:#777 !important;background:#fff !important;break-inside:avoid; }
  .cut-ticket-document-hero { grid-template-columns:120px 1fr !important;padding:8px !important; }
  .cut-ticket-document-image { width:120px !important;height:95px !important; }
  .cut-ticket-document-hero h2 { font-size:25px !important; }
  .cut-ticket-document-hero dl,.saved-ticket .cut-ticket-document-hero dl { grid-template-columns:repeat(6,1fr) !important;margin-top:7px !important; }
  .cut-ticket-document-hero dl div { padding:5px !important;color:#111 !important;border-color:#aaa !important;background:#fff !important; }
  .cut-ticket-work-section > header { color:var(--cut-header-ink) !important;background:var(--cut-accent) !important;box-shadow:inset 0 -3px 0 var(--cut-mid) !important; }
  .cut-ticket-table { overflow:visible !important; }
  .cut-ticket-table-head,.cut-ticket-line { min-width:0 !important;color:#111 !important;grid-template-columns:1.35fr .7fr .5fr .6fr .75fr .9fr !important;gap:4px !important;padding:5px 7px !important; }
  .cut-ticket-table-head { color:#17202a !important;border-color:var(--cut-mid) !important;background:var(--cut-light) !important; }
  .cut-ticket-line { break-inside:avoid;border-color:#bbb !important;border-left:3px solid var(--cut-mid) !important; }
  .cut-ticket-line small,.cut-ticket-document-footer,.cut-ticket-document-hero dt { color:#555 !important; }
  .cut-ticket-line-state,.cut-ticket-status { color:#111 !important;border:1px solid #999 !important;background:#fff !important; }
  .cut-ticket-reservation-bar,.cut-ticket-complete { color:#111 !important;border-color:#777 !important;background:#fff !important;break-inside:avoid; }
}

/* v2.3.73: keep theme-toggle labels readable in the active color mode. */
html:not([data-color-mode="light"]) .color-mode-toggle { color:#f4f8f3 !important; }
html[data-color-mode="light"] .color-mode-toggle { color:#172019 !important; }
.color-mode-toggle > b { color:inherit !important; }
html:not([data-color-mode="light"]) .project-wall-theme-toggle:is(:hover,:focus-visible) { color:#071006 !important; }
html[data-color-mode="light"] .project-wall-theme-toggle:is(:hover,:focus-visible) { color:#fff !important; }

/* v2.3.74: personal operations Home and dedicated Command Center email engagement. */
.home-workspace-header { padding-inline:5px; }
.home-workspace-header h2 { text-transform:none; }
.home-workspace-date { min-width:150px;padding:8px 11px;display:grid;gap:2px;border:1px solid rgba(67,202,211,.24);border-radius:10px;background:rgba(6,15,10,.7); }
.home-workspace-date small { color:#43cad3;font-size:9px;font-weight:950;letter-spacing:.14em; }
.home-workspace-date strong { color:#edf5ee;font-size:12px;letter-spacing:.025em;white-space:nowrap; }
.home-workspace-grid { height:calc(100% - 98px);min-height:0;display:grid;grid-template-columns:minmax(220px,.56fr) minmax(460px,1.44fr) minmax(300px,.82fr);grid-template-rows:minmax(190px,.52fr) minmax(0,1.48fr);gap:12px; }
.home-workspace-card { min-width:0;min-height:0;padding:clamp(13px,1vw,20px);overflow:hidden;color:#eef5ef;border:1px solid rgba(174,241,69,.18);border-radius:16px;background:linear-gradient(145deg,rgba(13,23,15,.88),rgba(5,12,8,.74));box-shadow:inset 0 1px rgba(255,255,255,.045),0 18px 36px rgba(0,0,0,.18);backdrop-filter:blur(18px); }
.home-workspace-card > header { min-height:58px;margin-bottom:10px;padding-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(67,202,211,.14); }
.home-workspace-card > header .eyebrow { margin:0 0 4px;color:#43cad3;font-size:10px;letter-spacing:.15em; }
.home-workspace-card > header h3 { margin:0;color:#f5f8f4;font:850 clamp(20px,1.55vw,28px)/1 var(--display); }
.home-workspace-card > header div > span { display:block;margin-top:5px;color:#93a198;font-size:11px;line-height:1.35; }
.home-workspace-card > header > b { min-width:36px;height:36px;display:grid;place-items:center;color:#071006;border-radius:10px;background:#aef145;font:900 17px/1 var(--display);box-shadow:0 0 18px rgba(174,241,69,.2); }
.home-workspace-profile { grid-column:1;grid-row:1;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:center;gap:12px; }
.home-profile-avatar { position:relative;width:64px;aspect-ratio:1;display:grid;place-items:center;color:#071006;border:1px solid #c8ff78;border-radius:50%;background:linear-gradient(145deg,#d5ff8e,#8fcb31);font:900 29px/1 var(--display);box-shadow:0 0 28px rgba(174,241,69,.25); }
.home-profile-avatar i { position:absolute;right:2px;bottom:3px;width:12px;height:12px;border:2px solid #0b140d;border-radius:50%;background:#43cad3;box-shadow:0 0 9px #43cad3; }
.home-workspace-profile > div:nth-child(2) { min-width:0; }
.home-workspace-profile .eyebrow { margin:0;color:#43cad3;font-size:9px;letter-spacing:.14em; }
.home-workspace-profile h3 { margin:4px 0 3px;overflow:hidden;color:#f4f8f4;font:850 clamp(18px,1.3vw,24px)/1 var(--display);text-overflow:ellipsis;white-space:nowrap; }
.home-workspace-profile > div:nth-child(2) > span { color:#91a097;font-size:10px; }
.home-profile-focus { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px; }
.home-profile-focus span { min-width:0;padding:8px;display:flex;align-items:center;gap:6px;color:#dce8de;border:1px solid rgba(67,202,211,.13);border-radius:8px;background:rgba(67,202,211,.045); }
.home-profile-focus i { flex:0 0 auto;color:#43cad3;font-size:17px; }.home-profile-focus b { overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }
.home-profile-actions { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px; }
.home-profile-actions button { min-width:0;min-height:44px;padding:7px;display:flex;align-items:center;justify-content:center;gap:6px;color:#dfffad;border:1px solid rgba(174,241,69,.24);border-radius:9px;background:rgba(174,241,69,.055);font:850 10px/1.15 var(--font);cursor:pointer;touch-action:manipulation; }
.home-profile-actions button:hover,.home-profile-actions button:focus-visible { color:#071006;background:#aef145;outline:2px solid rgba(174,241,69,.18); }.home-profile-actions i { font-size:16px; }.home-profile-actions span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.home-workspace-schedule { grid-column:2;grid-row:1/3;display:grid;grid-template-rows:auto minmax(0,1fr); }
.home-workspace-notifications { grid-column:3;grid-row:1/3;display:grid;grid-template-rows:auto minmax(0,1fr) auto; }
.home-workspace-department { grid-column:1;grid-row:2;display:grid;grid-template-rows:auto auto minmax(0,1fr); }
.home-task-list,.home-department-list,.home-notification-list { min-height:0;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:rgba(174,241,69,.25) transparent; }
.home-task-list,.home-department-list { display:grid;align-content:start;gap:8px; }
.home-task-row { position:relative;width:100%;min-height:70px;padding:9px 10px;display:grid;grid-template-columns:44px 34px minmax(0,1fr) minmax(92px,.32fr) 22px;align-items:center;gap:9px;color:#edf5ee;border:1px solid rgba(67,202,211,.13);border-left:3px solid #43cad3;border-radius:11px;background:linear-gradient(90deg,rgba(67,202,211,.065),rgba(6,14,9,.58));font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color .17s ease,background .17s ease,transform .17s ease; }
.home-task-row.home-task-production { border-left-color:#f4a640; }.home-task-row.home-task-shipping { border-left-color:#8f63dc; }.home-task-row.overdue { border-left-color:#ff736b; }
.home-task-row:hover,.home-task-row:focus-visible { border-color:rgba(174,241,69,.48);background:linear-gradient(90deg,rgba(174,241,69,.1),rgba(6,14,9,.66));outline:0;transform:translateX(2px); }
.home-task-row > time { height:48px;display:grid;place-content:center;gap:1px;color:#dfffad;border:1px solid rgba(174,241,69,.2);border-radius:8px;background:rgba(174,241,69,.05);text-align:center; }
.home-task-row > time small { color:#8ea093;font-size:8px;font-weight:950;letter-spacing:.11em; }.home-task-row > time strong { font:900 20px/1 var(--display); }
.home-task-row > i:not(.home-task-arrow) { width:34px;height:34px;display:grid;place-items:center;color:#43cad3;border-radius:9px;background:rgba(67,202,211,.08);font-size:19px; }
.home-task-row > span { min-width:0;display:grid;gap:3px; }.home-task-row > span > small { color:#43cad3;font-size:8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase; }.home-task-row > span > strong { overflow:hidden;color:#f4f8f4;font-size:13px;text-overflow:ellipsis;white-space:nowrap; }.home-task-row > span > em { overflow:hidden;color:#87968c;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap; }
.home-task-owner { justify-items:end;text-align:right; }.home-task-owner small { color:#809087!important; }.home-task-owner strong { max-width:100%;color:#bdc9bf!important;font-size:10px!important; }
.home-task-arrow { color:#75847a;font-size:18px; }
.home-workspace-department > header { min-height:52px;margin-bottom:8px;padding-bottom:8px; }.home-workspace-department > header h3 { font-size:18px; }.home-workspace-department > header div > span { display:none; }
.home-workspace-department .home-task-row { min-height:58px;padding:6px;grid-template-columns:36px 28px minmax(0,1fr) 18px;gap:6px; }.home-workspace-department .home-task-row > time { height:39px; }.home-workspace-department .home-task-row > time strong { font-size:16px; }.home-workspace-department .home-task-row > i:not(.home-task-arrow) { width:28px;height:28px;font-size:16px; }.home-workspace-department .home-task-owner { display:none; }
.home-notification-list { display:grid;align-content:start;gap:8px; }
.home-attention-list { display:grid;gap:8px; }
.home-attention-list .home-task-row { grid-template-columns:36px minmax(0,1fr) 18px;gap:8px;padding:10px; }
.home-attention-list .home-task-row > i:not(.home-task-arrow),.home-attention-list .home-task-owner { display:none; }
.home-attention-list .home-task-row > span > small { white-space:normal; }
.home-workspace-notification { width:100%;min-height:86px;padding:11px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:start;gap:9px;color:#eef5ef;border:1px solid rgba(174,241,69,.13);border-radius:11px;background:rgba(7,16,10,.66);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation; }
.home-workspace-notification:hover,.home-workspace-notification:focus-visible { border-color:rgba(174,241,69,.48);background:rgba(174,241,69,.07);outline:0; }.home-workspace-notification > i:first-child { width:34px;height:34px;display:grid;place-items:center;color:#f4a640;border-radius:50%;background:rgba(244,166,64,.09);font-size:18px; }.home-workspace-notification > i:last-child { margin-top:8px;color:#75847a;font-size:17px; }
.home-workspace-notification span { min-width:0;display:grid;gap:4px; }.home-workspace-notification small { color:#43cad3;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }.home-workspace-notification strong { display:-webkit-box;overflow:hidden;color:#f3f8f4;font-size:12px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2; }.home-workspace-notification em { display:-webkit-box;overflow:hidden;color:#89988e;font-size:10px;font-style:normal;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.home-workspace-view-all { min-height:44px;margin-top:10px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:7px;color:#dfffad;border:1px solid rgba(174,241,69,.25);border-radius:9px;background:rgba(174,241,69,.055);font:900 10px/1 var(--font);cursor:pointer; }.home-workspace-view-all:hover,.home-workspace-view-all:focus-visible { color:#071006;background:#aef145;outline:0; }.home-workspace-view-all i { font-size:17px; }
.home-workspace-empty,.home-workspace-loading { min-height:120px;padding:18px;display:grid;place-content:center;justify-items:center;gap:7px;color:#819087;border:1px dashed rgba(129,160,139,.2);border-radius:11px;text-align:center; }.home-workspace-empty i { color:#aef145;font-size:25px; }.home-workspace-empty strong,.home-workspace-loading strong { color:#cfd9d1;font-size:12px; }.home-workspace-empty span { max-width:270px;font-size:10px;line-height:1.4; }.home-workspace-error { margin:0 0 8px;padding:7px;color:#ffd088;border:1px solid rgba(244,166,64,.25);border-radius:7px;background:rgba(244,166,64,.07);font-size:10px; }

.project-wall-email-engagement { position:relative;grid-column:1;grid-row:5;min-width:0;min-height:0;padding:clamp(7px,.46vw,15px);display:grid;grid-template-columns:minmax(160px,.42fr) minmax(0,1.58fr);align-items:center;gap:clamp(8px,.62vw,22px);overflow:hidden;color:#eff7f0;border:1px solid rgba(244,166,64,.32);border-radius:clamp(9px,.62vw,19px);background:linear-gradient(135deg,rgba(244,166,64,.08),rgba(5,14,9,.82));box-shadow:inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(14px); }
.project-wall-email-engagement::before { content:"";position:absolute;top:0;left:0;width:28%;height:2px;background:#f4a640;box-shadow:0 0 14px rgba(244,166,64,.7); }
.project-wall-email-engagement > header { min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px; }.project-wall-email-engagement > header .eyebrow { margin:0 0 3px;color:#f4a640;font-size:clamp(8px,.42vw,11px);letter-spacing:.13em; }.project-wall-email-engagement > header h3 { margin:0;color:#f4f8f3;font:850 clamp(15px,.82vw,25px)/1 var(--display);text-transform:uppercase; }.project-wall-email-engagement > header > span { padding:3px 5px;color:#b9dfff;border:1px solid rgba(67,202,211,.2);border-radius:999px;font-size:clamp(8px,.36vw,10px);font-weight:900;white-space:nowrap; }
.project-wall-email-stats { min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,.32vw,11px); }
.project-wall-email-stats article { min-width:0;padding:clamp(4px,.3vw,10px);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(4px,.32vw,10px);border-left:1px solid rgba(67,202,211,.16); }
.project-wall-email-stats article > i { color:#43cad3;font-size:clamp(14px,.85vw,27px); }.project-wall-email-stats article > span { min-width:0;display:grid;gap:1px; }.project-wall-email-stats small { color:#8e9c92;font-size:clamp(8px,.38vw,10px);font-weight:900;letter-spacing:.07em;text-transform:uppercase; }.project-wall-email-stats strong { overflow:hidden;color:#f5f8f4;font:900 clamp(17px,1vw,32px)/1 var(--display);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap; }.project-wall-email-stats em { overflow:hidden;color:#f4a640;font-size:clamp(8px,.34vw,10px);font-style:normal;text-overflow:ellipsis;white-space:nowrap; }
.project-wall-email-engagement > p { position:absolute;right:8px;bottom:3px;max-width:60%;margin:0;overflow:hidden;color:#8d9b91;font-size:clamp(7px,.3vw,9px);text-overflow:ellipsis;white-space:nowrap; }
@media (min-width:1251px) {
  .project-wall-grid { grid-column:2!important;grid-row:5!important; }
  .project-wall-grid .project-wall-ticker-label { max-width:clamp(155px,11vw,350px); }
}
.project-wall-dialog.is-period-loading :is(.project-wall-email-engagement),.project-wall-dialog.is-data-blending :is(.project-wall-email-engagement) { opacity:.72;filter:saturate(.82) brightness(.84);transition:opacity .22s ease,filter .22s ease; }

html[data-color-mode="light"] .home-workspace-date { border-color:rgba(39,116,126,.2);background:rgba(255,255,255,.78); }.home-workspace-date small { color:#43cad3; }
html[data-color-mode="light"] .home-workspace-date strong { color:#172019; }
html[data-color-mode="light"] .home-workspace-card { color:#172019;border-color:rgba(51,87,36,.18);background:rgba(255,255,255,.88);box-shadow:inset 0 1px #fff,0 14px 28px rgba(35,57,38,.1); }
html[data-color-mode="light"] .home-workspace-card > header h3,html[data-color-mode="light"] .home-workspace-profile h3,html[data-color-mode="light"] .home-task-row > span > strong,html[data-color-mode="light"] .home-workspace-notification strong { color:#172019; }
html[data-color-mode="light"] .home-workspace-card > header div > span,html[data-color-mode="light"] .home-workspace-profile > div:nth-child(2) > span,html[data-color-mode="light"] .home-task-row > span > em,html[data-color-mode="light"] .home-workspace-notification em { color:#5e6d63; }
html[data-color-mode="light"] .home-task-row,html[data-color-mode="light"] .home-workspace-notification { color:#172019;border-color:rgba(39,116,126,.15);background:rgba(247,251,248,.78); }
html[data-color-mode="light"] .home-task-row:hover,html[data-color-mode="light"] .home-task-row:focus-visible,html[data-color-mode="light"] .home-workspace-notification:hover,html[data-color-mode="light"] .home-workspace-notification:focus-visible { background:rgba(225,241,211,.86); }
html[data-color-mode="light"] .home-task-owner strong,html[data-color-mode="light"] .home-profile-focus span { color:#33493a!important; }
html[data-color-mode="light"] .home-workspace-empty strong,html[data-color-mode="light"] .home-workspace-loading strong { color:#405347; }
html[data-color-mode="light"] .project-wall-email-engagement { color:#172019;border-color:rgba(177,113,30,.28);background:linear-gradient(135deg,rgba(244,166,64,.09),rgba(255,255,255,.9));box-shadow:0 10px 24px rgba(35,57,38,.09); }
html[data-color-mode="light"] .project-wall-email-engagement > header h3,html[data-color-mode="light"] .project-wall-email-stats strong { color:#172019; }

@media (max-width:1180px) {
  .command-visual-dashboard { height:auto!important;min-height:0!important;max-height:none!important;overflow:visible; }
  .home-workspace-grid { height:auto;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);grid-template-rows:auto auto auto; }
  .home-workspace-profile { grid-column:1;grid-row:1; }.home-workspace-department { grid-column:1;grid-row:2/4;min-height:430px; }.home-workspace-schedule { grid-column:2;grid-row:1/3;min-height:650px; }.home-workspace-notifications { grid-column:2;grid-row:3;min-height:480px; }
  .project-wall-email-engagement { min-height:150px;margin-bottom:10px;grid-template-columns:1fr; }
  .project-wall-email-stats { min-height:80px; }
}
@media (max-width:760px) {
  .home-workspace-header { flex-direction:column; }.home-workspace-header .command-header-status { width:100%;justify-content:space-between; }.home-workspace-date { min-width:0; }
  .home-workspace-grid { grid-template-columns:1fr; }.home-workspace-profile,.home-workspace-schedule,.home-workspace-notifications,.home-workspace-department { grid-column:1;grid-row:auto;min-height:0; }.home-workspace-schedule { min-height:520px; }.home-workspace-notifications { min-height:460px; }.home-workspace-department { min-height:380px; }
  .home-task-row { grid-template-columns:42px 30px minmax(0,1fr) 18px; }.home-task-owner { display:none!important; }
  .project-wall-email-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.project-wall-email-stats article { min-height:62px; }.project-wall-email-stats article:last-child { grid-column:1/-1; }.project-wall-email-engagement { min-height:300px; }
}

.tab-sales { --tab-color:#43cad3; }
.utility-nav .tab-sales { --tab-color:#43cad3; }
.utility-icon-sales { color:#43cad3!important; }
#appView[data-active-view="sales"] { --view-tone-rgb:67,202,211; }
.sales-workspace {
  --sales-green:#aef145;
  --sales-cyan:#43cad3;
  --sales-orange:#f4a640;
  --sales-red:#ff736b;
  --sales-purple:#a67bf1;
  display:grid;
  gap:12px;
  max-width:1920px;
  margin:0 auto;
  color:#eef5ef;
}
.sales-workspace button,.sales-workspace input,.sales-workspace select,.sales-workspace textarea { font-family:var(--body); }
.sales-workspace .panel { margin:0;border:1px solid rgba(67,202,211,.2);border-radius:14px;background:linear-gradient(145deg,rgba(13,22,16,.96),rgba(5,12,8,.91));box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 28px rgba(0,0,0,.13); }
.sales-hero { position:relative;min-height:112px;padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden; }
.sales-hero::before { content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:linear-gradient(90deg,rgba(67,202,211,.1),transparent 28%,transparent 72%,rgba(174,241,69,.08)),repeating-linear-gradient(90deg,transparent 0 79px,rgba(67,202,211,.06) 80px),repeating-linear-gradient(0deg,transparent 0 39px,rgba(67,202,211,.035) 40px); }
.sales-hero::after { content:"";position:absolute;top:0;left:0;width:34%;height:2px;background:linear-gradient(90deg,var(--sales-cyan),var(--sales-green),transparent);box-shadow:0 0 18px rgba(67,202,211,.65); }
.sales-hero-copy,.sales-hero-actions { position:relative;z-index:1; }
.sales-hero-copy { min-width:0; }
.sales-hero-copy .eyebrow { margin:0 0 5px;color:var(--sales-cyan); }
.sales-hero-copy h2 { margin:0;color:#f5f8f5;font:850 clamp(29px,2.2vw,42px)/.92 var(--display);letter-spacing:-.025em;text-transform:uppercase; }
.sales-hero-copy p:last-child { max-width:820px;margin:8px 0 0;color:#99a79d;font-size:12px;line-height:1.45; }
.sales-hero-actions { display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap; }
.sales-hero-actions .button { min-height:44px;display:inline-flex;align-items:center;gap:7px;border-radius:9px; }
.sales-hero-actions .button i { font-size:17px; }
.sales-data-pulse { min-height:38px;padding:0 12px;display:flex;align-items:center;gap:7px;color:#b9c7bd;border:1px solid rgba(174,241,69,.18);border-radius:999px;background:rgba(174,241,69,.045);font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase; }
.sales-data-pulse > i { width:7px;height:7px;border-radius:50%;background:var(--sales-green);box-shadow:0 0 12px var(--sales-green);animation:sales-pulse 1.8s ease-in-out infinite; }
.sales-data-pulse.error { color:#ffd3ce;border-color:rgba(255,115,107,.28);background:rgba(255,115,107,.06); }
.sales-data-pulse.error > i { background:var(--sales-red);box-shadow:0 0 12px var(--sales-red); }
@keyframes sales-pulse { 50% { opacity:.38;transform:scale(.72); } }
.sales-control-deck { min-height:52px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(67,202,211,.15);border-radius:12px;background:rgba(9,17,12,.72); }
.sales-period-controls { display:flex;gap:6px;flex-wrap:wrap; }
.sales-period-controls button { min-height:36px;padding:0 13px;color:#99a79d;border:1px solid rgba(151,174,157,.16);border-radius:8px;background:rgba(255,255,255,.025);font-size:10px;font-weight:900;text-transform:uppercase; }
.sales-period-controls button:hover,.sales-period-controls button:focus-visible { color:#e8f7ef;border-color:rgba(67,202,211,.55);outline:0; }
.sales-period-controls button.active { color:#071006;border-color:var(--sales-green);background:var(--sales-green);box-shadow:0 0 15px rgba(174,241,69,.18); }
.sales-scope-controls { display:flex;align-items:center;justify-content:flex-end;gap:10px; }
.sales-scope-controls label { display:flex;align-items:center;gap:7px;color:#7f9085;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.sales-scope-controls select { min-height:36px;color:#dfeadf;border:1px solid rgba(67,202,211,.2);border-radius:8px;background:#101a13; }
.sales-scope-controls > small { color:#7f9085;font-size:9px;white-space:nowrap; }
.sales-funnel { min-width:0;padding:9px;display:grid;grid-template-columns:minmax(0,1fr) 122px;gap:8px;border:1px solid rgba(174,241,69,.22);border-radius:15px;background:radial-gradient(circle at 20% 0,rgba(67,202,211,.1),transparent 30%),linear-gradient(145deg,rgba(10,20,13,.95),rgba(4,11,7,.93));box-shadow:inset 0 1px rgba(255,255,255,.035); }
.sales-funnel-track { min-width:0;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));align-items:stretch;gap:4px; }
.sales-funnel-stage { position:relative;min-width:0;min-height:112px;padding:12px 10px;display:grid;grid-template-columns:25px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;gap:6px 8px;color:#eaf3eb;border:1px solid rgba(67,202,211,.15);border-radius:11px;background:linear-gradient(145deg,rgba(67,202,211,.055),rgba(4,13,8,.72));text-align:left;transition:.17s ease; }
.sales-funnel-stage:hover,.sales-funnel-stage:focus-visible { z-index:2;border-color:rgba(174,241,69,.55);outline:0;transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.25); }
.sales-funnel-stage > .material-symbols-rounded { grid-column:1;grid-row:2;color:var(--sales-cyan);font-size:22px; }
.sales-funnel-stage > span:nth-of-type(2) { min-width:0;grid-column:2;grid-row:1/3;display:grid;align-content:center;gap:2px; }
.sales-funnel-index { grid-column:1/3;color:#607269;font:900 8px/1 var(--body);letter-spacing:.1em; }
.sales-funnel-stage small { overflow:hidden;color:#93a399;font-size:8px;font-weight:900;letter-spacing:.065em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.sales-funnel-stage strong { color:#f7faf6;font:900 clamp(25px,2vw,35px)/.9 var(--display);font-variant-numeric:tabular-nums; }
.sales-funnel-stage em { overflow:hidden;color:#9acfd3;font-size:8px;font-style:normal;font-weight:750;text-overflow:ellipsis;white-space:nowrap; }
.sales-funnel-stage > b { position:absolute;right:7px;top:7px;display:grid;justify-items:end;color:var(--sales-green);font-size:8px;font-weight:900; }
.sales-funnel-stage > b small { color:#63746a;font-size:5px; }
.sales-funnel-connector { align-self:center;color:rgba(174,241,69,.42);font-size:17px;text-align:center; }
.sales-funnel-declined { min-width:0;padding:12px;display:flex;align-items:center;gap:10px;color:#ffd8d5;border:1px solid rgba(255,115,107,.23);border-radius:11px;background:linear-gradient(145deg,rgba(255,115,107,.07),rgba(23,7,8,.5));text-align:left; }
.sales-funnel-declined:hover,.sales-funnel-declined:focus-visible { border-color:rgba(255,115,107,.65);outline:0; }
.sales-funnel-declined > i { color:var(--sales-red);font-size:23px; }
.sales-funnel-declined > span { min-width:0;display:grid;gap:2px; }
.sales-funnel-declined small { color:#b38e8b;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.sales-funnel-declined strong { color:#ffe3e0;font:900 28px/1 var(--display); }
.sales-funnel-declined em { color:#dba5a1;font-size:8px;font-style:normal;white-space:nowrap; }
.sales-loading-card { min-height:110px;display:grid;place-content:center;justify-items:center;gap:8px;color:#829087;text-align:center; }
.sales-loading-card strong { color:#bdc8c0;font-size:11px; }
.sales-command-grid { min-width:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr) minmax(260px,.82fr);gap:12px; }
.sales-command-grid > .panel { min-width:0;height:clamp(245px,27vh,320px);padding:15px;overflow:hidden; }
.sales-command-grid > .panel > header { min-height:52px;padding-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(67,202,211,.12); }
.sales-command-grid > .panel > header .eyebrow { margin:0 0 4px;color:var(--sales-cyan);font-size:8px; }
.sales-command-grid > .panel > header h3 { margin:0;color:#f3f7f3;font:850 21px/1 var(--display);text-transform:uppercase; }
.sales-command-grid > .panel > header p:last-child { margin:4px 0 0;color:#78877d;font-size:9px; }
#salesAttentionCount { min-width:34px;height:34px;display:grid;place-items:center;color:#071006;border-radius:9px;background:var(--sales-green);font:900 17px/1 var(--display); }
.sales-hud-live { display:flex;align-items:center;gap:5px;color:#a8dadd;font-size:8px;font-weight:900;letter-spacing:.09em; }
.sales-hud-live i { width:6px;height:6px;border-radius:50%;background:var(--sales-cyan);box-shadow:0 0 10px var(--sales-cyan); }
.sales-attention-list,.sales-activity-list { height:calc(100% - 62px);padding-top:9px;display:grid;align-content:start;gap:6px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(67,202,211,.25) transparent; }
.sales-attention-item { width:100%;min-height:54px;padding:7px;display:grid;grid-template-columns:33px minmax(0,1fr) auto;align-items:center;gap:8px;color:#e9f1ea;border:1px solid rgba(67,202,211,.12);border-left:3px solid var(--sales-cyan);border-radius:9px;background:rgba(67,202,211,.04);font:inherit;text-align:left; }
.sales-attention-item:hover,.sales-attention-item:focus-visible { border-color:rgba(174,241,69,.42);outline:0;background:rgba(174,241,69,.055); }
.sales-attention-item.danger { border-left-color:var(--sales-red); }.sales-attention-item.waiting { border-left-color:var(--sales-orange); }
.sales-attention-item > i { width:31px;height:31px;display:grid;place-items:center;color:var(--sales-cyan);border-radius:8px;background:rgba(67,202,211,.075);font-size:18px; }
.sales-attention-item.danger > i { color:var(--sales-red);background:rgba(255,115,107,.07); }
.sales-attention-item > span { min-width:0;display:grid;gap:2px; }
.sales-attention-item > span small { overflow:hidden;color:#6fbec4;font-size:7px;font-weight:900;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.sales-attention-item > span strong { overflow:hidden;color:#eaf1eb;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }
.sales-attention-item > span em { overflow:hidden;color:#75857a;font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap; }
.sales-attention-item > b { display:flex;align-items:center;gap:3px;color:#829289;font-size:7px; }.sales-attention-item > b i { font-size:14px; }
.sales-pipeline-value { height:calc(100% - 62px);padding-top:11px;display:grid;grid-template-columns:minmax(130px,.48fr) minmax(0,1.52fr);gap:12px; }
.sales-pipeline-total { min-width:0;display:grid;align-content:center;padding:12px;border:1px solid rgba(174,241,69,.17);border-radius:11px;background:radial-gradient(circle at 30% 25%,rgba(174,241,69,.1),transparent 62%); }
.sales-pipeline-total > span { color:#8c9b91;font-size:8px;font-weight:900;letter-spacing:.08em; }
.sales-pipeline-total > strong { margin:6px 0;color:#f4f8f4;font:900 clamp(24px,2vw,37px)/.9 var(--display);overflow-wrap:anywhere; }
.sales-pipeline-total > small { color:#6fbec4;font-size:8px; }
.sales-value-bars { min-width:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:5px; }
.sales-value-bars button { min-width:0;height:100%;padding:0 2px 4px;display:grid;grid-template-rows:1fr auto auto;gap:3px;align-items:end;color:#9ba99f;border:0;background:transparent;font:inherit; }
.sales-value-bars button:hover,.sales-value-bars button:focus-visible { color:#fff;outline:1px solid rgba(67,202,211,.25);border-radius:7px; }
.sales-value-bars button > span { position:relative;width:100%;height:var(--sales-bar);min-height:3px;border:1px solid rgba(67,202,211,.35);border-radius:4px 4px 1px 1px;background:linear-gradient(0deg,rgba(67,202,211,.22),rgba(174,241,69,.65));box-shadow:0 0 10px rgba(67,202,211,.08); }
.sales-value-bars small { overflow:hidden;font-size:6px;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }.sales-value-bars b { overflow:hidden;color:#b5c3b9;font-size:6px;text-overflow:ellipsis;white-space:nowrap; }
.sales-activity-item { width:100%;min-height:43px;padding:6px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;color:#e9f0ea;border:0;border-bottom:1px solid rgba(67,202,211,.09);background:transparent;text-align:left; }
.sales-activity-item:hover,.sales-activity-item:focus-visible { outline:0;background:rgba(67,202,211,.05); }
.sales-activity-item > i { width:27px;height:27px;display:grid;place-items:center;color:var(--sales-cyan);border-radius:50%;background:rgba(67,202,211,.07);font-size:15px; }
.sales-activity-item > span { min-width:0;display:grid;gap:2px; }.sales-activity-item strong { overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap; }.sales-activity-item small { overflow:hidden;color:#77877c;font-size:7px;text-overflow:ellipsis;white-space:nowrap; }.sales-activity-item time { color:#8db2a0;font-size:7px;white-space:nowrap; }
.sales-empty-state { min-height:120px;padding:18px;display:grid;place-content:center;justify-items:center;gap:6px;color:#748379;border:1px dashed rgba(111,140,120,.18);border-radius:10px;text-align:center; }
.sales-empty-state > i { color:var(--sales-green);font-size:25px; }.sales-empty-state strong { color:#bdc9c0;font-size:11px; }.sales-empty-state span { max-width:290px;font-size:9px;line-height:1.4; }
.sales-ledger-panel { min-width:0;padding:0!important;overflow:hidden; }
.sales-ledger-head { padding:15px 17px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(67,202,211,.14); }
.sales-ledger-head .eyebrow { margin:0 0 4px;color:var(--sales-cyan);font-size:8px; }.sales-ledger-head h3 { margin:0;color:#f2f7f2;font:850 23px/1 var(--display);text-transform:uppercase; }.sales-ledger-head p:last-child { margin:4px 0 0;color:#78877d;font-size:9px; }
.sales-ledger-tools { min-width:min(100%,540px);display:flex;align-items:center;justify-content:flex-end;gap:7px; }
.sales-search { min-width:0;min-height:39px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(67,202,211,.18);border-radius:9px;background:rgba(255,255,255,.025); }
.sales-search > i { color:var(--sales-cyan);font-size:18px; }.sales-search input { width:100%;min-width:0;color:#eef5ef;border:0;outline:0;background:transparent;font-size:10px; }
.sales-ledger-tools .sales-search { width:min(360px,100%); }.sales-ledger-tools select { min-height:39px;color:#dce6dd;border:1px solid rgba(67,202,211,.18);border-radius:9px;background:#101913;font-size:10px; }
.sales-ledger-table-wrap { min-width:0;overflow-x:auto; }.sales-ledger-table { width:100%;min-width:1150px;border-collapse:collapse; }
.sales-ledger-table th { padding:9px 12px;color:#6e8074;border-bottom:1px solid rgba(67,202,211,.1);background:rgba(67,202,211,.025);font-size:7px;font-weight:950;letter-spacing:.08em;text-align:left;text-transform:uppercase; }
.sales-ledger-table td { height:63px;padding:8px 12px;border-bottom:1px solid rgba(67,202,211,.075);color:#c8d3ca;font-size:9px;vertical-align:middle; }
.sales-ledger-table tbody tr { cursor:pointer;transition:.14s ease; }.sales-ledger-table tbody tr:hover,.sales-ledger-table tbody tr:focus-visible { outline:0;background:rgba(174,241,69,.04);box-shadow:inset 3px 0 var(--sales-green); }
.sales-ledger-table td > strong { display:block;color:#eef5ef;font-size:10px; }.sales-ledger-table td > small { display:block;max-width:190px;margin-top:3px;overflow:hidden;color:#718178;font-size:7px;text-overflow:ellipsis;white-space:nowrap; }
.sales-money-cell > strong { color:#dfffad!important;font:850 15px/1 var(--display); }.sales-ledger-table time { color:#b7c5ba;font-size:8px;white-space:nowrap; }
.sales-status-pill { display:inline-flex;align-items:center;gap:5px;max-width:135px;padding:5px 7px;color:#a8b5ac;border:1px solid rgba(144,162,149,.19);border-radius:999px;background:rgba(144,162,149,.045);font-size:7px;font-weight:900;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap; }
.sales-status-pill i { width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor; }.sales-status-pill.good { color:#c8ff77;border-color:rgba(174,241,69,.25);background:rgba(174,241,69,.055); }.sales-status-pill.active { color:#8fe8ef;border-color:rgba(67,202,211,.25);background:rgba(67,202,211,.055); }.sales-status-pill.waiting { color:#ffd18f;border-color:rgba(244,166,64,.25);background:rgba(244,166,64,.055); }.sales-status-pill.danger { color:#ffaaa4;border-color:rgba(255,115,107,.27);background:rgba(255,115,107,.055); }
.sales-row-open { width:31px;height:31px;display:grid;place-items:center;color:#baf36a;border:1px solid rgba(174,241,69,.18);border-radius:8px;background:rgba(174,241,69,.035); }.sales-row-open i { font-size:17px; }
.sales-table-empty { min-height:150px;display:grid;place-content:center;justify-items:center;gap:7px;color:#76857b;text-align:center; }.sales-table-empty > i { color:var(--sales-cyan);font-size:28px; }.sales-table-empty strong { color:#bdc8c0;font-size:11px; }.sales-table-empty span { max-width:400px;font-size:9px; }.sales-table-empty .button { margin-top:7px; }
.sales-ledger-panel > footer { min-height:37px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#65766a;background:rgba(67,202,211,.025);font-size:8px; }
.sales-quote-dialog,.sales-quote-detail-dialog { width:min(1440px,calc(100vw - 30px));height:min(920px,calc(100dvh - 24px));padding:0;overflow:hidden;color:#eff5ef;border:1px solid rgba(174,241,69,.35);border-radius:18px;background:#071009;box-shadow:0 28px 90px rgba(0,0,0,.7),0 0 0 1px rgba(67,202,211,.1); }
.sales-quote-dialog::backdrop,.sales-quote-detail-dialog::backdrop { background:rgba(0,5,2,.78);backdrop-filter:blur(10px); }
.sales-quote-builder { height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:radial-gradient(circle at 80% 0,rgba(67,202,211,.09),transparent 35%),#071009; }
.sales-builder-header { min-height:88px;padding:17px 21px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(67,202,211,.14);background:rgba(8,16,10,.92); }
.sales-builder-header .eyebrow { margin:0 0 4px;color:var(--sales-cyan); }.sales-builder-header h2 { margin:0;color:#f4f8f4;font:850 clamp(27px,2vw,37px)/.95 var(--display);text-transform:uppercase; }.sales-builder-header p:last-child { margin:5px 0 0;color:#7f8e84;font-size:10px; }
.sales-builder-steps { min-height:65px;padding:7px 17px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;border-bottom:1px solid rgba(67,202,211,.1);background:rgba(67,202,211,.018); }
.sales-builder-steps button { min-width:0;padding:7px 10px;display:flex;align-items:center;gap:9px;color:#708077;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left; }
.sales-builder-steps button:hover,.sales-builder-steps button:focus-visible { color:#dbe7dd;border-color:rgba(67,202,211,.2);outline:0; }
.sales-builder-steps button b { flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;color:#779187;border:1px solid rgba(67,202,211,.18);border-radius:50%;font:900 10px/1 var(--body); }
.sales-builder-steps button span { overflow:hidden;font-size:9px;font-weight:900;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.sales-builder-steps button.active { color:#eaffc9;border-color:rgba(174,241,69,.3);background:rgba(174,241,69,.055); }.sales-builder-steps button.active b { color:#071006;border-color:var(--sales-green);background:var(--sales-green);box-shadow:0 0 14px rgba(174,241,69,.24); }.sales-builder-steps button.complete b { color:#071006;border-color:var(--sales-cyan);background:var(--sales-cyan); }
.sales-builder-body { min-height:0;overflow:auto;scrollbar-color:rgba(67,202,211,.26) transparent; }
.sales-builder-stage { display:none;min-height:100%;padding:20px clamp(18px,2.6vw,38px) 35px; }.sales-builder-stage.active { display:block;animation:sales-stage-in .24s ease both; }
@keyframes sales-stage-in { from { opacity:0;transform:translateY(7px); } }
.sales-stage-heading { max-width:980px;margin:0 0 20px;display:flex;align-items:flex-start;gap:12px; }.sales-stage-heading > span { flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;color:#071006;border-radius:10px;background:var(--sales-cyan);font:900 15px/1 var(--display); }
.sales-stage-heading .eyebrow { margin:0 0 4px;color:var(--sales-cyan);font-size:8px; }.sales-stage-heading h3 { margin:0;color:#f5f8f4;font:850 clamp(25px,2.2vw,37px)/.95 var(--display);text-transform:uppercase; }.sales-stage-heading p:last-child { margin:6px 0 0;color:#7f8e84;font-size:10px; }
.sales-client-layout { display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:16px; }
.sales-client-finder,.sales-client-editor,.sales-payment-preview,.sales-price-summary { min-width:0;padding:15px;border:1px solid rgba(67,202,211,.15);border-radius:12px;background:rgba(13,23,16,.73); }
.sales-client-finder { min-height:490px; }.sales-client-results { max-height:430px;margin-top:10px;display:grid;align-content:start;gap:6px;overflow:auto; }
.sales-client-result { width:100%;min-height:57px;padding:8px;display:grid;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:8px;color:#e7f0e9;border:1px solid rgba(67,202,211,.12);border-radius:9px;background:rgba(67,202,211,.035);text-align:left; }
.sales-client-result:hover,.sales-client-result:focus-visible { border-color:rgba(174,241,69,.45);outline:0;background:rgba(174,241,69,.045); }
.sales-client-result > i:first-child { width:32px;height:32px;display:grid;place-items:center;color:var(--sales-cyan);border-radius:8px;background:rgba(67,202,211,.08);font-size:18px; }.sales-client-result > i:last-child { color:var(--sales-green);font-size:18px; }
.sales-client-result span { min-width:0;display:grid;gap:3px; }.sales-client-result strong,.sales-client-result small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.sales-client-result strong { font-size:10px; }.sales-client-result small { color:#77877c;font-size:8px; }
.sales-selected-client { min-height:52px;margin-bottom:12px;padding:8px 10px;display:flex;align-items:center;gap:9px;color:#dfffad;border:1px solid rgba(174,241,69,.25);border-radius:9px;background:rgba(174,241,69,.055); }
.sales-selected-client > i { font-size:20px; }.sales-selected-client > span { min-width:0;display:grid;gap:2px; }.sales-selected-client strong { font-size:10px; }.sales-selected-client small { color:#8da17e;font-size:8px; }.sales-selected-client button { margin-left:auto; }
.sales-field-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.sales-field-grid label,.sales-field-stack label,.sales-quote-line > label,.sales-pricing-line > label { min-width:0;display:grid;gap:6px;color:#91a097;font-size:8px;font-weight:850;letter-spacing:.04em;text-transform:uppercase; }
.sales-field-grid label.full { grid-column:1/-1; }
.sales-field-grid :is(input,select,textarea),.sales-field-stack :is(input,select),.sales-quote-line :is(input,textarea),.sales-pricing-line input,.sales-product-search input,.sales-packing-form select { width:100%;min-height:41px;padding:9px 11px;color:#edf5ee;border:1px solid rgba(111,143,121,.25);border-radius:8px;outline:0;background:#101a13;font-size:10px;font-weight:600;letter-spacing:0;text-transform:none; }
.sales-field-grid textarea,.sales-quote-line textarea { resize:vertical;line-height:1.4; }
.sales-field-grid :is(input,select,textarea):focus,.sales-field-stack :is(input,select):focus,.sales-quote-line :is(input,textarea):focus,.sales-pricing-line input:focus,.sales-product-search input:focus { border-color:var(--sales-cyan);box-shadow:0 0 0 3px rgba(67,202,211,.08); }
.sales-builder-empty { min-height:165px;padding:18px;display:grid;place-content:center;justify-items:center;gap:7px;color:#748379;border:1px dashed rgba(102,137,114,.18);border-radius:10px;text-align:center; }.sales-builder-empty.compact { min-height:95px; }.sales-builder-empty > i { color:var(--sales-cyan);font-size:27px; }.sales-builder-empty strong { color:#c2cdc5;font-size:11px; }.sales-builder-empty span { max-width:330px;font-size:9px;line-height:1.45; }
.sales-product-search { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px; }.sales-product-search > label { min-height:44px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(67,202,211,.18);border-radius:9px;background:rgba(13,23,16,.73); }.sales-product-search > label > i { color:var(--sales-cyan);font-size:19px; }.sales-product-search input { padding-left:0;border:0;background:transparent; }
.sales-product-results { max-height:255px;margin-top:10px;padding-right:3px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;overflow:auto; }
.sales-product-result { min-width:0;min-height:78px;padding:8px;display:grid;grid-template-columns:58px minmax(0,1fr) 55px auto;align-items:center;gap:9px;border:1px solid rgba(67,202,211,.14);border-radius:10px;background:rgba(13,23,16,.67); }
.sales-product-image { position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(67,202,211,.12);border-radius:8px;background:#f7f8f5; }.sales-product-result .sales-product-image { width:58px;aspect-ratio:1; }.sales-product-image img { width:100%;height:100%;object-fit:contain; }.sales-image-fallback { color:#63736a;font-size:25px; }
.sales-product-result > div:nth-child(2) { min-width:0;display:grid;gap:3px; }.sales-product-result > div:nth-child(2) small { overflow:hidden;color:#68bfc6;font-size:7px;font-weight:900;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap; }.sales-product-result > div:nth-child(2) strong { overflow:hidden;color:#eef4ef;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }.sales-product-result > div:nth-child(2) span { overflow:hidden;color:#77867c;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }
.sales-result-stock { padding:5px;display:grid;justify-items:center;gap:2px;border-left:1px solid rgba(67,202,211,.12); }.sales-result-stock small { color:#728178;font-size:6px;font-weight:900; }.sales-result-stock strong { color:#bff675;font:900 16px/1 var(--display); }.sales-result-stock.danger strong { color:var(--sales-red); }
.sales-lines-head { margin:20px 0 9px;display:flex;align-items:end;justify-content:space-between;gap:10px; }.sales-lines-head .eyebrow { margin:0;color:var(--sales-cyan);font-size:7px; }.sales-lines-head h4 { margin:3px 0 0;color:#f0f5f1;font:850 19px/1 var(--display);text-transform:uppercase; }.sales-lines-head > span { color:#819086;font-size:8px;font-weight:900;text-transform:uppercase; }
.sales-quote-lines { display:grid;gap:8px; }
.sales-quote-line { position:relative;min-width:0;padding:9px 40px 9px 9px;display:grid;grid-template-columns:66px minmax(170px,1.1fr) 80px 90px 100px minmax(230px,1fr);align-items:center;gap:10px;border:1px solid rgba(67,202,211,.15);border-radius:11px;background:rgba(13,23,16,.73); }
.sales-quote-line.shortage { border-color:rgba(255,115,107,.33);box-shadow:inset 3px 0 var(--sales-red); }.sales-quote-line > .sales-product-image { width:66px;aspect-ratio:1; }
.sales-line-identity { min-width:0;display:grid;gap:3px; }.sales-line-identity small { overflow:hidden;color:#66bec5;font-size:7px;font-weight:900;text-overflow:ellipsis;white-space:nowrap; }.sales-line-identity strong { overflow:hidden;color:#f1f6f2;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }.sales-line-identity span { overflow:hidden;color:#75857b;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }
.sales-line-stock,.sales-line-price { display:grid;gap:3px; }.sales-line-stock small,.sales-line-price small { color:#708077;font-size:6px;font-weight:900;letter-spacing:.06em; }.sales-line-stock strong,.sales-line-price strong { color:#e6eee8;font:850 17px/1 var(--display); }.sales-line-stock span { overflow:hidden;color:#77887c;font-size:7px;text-overflow:ellipsis;white-space:nowrap; }.sales-line-price em { display:flex;align-items:center;gap:2px;color:var(--sales-red);font-size:6px;font-style:normal; }.sales-line-price em.good { color:var(--sales-green); }.sales-line-price em i { font-size:11px; }
.sales-line-notes { min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }.sales-line-notes label { min-width:0; }.sales-client-line-note span,.sales-internal-line-note span { display:flex;align-items:center;gap:4px; }.sales-client-line-note span i { color:var(--sales-cyan);font-size:13px; }.sales-internal-line-note span i { color:var(--sales-orange);font-size:13px; }.sales-line-notes textarea { min-height:51px!important; }
.sales-line-remove { position:absolute;right:8px;top:50%;width:27px;height:27px;padding:0;display:grid;place-items:center;color:#a98582;border:1px solid rgba(255,115,107,.14);border-radius:7px;background:rgba(255,115,107,.025);transform:translateY(-50%); }.sales-line-remove:hover,.sales-line-remove:focus-visible { color:#fff;border-color:var(--sales-red);background:rgba(255,115,107,.12);outline:0; }.sales-line-remove i { font-size:15px; }
.sales-pricing-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.28fr);align-items:start;gap:13px; }.sales-pricing-lines { min-width:0;display:grid;gap:8px; }
.sales-pricing-line { min-width:0;padding:9px;display:grid;grid-template-columns:58px minmax(130px,1fr) minmax(180px,.85fr) 115px minmax(140px,.75fr) 100px;align-items:center;gap:9px;border:1px solid rgba(67,202,211,.14);border-radius:10px;background:rgba(13,23,16,.7); }.sales-pricing-line.below-floor { border-color:rgba(255,115,107,.4);box-shadow:inset 3px 0 var(--sales-red); }.sales-pricing-line > .sales-product-image { width:58px;aspect-ratio:1; }
.sales-pricing-line dl { margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px; }.sales-pricing-line dl div { min-width:0;padding:5px;border-left:1px solid rgba(67,202,211,.1); }.sales-pricing-line dt { color:#718077;font-size:6px;font-weight:900;text-transform:uppercase; }.sales-pricing-line dd { margin:3px 0 0;color:#cbd6ce;font-size:8px;font-weight:800;white-space:nowrap; }
.sales-price-reason input { min-height:38px!important; }.sales-pricing-line-total { min-width:0;display:grid;justify-items:end;gap:3px;text-align:right; }.sales-pricing-line-total small { color:#738278;font-size:6px;font-weight:900; }.sales-pricing-line-total strong { color:#dfffad;font:850 16px/1 var(--display); }.sales-pricing-line-total em { color:#72bfc5;font-size:6px;font-style:normal; }.sales-pricing-line.below-floor .sales-pricing-line-total em { color:var(--sales-red); }
.sales-price-summary { position:sticky;top:8px; }.sales-price-summary .eyebrow { margin:0 0 10px;color:var(--sales-cyan); }.sales-price-summary dl { margin:0 0 14px;display:grid;gap:7px; }.sales-price-summary dl > div { display:flex;align-items:center;justify-content:space-between;gap:10px;color:#87968c;font-size:9px; }.sales-price-summary dl dd { margin:0;color:#dbe4dd;font-weight:800; }.sales-price-summary dl .total { margin-top:4px;padding-top:10px;color:#dfffad;border-top:1px solid rgba(174,241,69,.2);font-size:11px;font-weight:900; }.sales-price-summary dl .total dd { color:#dfffad;font:900 25px/1 var(--display); }
.sales-field-stack { display:grid;gap:9px; }
.sales-note-field { margin-top:14px;padding:12px;display:grid;grid-template-columns:minmax(210px,.32fr) minmax(0,1fr);gap:14px;border:1px solid rgba(67,202,211,.15);border-radius:10px;background:rgba(67,202,211,.035); }.sales-note-field.internal { border-color:rgba(244,166,64,.22);background:rgba(244,166,64,.035); }
.sales-note-field > span { display:grid;grid-template-columns:20px 1fr;align-content:start;gap:3px 6px; }.sales-note-field > span i { grid-row:1/3;color:var(--sales-cyan);font-size:18px; }.sales-note-field.internal > span i { color:var(--sales-orange); }.sales-note-field > span strong { color:#dfe9e1;font-size:10px; }.sales-note-field > span small { color:#78877e;font-size:8px;line-height:1.4; }
.sales-note-field textarea { min-height:74px;padding:10px;color:#edf4ee;border:1px solid rgba(67,202,211,.18);border-radius:8px;outline:0;background:#101913;resize:vertical;font-size:10px;line-height:1.45; }.sales-note-field textarea:focus { border-color:var(--sales-cyan);box-shadow:0 0 0 3px rgba(67,202,211,.08); }
.sales-terms-layout { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);align-items:start;gap:15px; }.sales-payment-preview { min-height:285px; }.sales-payment-preview .eyebrow { margin:0 0 14px;color:var(--sales-cyan); }
.sales-shipping-terms { grid-column:1/-1;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;border:1px solid rgba(67,202,211,.2);border-radius:11px;background:linear-gradient(135deg,rgba(67,202,211,.045),rgba(174,241,69,.025)); }.sales-shipping-terms > div:first-child,.sales-shipping-terms > label.full { grid-column:1/-1; }.sales-shipping-terms .eyebrow { margin:0 0 3px;color:var(--sales-cyan); }.sales-shipping-terms h4 { margin:0;color:#eff7f0;font:850 20px/1 var(--display);text-transform:uppercase; }.sales-shipping-terms > div:first-child > p:last-child { margin:5px 0 0;color:#7d8d82;font-size:8px; }.sales-shipping-method-fields { grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:9px; }.sales-shipping-method-fields > p { margin:0;padding:10px;color:#8aa096;border-left:2px solid rgba(174,241,69,.28);font-size:8px;line-height:1.45; }.sales-shipping-method-fields.hidden { display:none; }
#salesPaymentPreview { min-height:230px;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center; }.sales-payment-preview #salesPaymentPreview > i { width:58px;height:58px;display:grid;place-items:center;color:var(--sales-cyan);border:1px solid rgba(67,202,211,.22);border-radius:50%;background:rgba(67,202,211,.055);font-size:29px;box-shadow:0 0 28px rgba(67,202,211,.09); }
#salesPaymentPreview strong { color:#eef5ef;font:850 20px/1 var(--display);text-transform:uppercase; }.sales-payment-preview #salesPaymentPreview > p { max-width:300px;margin:0;color:#819087;font-size:9px;line-height:1.45; }.sales-payment-preview #salesPaymentPreview > span { margin-top:7px;padding:8px;display:flex;align-items:center;gap:6px;color:#b7c5ba;border:1px solid rgba(174,241,69,.13);border-radius:8px;background:rgba(174,241,69,.035);font-size:8px;line-height:1.35; }.sales-payment-preview #salesPaymentPreview > span i { color:var(--sales-green);font-size:14px; }
.sales-review-content { display:grid;gap:12px; }.sales-review-summary { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px; }.sales-review-summary > article { min-width:0;min-height:116px;padding:13px;display:grid;align-content:start;gap:4px;border:1px solid rgba(67,202,211,.14);border-radius:10px;background:rgba(13,23,16,.7); }
.sales-review-shipping,.sales-shipping-label-status { padding:12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(67,202,211,.2);border-radius:10px;background:rgba(67,202,211,.04); }.sales-review-shipping > i,.sales-shipping-label-status > i { flex:0 0 auto;color:var(--sales-cyan);font-size:25px; }.sales-review-shipping span,.sales-shipping-label-status span { min-width:0;display:grid;gap:3px; }.sales-review-shipping strong,.sales-shipping-label-status strong { color:#eaf3ec;font-size:9px;text-transform:uppercase; }.sales-review-shipping p,.sales-shipping-label-status p { margin:0;color:#84958a;font-size:8px;line-height:1.45; }.sales-shipping-label-status.received { border-color:rgba(174,241,69,.3);background:rgba(174,241,69,.05); }.sales-shipping-label-status.received > i { color:var(--sales-green); }.sales-shipping-label-status .button { margin-left:auto; }
.sales-review-summary .eyebrow { margin:0 0 6px;color:var(--sales-cyan);font-size:7px; }.sales-review-summary h4 { margin:0;overflow:hidden;color:#eef5ef;font:850 21px/1 var(--display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }.sales-review-summary span,.sales-review-summary small { overflow:hidden;color:#86958b;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }.sales-review-total h4 { color:#dfffad;font-size:30px; }
.sales-review-lines { border:1px solid rgba(67,202,211,.14);border-radius:10px;overflow:hidden; }.sales-review-lines > header { min-height:38px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(67,202,211,.04); }.sales-review-lines > header strong { color:#d9e4dc;font-size:9px;text-transform:uppercase; }.sales-review-lines > header small { color:#708078;font-size:7px; }
.sales-review-lines article { min-height:50px;padding:7px 11px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;border-top:1px solid rgba(67,202,211,.08); }.sales-review-lines article > span { color:var(--sales-cyan);font:850 18px/1 var(--display); }.sales-review-lines article > div { min-width:0;display:grid;gap:2px; }.sales-review-lines article strong { color:#e9f0ea;font-size:9px; }.sales-review-lines article small { color:#738179;font-size:7px; }.sales-review-lines article p { margin:3px 0 0;display:flex;align-items:center;gap:4px;color:#9ebdc0;font-size:7px; }.sales-review-lines article p i { font-size:12px; }.sales-review-lines article > b { color:#dfffad;font-size:10px; }
.sales-inventory-gate { padding:11px;display:flex;align-items:center;gap:10px;border:1px solid rgba(174,241,69,.22);border-radius:10px;background:rgba(174,241,69,.045); }.sales-inventory-gate.warning { border-color:rgba(255,115,107,.32);background:rgba(255,115,107,.045); }.sales-inventory-gate > i { color:var(--sales-green);font-size:27px; }.sales-inventory-gate.warning > i { color:var(--sales-red); }.sales-inventory-gate strong { color:#e6eee7;font-size:10px; }.sales-inventory-gate p { margin:3px 0 0;color:#819087;font-size:8px;line-height:1.4; }
.sales-client-journey { min-width:0;padding:10px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:5px;border:1px solid rgba(67,202,211,.13);border-radius:10px;background:rgba(67,202,211,.025); }.sales-client-journey > div { min-width:0;display:flex;align-items:center;gap:6px; }.sales-client-journey > div > i { flex:0 0 auto;color:var(--sales-cyan);font-size:19px; }.sales-client-journey span { min-width:0;display:grid;gap:2px; }.sales-client-journey strong,.sales-client-journey small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.sales-client-journey strong { color:#dce6de;font-size:8px; }.sales-client-journey small { color:#718178;font-size:6px; }.sales-client-journey > b { color:rgba(174,241,69,.42);font-size:13px;text-align:center; }
.sales-confirm-check { min-height:58px;margin-top:12px;padding:10px;display:flex;align-items:center;gap:10px;color:#e7efea;border:1px solid rgba(255,115,107,.3);border-radius:10px;background:rgba(255,115,107,.045);cursor:pointer; }.sales-confirm-check input { width:20px;height:20px;accent-color:var(--sales-green); }.sales-confirm-check span { display:grid;gap:3px; }.sales-confirm-check strong { font-size:10px; }.sales-confirm-check small { color:#9a8582;font-size:8px; }
.sales-builder-footer { min-height:66px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid rgba(67,202,211,.14);background:#0a130d;box-shadow:0 -12px 30px rgba(0,0,0,.15); }.sales-builder-footer > div { display:flex;align-items:center;gap:8px; }#salesBuilderStatus { max-width:420px;color:#ffbf83;font-size:8px; }.sales-builder-footer .button { min-height:42px; }
.sales-quote-detail-shell { height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:radial-gradient(circle at 80% 0,rgba(174,241,69,.07),transparent 32%),#071009; }
.sales-quote-detail-shell > header { min-height:92px;padding:17px 21px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(67,202,211,.14); }
.sales-quote-detail-shell > header .eyebrow { margin:0 0 4px;color:var(--sales-cyan); }.sales-quote-detail-shell > header h2 { margin:0;color:#f3f7f4;font:850 clamp(26px,2.2vw,40px)/.95 var(--display);text-transform:uppercase; }.sales-quote-detail-shell > header p:last-child { margin:5px 0 0;color:#7d8d82;font-size:9px; }
.sales-detail-tabs { min-height:52px;padding:7px 18px;display:flex;gap:7px;border-bottom:1px solid rgba(67,202,211,.1); }.sales-detail-tabs button { min-height:37px;padding:0 14px;color:#87968c;border:1px solid rgba(67,202,211,.12);border-radius:8px;background:rgba(67,202,211,.025);font-size:9px;font-weight:900;text-transform:uppercase; }.sales-detail-tabs button:hover,.sales-detail-tabs button:focus-visible,.sales-detail-tabs button.active { color:#071006;border-color:var(--sales-green);outline:0;background:var(--sales-green); }
.sales-quote-detail-content { min-height:0;padding:18px clamp(18px,2.4vw,34px) 35px;overflow:auto; }
.sales-detail-overview { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.55fr) auto;align-items:stretch;gap:10px; }
.sales-detail-client,.sales-detail-total,.sales-detail-actions { min-width:0;min-height:135px;padding:14px;display:grid;align-content:center;gap:5px;border:1px solid rgba(67,202,211,.14);border-radius:11px;background:rgba(13,23,16,.72); }
.sales-detail-client .eyebrow,.sales-detail-total .eyebrow { margin:0 0 4px;color:var(--sales-cyan);font-size:7px; }.sales-detail-client h3 { margin:0;color:#f1f6f2;font:850 25px/1 var(--display);text-transform:uppercase; }.sales-detail-client span { color:#bdd0c1;font-size:9px; }.sales-detail-client small { color:#65bec5;font-size:8px; }.sales-detail-client p { margin:5px 0 0;color:#7e8d83;font-size:8px;white-space:pre-line; }
.sales-detail-total > strong { color:#dfffad;font:900 38px/1 var(--display); }.sales-detail-total > span { justify-self:start; }.sales-detail-total > small { color:#78887d;font-size:8px; }
.sales-detail-actions { min-width:190px;gap:7px; }.sales-detail-actions .button { display:flex;align-items:center;justify-content:center;gap:6px; }.sales-detail-actions .button i { font-size:16px; }
.sales-client-note,.sales-decline-note { margin-top:10px;padding:11px;display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(67,202,211,.18);border-radius:10px;background:rgba(67,202,211,.04); }.sales-decline-note { border-color:rgba(255,115,107,.25);background:rgba(255,115,107,.04); }.sales-client-note > i { color:var(--sales-cyan); }.sales-decline-note > i { color:var(--sales-red); }.sales-client-note strong,.sales-decline-note strong { font-size:9px;text-transform:uppercase; }.sales-client-note p,.sales-decline-note p { margin:4px 0 0;color:#96a49a;font-size:9px;line-height:1.45;white-space:pre-line; }
.sales-shipping-note > span { width:100%; }.sales-shipping-note .button { width:max-content;margin-top:8px; }
.sales-detail-lines { margin-top:12px;border:1px solid rgba(67,202,211,.14);border-radius:11px;overflow:hidden; }.sales-detail-lines > header { min-height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#dce5de;background:rgba(67,202,211,.04); }.sales-detail-lines > header strong { font-size:10px;text-transform:uppercase; }.sales-detail-lines > header small { color:#77877d;font-size:8px; }
.sales-detail-lines article { min-height:74px;padding:8px 12px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;border-top:1px solid rgba(67,202,211,.08); }.sales-detail-lines .sales-product-image { width:56px;aspect-ratio:1; }.sales-detail-lines article > span { min-width:0;display:grid;gap:3px; }.sales-detail-lines article > span > small { color:#64bec4;font-size:7px;font-weight:900; }.sales-detail-lines article > span > strong { color:#edf4ee;font-size:10px; }.sales-detail-lines article p { margin:2px 0 0;display:flex;align-items:center;gap:4px;color:#99bfc1;font-size:8px; }.sales-detail-lines article p i { font-size:13px; }.sales-detail-lines article > b { display:grid;justify-items:end;gap:4px;color:#98a69c;font-size:8px; }.sales-detail-lines article > b strong { color:#dfffad;font:850 17px/1 var(--display); }
.sales-detail-notes { margin-top:12px;display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:10px; }.sales-detail-notes > div { padding:12px;display:grid;align-content:start;gap:4px;border:1px solid rgba(67,202,211,.14);border-radius:10px;background:rgba(13,23,16,.68); }.sales-detail-notes .eyebrow { margin:0 0 4px;color:var(--sales-cyan);font-size:7px; }.sales-detail-notes strong { color:#e8f0e9;font-size:10px; }.sales-detail-notes span { color:#7b8a80;font-size:8px; }.sales-detail-notes .internal { border-color:rgba(244,166,64,.2);background:rgba(244,166,64,.035); }.sales-detail-notes .internal .eyebrow { display:flex;align-items:center;gap:4px;color:var(--sales-orange); }.sales-detail-notes .internal i { font-size:12px; }.sales-detail-notes p:last-child { margin:0;color:#9da99f;font-size:9px;line-height:1.5;white-space:pre-line; }
.sales-detail-timeline > header { margin-bottom:12px; }.sales-detail-timeline > header .eyebrow { margin:0 0 4px;color:var(--sales-cyan); }.sales-detail-timeline > header h3 { margin:0;color:#f1f6f2;font:850 25px/1 var(--display);text-transform:uppercase; }.sales-detail-timeline > header p:last-child { margin:5px 0 0;color:#7a8a7f;font-size:9px; }
.sales-detail-timeline > article { min-height:72px;display:grid;grid-template-columns:34px 12px minmax(0,1fr);gap:9px; }.sales-detail-timeline > article > span { color:#66847b;font:850 10px/1 var(--display); }.sales-detail-timeline > article > i { position:relative;width:8px;height:8px;margin-top:2px;border:2px solid var(--sales-cyan);border-radius:50%;box-shadow:0 0 10px rgba(67,202,211,.35); }.sales-detail-timeline > article > i::after { content:"";position:absolute;top:10px;left:2px;width:1px;height:54px;background:linear-gradient(var(--sales-cyan),transparent); }.sales-detail-timeline > article:last-child > i::after { display:none; }.sales-detail-timeline > article > div { min-width:0;padding:0 0 14px;border-bottom:1px solid rgba(67,202,211,.09); }.sales-detail-timeline strong { color:#ebf2ec;font-size:10px; }.sales-detail-timeline p { margin:4px 0;color:#89988d;font-size:9px; }.sales-detail-timeline small { color:#67bdc3;font-size:7px; }
.sales-payment-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }.sales-payment-grid > section { min-height:360px;padding:20px;display:grid;align-content:center;justify-items:center;gap:9px;border:1px solid rgba(67,202,211,.16);border-radius:13px;background:rgba(13,23,16,.72);text-align:center; }.sales-payment-grid .eyebrow { margin:0;color:var(--sales-cyan); }.sales-payment-grid h3 { margin:0;color:#f1f5f2;font:850 27px/1 var(--display);text-transform:uppercase; }.sales-payment-status > .sales-status-pill { margin:3px 0 10px; }.sales-payment-status dl { width:min(100%,420px);margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; }.sales-payment-status dl div { padding:10px;border:1px solid rgba(67,202,211,.1);border-radius:8px;background:rgba(67,202,211,.025); }.sales-payment-status dt { color:#77877d;font-size:7px;font-weight:900;text-transform:uppercase; }.sales-payment-status dd { margin:4px 0 0;color:#dce6de;font:850 17px/1 var(--display); }.sales-payment-method > i { width:70px;height:70px;display:grid;place-items:center;color:var(--sales-green);border:1px solid rgba(174,241,69,.23);border-radius:50%;background:rgba(174,241,69,.05);font-size:34px; }.sales-payment-method > p { margin:0;color:#839288;font-size:9px; }.sales-integration-note { max-width:360px;padding:9px;display:flex;align-items:center;gap:6px;color:#89988d;border:1px dashed rgba(131,158,139,.2);border-radius:8px;font-size:8px; }.sales-integration-note i { font-size:15px; }
.sales-fulfillment-gates { display:grid;gap:8px; }.sales-fulfillment-gates > article { min-height:82px;padding:10px;display:grid;grid-template-columns:34px 36px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(112,137,119,.16);border-radius:11px;background:rgba(13,23,16,.64); }.sales-fulfillment-gates > article > span:first-child { width:31px;height:31px;display:grid;place-items:center;color:#65776c;border:1px solid rgba(112,137,119,.18);border-radius:50%;font:850 10px/1 var(--body); }.sales-fulfillment-gates > article > i { color:#6f8075;font-size:24px; }.sales-fulfillment-gates > article > div { min-width:0; }.sales-fulfillment-gates > article strong { color:#dbe5dd;font-size:10px; }.sales-fulfillment-gates > article p { margin:4px 0 0;color:#77867c;font-size:8px;line-height:1.4; }.sales-fulfillment-gates > article.complete { border-color:rgba(174,241,69,.22);background:rgba(174,241,69,.035); }.sales-fulfillment-gates > article.complete > span:first-child { color:#071006;border-color:var(--sales-green);background:var(--sales-green); }.sales-fulfillment-gates > article.complete > i { color:var(--sales-green); }.sales-fulfillment-gates > article.action { border-color:rgba(67,202,211,.32);box-shadow:inset 3px 0 var(--sales-cyan); }.sales-fulfillment-gates > article.action > i { color:var(--sales-cyan); }.sales-packing-form { display:flex;align-items:center;gap:6px; }.sales-packing-form select { min-width:180px; }.sales-inventory-rule { margin:11px 0 0;padding:9px;display:flex;align-items:center;gap:7px;color:#839288;border:1px solid rgba(67,202,211,.12);border-radius:8px;background:rgba(67,202,211,.025);font-size:8px; }.sales-inventory-rule i { color:var(--sales-cyan);font-size:16px; }
html[data-color-mode="light"] .sales-workspace { color:#172019; }
html[data-color-mode="light"] .sales-workspace .panel { border-color:rgba(39,116,126,.2);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,247,242,.94));box-shadow:inset 0 1px #fff,0 13px 28px rgba(35,57,38,.1); }
html[data-color-mode="light"] .sales-hero-copy h2,html[data-color-mode="light"] .sales-command-grid > .panel > header h3,html[data-color-mode="light"] .sales-ledger-head h3,html[data-color-mode="light"] .sales-ledger-table td > strong { color:#172019; }
html[data-color-mode="light"] .sales-hero-copy p:last-child,html[data-color-mode="light"] .sales-command-grid > .panel > header p:last-child,html[data-color-mode="light"] .sales-ledger-head p:last-child { color:#5c6c62; }
html[data-color-mode="light"] .sales-control-deck,html[data-color-mode="light"] .sales-funnel { border-color:rgba(39,116,126,.2);background:rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(35,57,38,.08); }
html[data-color-mode="light"] .sales-scope-controls select,html[data-color-mode="light"] .sales-ledger-tools select { color:#172019;background:#fff; }
html[data-color-mode="light"] .sales-funnel-stage { color:#172019;border-color:rgba(39,116,126,.15);background:linear-gradient(145deg,rgba(230,245,242,.8),rgba(255,255,255,.92)); }.sales-funnel-stage strong { color:#f7faf6; }html[data-color-mode="light"] .sales-funnel-stage strong { color:#172019; }
html[data-color-mode="light"] .sales-funnel-declined { color:#6f2925;background:rgba(255,115,107,.06); }html[data-color-mode="light"] .sales-funnel-declined strong { color:#762d28; }
html[data-color-mode="light"] .sales-attention-item,html[data-color-mode="light"] .sales-pipeline-total { color:#172019;border-color:rgba(39,116,126,.14);background:rgba(245,250,246,.88); }
html[data-color-mode="light"] .sales-attention-item > span strong,html[data-color-mode="light"] .sales-pipeline-total > strong,html[data-color-mode="light"] .sales-activity-item,html[data-color-mode="light"] .sales-activity-item strong { color:#172019; }
html[data-color-mode="light"] .sales-ledger-table th { color:#56685b;background:rgba(39,116,126,.045); }html[data-color-mode="light"] .sales-ledger-table td { color:#3f5145;border-color:rgba(39,116,126,.09); }html[data-color-mode="light"] .sales-search { background:#fff; }html[data-color-mode="light"] .sales-search input { color:#172019; }
@media (min-width:1500px) and (min-height:860px) { .sales-command-grid > .panel { height:min(28vh,330px); }.sales-funnel-stage { min-height:120px; } }
@media (max-width:1280px) {
  .sales-funnel { grid-template-columns:1fr; }.sales-funnel-declined { min-height:68px;justify-content:center; }
  .sales-command-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.sales-activity-panel { grid-column:1/-1; }.sales-command-grid > .panel { height:290px; }.sales-activity-panel { height:220px!important; }
  .sales-pricing-line { grid-template-columns:54px minmax(130px,1fr) minmax(180px,.8fr) 110px minmax(130px,.7fr); }.sales-pricing-line-total { grid-column:2/-1;display:flex;align-items:center;justify-content:flex-end;gap:9px; }
  .sales-quote-line { grid-template-columns:58px minmax(150px,1fr) 75px 82px 95px; }.sales-line-notes { grid-column:2/-1; }
}
@media (max-width:1020px) {
  .sales-funnel-track { display:flex;overflow-x:auto;scroll-snap-type:x mandatory; }.sales-funnel-stage { flex:0 0 160px;scroll-snap-align:start; }.sales-funnel-connector { flex:0 0 20px; }
  .sales-client-layout,.sales-pricing-layout,.sales-terms-layout { grid-template-columns:1fr; }.sales-client-finder { min-height:260px; }.sales-client-results { max-height:210px; }.sales-price-summary { position:static; }.sales-product-results { grid-template-columns:1fr; }
  .sales-quote-line { grid-template-columns:58px minmax(150px,1fr) 75px 82px; }.sales-line-price { grid-column:4; }.sales-line-notes { grid-column:2/-1; }
  .sales-pricing-line { grid-template-columns:54px minmax(140px,1fr) minmax(170px,.8fr) 110px; }.sales-price-reason { grid-column:2/4; }.sales-pricing-line-total { grid-column:4;display:grid; }
  .sales-review-summary { grid-template-columns:1fr 1fr; }.sales-review-total { grid-column:1/-1; }.sales-detail-overview { grid-template-columns:1fr 1fr; }.sales-detail-actions { grid-column:1/-1;min-height:0;display:flex; }.sales-detail-actions .button { flex:1; }
}
@media (max-width:760px) {
  .sales-workspace { gap:10px; }.sales-hero { align-items:flex-start;flex-direction:column; }.sales-hero-actions { width:100%;justify-content:flex-start; }.sales-data-pulse { width:100%; }
  .sales-control-deck { align-items:stretch;flex-direction:column; }.sales-period-controls { display:grid;grid-template-columns:repeat(3,1fr); }.sales-period-controls button { padding:0 7px; }.sales-scope-controls { justify-content:space-between; }
  .sales-command-grid { grid-template-columns:1fr; }.sales-activity-panel { grid-column:auto; }.sales-command-grid > .panel,.sales-activity-panel { height:320px!important; }
  .sales-ledger-head { align-items:stretch;flex-direction:column; }.sales-ledger-tools { min-width:0;width:100%;align-items:stretch;flex-direction:column; }.sales-ledger-tools .sales-search { width:100%; }.sales-ledger-tools select { width:100%; }
  .sales-quote-dialog,.sales-quote-detail-dialog { width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0; }
  .sales-builder-header,.sales-quote-detail-shell > header { min-height:77px;padding:12px 14px; }.sales-builder-steps { padding:5px;gap:3px; }.sales-builder-steps button { min-height:49px;padding:4px;justify-content:center; }.sales-builder-steps button b { width:28px;height:28px; }.sales-builder-steps button span { display:none; }
  .sales-builder-stage { padding:15px 12px 28px; }.sales-stage-heading > span { width:35px;height:35px; }.sales-field-grid { grid-template-columns:1fr; }.sales-field-grid label.full { grid-column:auto; }.sales-product-search { grid-template-columns:1fr; }
  .sales-product-result { grid-template-columns:51px minmax(0,1fr) auto; }.sales-product-result .sales-product-image { width:51px; }.sales-result-stock { display:none; }
  .sales-quote-line { padding:8px 35px 8px 8px;grid-template-columns:52px minmax(0,1fr) 72px;align-items:start; }.sales-quote-line > .sales-product-image { width:52px; }.sales-line-stock { grid-column:2; }.sales-line-price { grid-column:3;grid-row:2; }.sales-line-notes { grid-column:1/-1;grid-template-columns:1fr; }
  .sales-pricing-line { grid-template-columns:50px minmax(0,1fr); }.sales-pricing-line > .sales-product-image { width:50px; }.sales-pricing-line dl,.sales-pricing-line > label,.sales-pricing-line-total { grid-column:1/-1; }.sales-pricing-line-total { display:flex;align-items:center;justify-content:space-between; }
  .sales-note-field { grid-template-columns:1fr; }.sales-review-summary { grid-template-columns:1fr; }.sales-review-total { grid-column:auto; }
  .sales-client-journey { grid-template-columns:1fr; }.sales-client-journey > b { transform:rotate(90deg); }.sales-client-journey > div { min-height:42px; }
  .sales-builder-footer { min-height:108px;padding:8px;align-items:stretch;flex-direction:column; }.sales-builder-footer > div { width:100%;justify-content:space-between; }.sales-builder-footer > div:last-child { display:grid;grid-template-columns:repeat(3,1fr); }.sales-builder-footer .button { min-width:0;padding:0 7px; }.sales-builder-footer .text-button { font-size:8px; }#salesBuilderStatus { text-align:right; }
  .sales-detail-tabs { padding:5px;overflow-x:auto; }.sales-detail-tabs button { flex:0 0 auto;padding:0 10px; }.sales-detail-overview,.sales-detail-notes,.sales-payment-grid { grid-template-columns:1fr; }.sales-detail-actions { grid-column:auto; }.sales-payment-grid > section { min-height:300px; }
  .sales-fulfillment-gates > article { grid-template-columns:30px 30px minmax(0,1fr); }.sales-fulfillment-gates > article > :is(.sales-status-pill,.button,.sales-packing-form) { grid-column:2/-1;justify-self:start; }.sales-packing-form { width:100%;align-items:stretch;flex-direction:column; }.sales-packing-form select { min-width:0; }
}
@media (prefers-reduced-motion:reduce) { .sales-data-pulse > i { animation:none; }.sales-builder-stage.active { animation:none; }.sales-funnel-stage { transition:none; } }
@media (max-width:760px) { .sales-shipping-terms,.sales-shipping-method-fields { grid-template-columns:1fr; }.sales-shipping-terms > div:first-child,.sales-shipping-terms > label.full { grid-column:auto; }.sales-shipping-label-status { align-items:flex-start;flex-direction:column; }.sales-shipping-label-status .button { width:100%;margin-left:0; } }
.sales-public-mode { color-scheme:light;background:#f2f4ef; }
.sales-public-mode body { background:#f2f4ef;color:#161c17; }
.sales-public-mode #toast { color:#fff; }
.sales-proposal-portal { min-height:100vh;background:radial-gradient(circle at 88% 8%,rgba(174,241,69,.17),transparent 22%),linear-gradient(180deg,#f8faf6,#edf1eb 60%,#e6ebe4);font-family:var(--body); }
.sales-proposal-site-header { position:sticky;z-index:12;top:0;min-height:78px;padding:13px clamp(18px,5vw,74px);display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(45,70,49,.14);background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(35,55,40,.07);backdrop-filter:blur(16px); }
.sales-proposal-site-header img { width:95px;max-height:48px;object-fit:contain; }.sales-proposal-site-header > div { padding:7px 10px;display:flex;align-items:center;gap:7px;color:#405244;border:1px solid rgba(49,76,53,.15);border-radius:999px;background:#f8faf6;font-size:8px;font-weight:900;letter-spacing:.13em; }.sales-proposal-site-header > div i { width:6px;height:6px;border-radius:50%;background:#78bc27;box-shadow:0 0 9px #78bc27; }
.sales-proposal-portal-body { width:min(1120px,calc(100% - 28px));margin:28px auto 50px;display:grid;gap:16px; }
.sales-proposal-loading { min-height:70vh;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center; }.sales-proposal-loading .eyebrow { margin:12px 0 0;color:#5d7d25; }.sales-proposal-loading h1 { margin:0;color:#152018;font:850 clamp(38px,6vw,74px)/.9 var(--display);text-transform:uppercase; }.sales-proposal-loading p:last-child { color:#667168; }
.sales-proposal-document { overflow:hidden;border:1px solid rgba(53,78,57,.15);border-radius:18px;background:#fff;box-shadow:0 22px 60px rgba(38,58,42,.12); }
.sales-proposal-hero { min-height:230px;padding:clamp(25px,5vw,58px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;color:#f5faf5;background:linear-gradient(122deg,#07120b,#102219 64%,#183225); }
.sales-proposal-hero .eyebrow { color:#aef145; }.sales-proposal-hero h1 { max-width:700px;margin:0;color:#fff;font:850 clamp(45px,7vw,84px)/.82 var(--display);letter-spacing:-.035em;text-transform:uppercase; }.sales-proposal-hero p:last-child { max-width:650px;margin:15px 0 0;color:#aebbb0;font-size:13px;line-height:1.5; }
.sales-proposal-status-card { min-width:220px;padding:19px;display:grid;gap:7px;border:1px solid rgba(174,241,69,.25);border-radius:13px;background:rgba(174,241,69,.06); }.sales-proposal-status-card span { color:#aef145;font-size:8px;font-weight:900;letter-spacing:.13em; }.sales-proposal-status-card strong { color:#fff;font:850 27px/1 var(--display); }.sales-proposal-status-card small { color:#9eaea2;font-size:8px; }
.sales-proposal-parties { padding:30px clamp(22px,5vw,55px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;border-bottom:1px solid #e2e7e1; }.sales-proposal-parties > div:last-child { padding-left:40px;border-left:1px solid #dce3db; }.sales-proposal-parties .eyebrow { margin:0 0 7px;color:#5e7c25; }.sales-proposal-parties h2 { margin:0;color:#172019;font:850 26px/1 var(--display);text-transform:uppercase; }.sales-proposal-parties strong,.sales-proposal-parties a { display:block;margin-top:6px;color:#324638;font-size:11px;font-weight:750; }.sales-proposal-parties a { color:#277d85; }.sales-proposal-parties p:last-child { margin:8px 0 0;color:#758078;font-size:10px;line-height:1.5;white-space:pre-line; }
.sales-proposal-message { margin:28px clamp(22px,5vw,55px) 0;padding:17px;display:flex;align-items:flex-start;gap:10px;color:#324238;border-left:4px solid #9edc37;background:#f4f8f1; }.sales-proposal-message > i { color:#6e972e;font-size:24px; }.sales-proposal-message p { margin:0;font-size:12px;line-height:1.65;white-space:pre-line; }
.sales-proposal-items { padding:31px clamp(22px,5vw,55px); }.sales-proposal-items > header { margin-bottom:12px;display:flex;align-items:end;justify-content:space-between;gap:12px; }.sales-proposal-items .eyebrow { margin:0;color:#5e7c25; }.sales-proposal-items h2 { margin:5px 0 0;color:#172019;font:850 31px/1 var(--display);text-transform:uppercase; }.sales-proposal-items > header > span { color:#758078;font-size:9px;font-weight:850;text-transform:uppercase; }
.sales-proposal-items > div { display:grid;gap:7px; }.sales-portal-item { position:relative;min-width:0;min-height:92px;padding:10px 13px 10px 10px;display:grid;grid-template-columns:70px minmax(0,1fr) 70px 95px 105px;align-items:center;gap:13px;color:#172019;border:1px solid #dfe5dd;border-radius:11px;background:#fbfcfa;text-decoration:none;transition:.16s ease; }.sales-portal-item:hover,.sales-portal-item:focus-visible { border-color:#8fbd49;outline:0;box-shadow:0 9px 22px rgba(65,94,68,.09);transform:translateY(-1px); }.sales-portal-product-image { width:70px;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;border:1px solid #e3e7e1;border-radius:8px;background:#fff; }.sales-portal-product-image img { width:100%;height:100%;object-fit:contain; }.sales-portal-product-image .sales-image-fallback { color:#6b786e; }
.sales-portal-product-copy { min-width:0;display:grid;gap:4px; }.sales-portal-product-copy > small { overflow:hidden;color:#3a8990;font-size:8px;font-weight:900;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap; }.sales-portal-product-copy > strong { color:#18221a;font-size:12px; }.sales-portal-product-copy p { margin:2px 0 0;display:flex;align-items:center;gap:5px;color:#607368;font-size:9px;line-height:1.4; }.sales-portal-product-copy p i { color:#3a8990;font-size:14px; }.sales-portal-item > span { display:grid;gap:4px;text-align:right; }.sales-portal-item > span small { color:#818b83;font-size:7px;font-weight:900; }.sales-portal-item > span strong { color:#35463a;font-size:11px; }.sales-portal-item > b { color:#4f711e;font:850 20px/1 var(--display);text-align:right; }.sales-portal-item-link { position:absolute;right:5px;top:5px;color:#a0aaa2;font-size:12px; }
.sales-proposal-commercial { padding:4px clamp(22px,5vw,55px) 35px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);align-items:start;gap:25px; }.sales-proposal-terms,.sales-proposal-totals { padding:20px;border:1px solid #dfe5dd;border-radius:12px;background:#f8faf6; }.sales-proposal-commercial .eyebrow { color:#5e7c25; }.sales-proposal-terms > dl { margin:0;display:grid;gap:10px; }.sales-proposal-terms > dl div { display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:9px;border-bottom:1px solid #e0e6de; }.sales-proposal-terms dt { color:#758078;font-size:8px;font-weight:850;text-transform:uppercase; }.sales-proposal-terms dd { margin:0;color:#28352c;font-size:10px;font-weight:750;text-align:right; }.sales-proposal-terms aside { margin-top:13px;padding:12px;display:flex;align-items:flex-start;gap:9px;color:#344238;border:1px solid rgba(55,126,135,.17);border-radius:9px;background:#f2f8f8; }.sales-proposal-terms aside > i { color:#37838a; }.sales-proposal-terms aside strong { font-size:9px;text-transform:uppercase; }.sales-proposal-terms aside p { margin:4px 0 0;font-size:9px;line-height:1.5;white-space:pre-line; }
.sales-proposal-totals dl { margin:0;display:grid;gap:9px; }.sales-proposal-totals dl div { display:flex;align-items:center;justify-content:space-between;gap:14px;color:#637067;font-size:10px; }.sales-proposal-totals dd { margin:0;color:#2c3a30;font-weight:750; }.sales-proposal-totals .total { margin-top:6px;padding-top:16px;border-top:2px solid #253127; }.sales-proposal-totals .total dt { color:#172019;font-weight:900;text-transform:uppercase; }.sales-proposal-totals .total dd { color:#4b6e18;font:900 32px/1 var(--display); }
.sales-proposal-shipping { margin:0 clamp(22px,5vw,55px) 31px;padding:20px;border:1px solid #d9e3d6;border-radius:13px;background:linear-gradient(135deg,#f4f8f1,#fbfcfa); }.sales-proposal-shipping > header { display:flex;align-items:flex-start;gap:13px; }.sales-proposal-shipping > header > i { width:45px;height:45px;display:grid;place-items:center;color:#4f7c20;border-radius:10px;background:#e5f1d6;font-size:25px; }.sales-proposal-shipping .eyebrow { margin:0 0 5px;color:#5e7c25; }.sales-proposal-shipping h2 { margin:0;color:#172019;font:850 clamp(22px,3vw,33px)/1 var(--display);text-transform:uppercase; }.sales-proposal-shipping header p:last-child { margin:7px 0 0;color:#6f7c72;font-size:9px;line-height:1.5; }.sales-portal-label-tools { margin-top:16px;padding-top:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-top:1px solid #dce5da; }.sales-portal-label-status { grid-column:1/-1;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid #d8e0d6;border-radius:9px;background:#fff; }.sales-portal-label-status > i { color:#668833;font-size:25px; }.sales-portal-label-status span { min-width:0;display:grid;gap:3px; }.sales-portal-label-status strong { color:#233027;font-size:10px;text-transform:uppercase; }.sales-portal-label-status small { color:#6f7b72;font-size:9px; }.sales-portal-label-status .sales-portal-secondary { margin-left:auto; }.sales-portal-label-tools form { min-width:0;display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(150px,.7fr) auto;align-items:end;gap:9px; }.sales-portal-label-tools form label { display:grid;gap:5px;color:#536257;font-size:8px;font-weight:850;text-transform:uppercase; }.sales-portal-label-tools form input { width:100%;min-height:43px;padding:9px 10px;color:#172019;border:1px solid #cbd5ca;border-radius:8px;background:#fff;font-size:10px;text-transform:none; }.sales-portal-label-tools form .sales-portal-form-status { grid-column:1/-1; }
.sales-proposal-downloads { min-height:80px;padding:13px clamp(22px,5vw,55px);display:flex;align-items:center;gap:9px;color:#fff;background:#111913; }.sales-proposal-downloads > div { margin-right:auto;display:flex;align-items:center;gap:9px; }.sales-proposal-downloads > div > i { color:#aef145;font-size:28px; }.sales-proposal-downloads > div span { display:grid;gap:3px; }.sales-proposal-downloads > div strong { font-size:10px; }.sales-proposal-downloads > div small { color:#95a098;font-size:8px; }
.sales-portal-primary,.sales-portal-secondary { min-height:44px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #83b729;border-radius:8px;color:#0a110b;background:#a6dd3b;font-size:9px;font-weight:900;text-decoration:none;text-transform:uppercase;cursor:pointer; }.sales-portal-primary:hover,.sales-portal-primary:focus-visible { color:#081008;background:#b8ed50;outline:3px solid rgba(158,220,55,.2); }.sales-portal-secondary { color:#e8f0e9;border-color:#435047;background:#1c271f; }.sales-portal-secondary:hover,.sales-portal-secondary:focus-visible { color:#fff;border-color:#718178;outline:3px solid rgba(255,255,255,.08); }.sales-portal-primary i,.sales-portal-secondary i { font-size:16px; }
.sales-proposal-signature { padding:27px clamp(22px,5vw,55px);border-top:1px solid #dfe5dd;background:#f8faf6; }.sales-proposal-signature .eyebrow { color:#5e7c25; }.sales-proposal-signature > div { padding:13px 0;display:grid;gap:3px;border-bottom:1px solid #aeb9ae; }.sales-proposal-signature strong { color:#172019;font:850 25px/1 var(--display); }.sales-proposal-signature span { color:#56645a;font-size:10px; }.sales-proposal-signature small { color:#7b877e;font-size:8px; }
.sales-portal-decision { padding:clamp(25px,4vw,42px);border:1px solid rgba(53,78,57,.15);border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(38,58,42,.1); }.sales-portal-decision > header { margin-bottom:20px;text-align:center; }.sales-portal-decision > header .eyebrow { color:#5e7c25; }.sales-portal-decision > header h2 { margin:0;color:#172019;font:850 clamp(31px,4vw,48px)/.9 var(--display);text-transform:uppercase; }.sales-portal-decision > header p { color:#6f7b72;font-size:11px; }
.sales-portal-decision-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px; }.sales-portal-decision-card { min-width:0;padding:22px;display:grid;gap:12px;border:1px solid #dce4da;border-radius:13px;background:#f9fbf7; }.sales-portal-decision-card.accept { border-top:4px solid #91ca31; }.sales-portal-decision-card.decline { border-top:4px solid #c75d54; }.sales-portal-decision-icon { width:48px;height:48px;display:grid;place-items:center;color:#4b741f;border-radius:50%;background:#eaf5dc;font-size:25px; }.sales-portal-decision-card.decline .sales-portal-decision-icon { color:#9d443d;background:#fae9e7; }.sales-portal-decision-card h3 { margin:0;color:#172019;font:850 27px/1 var(--display);text-transform:uppercase; }.sales-portal-decision-card > p { margin:0;color:#68756b;font-size:10px;line-height:1.5; }
.sales-portal-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }.sales-portal-form-grid .full { grid-column:1/-1; }.sales-portal-decision-card > label,.sales-portal-form-grid label { display:grid;gap:6px;color:#536257;font-size:8px;font-weight:850;text-transform:uppercase; }.sales-portal-decision-card :is(input,select,textarea) { width:100%;min-height:43px;padding:10px 11px;color:#172019;border:1px solid #cbd5ca;border-radius:8px;outline:0;background:#fff;font-size:11px;text-transform:none; }.sales-portal-decision-card textarea { resize:vertical;line-height:1.45; }.sales-portal-decision-card :is(input,select,textarea):focus { border-color:#5a9823;box-shadow:0 0 0 3px rgba(128,188,43,.12); }
.sales-portal-consent { padding:11px;display:flex!important;grid-template-columns:initial!important;align-items:flex-start;gap:8px!important;color:#36443a!important;border:1px solid #d5ded3;border-radius:8px;background:#fff;line-height:1.45;text-transform:none!important;cursor:pointer; }.sales-portal-consent input { flex:0 0 auto;width:18px!important;height:18px!important;min-height:0!important;margin-top:1px;accent-color:#7eb729; }.sales-portal-consent span { font-size:9px;font-weight:650; }
.sales-portal-form-status { min-height:14px;margin:0;color:#a9433c;font-size:9px;font-weight:700; }
.sales-portal-terminal { padding:30px;display:flex;align-items:center;gap:18px;color:#172019;border:1px solid rgba(53,78,57,.15);border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(38,58,42,.1); }.sales-portal-terminal > i { flex:0 0 auto;width:70px;height:70px;display:grid;place-items:center;color:#5f8d25;border-radius:50%;background:#eaf5dc;font-size:37px; }.sales-portal-terminal .eyebrow { color:#5e7c25; }.sales-portal-terminal h2 { margin:0;color:#172019;font:850 clamp(28px,4vw,44px)/.9 var(--display);text-transform:uppercase; }.sales-portal-terminal p:last-of-type { color:#667268; }.sales-portal-terminal .sales-portal-primary { margin-top:8px; }
.sales-proposal-trust { padding:15px 19px;display:flex;align-items:center;gap:10px;color:#dce5de;border:1px solid rgba(174,241,69,.2);border-radius:12px;background:#101913; }.sales-proposal-trust > i { color:#aef145; }.sales-proposal-trust span { display:grid;gap:3px; }.sales-proposal-trust strong { font-size:9px;text-transform:uppercase; }.sales-proposal-trust small { color:#8f9c92;font-size:8px;line-height:1.4; }
.sales-portal-terminal-page { min-height:70vh;padding:30px;display:grid;place-content:center;justify-items:center;gap:12px;color:#172019;text-align:center; }.sales-portal-terminal-page > i { width:80px;height:80px;display:grid;place-items:center;color:#5d8c21;border-radius:50%;background:#e7f2d9;font-size:42px; }.sales-portal-terminal-page.error > i { color:#a6443d;background:#f8e5e3; }.sales-portal-terminal-page .eyebrow { margin:0;color:#5e7c25; }.sales-portal-terminal-page h1 { max-width:780px;margin:0;font:850 clamp(40px,7vw,76px)/.88 var(--display);text-transform:uppercase; }.sales-portal-terminal-page p { max-width:600px;color:#647068;line-height:1.6; }
.sales-proposal-site-footer { min-height:150px;padding:30px;display:grid;place-content:center;justify-items:center;gap:7px;color:#c6d1c7;background:#080e0a;text-align:center; }.sales-proposal-site-footer img { width:95px;max-height:45px;object-fit:contain; }.sales-proposal-site-footer span { color:#aef145;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }.sales-proposal-site-footer small { color:#68766c;font-size:8px; }
@media (max-width:760px) {
  .sales-proposal-site-header { min-height:65px;padding:10px 15px; }.sales-proposal-site-header img { width:78px; }.sales-proposal-site-header > div span { display:none; }
  .sales-proposal-portal-body { width:min(100% - 16px,1120px);margin:8px auto 25px; }
  .sales-proposal-document,.sales-portal-decision,.sales-portal-terminal { border-radius:12px; }
  .sales-proposal-hero { min-height:0;padding:28px 20px;grid-template-columns:1fr; }.sales-proposal-hero h1 { font-size:50px; }.sales-proposal-status-card { min-width:0; }
  .sales-proposal-parties { padding:23px 20px;grid-template-columns:1fr;gap:22px; }.sales-proposal-parties > div:last-child { padding:20px 0 0;border-top:1px solid #dce3db;border-left:0; }
  .sales-proposal-message { margin:20px 20px 0; }.sales-proposal-items { padding:25px 20px; }
  .sales-portal-item { grid-template-columns:56px minmax(0,1fr) 65px;gap:9px; }.sales-portal-product-image { width:56px; }.sales-portal-item > span:nth-of-type(2) { display:none; }.sales-portal-item > b { grid-column:3;grid-row:2;font-size:17px; }.sales-portal-product-copy { grid-column:2/4; }
  .sales-proposal-commercial { padding:0 20px 25px;grid-template-columns:1fr; }.sales-proposal-downloads { padding:15px 20px;align-items:stretch;flex-direction:column; }.sales-proposal-downloads > div { margin:0 0 5px; }.sales-proposal-downloads :is(a,button) { width:100%; }
  .sales-proposal-shipping { margin:0 20px 25px;padding:16px; }.sales-proposal-shipping > header { flex-direction:column; }.sales-portal-label-tools { grid-template-columns:1fr; }.sales-portal-label-tools form { grid-template-columns:1fr; }.sales-portal-label-tools > button,.sales-portal-label-status .sales-portal-secondary { width:100%;margin-left:0; }.sales-portal-label-status { align-items:flex-start;flex-wrap:wrap; }
  .sales-proposal-signature { padding:22px 20px; }.sales-portal-decision { padding:25px 15px; }.sales-portal-decision-grid { grid-template-columns:1fr; }.sales-portal-form-grid { grid-template-columns:1fr; }.sales-portal-form-grid .full { grid-column:auto; }.sales-portal-terminal { align-items:flex-start;flex-direction:column; }.sales-portal-terminal > i { width:58px;height:58px;font-size:31px; }
}
@media print {
  .sales-proposal-site-header,.sales-proposal-site-footer,.sales-portal-decision,.sales-proposal-trust,.sales-proposal-downloads { display:none!important; }
  .sales-proposal-portal,.sales-proposal-portal-body { width:100%;margin:0;background:#fff; }.sales-proposal-document { border:0;box-shadow:none; }.sales-proposal-hero { min-height:150px;print-color-adjust:exact;-webkit-print-color-adjust:exact; }.sales-proposal-items,.sales-proposal-commercial { break-inside:avoid; }
}