.istx-shell,
.istx-shell * { box-sizing: border-box; }
.istx-shell {
  --ist-bg: #f4f7fb;
  --ist-surface: #ffffff;
  --ist-ink: #0f172a;
  --ist-muted: #64748b;
  --ist-line: #d8e2f0;
  --ist-primary: #2563eb;
  --ist-primary-2: #7c3aed;
  --ist-success: #10b981;
  --ist-warning: #f59e0b;
  --ist-shadow: 0 20px 44px rgba(15, 23, 42, 0.08);
  max-width: 1280px;
  margin: 0 auto;
  color: var(--ist-ink);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.istx-hero {
  margin: 24px 0 28px;
  padding: 32px;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(124, 58, 237, 0.12), transparent 28%),
    radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.12), transparent 30%),
    linear-gradient(180deg, #ffffff, #f8fbff);
  border: 1px solid rgba(148, 163, 184, 0.18);
  box-shadow: var(--ist-shadow);
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 24px;
  align-items: end;
}
.istx-badge {
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.08);
  color: var(--ist-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.istx-title { font-size: clamp(2rem, 4vw, 4rem); line-height: 1; margin: 16px 0 14px; color: #0b1220; }
.istx-description { margin: 0; font-size: 1.05rem; color: var(--ist-muted); max-width: 680px; }
.istx-search { display: grid; gap: 14px; }
.istx-search__row { display: grid; grid-template-columns: 1fr auto; gap: 12px; }
.istx-input {
  width: 100%; min-height: 58px; border-radius: 18px; border: 1px solid var(--ist-line);
  background: #fff; padding: 0 18px; font-size: 1rem; color: var(--ist-ink);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}
.istx-button {
  min-height: 58px; border: none; border-radius: 18px; padding: 0 24px; font-weight: 700;
  color: #fff; background: linear-gradient(135deg, var(--ist-primary), var(--ist-primary-2)); cursor: pointer;
  box-shadow: 0 14px 24px rgba(79, 70, 229, 0.2);
}
.istx-search__hint { display: flex; flex-wrap: wrap; gap: 10px; color: var(--ist-muted); font-size: 0.92rem; }
.istx-search__hint span { padding: 8px 12px; border-radius: 999px; background: rgba(15, 23, 42, 0.04); }
.istx-message { margin: 0 0 18px; padding: 14px 16px; border-radius: 16px; background: #fff; box-shadow: var(--ist-shadow); }
.istx-message.is-error { border: 1px solid rgba(239, 68, 68, 0.25); color: #991b1b; }
.istx-message.is-success { border: 1px solid rgba(16, 185, 129, 0.25); color: #065f46; }
.istx-result { display: grid; gap: 26px; }

.istx-panel {
  display: grid; gap: 24px; padding: 28px; border-radius: 30px;
  background: linear-gradient(180deg, #f8fbff, #ffffff); box-shadow: var(--ist-shadow);
  border: 1px solid rgba(148, 163, 184, 0.16);
}
.istx-panel__header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.istx-eyebrow { color: var(--ist-muted); text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; font-weight: 700; }
.istx-panel__title { margin: 10px 0 8px; font-size: clamp(1.8rem, 2.8vw, 3rem); line-height: 1.02; }
.istx-panel__subtitle { color: var(--ist-primary); font-size: 1rem; font-weight: 700; }
.istx-panel__meta { display: flex; flex-wrap: wrap; gap: 10px; }

.istx-alert-banner {
  display:flex; align-items:flex-start; gap:16px; padding:18px 20px; border-radius:22px; border:1px solid transparent;
  box-shadow: var(--ist-shadow);
}
.istx-alert-banner.is-danger { background:#fff4f4; border-color:#fecaca; color:#991b1b; }
.istx-alert-banner.is-warning { background:#fffbeb; border-color:#fde68a; color:#92400e; }
.istx-alert-banner.is-info { background:#eff6ff; border-color:#bfdbfe; color:#1d4ed8; }
.istx-alert-banner__icon { width:34px; height:34px; flex:0 0 34px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-weight:900; background:rgba(255,255,255,.7); }
.istx-alert-banner__body { flex:1; min-width:0; }
.istx-alert-banner__title { font-size:1.02rem; font-weight:800; margin-bottom:4px; }
.istx-alert-banner__stage { font-size:.82rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; opacity:.9; margin-bottom:8px; }
.istx-alert-banner__body p { margin:0; line-height:1.6; }
.istx-alert-banner__close { appearance:none; border:none; background:transparent; font-size:28px; line-height:1; cursor:pointer; color:inherit; padding:0 2px; }

.istx-chip { padding: 10px 14px; border-radius: 999px; background: rgba(37, 99, 235, 0.08); color: var(--ist-primary); font-weight: 700; }

.istx-progress-card {
  --ist-progress-bg-1: #0f172a;
  --ist-progress-bg-2: #312e81;
  --ist-progress-track: rgba(255,255,255,0.14);
  --ist-progress-fill: linear-gradient(90deg, #22d3ee, #38bdf8 35%, #34d399 100%);
  --ist-progress-accent: #34d399;
  --ist-progress-current: #7dd3fc;
  display: grid; gap: 22px; border-radius: 28px; padding: 28px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,0.18), transparent 26%),
    radial-gradient(circle at bottom right, rgba(124,58,237,0.18), transparent 22%),
    linear-gradient(135deg, var(--ist-progress-bg-1), #172554 55%, var(--ist-progress-bg-2));
  color: #fff; box-shadow: 0 26px 48px rgba(15, 23, 42, 0.24);
}
.istx-progress-card.palette-aurora { --ist-progress-bg-1:#0f172a; --ist-progress-bg-2:#312e81; --ist-progress-fill:linear-gradient(90deg,#22d3ee,#38bdf8 35%,#34d399 100%); --ist-progress-accent:#34d399; --ist-progress-current:#7dd3fc; }
.istx-progress-card.palette-glass { --ist-progress-bg-1:#183153; --ist-progress-bg-2:#3b82f6; --ist-progress-fill:linear-gradient(90deg,#93c5fd,#c4b5fd); --ist-progress-accent:#bfdbfe; --ist-progress-current:#ffffff; }
.istx-progress-card.palette-metro { --ist-progress-bg-1:#111827; --ist-progress-bg-2:#374151; --ist-progress-fill:linear-gradient(90deg,#10b981,#22c55e); --ist-progress-accent:#86efac; --ist-progress-current:#facc15; }
.istx-progress-card.palette-sunset { --ist-progress-bg-1:#55210f; --ist-progress-bg-2:#c2410c; --ist-progress-fill:linear-gradient(90deg,#fb923c,#f59e0b); --ist-progress-accent:#fdba74; --ist-progress-current:#fb7185; }
.istx-progress-card.palette-midnight { --ist-progress-bg-1:#0b1020; --ist-progress-bg-2:#4338ca; --ist-progress-fill:linear-gradient(90deg,#38bdf8,#818cf8); --ist-progress-accent:#93c5fd; --ist-progress-current:#e9d5ff; }
.istx-progress-card.theme-minimal {
  --ist-progress-bg-1: #0b132b; --ist-progress-bg-2: #1d4ed8; --ist-progress-fill: linear-gradient(90deg,#60a5fa,#22d3ee); --ist-progress-accent:#93c5fd; --ist-progress-current:#f8fafc;
}
.istx-progress-card.theme-dots {
  --ist-progress-bg-1: #112031; --ist-progress-bg-2: #1f6f8b; --ist-progress-fill: linear-gradient(90deg,#5eead4,#60a5fa); --ist-progress-accent:#5eead4; --ist-progress-current:#fef08a;
}
.istx-progress-card.theme-ship {
  --ist-progress-bg-1: #0b1f3a; --ist-progress-bg-2: #3b2db4; --ist-progress-fill: linear-gradient(90deg,#67e8f9,#60a5fa,#4ade80); --ist-progress-accent:#6ee7b7; --ist-progress-current:#7dd3fc;
}
.istx-progress-card.theme-wave {
  --ist-progress-bg-1: #1f1147; --ist-progress-bg-2: #5b21b6; --ist-progress-fill: linear-gradient(90deg,#c084fc,#60a5fa,#22d3ee); --ist-progress-accent:#a78bfa; --ist-progress-current:#f9a8d4;
}
.istx-progress-card__top { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
.istx-live-status { display: flex; align-items: center; gap: 14px; }
.istx-live-dot {
  width: 18px; height: 18px; border-radius: 50%; flex: 0 0 auto; display:inline-flex; align-items:center; justify-content:center;
  background: var(--ist-progress-accent);
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--ist-progress-accent) 80%, transparent);
  animation: istx-pulse 1.8s infinite;
  position: relative;
}
.istx-live-dot::before { content: ''; display:block; width: 100%; height:100%; border-radius:50%; color:#fff; font-weight:800; font-size:11px; text-align:center; line-height:18px; }
.istx-live-dot.is-pulse::before { content: '•'; font-size:18px; line-height:14px; }
.istx-live-dot.is-box::before { content: '□'; }
.istx-live-dot.is-warehouse::before { content: '⌂'; }
.istx-live-dot.is-customs::before { content: 'C'; }
.istx-live-dot.is-plane::before { content: '✈'; font-size:10px; }
.istx-live-dot.is-truck::before { content: 'T'; }
.istx-live-dot.is-hub::before { content: 'H'; }
.istx-live-dot.is-warning::before { content: '!'; }
.istx-live-dot.is-alert::before { content: '⚠'; font-size:11px; }
.istx-live-dot.is-check::before { content: '✓'; }
.istx-live-dot.is-delivered::before { content: '✓'; }
.istx-live-dot.is-ship::before { content: '↠'; font-size:12px; }
.istx-live-dot.is-box,.istx-live-dot.is-warehouse,.istx-live-dot.is-customs,.istx-live-dot.is-plane,.istx-live-dot.is-truck,.istx-live-dot.is-hub,.istx-live-dot.is-ship{background:#0ea5e9;}
.istx-live-dot.is-warning,.istx-live-dot.is-alert{background:#f59e0b;}
.istx-live-dot.is-check,.istx-live-dot.is-delivered{background:#22c55e;}
@keyframes istx-pulse { 0% { box-shadow: 0 0 0 0 rgba(52,211,153,.85);} 70% { box-shadow: 0 0 0 14px rgba(52,211,153,0);} 100% { box-shadow: 0 0 0 0 rgba(52,211,153,0);} }
.istx-live-status__label { color: rgba(255,255,255,0.65); text-transform: uppercase; font-size: 11px; letter-spacing: 0.08em; font-weight: 700; margin-bottom: 6px; }
.istx-progress-card__percentage { font-size: clamp(2.2rem, 5vw, 4rem); font-weight: 900; line-height: 1; }

.istx-progress-track { display: grid; gap: 12px; }
.istx-progress-track__bar {
  position: relative; height: 18px; border-radius: 999px; overflow: hidden;
  background: var(--ist-progress-track); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);
}
.istx-progress-track__fill {
  position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: var(--ist-progress-fill);
  box-shadow: 0 0 24px rgba(34, 211, 238, 0.35); transition: width .85s ease;
}
.istx-style-minimal .istx-progress-track__vehicle,
.istx-style-dots .istx-progress-track__vehicle,
.istx-style-wave .istx-progress-track__vehicle { display:none; }
.istx-progress-track__vehicle {
  position:absolute; top:50%; left: calc(var(--ist-progress-percent, 0) * 1%); transform: translate(-50%, -54%); width: 28px; height: 28px; z-index: 3;
}
.istx-style-ship .istx-progress-track__vehicle::before { content:'🚢'; font-size:22px; line-height:1; display:block; filter: drop-shadow(0 4px 10px rgba(0,0,0,.28)); }
.istx-style-dots .istx-progress-track__bar::after {
  content:''; position:absolute; inset:0; background-image: radial-gradient(circle, rgba(255,255,255,.42) 0 1px, transparent 1.6px); background-size: 18px 18px; opacity:.25; pointer-events:none;
}
.istx-style-wave .istx-progress-track__wave { display:block; }
.istx-progress-track__wave { display:none; position:absolute; inset:0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); transform: translateX(-100%); animation: istx-wave 2.8s linear infinite; }
.istx-progress-track__spark { position:absolute; top:50%; left: calc(var(--ist-progress-percent, 0) * 1%); width:24px; height:24px; border-radius:50%; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(255,255,255,.85) 0, rgba(255,255,255,.15) 55%, rgba(255,255,255,0) 72%); filter: blur(.2px); opacity:.9; }
@keyframes istx-wave { from { transform: translateX(-100%); } to { transform: translateX(120%); } }
.istx-style-minimal .istx-progress-track__bar { height: 12px; }
.istx-style-dots .istx-progress-track__bar { height: 14px; background: rgba(255,255,255,0.08); }
.istx-style-dots .istx-progress-track__fill { border-radius:999px; }
.istx-style-wave .istx-progress-track__bar { height: 16px; }
.istx-progress-card__foot { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.istx-progress-card__foot.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.istx-progress-card__foot.cols-1 { grid-template-columns: 1fr; }
.istx-stat-card {
  border-radius: 20px; padding: 16px 18px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.08);
}
.istx-stat-card__label { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(255,255,255,0.62); margin-bottom: 8px; font-weight: 700; }
.istx-progress-card__current-title { transition: color .25s ease; }
.istx-split-cards { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.istx-info-card,
.istx-section-card {
  background: var(--ist-surface); border: 1px solid rgba(148,163,184,0.16); border-radius: 24px; padding: 22px; box-shadow: var(--ist-shadow);
}
.istx-info-card h4,
.istx-section-card h4 { margin: 0 0 18px; font-size: 1.16rem; }
.istx-info-card dl,
.istx-info-card dl div { margin: 0; }
.istx-info-card dl { display: grid; gap: 14px; }
.istx-info-card dl div { display: grid; gap: 6px; }
.istx-info-card dt { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--ist-muted); font-weight: 700; }
.istx-info-card dd { margin: 0; font-size: 1rem; color: var(--ist-ink); }
.istx-section-card__head { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; margin-bottom: 18px; }
.istx-section-card__head span { color: var(--ist-muted); font-size: .95rem; }

.istx-details-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.istx-detail-row {
  border-radius: 18px; padding: 16px; background: #f8fbff; border: 1px solid rgba(148,163,184,0.12);
}
.istx-detail-row__label { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--ist-muted); font-weight: 700; margin-bottom: 10px; }
.istx-detail-row__value { font-size: 1rem; line-height: 1.55; color: var(--ist-ink); }

.istx-timeline { position: relative; display: grid; gap: 16px; }
.istx-timeline::before {
  content: ''; position: absolute; left: 13px; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, rgba(37,99,235,0.16), rgba(124,58,237,0.1));
}
.istx-timeline__item { position: relative; padding-left: 38px; }
.istx-timeline__dot {
  position: absolute; left: 0; top: 8px; width: 28px; height: 28px; border-radius: 50%;
  background: #dbeafe; border: 3px solid #fff; box-shadow: 0 0 0 1px rgba(37,99,235,.12);
}
.istx-timeline__item.is-completed .istx-timeline__dot { background: #34d399; }
.istx-timeline__item.is-current .istx-timeline__dot { background: #38bdf8; box-shadow: 0 0 0 8px rgba(56,189,248,0.14); }
.istx-timeline__item.is-delayed .istx-timeline__dot { background: #f59e0b; }
.istx-timeline__content {
  background: #f8fbff; border: 1px solid rgba(148,163,184,0.14); border-radius: 20px; padding: 16px 18px;
}
.istx-timeline__head { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 10px; }
.istx-timeline__head h5 { margin: 0; font-size: 1.06rem; }
.istx-mini-badge { padding: 6px 10px; border-radius: 999px; background: rgba(37,99,235,0.08); color: var(--ist-primary); font-size: 12px; font-weight: 700; }
.istx-timeline__content p { margin: 0 0 12px; color: var(--ist-muted); }
.istx-timeline__meta { display: flex; flex-wrap: wrap; gap: 10px; color: var(--ist-muted); font-size: .92rem; }

.istx-map { min-height: 360px; border-radius: 22px; overflow: hidden; background: #e7effc; }
.istx-files { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.istx-file {
  display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 16px 18px; border-radius: 18px; text-decoration: none;
  background: #f8fbff; color: var(--ist-ink); border: 1px solid rgba(148,163,184,0.16);
}
.istx-file__action { color: var(--ist-primary); font-weight: 700; }

@media (max-width: 980px) {
  .istx-hero,
  .istx-panel__header,
  .istx-progress-card__top,
  .istx-section-card__head { grid-template-columns: 1fr; display: grid; }
  .istx-progress-card__foot,
  .istx-split-cards,
  .istx-details-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .istx-hero,
  .istx-panel,
  .istx-progress-card,
  .istx-section-card,
  .istx-info-card { padding: 18px; border-radius: 22px; }
  .istx-search__row { grid-template-columns: 1fr; }
  .istx-marker__text { font-size: .85rem; }
  .istx-progress-track__markers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .istx-title { font-size: 2.2rem; }
}

@media (max-width: 820px) {
  .istx-progress-card__percentage { font-size: 3rem; }
  .istx-progress-track__bar { height: 14px; }
  .istx-progress-card__top { grid-template-columns: 1fr; align-items: start; }
}
@media (max-width: 640px) {
  .istx-panel { padding: 16px; }
  .istx-progress-card { padding: 18px; overflow: hidden; }
  .istx-progress-card__percentage { font-size: 2.4rem; }
  .istx-progress-card__foot { grid-template-columns: 1fr !important; }
  .istx-progress-track__bar { height: 12px; }
  .istx-search__hint { display:none; }
  .istx-panel__meta { width:100%; justify-content:flex-start; }
}


.istx-progress-card {
  background: linear-gradient(135deg, var(--ist-progress-card-start, #18255f) 0%, var(--ist-progress-card-end, #5b2bd4) 100%);
}
.istx-live-dot { background: var(--ist-live-color, #a78bfa); box-shadow: 0 0 0 10px color-mix(in srgb, var(--ist-live-color, #a78bfa) 18%, transparent); }
.istx-progress-card__percentage { color: var(--ist-progress-percent-color, #fff); }
.istx-progress-track__bar { background: var(--ist-progress-track, rgba(255,255,255,.18)); }
.istx-progress-track__fill { background: linear-gradient(90deg, var(--ist-progress-start, #b784ff), var(--ist-progress-end, #6ee7f2)); }
.istx-stat-card { background: var(--ist-info-card-bg, rgba(255,255,255,0.08)); }

.istx-progress-card.palette-ocean { --ist-progress-card-start:#0f3a5f; --ist-progress-card-end:#0d9488; --ist-progress-start:#67e8f9; --ist-progress-end:#a7f3d0; --ist-live-color:#7dd3fc; }
.istx-progress-card.palette-carbon { --ist-progress-card-start:#111827; --ist-progress-card-end:#312e81; --ist-progress-start:#22d3ee; --ist-progress-end:#c084fc; --ist-live-color:#22d3ee; }

.istx-style-beam .istx-progress-track__bar { height: 18px; box-shadow: inset 0 0 18px rgba(255,255,255,.08), 0 0 24px color-mix(in srgb, var(--ist-progress-end, #6ee7f2) 30%, transparent); }
.istx-style-beam .istx-progress-track__fill { box-shadow: 0 0 20px color-mix(in srgb, var(--ist-progress-end, #6ee7f2) 35%, transparent); }
.istx-style-beam .istx-progress-track__spark { display:block; animation: istx-spark 1.8s ease-in-out infinite; }
.istx-style-ribbon .istx-progress-track__bar { height: 20px; border-radius: 12px; overflow:hidden; }
.istx-style-ribbon .istx-progress-track__fill { border-radius: 12px; position:relative; }
.istx-style-ribbon .istx-progress-track__fill::after { content:""; position:absolute; inset:0; background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.12) 45%, transparent 70%); }
@keyframes istx-spark { 0%,100%{ transform: translate(-50%, -50%) scale(.8); opacity:.7;} 50%{ transform: translate(-50%, -50%) scale(1.15); opacity:1;} }

@media (max-width: 767px){ .istx-hero{padding:24px 20px;} .istx-title{font-size:clamp(2.3rem, 12vw, 3.4rem);} .istx-search__row{grid-template-columns:1fr;}.istx-button{width:100%;} .istx-search__hint{gap:8px;} .istx-search__hint span{font-size:.88rem;padding:10px 14px;} .istx-progress-card{padding:22px 18px;} .istx-progress-card__top{gap:16px;} .istx-progress-card__percentage{font-size:3.4rem;} .istx-progress-card__foot{grid-template-columns:1fr;}}


.istx-progress-card.is-light { color:#0f172a; }
.istx-progress-card.is-light .istx-live-status__label,
.istx-progress-card.is-light .istx-stat-card__label { color: rgba(15,23,42,.62); }
.istx-progress-card.is-light .istx-live-status strong,
.istx-progress-card.is-light .istx-progress-card__percentage,
.istx-progress-card.is-light .istx-stat-card strong { color:#0f172a; }
.istx-progress-card.is-light .istx-progress-track__bar { background: rgba(15,23,42,.12); }
.istx-progress-card.is-light .istx-stat-card { background: rgba(255,255,255,.58); border:1px solid rgba(15,23,42,.06); }

.istx-progress-card.palette-pearl { --ist-progress-bg-1:#f7f8fc; --ist-progress-bg-2:#ece8ff; --ist-progress-fill:linear-gradient(90deg,#7c3aed,#38bdf8); --ist-progress-accent:#7c3aed; --ist-progress-current:#0ea5e9; --ist-progress-card-start:#f7f8fc; --ist-progress-card-end:#ece8ff; --ist-progress-start:#7c3aed; --ist-progress-end:#38bdf8; --ist-live-color:#7c3aed; }
.istx-progress-card.palette-frost { --ist-progress-bg-1:#eef6ff; --ist-progress-bg-2:#dff4ff; --ist-progress-fill:linear-gradient(90deg,#0ea5e9,#22c55e); --ist-progress-accent:#0891b2; --ist-progress-current:#2563eb; --ist-progress-card-start:#eef6ff; --ist-progress-card-end:#dff4ff; --ist-progress-start:#0ea5e9; --ist-progress-end:#22c55e; --ist-live-color:#0891b2; }

.istx-style-solid .istx-progress-track__bar { height:16px; box-shadow: inset 0 1px 2px rgba(255,255,255,.12); }
.istx-style-solid .istx-progress-track__fill { background: linear-gradient(90deg,var(--ist-progress-start),var(--ist-progress-end)); }

.istx-style-dashed .istx-progress-track__bar { height:14px; background: repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 18px, rgba(255,255,255,.08) 18px 32px); }
.istx-style-dashed .istx-progress-track__fill { background: repeating-linear-gradient(90deg, var(--ist-progress-start) 0 18px, var(--ist-progress-end) 18px 32px); }

.istx-style-gloss .istx-progress-track__bar { height:18px; overflow:hidden; }
.istx-style-gloss .istx-progress-track__fill { position:relative; }
.istx-style-gloss .istx-progress-track__fill::after { content:''; position:absolute; inset:0; background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.35) 35%, transparent 70%); animation: istx-gloss 2.8s linear infinite; }
@keyframes istx-gloss { from { transform: translateX(-120%);} to { transform: translateX(140%);} }

/* V3 customer interface */
.istx-hero { display:grid; gap:28px; align-items:center; margin-bottom:28px; }
.istx-hero--split { grid-template-columns: minmax(0,1.15fr) minmax(320px,.95fr); }
.istx-hero--centered { grid-template-columns: 1fr; text-align:center; }
.istx-hero-style--premium .istx-hero__panel,
.istx-hero-style--glass .istx-hero__panel { backdrop-filter: blur(14px); background: rgba(255,255,255,.72); }
.istx-hero-style--dark .istx-hero__panel { background: rgba(14,23,46,.92); color: #fff; }
.istx-hero-style--soft .istx-hero__panel { background: #ffffff; }
.istx-hero__chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.istx-chip--hero { background: rgba(255,255,255,.7); border:1px solid rgba(148,163,184,.25); }
.istx-hero__panel { border-radius: 24px; padding: 22px; border:1px solid rgba(148,163,184,.18); box-shadow: 0 22px 70px rgba(15,23,42,.10); }
.istx-hero-illustration { position:relative; height:84px; margin-top:18px; border-radius:18px; background: linear-gradient(135deg, rgba(37,99,235,.08), rgba(124,58,237,.08)); overflow:hidden; }
.istx-hero-illustration__track { position:absolute; left:8%; right:8%; top:50%; height:8px; transform:translateY(-50%); border-radius:999px; background: linear-gradient(90deg, rgba(37,99,235,.2), rgba(124,58,237,.35)); }
.istx-hero-illustration__point { position:absolute; top:50%; width:16px; height:16px; margin-top:-8px; border-radius:50%; background:#fff; box-shadow:0 0 0 5px rgba(255,255,255,.45); }
.istx-hero-illustration__point.is-start { left:10%; background:#22c55e; }
.istx-hero-illustration__point.is-mid { left:48%; background:#3b82f6; }
.istx-hero-illustration__point.is-end { right:10%; background:#8b5cf6; }
.istx-captcha-wrap { margin-top:14px; }

.istx-progress-card.palette-frost,
.istx-progress-card.palette-pearl,
.istx-progress-card.palette-silver,
.istx-progress-card.palette-sand,
.istx-progress-card.palette-cloud { --ist-progress-card-start:#ffffff; --ist-progress-card-end:#eef4ff; --ist-progress-percent-color:#0f172a; --ist-info-card-bg:rgba(15,23,42,.05); color:#0f172a; }
.istx-progress-card.palette-frost { --ist-progress-start:#60a5fa; --ist-progress-end:#38bdf8; }
.istx-progress-card.palette-pearl { --ist-progress-start:#94a3b8; --ist-progress-end:#cbd5e1; }
.istx-progress-card.palette-silver { --ist-progress-start:#64748b; --ist-progress-end:#94a3b8; }
.istx-progress-card.palette-sand { --ist-progress-start:#d6a35d; --ist-progress-end:#f1c27d; }
.istx-progress-card.palette-cloud { --ist-progress-start:#7c3aed; --ist-progress-end:#60a5fa; }
.istx-progress-card.has-glow { box-shadow: 0 22px 60px rgba(59,130,246,.14); }

.istx-progress-track.show-vehicle .istx-progress-track__vehicle,
.istx-progress-track.show-wave .istx-progress-track__wave { opacity:1; }
.istx-progress-track.hide-vehicle .istx-progress-track__vehicle,
.istx-progress-track.hide-wave .istx-progress-track__wave { opacity:0 !important; }
.istx-progress-track.istx-style-flow .istx-progress-track__fill { background: linear-gradient(90deg, var(--ist-progress-start), var(--ist-progress-end)); }
.istx-progress-track.istx-style-logistics .istx-progress-track__vehicle::before,
.istx-progress-track.istx-style-ship .istx-progress-track__vehicle::before { content:'🚚'; font-size:18px; }
.istx-progress-track.istx-style-segments .istx-progress-track__bar { background-image: repeating-linear-gradient(90deg, rgba(255,255,255,.14) 0 36px, rgba(255,255,255,0) 36px 48px); }
.istx-progress-track.istx-style-glow-wave .istx-progress-track__fill { box-shadow: 0 0 18px rgba(56,189,248,.75); }
.istx-progress-track.istx-style-glow-wave .istx-progress-track__wave { opacity:1; animation: istWave 2.2s linear infinite; }
.istx-progress-track.istx-style-beam .istx-progress-track__spark { opacity:1; }
.istx-progress-track.istx-style-minimal .istx-progress-track__vehicle,
.istx-progress-track.istx-style-minimal .istx-progress-track__wave,
.istx-progress-track.istx-style-minimal .istx-progress-track__spark { display:none; }

@media (max-width: 860px) {
  .istx-hero--split { grid-template-columns: 1fr; }
  .istx-hero { gap:18px; }
  .istx-hero__chips { justify-content:center; }
}


/* V3.2 alert + action polish */
.istx-alert-banner { display:flex; align-items:flex-start; gap:14px; border-radius:20px; padding:18px 20px; margin-bottom:18px; box-shadow: var(--ist-shadow); }
.istx-alert-banner.style-solid.is-danger { background:#d62828; color:#fff; }
.istx-alert-banner.style-solid.is-warning { background:#facc15; color:#1f2937; }
.istx-alert-banner.style-solid.is-info { background:#2563eb; color:#fff; }
.istx-alert-banner.style-soft.is-danger { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.istx-alert-banner.style-soft.is-warning { background:#fffbeb; color:#92400e; border:1px solid #fde68a; }
.istx-alert-banner.style-soft.is-info { background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; }
.istx-alert-banner__icon { flex:0 0 auto; width:42px; height:42px; border-radius:14px; display:grid; place-items:center; font-weight:800; font-size:1.1rem; background:rgba(255,255,255,.18); }
.istx-alert-banner.style-solid.is-warning .istx-alert-banner__icon { background:rgba(255,255,255,.45); }
.istx-alert-banner__eyebrow { font-size:.75rem; text-transform:uppercase; letter-spacing:.12em; font-weight:800; opacity:.9; margin-bottom:4px; }
.istx-alert-banner__body { flex:1; }
.istx-alert-banner__title { font-size:1.08rem; font-weight:800; margin-bottom:6px; }
.istx-alert-banner__stage { display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.18); font-size:.8rem; font-weight:700; margin-bottom:10px; }
.istx-alert-banner.style-soft .istx-alert-banner__stage { background:rgba(15,23,42,.06); }
.istx-alert-banner p { margin:0; line-height:1.7; }
.istx-alert-banner__close { border:0; background:transparent; color:inherit; font-size:1.35rem; line-height:1; cursor:pointer; opacity:.78; }
.istx-alert-banner__close:hover { opacity:1; }
.istx-chip--health.is-success { background:rgba(16,185,129,.12); color:#047857; }
.istx-chip--health.is-warning { background:rgba(245,158,11,.12); color:#b45309; }
.istx-chip--health.is-danger { background:rgba(239,68,68,.12); color:#b91c1c; }
.istx-chip--action { border:0; cursor:pointer; }
.istx-route-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
.istx-route-summary__item { padding:14px 16px; border-radius:18px; background:#f8fbff; border:1px solid rgba(148,163,184,.14); }
.istx-route-summary__item span { display:block; font-size:.76rem; text-transform:uppercase; letter-spacing:.08em; color:var(--ist-muted); font-weight:700; margin-bottom:8px; }
.istx-route-summary__item strong { display:block; font-size:1rem; color:var(--ist-ink); }
@media (max-width: 900px) { .istx-route-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px) { .istx-alert-banner { padding:16px; border-radius:18px; } .istx-route-summary { grid-template-columns:1fr; } .istx-panel__meta { gap:8px; flex-wrap:wrap; } }


/* V3.3 stronger alert visibility */
.istx-alert-banner{width:100%;}
.istx-alert-banner.style-solid.is-danger{background:#d62828!important;color:#fff!important;border:0!important;}
.istx-alert-banner.style-solid.is-warning{background:#facc15!important;color:#1f2937!important;border:0!important;}
.istx-alert-banner.style-solid.is-info{background:#2563eb!important;color:#fff!important;border:0!important;}
.istx-alert-banner.is-danger .istx-alert-banner__title,
.istx-alert-banner.is-danger .istx-alert-banner__eyebrow,
.istx-alert-banner.is-danger .istx-alert-banner__message,
.istx-alert-banner.is-danger .istx-alert-banner__stage,
.istx-alert-banner.is-danger .istx-alert-banner__close{color:#fff!important;}
.istx-alert-banner.is-warning .istx-alert-banner__title,
.istx-alert-banner.is-warning .istx-alert-banner__eyebrow,
.istx-alert-banner.is-warning .istx-alert-banner__message,
.istx-alert-banner.is-warning .istx-alert-banner__stage,
.istx-alert-banner.is-warning .istx-alert-banner__close{color:#1f2937!important;}
.istx-alert-banner.is-info .istx-alert-banner__title,
.istx-alert-banner.is-info .istx-alert-banner__eyebrow,
.istx-alert-banner.is-info .istx-alert-banner__message,
.istx-alert-banner.is-info .istx-alert-banner__stage,
.istx-alert-banner.is-info .istx-alert-banner__close{color:#fff!important;}
.istx-alert-banner__message{display:block!important;opacity:1!important;visibility:visible!important;font-weight:600;}
.istx-alert-banner.style-solid .istx-alert-banner__stage{background:rgba(255,255,255,.22);}
.istx-alert-banner.style-solid.is-warning .istx-alert-banner__stage{background:rgba(255,255,255,.38);}

.istx-chip--action{appearance:none;border:1px solid rgba(37,99,235,.45);background:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.istx-print-wrap{max-width:1120px;margin:24px auto;padding:0 12px;}
.istx-print-toolbar{display:flex;gap:12px;justify-content:flex-end;margin-bottom:16px;}
.istx-print-report{background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:18px;padding:28px;box-shadow:0 18px 40px rgba(15,23,42,.08);}
.istx-print-report__header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:18px;border-bottom:2px solid #e5e7eb;}
.istx-print-report__brand{display:flex;gap:18px;align-items:flex-start;}
.istx-print-report__logo{max-width:110px;max-height:90px;object-fit:contain;}
.istx-print-report__seal{max-width:190px;max-height:190px;object-fit:contain;opacity:.98;}
.istx-print-report__eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:8px;}
.istx-print-report h1{margin:0 0 10px;font-size:32px;line-height:1.05;}
.istx-print-report__meta-line{font-size:14px;color:#374151;margin:4px 0;}
.istx-print-report__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 24px;}
.istx-print-report__summary div,.istx-print-section{border:1px solid #e5e7eb;border-radius:14px;background:#fff;}
.istx-print-report__summary div{padding:14px 16px;}
.istx-print-report__summary span{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:8px;}
.istx-print-report__summary strong{font-size:18px;color:#111827;}
.istx-print-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.istx-print-section{padding:0;overflow:hidden;margin-bottom:16px;}
.istx-print-section h2{margin:0;padding:14px 16px;border-bottom:1px solid #e5e7eb;font-size:18px;background:#f9fafb;}
.istx-print-table{width:100%;border-collapse:collapse;}
.istx-print-table th,.istx-print-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;vertical-align:top;text-align:left;}
.istx-print-table th{width:30%;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;background:#fcfcfd;}
.istx-print-table td{font-size:14px;color:#111827;}
.istx-print-table--timeline th{width:auto;}
.istx-print-report__footer{margin-top:20px;padding-top:14px;border-top:2px solid #e5e7eb;display:flex;justify-content:space-between;gap:20px;color:#374151;font-size:13px;}
@media (max-width: 900px){.istx-print-report__summary,.istx-print-grid-2{grid-template-columns:1fr 1fr}.istx-print-report__header{flex-direction:column}.istx-print-report__seal-wrap{align-self:flex-end}}
@media (max-width: 640px){.istx-print-report__summary,.istx-print-grid-2{grid-template-columns:1fr}.istx-print-report{padding:18px}.istx-print-report h1{font-size:26px}}
@media print{
  body{background:#fff!important;}
  .no-print,.site-header,.site-footer,nav,.site > header,.site > footer,#page > header,#page > footer{display:none!important;}
  .istx-print-wrap{max-width:none;margin:0;padding:0;}
  .istx-print-report{box-shadow:none;border:none;border-radius:0;padding:0;}
  .istx-print-report__summary div,.istx-print-section{break-inside:avoid;}
  a[href]:after{content:none!important;}
}


/* V3.4.2 fixes */
.istx-chip--action{color:#2563eb!important;background:#fff!important;border:1px solid rgba(37,99,235,.45)!important;}
.istx-chip--action:hover{background:#eff6ff!important;color:#1d4ed8!important;}
.istx-chip--action:visited{color:#2563eb!important;}
.istx-print-page{margin:0!important;padding:0!important;background:#f8fafc!important;}
body.istx-print-page .site, body.istx-print-page #page{margin:0!important;padding:0!important;max-width:none!important;}
.istx-print-wrap{padding-top:24px!important;}
.istx-print-toolbar{position:sticky;top:0;z-index:10;padding:12px 0;background:linear-gradient(180deg,rgba(248,250,252,.96),rgba(248,250,252,.78),transparent);backdrop-filter:blur(6px);}
.istx-print-report__footer{align-items:flex-end;}
.istx-print-report__footer-copy{display:grid;gap:6px;}
.istx-print-report__footer-sign{text-align:right;min-width:160px;}
.istx-print-report__site{font-weight:700;color:#111827;}
@media (max-width: 768px){
  .istx-title{font-size:clamp(1.7rem,8vw,2.3rem)!important;line-height:1.06!important;}
  .istx-description{font-size:.96rem!important;}
  .istx-panel{padding:18px!important;gap:18px!important;}
  .istx-panel__title{font-size:clamp(1.45rem,8vw,2.1rem)!important;}
  .istx-panel__subtitle{font-size:.94rem!important;}
  .istx-chip{padding:8px 12px!important;font-size:.92rem!important;}
  .istx-progress-card{padding:20px!important;gap:16px!important;}
  .istx-progress-card__percentage{font-size:clamp(1.7rem,8vw,2.4rem)!important;}
  .istx-live-status__label,.istx-eyebrow,.istx-stat-card__label,.istx-detail-row__label,.istx-route-summary__item span{font-size:.7rem!important;}
  .istx-live-status strong,.istx-stat-card strong,.istx-detail-row__value,.istx-route-summary__item strong,.istx-info-card dd{font-size:.98rem!important;}
  .istx-info-card h4,.istx-section-card__head h4{font-size:1.08rem!important;}
  .istx-print-toolbar{position:static;padding:0 0 12px 0;background:none;backdrop-filter:none;}
}
@media print{
  .istx-print-page{background:#fff!important;}
  .istx-print-toolbar{display:none!important;}
}


/* V3.4.3 fixes */
.istx-print-toolbar .istx-button{color:#2563eb!important;background:#fff!important;border:1px solid rgba(37,99,235,.42)!important;text-shadow:none!important;}
.istx-print-toolbar .istx-button:hover{background:#eff6ff!important;color:#1d4ed8!important;}
.istx-print-report__header,.istx-print-report__footer{display:flex!important;visibility:visible!important;}
.istx-print-report__header{page-break-inside:avoid;break-inside:avoid;}
.istx-print-report__logo{max-width:140px;max-height:110px;object-fit:contain;display:block;}
.istx-print-report__footer-sign{min-width:220px;}
@media (max-width:768px){
  .istx-shell{font-size:14px!important;}
  .istx-title{font-size:clamp(1.35rem,7vw,2rem)!important;line-height:1.08!important;}
  .istx-description{font-size:.9rem!important;}
  .istx-panel__title{font-size:clamp(1.25rem,7vw,1.85rem)!important;line-height:1.08!important;}
  .istx-chip{font-size:.82rem!important;padding:7px 10px!important;}
  .istx-progress-card__percentage{font-size:clamp(1.45rem,7vw,2.1rem)!important;}
  .istx-live-status strong,.istx-stat-card strong,.istx-detail-row__value,.istx-route-summary__item strong,.istx-info-card dd{font-size:.9rem!important;}
  .istx-info-card h4,.istx-section-card__head h4{font-size:1rem!important;}
  .istx-live-status__label,.istx-eyebrow,.istx-stat-card__label,.istx-detail-row__label,.istx-route-summary__item span{font-size:.66rem!important;}
}
@media print{
  .istx-print-report__logo,.istx-print-report__seal{display:block!important;visibility:visible!important;}
  .istx-print-report__header,.istx-print-report__footer{display:flex!important;}
}


/* V3.4.4 refinements */
.istx-print-toolbar .istx-button{color:#1d4ed8!important;background:#ffffff!important;border:1px solid rgba(37,99,235,.28)!important;}
.istx-print-toolbar .istx-button:hover{color:#1e40af!important;background:#eff6ff!important;}
.istx-print-notes{padding:16px 18px;font-size:13px;line-height:1.7;color:#374151;white-space:pre-wrap;}
.istx-print-section--notes{break-inside:avoid;}
@media (max-width:768px){
  .istx-panel__meta{gap:8px!important;}
  .istx-panel__meta .istx-chip{font-size:.78rem!important;padding:6px 10px!important;}
  .istx-progress-card,.istx-info-card,.istx-section-card{border-radius:18px!important;padding:16px!important;}
  .istx-details-grid{grid-template-columns:1fr!important;}
  .istx-split-cards{grid-template-columns:1fr!important;}
}
@media (max-width:480px){
  .istx-shell{font-size:13px!important;}
  .istx-title{font-size:clamp(1.18rem,6.3vw,1.72rem)!important;}
  .istx-panel__title{font-size:clamp(1.1rem,6.4vw,1.6rem)!important;}
  .istx-description,.istx-detail-row__value,.istx-info-card dd,.istx-route-summary__item strong,.istx-live-status strong,.istx-stat-card strong{font-size:.86rem!important;}
  .istx-section-card__head h4,.istx-info-card h4{font-size:.95rem!important;}
  .istx-live-status__label,.istx-eyebrow,.istx-stat-card__label,.istx-detail-row__label,.istx-info-card dt,.istx-alert-banner__eyebrow,.istx-route-summary__item span{font-size:.62rem!important;}
}
@page{margin:10mm;}
@media print{
  .istx-print-wrap{padding:0!important;}
  .istx-print-report{padding:0!important;}
  .istx-print-report__header{padding-bottom:12px!important;margin-bottom:12px!important;}
  .istx-print-report__summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:12px 0 14px!important;}
  .istx-print-report__summary div{padding:10px 12px!important;}
  .istx-print-section{margin-bottom:10px!important;}
  .istx-print-section h2{padding:10px 12px!important;font-size:15px!important;}
  .istx-print-table th,.istx-print-table td{padding:8px 10px!important;font-size:12px!important;}
  .istx-print-report__logo{max-width:90px!important;max-height:70px!important;}
  .istx-print-report__seal{max-width:170px!important;max-height:170px!important;}
  .istx-print-report__footer{margin-top:12px!important;padding-top:10px!important;align-items:flex-end!important;}
  .istx-print-grid-2{grid-template-columns:1fr 1fr!important;gap:10px!important;}
}

/* V3.4.7 redesigned shipment timeline */
.istx-timeline-section { overflow: hidden; }
.istx-timeline { position: relative; display: grid; gap: 14px; }
.istx-timeline::before { left: 20px; top: 18px; bottom: 18px; width: 3px; border-radius: 999px; background: linear-gradient(180deg, rgba(37,99,235,.28), rgba(56,189,248,.20), rgba(148,163,184,.16)); }
.istx-timeline__item { position: relative; padding-left: 58px; min-height: 58px; }
.istx-timeline__dot { left: 7px; top: 17px; width: 29px; height: 29px; display: grid; place-items: center; background: #eef2ff; border: 4px solid #fff; box-shadow: 0 6px 18px rgba(15,23,42,.10), 0 0 0 1px rgba(37,99,235,.10); }
.istx-timeline__dot::after { content: ''; width: 9px; height: 9px; border-radius: 999px; background: #94a3b8; }
.istx-timeline__item.is-completed .istx-timeline__dot { background: #dcfce7; }
.istx-timeline__item.is-completed .istx-timeline__dot::after { content: '✓'; width: auto; height: auto; color: #047857; background: transparent; font-weight: 900; font-size: 13px; line-height: 1; }
.istx-timeline__item.is-current .istx-timeline__dot { background: #dbeafe; box-shadow: 0 0 0 8px rgba(37,99,235,.10), 0 10px 24px rgba(37,99,235,.12); }
.istx-timeline__item.is-current .istx-timeline__dot::after { background: #2563eb; }
.istx-timeline__item.is-attention .istx-timeline__dot { background: #fef3c7; box-shadow: 0 0 0 8px rgba(245,158,11,.12), 0 10px 24px rgba(245,158,11,.14); }
.istx-timeline__item.is-attention .istx-timeline__dot::after { content: '!'; width: auto; height: auto; color: #b45309; background: transparent; font-weight: 900; font-size: 14px; }
.istx-timeline__item.is-pending { opacity: .68; }
.istx-timeline__content { background: #fff; border: 1px solid rgba(148,163,184,.18); border-radius: 22px; padding: 17px 18px; box-shadow: 0 12px 30px rgba(15,23,42,.045); }
.istx-timeline__item.is-current .istx-timeline__content { border-color: rgba(37,99,235,.24); background: linear-gradient(180deg,#ffffff,#f8fbff); }
.istx-timeline__item.is-attention .istx-timeline__content { border-color: rgba(245,158,11,.32); background: linear-gradient(180deg,#fff,#fffaf0); }
.istx-timeline__head { align-items: flex-start; margin-bottom: 6px; }
.istx-timeline__head h5 { font-size: 1rem; line-height: 1.35; font-weight: 800; color: var(--ist-ink); }
.istx-timeline__meta { margin-top: 7px; gap: 8px; font-size: .82rem; }
.istx-timeline__meta span { display: inline-flex; align-items: center; min-height: 24px; padding: 4px 9px; border-radius: 999px; background: #f1f5f9; color: #64748b; }
.istx-mini-badge { white-space: nowrap; }
.istx-mini-badge.is-completed { background: #dcfce7; color: #047857; }
.istx-mini-badge.is-current { background: #dbeafe; color: #1d4ed8; }
.istx-mini-badge.is-attention { background: #fef3c7; color: #b45309; }
.istx-mini-badge.is-pending { background: #f1f5f9; color: #64748b; }
.istx-timeline--compact { gap: 9px; }
.istx-timeline--compact .istx-timeline__content { padding: 13px 15px; border-radius: 16px; box-shadow: none; }
.istx-timeline--compact .istx-timeline__dot { top: 13px; width: 24px; height: 24px; }
.istx-timeline--cards { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.istx-timeline--cards::before { display: none; }
.istx-timeline--cards .istx-timeline__item { padding-left: 0; }
.istx-timeline--cards .istx-timeline__dot { position: static; margin-bottom: 10px; }
.istx-timeline--cards .istx-timeline__content { min-height: 100%; }
@media (max-width:768px){
  .istx-timeline { gap: 10px!important; }
  .istx-timeline::before{left:14px!important;}
  .istx-timeline__item{padding-left:42px!important;}
  .istx-timeline__dot{left:3px!important;top:14px!important;width:23px!important;height:23px!important;border-width:3px!important;}
  .istx-timeline__content{padding:12px 13px!important;border-radius:16px!important;}
  .istx-timeline__head{display:block!important;margin-bottom:5px!important;}
  .istx-timeline__head h5{font-size:.88rem!important;line-height:1.28!important;margin-bottom:6px!important;}
  .istx-timeline__content p{font-size:.78rem!important;line-height:1.45!important;margin-top:6px!important;}
  .istx-timeline__meta{font-size:.68rem!important;gap:5px!important;margin-top:5px!important;}
  .istx-timeline__meta span{min-height:20px!important;padding:3px 7px!important;}
  .istx-mini-badge{display:inline-flex!important;font-size:.66rem!important;padding:4px 7px!important;margin-top:3px!important;}
  .istx-timeline--cards{grid-template-columns:1fr!important;}
  .istx-timeline--cards .istx-timeline__item{padding-left:0!important;}
}

/* V3.4.8 advanced timeline modes and designs */
.istx-timeline--mode-focused { max-width: 980px; margin: 0 auto; }
.istx-timeline--mode-focused .istx-timeline__item { opacity: 1; }
.istx-timeline--mode-focused .istx-timeline__content { border-width: 1px; }
.istx-timeline--mode-focused .istx-timeline__item.is-current .istx-timeline__content,
.istx-timeline--mode-focused .istx-timeline__item.is-attention .istx-timeline__content { transform: translateY(-1px); box-shadow: 0 18px 40px rgba(37,99,235,.10); }

.istx-timeline--checkpoint { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; }
.istx-timeline--checkpoint::before { display: none; }
.istx-timeline--checkpoint .istx-timeline__item { padding: 0; }
.istx-timeline--checkpoint .istx-timeline__dot { position: static; margin-bottom: -14px; margin-left: 18px; z-index: 2; width: 34px; height: 34px; }
.istx-timeline--checkpoint .istx-timeline__content { min-height: 150px; border-radius: 26px; padding: 26px 20px 18px; background: linear-gradient(180deg,#fff,#f8fbff); }
.istx-timeline--checkpoint .istx-timeline__head { display: block; }
.istx-timeline--checkpoint .istx-mini-badge { margin-top: 10px; }

.istx-timeline--journey { display: flex; gap: 16px; overflow-x: auto; padding: 10px 6px 18px; scroll-snap-type: x mandatory; }
.istx-timeline--journey::before { display: none; }
.istx-timeline--journey .istx-timeline__item { flex: 0 0 min(310px, 86vw); padding: 0; scroll-snap-align: start; }
.istx-timeline--journey .istx-timeline__item::before { content: ''; position: absolute; left: 38px; right: -18px; top: 17px; height: 3px; background: linear-gradient(90deg, rgba(37,99,235,.24), rgba(148,163,184,.18)); z-index: 0; }
.istx-timeline--journey .istx-timeline__item:last-child::before { display: none; }
.istx-timeline--journey .istx-timeline__dot { position: relative; left: auto; top: auto; margin: 0 0 12px 5px; z-index: 1; }
.istx-timeline--journey .istx-timeline__content { border-radius: 24px; min-height: 145px; }

.istx-timeline--stack { gap: 10px; }
.istx-timeline--stack::before { left: 22px; background: #e2e8f0; }
.istx-timeline--stack .istx-timeline__item { padding-left: 64px; }
.istx-timeline--stack .istx-timeline__content { border-radius: 18px; box-shadow: none; display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: start; }
.istx-timeline--stack .istx-timeline__head { display: contents; }
.istx-timeline--stack .istx-mini-badge { align-self: start; }
.istx-timeline--stack .istx-timeline__content p { grid-column: 1 / -1; }

.istx-timeline--rail { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; counter-reset: iststep; }
.istx-timeline--rail::before { display: none; }
.istx-timeline--rail .istx-timeline__item { padding: 0; counter-increment: iststep; }
.istx-timeline--rail .istx-timeline__dot { position: static; width: 42px; height: 42px; margin-bottom: 12px; }
.istx-timeline--rail .istx-timeline__dot::after { content: counter(iststep); width: auto; height: auto; background: transparent; color: #2563eb; font-weight: 900; font-size: 13px; }
.istx-timeline--rail .istx-timeline__item.is-completed .istx-timeline__dot::after { content: '✓'; color: #047857; }
.istx-timeline--rail .istx-timeline__item.is-attention .istx-timeline__dot::after { content: '!'; color: #b45309; }
.istx-timeline--rail .istx-timeline__content { border-radius: 20px; padding: 15px 16px; min-height: 126px; }
.istx-timeline--rail .istx-timeline__head { display: block; }
.istx-timeline--rail .istx-mini-badge { margin-top: 9px; }

@media (max-width:768px){
  .istx-timeline--checkpoint{grid-template-columns:1fr!important;}
  .istx-timeline--checkpoint .istx-timeline__content{min-height:unset!important;padding:24px 14px 14px!important;}
  .istx-timeline--journey{display:flex!important;grid-template-columns:none!important;gap:12px!important;margin-left:-4px;margin-right:-4px;}
  .istx-timeline--journey .istx-timeline__item{flex-basis:82vw!important;padding-left:0!important;}
  .istx-timeline--journey .istx-timeline__dot{left:auto!important;top:auto!important;}
  .istx-timeline--stack .istx-timeline__content{display:block!important;}
  .istx-timeline--rail{grid-template-columns:1fr!important;}
  .istx-timeline--rail .istx-timeline__item{padding-left:0!important;}
  .istx-timeline--rail .istx-timeline__dot{left:auto!important;top:auto!important;width:34px!important;height:34px!important;}
}

/* V3.4.10 print timeline cleanup */
.istx-print-timeline-note{margin:10px 16px 14px;font-size:12px;line-height:1.5;color:#6b7280;}
.istx-print-timeline-row.is-pending td:first-child{color:#9ca3af;font-style:italic;}
@media print{.istx-print-timeline-note{font-size:10px!important;margin:6px 10px 8px!important}.istx-print-table--timeline td,.istx-print-table--timeline th{font-size:11px!important;line-height:1.35!important}}

/* V3.5.0 advanced print report templates */
.istx-print-wrap{--ist-report-accent:#2563eb;--ist-report-font-scale:1;}
.istx-print-report{font-size:calc(14px * var(--ist-report-font-scale));position:relative;overflow:hidden;}
.istx-print-template-modern .istx-print-report__header{border-bottom-color:var(--ist-report-accent)!important;}
.istx-print-template-modern .istx-print-report__eyebrow,.istx-print-template-modern .istx-print-table th{color:var(--ist-report-accent)!important;}
.istx-print-template-modern .istx-print-section h2{border-left:4px solid var(--ist-report-accent);}

.istx-print-template-classic .istx-print-report{border:1px solid #d1d5db!important;box-shadow:none!important;border-radius:0!important;background:#fff!important;}
.istx-print-template-classic .istx-print-report__header{border-bottom:3px double #111827!important;padding-bottom:18px!important;}
.istx-print-template-classic .istx-print-report h1{font-family:Georgia,'Times New Roman',serif!important;letter-spacing:.01em;}
.istx-print-template-classic .istx-print-section{border-radius:0!important;border-color:#d1d5db!important;}
.istx-print-template-classic .istx-print-section h2{background:#fff!important;border-bottom:1px solid #111827!important;text-transform:uppercase;letter-spacing:.08em;}
.istx-print-template-classic .istx-print-report__summary div{border-radius:0!important;}

.istx-print-template-executive .istx-print-report{border:none!important;border-radius:18px!important;box-shadow:0 16px 50px rgba(15,23,42,.10)!important;}
.istx-print-template-executive .istx-print-report__header{background:linear-gradient(135deg,var(--ist-report-accent),#0f172a)!important;color:#fff!important;border-bottom:none!important;margin:-28px -28px 22px!important;padding:30px 28px!important;}
.istx-print-template-executive .istx-print-report__eyebrow,.istx-print-template-executive .istx-print-report__meta-line,.istx-print-template-executive .istx-print-report h1{color:#fff!important;}
.istx-print-template-executive .istx-print-report__logo{background:#fff;border-radius:16px;padding:8px;}
.istx-print-exec-strip{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:0 0 18px;}
.istx-print-exec-strip div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;}
.istx-print-exec-strip span{display:block;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.08em;color:#64748b;margin-bottom:6px;}
.istx-print-exec-strip strong{font-size:16px;color:#0f172a;}

.istx-print-template-compact .istx-print-report{padding:20px!important;}
.istx-print-template-compact .istx-print-report__header{padding-bottom:10px!important;margin-bottom:10px!important;}
.istx-print-template-compact .istx-print-report h1{font-size:26px!important;}
.istx-print-template-compact .istx-print-report__logo{max-width:72px!important;max-height:62px!important;}
.istx-print-template-compact .istx-print-report__summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;margin:12px 0!important;}
.istx-print-template-compact .istx-print-report__summary div{padding:9px 10px!important;border-radius:10px!important;}
.istx-print-template-compact .istx-print-section{margin-bottom:8px!important;border-radius:10px!important;}
.istx-print-template-compact .istx-print-section h2{padding:8px 10px!important;font-size:14px!important;}
.istx-print-template-compact .istx-print-table th,.istx-print-template-compact .istx-print-table td{padding:6px 8px!important;font-size:11px!important;}
.istx-print-template-compact .istx-print-notes{padding:10px!important;font-size:11px!important;}

.istx-print-template-borderless .istx-print-report{box-shadow:none!important;border:none!important;border-radius:0!important;background:#fff!important;}
.istx-print-template-borderless .istx-print-report__header{border-bottom:1px solid #e2e8f0!important;}
.istx-print-template-borderless .istx-print-report__summary div,.istx-print-template-borderless .istx-print-section{border:none!important;border-radius:0!important;background:transparent!important;}
.istx-print-template-borderless .istx-print-section h2{background:transparent!important;border-top:1px solid #e2e8f0!important;border-bottom:1px solid #e2e8f0!important;padding-left:0!important;}
.istx-print-template-borderless .istx-print-table th,.istx-print-template-borderless .istx-print-table td{padding-left:0!important;padding-right:0!important;}

.istx-print-density-comfortable .istx-print-table th,.istx-print-density-comfortable .istx-print-table td{padding:14px 18px!important;}
.istx-print-density-comfortable .istx-print-section h2{padding:16px 18px!important;}
.istx-print-density-compact .istx-print-table th,.istx-print-density-compact .istx-print-table td{padding:7px 9px!important;font-size:12px!important;}
.istx-print-density-compact .istx-print-section h2{padding:9px 11px!important;font-size:15px!important;}
.istx-print-density-compact .istx-print-report__summary div{padding:9px 11px!important;}

.istx-print-report__header-seal{text-align:right;min-width:160px;}
.istx-print-report__watermark{position:absolute;right:8%;top:38%;width:320px;max-width:45%;opacity:.08;z-index:0;pointer-events:none;}
.istx-print-report > *:not(.istx-print-report__watermark){position:relative;z-index:1;}
.istx-print-report__titleblock{min-width:0;}
.istx-print-table--timeline tr.is-pending td{color:#64748b;}
.istx-print-table--timeline tr.is-current td{font-weight:700;color:#0f172a;}
.istx-print-table--timeline tr.is-completed td:first-child{color:#047857;}

@media print{
  .istx-print-template-executive .istx-print-report__header{background:linear-gradient(135deg,var(--ist-report-accent),#0f172a)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .istx-print-template-classic .istx-print-report,.istx-print-template-borderless .istx-print-report,.istx-print-template-modern .istx-print-report,.istx-print-template-executive .istx-print-report,.istx-print-template-compact .istx-print-report{box-shadow:none!important;}
  .istx-print-report__watermark{display:block!important;visibility:visible!important;}
  .istx-print-exec-strip div{break-inside:avoid;}
}

/* V3.6 Customer Result Themes: Atlas Command + Harbor Official */
.istx-client-shell{--istx-ink:#172033;--istx-muted:#68758b;--istx-line:rgba(28,42,71,.12);--istx-card:#fff;--istx-soft:#f6f8fb;--istx-accent:#1d4ed8;--istx-accent-2:#0ea5e9;--istx-good:#0f9f6e;--istx-warn:#d97706;--istx-danger:#dc2626;position:relative;overflow:hidden;border-radius:30px;padding:28px;margin:26px auto;background:linear-gradient(135deg,#f8fbff 0%,#eef5ff 45%,#f8fafc 100%);box-shadow:0 24px 80px rgba(15,23,42,.12);border:1px solid rgba(148,163,184,.24);color:var(--istx-ink);font-family:inherit}.istx-client-shell *{box-sizing:border-box}.istx-client-shell:before{content:"";position:absolute;inset:-120px -80px auto auto;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(14,165,233,.18),transparent 68%);pointer-events:none}.istx-theme-harbor{--istx-accent:#0f766e;--istx-accent-2:#0284c7;--istx-card:#fffffc;background:linear-gradient(135deg,#fff 0%,#f3fbfa 52%,#eef7ff 100%)}.istx-client-hero{position:relative;display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:28px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.68));border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 45px rgba(30,41,59,.08)}.istx-client-kicker{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(29,78,216,.08);color:var(--istx-accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.istx-client-hero h3{margin:16px 0 10px;font-size:clamp(26px,4vw,42px);line-height:1.04;letter-spacing:-.04em;color:var(--istx-ink)}.istx-client-code{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--istx-muted)}.istx-client-code strong{padding:9px 13px;border-radius:12px;background:#0f172a;color:#fff;letter-spacing:.04em}.istx-client-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.istx-client-actions a,.istx-client-actions button{appearance:none;border:0;text-decoration:none;cursor:pointer;padding:12px 15px;border-radius:14px;background:var(--istx-accent);color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(29,78,216,.22)}.istx-client-actions a{background:#fff;color:var(--istx-ink);border:1px solid var(--istx-line);box-shadow:none}.istx-command-alert{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;margin-bottom:18px;padding:18px 20px;border-radius:22px;background:#fff;border:1px solid rgba(220,38,38,.18);box-shadow:0 14px 38px rgba(220,38,38,.10)}.istx-command-alert.is-warning{border-color:rgba(217,119,6,.22);box-shadow:0 14px 38px rgba(217,119,6,.10)}.istx-command-alert.is-info{border-color:rgba(2,132,199,.20);box-shadow:0 14px 38px rgba(2,132,199,.10)}.istx-command-alert__pulse{width:15px;height:15px;margin-top:5px;border-radius:50%;background:var(--istx-danger);box-shadow:0 0 0 0 rgba(220,38,38,.45);animation:istxPulse 1.8s infinite}.istx-command-alert.is-warning .istx-command-alert__pulse{background:var(--istx-warn)}.istx-command-alert.is-info .istx-command-alert__pulse{background:var(--istx-accent-2)}.istx-command-alert__eyebrow{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--istx-muted)}.istx-command-alert strong{display:block;margin:2px 0 4px;font-size:18px}.istx-command-alert p{margin:6px 0 0;color:var(--istx-muted)}.istx-command-alert button{border:0;background:transparent;font-size:24px;cursor:pointer}.istx-command-grid{display:grid;grid-template-columns:minmax(260px,1.35fr) repeat(2,minmax(170px,.55fr));gap:16px;margin:18px 0}.istx-live-command-card,.istx-metric-card,.istx-profile-card,.istx-data-board,.istx-control-timeline,.istx-route-board{position:relative;border-radius:24px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.78);box-shadow:0 14px 40px rgba(15,23,42,.08);backdrop-filter:blur(10px)}.istx-live-command-card{padding:22px;grid-row:span 2}.istx-live-command-card__head{display:flex;gap:15px;align-items:center;margin-bottom:24px}.istx-live-command-card__head span,.istx-metric-card span,.istx-profile-card>span,.istx-data-cell span{display:block;color:var(--istx-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.istx-live-command-card__head strong{display:block;font-size:24px;line-height:1.1;margin-top:3px}.istx-radar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(14,165,233,.10);position:relative}.istx-radar:before,.istx-radar:after{content:"";position:absolute;inset:6px;border:1px solid rgba(14,165,233,.35);border-radius:50%;animation:istxRadar 2.2s infinite}.istx-radar:after{animation-delay:.7s}.istx-radar span{width:14px;height:14px;border-radius:50%;background:var(--istx-accent-2);box-shadow:0 0 20px rgba(14,165,233,.8)}.istx-command-progress__track{position:relative;height:18px;border-radius:999px;background:rgba(15,23,42,.08);overflow:visible}.istx-command-progress__fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--istx-accent),var(--istx-accent-2));box-shadow:0 8px 24px rgba(14,165,233,.24);transition:width .9s ease}.istx-command-progress__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:istxSweep 2.8s linear infinite}.istx-command-progress__beacon{position:absolute;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:7px solid var(--istx-accent-2);box-shadow:0 8px 24px rgba(14,165,233,.35);transition:left .9s ease}.istx-command-progress__meta{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:var(--istx-muted);font-size:12px;font-weight:800}.istx-command-progress__meta strong{font-size:30px;color:var(--istx-ink)}.istx-metric-card{padding:20px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between}.istx-metric-card strong{display:block;font-size:22px;line-height:1.12;color:var(--istx-ink)}.istx-metric-card em{font-style:normal;color:var(--istx-muted);font-size:13px}.istx-metric-card.is-status:after{content:"LIVE";position:absolute;top:18px;right:18px;padding:5px 8px;border-radius:999px;background:rgba(15,159,110,.1);color:var(--istx-good);font-size:10px;font-weight:900;letter-spacing:.08em}.istx-client-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.istx-profile-card{padding:22px}.istx-profile-card h4{font-size:22px;margin:8px 0 16px}.istx-profile-card dl,.istx-profile-card dd{margin:0}.istx-profile-card dl{display:grid;gap:10px}.istx-profile-card dl div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--istx-line)}.istx-profile-card dt{color:var(--istx-muted);font-size:12px;text-transform:uppercase;font-weight:800}.istx-profile-card dd{font-weight:700}.istx-data-board,.istx-control-timeline,.istx-route-board{padding:22px;margin:18px 0}.istx-board-title{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px}.istx-board-title h4{margin:0;font-size:22px}.istx-board-title span{color:var(--istx-muted);font-size:13px}.istx-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.istx-data-cell{padding:16px;border-radius:18px;background:linear-gradient(180deg,rgba(248,250,252,.9),rgba(255,255,255,.8));border:1px solid var(--istx-line);min-height:96px}.istx-data-cell strong{display:block;margin-top:7px;line-height:1.35;overflow-wrap:anywhere}.istx-control-timeline__list{display:grid;gap:12px}.istx-control-step{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:stretch}.istx-control-step__index{position:relative;display:flex;justify-content:center}.istx-control-step__index:after{content:"";position:absolute;top:42px;bottom:-18px;width:2px;background:var(--istx-line)}.istx-control-step:last-child .istx-control-step__index:after{display:none}.istx-control-step__index span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#e2e8f0;color:#475569;font-weight:900}.istx-control-step.is-completed .istx-control-step__index span{background:rgba(15,159,110,.12);color:var(--istx-good)}.istx-control-step.is-current .istx-control-step__index span{background:rgba(14,165,233,.14);color:var(--istx-accent-2);animation:istxSoftBlink 1.8s infinite}.istx-control-step.is-attention .istx-control-step__index span{background:rgba(217,119,6,.14);color:var(--istx-warn)}.istx-control-step__body{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;border-radius:20px;background:#fff;border:1px solid var(--istx-line)}.istx-control-step__body h5{margin:0;font-size:17px}.istx-control-step__body p,.istx-control-step__body small{color:var(--istx-muted);margin:5px 0 0}.istx-control-step__body small{grid-column:1/-1}.istx-control-step__body b{height:max-content;padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.istx-control-step.is-current .istx-control-step__body b{background:rgba(14,165,233,.12);color:var(--istx-accent-2)}.istx-control-step.is-completed .istx-control-step__body b{background:rgba(15,159,110,.12);color:var(--istx-good)}.istx-control-step.is-attention .istx-control-step__body b{background:rgba(217,119,6,.12);color:var(--istx-warn)}.istx-route-pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.istx-route-pills span{display:block;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--istx-line);color:var(--istx-muted);font-size:12px;font-weight:800;text-transform:uppercase}.istx-route-pills strong{display:block;color:var(--istx-ink);font-size:15px;margin-top:5px;text-transform:none}.istx-map--command{border-radius:22px;overflow:hidden;border:1px solid var(--istx-line);min-height:360px}.istx-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.istx-document-grid a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;padding:15px;border-radius:16px;background:#fff;border:1px solid var(--istx-line);color:var(--istx-ink);font-weight:800}.istx-document-grid b{color:var(--istx-accent)}.istx-theme-harbor .istx-client-hero,.istx-theme-harbor .istx-live-command-card,.istx-theme-harbor .istx-metric-card,.istx-theme-harbor .istx-profile-card,.istx-theme-harbor .istx-data-board,.istx-theme-harbor .istx-control-timeline,.istx-theme-harbor .istx-route-board{border-color:rgba(13,148,136,.16)}.istx-theme-harbor .istx-client-code strong{background:#134e4a}.istx-theme-harbor .istx-client-actions button{box-shadow:0 12px 28px rgba(15,118,110,.20)}
@keyframes istxPulse{70%{box-shadow:0 0 0 12px rgba(220,38,38,0)}100%{box-shadow:0 0 0 0 rgba(220,38,38,0)}}@keyframes istxRadar{0%{opacity:.7;transform:scale(.65)}100%{opacity:0;transform:scale(1.55)}}@keyframes istxSweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes istxSoftBlink{0%,100%{box-shadow:0 0 0 0 rgba(14,165,233,.26)}50%{box-shadow:0 0 0 8px rgba(14,165,233,0)}}
@media (max-width:900px){.istx-client-shell{padding:16px;margin:16px auto;border-radius:22px}.istx-client-hero,.istx-board-title{display:block}.istx-client-actions{justify-content:flex-start;margin-top:16px}.istx-command-grid,.istx-client-two-col,.istx-data-grid,.istx-route-pills,.istx-document-grid{grid-template-columns:1fr}.istx-live-command-card{grid-row:auto}.istx-profile-card dl div{grid-template-columns:1fr}.istx-control-step{grid-template-columns:46px 1fr}.istx-control-step__body{grid-template-columns:1fr}.istx-command-progress__meta strong{font-size:24px}}

/* V3.6.1 Nautical Command Route redesign */
.istx-route-board--next{overflow:hidden;padding:0!important;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,64,175,.90) 52%,rgba(8,145,178,.86))!important;color:#fff;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 24px 70px rgba(15,23,42,.24)!important}
.istx-theme-harbor .istx-route-board--next{background:linear-gradient(135deg,#0f172a,#115e59 52%,#0e7490)!important}.istx-route-board--next:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 16% 22%,rgba(56,189,248,.24),transparent 25%),radial-gradient(circle at 86% 8%,rgba(34,197,94,.14),transparent 20%),linear-gradient(120deg,transparent 0 45%,rgba(255,255,255,.06) 48% 52%,transparent 55%);pointer-events:none}.istx-route-board--next:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.08));pointer-events:none}.istx-route-board--next>*{position:relative;z-index:1}.istx-route-orb{position:absolute;right:26px;top:22px;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.18);opacity:.52;z-index:0}.istx-route-orb span,.istx-route-orb i{position:absolute;border-radius:50%;inset:18px;border:1px dashed rgba(125,211,252,.44);animation:istRouteSpin 14s linear infinite}.istx-route-orb i{inset:38px;border-style:solid;animation-duration:8s;animation-direction:reverse}.istx-route-headline{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:26px 28px 12px}.istx-route-kicker{display:inline-flex;margin-bottom:8px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.10);color:#bae6fd;font-weight:900;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.istx-route-headline h4{margin:0;color:#fff!important;font-size:30px;line-height:1.08}.istx-route-headline p{margin:9px 0 0;max-width:650px;color:rgba(226,232,240,.86)}.istx-route-live-chip{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-weight:900;color:#ecfeff}.istx-route-live-chip span{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:istRoutePulse 1.6s infinite}.istx-route-command-grid{display:grid;grid-template-columns:1.15fr repeat(3,minmax(0,.62fr));gap:12px;padding:8px 28px 18px}.istx-route-compass-card,.istx-route-mini-stat{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:22px;backdrop-filter:blur(12px)}.istx-route-compass-card{display:flex;gap:15px;align-items:center;padding:16px}.istx-route-compass{width:88px;height:88px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(from 0deg,rgba(56,189,248,.92),rgba(34,197,94,.75),rgba(255,255,255,.18),rgba(56,189,248,.92));box-shadow:0 18px 40px rgba(14,165,233,.18)}.istx-route-compass:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#0f172a}.istx-route-compass span{position:absolute;inset:13px;border-radius:50%;border:1px dashed rgba(255,255,255,.35);animation:istRouteSpin 9s linear infinite}.istx-route-compass b{position:relative;color:#fff;font-size:20px}.istx-route-compass-copy span,.istx-route-mini-stat span,.istx-route-sidebar__title span,.istx-route-map-toolbar span{display:block;color:#bae6fd;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.10em}.istx-route-compass-copy strong{display:block;color:#fff;font-size:32px;line-height:1;margin:4px 0}.istx-route-compass-copy em{font-style:normal;color:rgba(226,232,240,.82)}.istx-route-mini-stat{padding:16px;min-height:108px}.istx-route-mini-stat strong{display:block;margin-top:9px;color:#fff;font-size:17px;line-height:1.25;overflow-wrap:anywhere}.istx-route-mini-stat.is-current{background:rgba(14,165,233,.20);box-shadow:inset 0 0 0 1px rgba(125,211,252,.20)}.istx-route-flow{margin:0 28px 20px;padding:42px 16px 14px;position:relative;background:rgba(15,23,42,.30);border:1px solid rgba(255,255,255,.12);border-radius:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.istx-route-flow__line{position:absolute;left:34px;right:34px;top:28px;height:4px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}.istx-route-flow__line span{display:block;width:var(--route-progress);height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#38bdf8);box-shadow:0 0 20px rgba(56,189,248,.55);transition:width 1s ease}.istx-route-flow__line i{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:istRouteSweep 3s linear infinite}.istx-route-flow__ship{position:absolute;left:calc(var(--route-progress));top:18px;width:24px;height:24px;transform:translateX(-50%);border-radius:50%;display:grid;place-items:center;background:#fff;color:#0284c7;font-weight:900;box-shadow:0 10px 25px rgba(14,165,233,.40);animation:istRouteFloat 2.3s ease-in-out infinite}.istx-route-node{appearance:none;border:0;background:transparent;color:#fff;text-align:center;cursor:pointer;min-width:0}.istx-route-node span{width:34px;height:34px;margin:0 auto 8px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);font-weight:900;transition:.2s ease}.istx-route-node strong{display:block;font-size:12px;line-height:1.25;color:rgba(226,232,240,.86);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.istx-route-node.is-completed span{background:rgba(34,197,94,.92);color:#052e16}.istx-route-node.is-current span{background:#38bdf8;color:#082f49;box-shadow:0 0 0 8px rgba(56,189,248,.12);animation:istRoutePulseNode 1.6s infinite}.istx-route-node.is-attention span{background:#f59e0b;color:#451a03}.istx-route-node.is-focused span{transform:translateY(-3px) scale(1.08);box-shadow:0 12px 25px rgba(125,211,252,.24)}.istx-route-map-deck{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;padding:0 28px 28px}.istx-route-sidebar,.istx-route-map-shell{background:rgba(255,255,255,.94);color:#0f172a;border-radius:24px;border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 45px rgba(15,23,42,.20);overflow:hidden}.istx-route-sidebar{padding:16px}.istx-route-sidebar__title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.istx-route-sidebar__title span,.istx-route-map-toolbar span{color:#64748b}.istx-route-sidebar__title strong{padding:6px 9px;border-radius:999px;background:#e0f2fe;color:#0369a1}.istx-route-manifest{display:grid;gap:8px;max-height:390px;overflow:auto;padding-right:4px}.istx-route-manifest__item{appearance:none;border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:11px;display:grid;grid-template-columns:34px 1fr;gap:10px;text-align:left;cursor:pointer;color:#0f172a;transition:.2s ease}.istx-route-manifest__item:hover,.istx-route-manifest__item.is-focused{transform:translateX(3px);border-color:#38bdf8;background:#f8fbff}.istx-route-manifest__item b{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#f1f5f9;color:#475569}.istx-route-manifest__item.is-completed b{background:#dcfce7;color:#047857}.istx-route-manifest__item.is-current b{background:#dbeafe;color:#1d4ed8}.istx-route-manifest__item.is-attention b{background:#fef3c7;color:#b45309}.istx-route-manifest__item span strong{display:block;font-size:14px}.istx-route-manifest__item span em{display:block;margin-top:3px;color:#64748b;font-style:normal;font-size:12px}.istx-route-map-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;border-bottom:1px solid #e2e8f0}.istx-route-map-toolbar strong{font-size:12px;color:#0f766e}.istx-map--next-route{border:0!important;border-radius:0!important;min-height:430px!important}.istx-route-marker{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:#fff;border:3px solid #38bdf8;color:#0f172a;font-weight:900;box-shadow:0 8px 20px rgba(15,23,42,.25)}.istx-route-marker.is-completed{border-color:#22c55e}.istx-route-marker.is-current{border-color:#38bdf8;animation:istRouteMarker 1.5s infinite}.istx-route-marker.is-attention{border-color:#f59e0b}.istx-route-popup strong{display:block;margin-bottom:3px}.istx-route-popup span{color:#64748b}.leaflet-container .istx-route-popup{font-family:inherit}.istx-theme-harbor .istx-route-compass-copy span,.istx-theme-harbor .istx-route-mini-stat span{color:#99f6e4}@keyframes istRouteSpin{to{transform:rotate(360deg)}}@keyframes istRoutePulse{70%{box-shadow:0 0 0 11px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}@keyframes istRoutePulseNode{70%{box-shadow:0 0 0 10px rgba(56,189,248,0)}100%{box-shadow:0 0 0 0 rgba(56,189,248,0)}}@keyframes istRouteSweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes istRouteFloat{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-4px)}}@keyframes istRouteMarker{70%{box-shadow:0 0 0 12px rgba(56,189,248,0),0 8px 20px rgba(15,23,42,.25)}}@media(max-width:980px){.istx-route-command-grid{grid-template-columns:1fr 1fr}.istx-route-map-deck{grid-template-columns:1fr}.istx-route-manifest{max-height:260px}.istx-route-headline{display:block}.istx-route-live-chip{margin-top:14px}.istx-route-flow{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))}}@media(max-width:640px){.istx-route-headline{padding:20px 18px 10px}.istx-route-headline h4{font-size:24px}.istx-route-command-grid,.istx-route-map-deck{padding-left:18px;padding-right:18px;grid-template-columns:1fr}.istx-route-flow{margin-left:18px;margin-right:18px;padding-top:38px}.istx-route-node strong{font-size:11px}.istx-route-compass-card{display:block}.istx-route-compass{margin-bottom:12px}.istx-map--next-route{min-height:340px!important}}

/* v3.6.2: Single Route View - avoid repeated timeline/checkpoint blocks in client interface */
.istx-route-map-deck--single{grid-template-columns:1fr!important;}
.istx-route-map-deck--single .istx-route-map-shell{min-width:0;}
.istx-route-map-note{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;background:linear-gradient(90deg,#f8fafc,#eff6ff);border-bottom:1px solid #e2e8f0;color:#475569;}
.istx-route-map-note span{font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#0369a1;white-space:nowrap;}
.istx-route-map-note p{margin:0;font-size:12px;line-height:1.45;color:#64748b;}
@media(max-width:640px){.istx-route-map-note{display:block}.istx-route-map-note p{margin-top:5px}}

/* v3.6.3 — Sidebar-first Shipment Route */
.istx-route-board--sidebar-primary .istx-route-sidebar--active{position:relative;overflow:hidden;box-shadow:0 22px 55px rgba(15,23,42,.24)}
.istx-route-board--sidebar-primary .istx-route-sidebar--active:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#22c55e,#38bdf8,#2563eb)}
.istx-route-sidebar__hint{margin:0 0 14px;color:#64748b;font-size:12px;line-height:1.55;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px}
.istx-route-sidebar--active .istx-route-manifest__item{position:relative;align-items:center;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.istx-route-sidebar--active .istx-route-manifest__item:after{content:"";position:absolute;left:27px;top:45px;bottom:-12px;width:2px;background:#e2e8f0;z-index:0}
.istx-route-sidebar--active .istx-route-manifest__item:last-child:after{display:none}
.istx-route-sidebar--active .istx-route-manifest__item b,.istx-route-sidebar--active .istx-route-manifest__item span{position:relative;z-index:1}
.istx-route-sidebar--active .istx-route-manifest__item.is-current{border-color:#38bdf8;background:linear-gradient(135deg,#eff6ff,#ffffff)}
.istx-route-sidebar--active .istx-route-manifest__item.is-current b{box-shadow:0 0 0 8px rgba(56,189,248,.13);animation:istRoutePulseNode 1.7s infinite}
.istx-route-sidebar--active .istx-route-manifest__item.is-focused{border-color:#0ea5e9;background:#f0f9ff;transform:translateX(4px)}
.istx-route-flow.is-secondary-flow{opacity:.42;filter:saturate(.75);pointer-events:none}
.istx-route-flow.is-secondary-flow:after{content:"Passive route flow";position:absolute;right:16px;top:12px;padding:5px 9px;border-radius:999px;background:rgba(15,23,42,.48);color:#dbeafe;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.istx-route-node.is-passive-node{cursor:default}
.istx-route-node.is-passive-node strong{opacity:.75}