/* [project]/src/app/globals.css.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: block))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }
}

:root {
  --bg: #080d16;
  --panel: #0d1522;
  --panel2: #101b2b;
  --line: #1c2b3d;
  --text: #e5edf7;
  --muted: #7e91a8;
  --dim: #52647b;
  --green: #36d6a0;
  --amber: #f2b84b;
  --red: #ff626d;
  --blue: #65aaff;
}

* {
  box-sizing: border-box;
}

html {
  background: var(--bg);
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  color: var(--text);
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

button, a {
  -webkit-tap-highlight-color: transparent;
}

button {
  font: inherit;
}

.terminal {
  background: radial-gradient(ellipse at 50% -30%,#172840 0%,transparent 48%),var(--bg);
  max-width: 1600px;
  min-height: 100vh;
  margin: auto;
  padding: 0 30px;
}

.top-strip {
  border-bottom: 1px solid var(--line);
  letter-spacing: 1px;
  height: 31px;
  color: var(--muted);
  justify-content: space-between;
  align-items: center;
  font: 9px / 1.2 monospace;
  display: flex;
}

.top-strip-left, .top-strip-right, .top-strip-right span {
  align-items: center;
  gap: 9px;
  display: flex;
}

.top-strip b {
  color: var(--amber);
  font-weight: 600;
}

.top-divider {
  color: #34465d;
  margin: 0 5px;
}

.connection {
  color: var(--green) !important;
}

.live-dot {
  background: var(--green);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: inline-block;
  box-shadow: 0 0 9px #36d6a080;
}

.live-dot.muted {
  background: var(--amber);
  box-shadow: none;
}

.main-header {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  height: 76px;
  display: flex;
}

.brand {
  color: inherit;
  align-items: center;
  gap: 11px;
  min-width: 250px;
  text-decoration: none;
  display: flex;
}

.brand-mark {
  width: 39px;
  height: 39px;
  color: var(--green);
  background: #10263a;
  border: 1px solid #31506b;
  border-radius: 8px;
  place-items: center;
  display: grid;
}

.brand-name {
  letter-spacing: 1.5px;
  font-size: 16px;
  font-weight: 800;
}

.brand-name span {
  color: var(--green);
  letter-spacing: 1px;
  margin-left: 7px;
  font-size: 9px;
}

.brand-sub {
  color: var(--muted);
  letter-spacing: 1.4px;
  margin-top: 5px;
  font: 9px monospace;
}

.desktop-nav {
  align-items: stretch;
  gap: 4px;
  height: 100%;
  display: flex;
}

.nav-link {
  color: var(--muted);
  letter-spacing: .7px;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  padding: 0 13px;
  font-size: 10px;
  font-weight: 700;
}

.nav-link:hover, .nav-link.active {
  color: var(--green);
  border-bottom-color: var(--green);
}

.header-actions {
  align-items: center;
  gap: 9px;
  display: flex;
}

.icon-button, .mobile-toggle {
  border: 1px solid var(--line);
  color: #9aabc0;
  cursor: pointer;
  background: #0d1725;
  border-radius: 6px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
  position: relative;
}

.notification i {
  background: var(--red);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 6px;
  right: 7px;
}

.mobile-toggle, .mobile-nav {
  display: none;
}

.ticker-bar {
  letter-spacing: 1px;
  background: #0e1927;
  border: 1px solid #1a2a3d;
  border-top: 0;
  align-items: center;
  height: 36px;
  font: 9px monospace;
  display: flex;
  overflow: hidden;
}

.ticker-label {
  height: 100%;
  color: var(--green);
  white-space: nowrap;
  background: #14263a;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  display: flex;
}

.ticker-content {
  color: #9bacc0;
  white-space: nowrap;
  text-overflow: clip;
  flex: 1;
  padding: 0 16px;
  overflow: hidden;
}

.ticker-content span {
  color: var(--green);
  padding: 0 13px;
}

.ticker-status {
  color: var(--amber);
  white-space: nowrap;
  padding: 0 13px;
}

.page-intro {
  justify-content: space-between;
  align-items: end;
  padding: 28px 0 22px;
  display: flex;
}

.eyebrow {
  letter-spacing: 2px;
  color: var(--green);
  align-items: center;
  gap: 9px;
  font: 9px monospace;
  display: flex;
}

.eyebrow-line {
  background: var(--green);
  width: 22px;
  height: 1px;
}

h1 {
  letter-spacing: -1.5px;
  margin: 10px 0 7px;
  font-size: 34px;
  font-weight: 750;
  line-height: 1.1;
}

h1 em {
  color: var(--green);
  font-style: normal;
}

.page-intro p {
  color: var(--muted);
  margin: 0;
  font-size: 12px;
}

.intro-right {
  text-align: right;
  font-family: monospace;
}

.date-label {
  letter-spacing: 1.5px;
  color: var(--dim);
  font-size: 9px;
}

.date-value {
  letter-spacing: 1px;
  color: #dce7f5;
  margin: 5px 0;
  font-size: 17px;
}

.date-note {
  color: var(--muted);
  letter-spacing: .6px;
  font-size: 8px;
}

.status-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
  display: grid;
}

.status-card, .panel {
  border: 1px solid var(--line);
  background: linear-gradient(145deg, #101b2a, #0b1420);
  border-radius: 7px;
}

.status-card {
  min-height: 126px;
  padding: 15px 16px 13px;
  position: relative;
  overflow: hidden;
}

.status-top {
  color: var(--muted);
  letter-spacing: 1px;
  justify-content: space-between;
  align-items: center;
  font: 9px monospace;
  display: flex;
}

.status-top svg {
  color: #71869d;
}

.status-value {
  letter-spacing: -1px;
  margin: 11px 0 8px;
  font: 700 29px monospace;
}

.status-unit {
  color: var(--muted);
  letter-spacing: 0;
  font-size: 12px;
}

.status-bottom {
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  display: flex;
}

.risk-pill {
  letter-spacing: .7px;
  border-radius: 3px;
  padding: 4px 7px;
  font: 8px monospace;
}

.risk-pill.amber {
  color: var(--amber);
  background: #f2b84b18;
  border: 1px solid #f2b84b35;
}

.risk-pill.red {
  color: var(--red);
  background: #ff626d15;
  border: 1px solid #ff626d35;
}

.risk-pill.blue {
  color: var(--blue);
  background: #65aaff15;
  border: 1px solid #65aaff35;
}

.risk-pill.green {
  color: var(--green);
  background: #36d6a015;
  border: 1px solid #36d6a035;
}

.muted-text {
  color: var(--dim);
  font-size: 9px;
}

.meter, .network-track {
  background: #1d2a3b;
  border-radius: 5px;
  height: 3px;
  margin-top: 12px;
  overflow: hidden;
}

.meter i {
  background: var(--amber);
  height: 100%;
  display: block;
}

.mini-bars {
  opacity: .7;
  align-items: end;
  gap: 3px;
  height: 20px;
  display: flex;
  position: absolute;
  bottom: 15px;
  right: 17px;
}

.mini-bars i {
  background: var(--red);
  width: 3px;
  height: 35%;
}

.mini-bars i:nth-child(3n) {
  height: 90%;
}

.mini-bars i:nth-child(2n) {
  height: 60%;
}

.signal-line {
  align-items: end;
  gap: 3px;
  height: 15px;
  margin-top: 9px;
  display: flex;
}

.signal-line span {
  opacity: .55;
  background: #36d6a0;
  flex: 1;
  height: 40%;
}

.signal-line span:nth-child(3n) {
  height: 100%;
}

.signal-line span:nth-child(2n) {
  height: 65%;
}

.status-online {
  color: var(--green);
  letter-spacing: 1px;
  font-size: 22px;
}

.network-track i {
  background: var(--green);
  opacity: .65;
  width: 100%;
  height: 100%;
  display: block;
}

.content-grid {
  grid-template-columns: 1.35fr 1fr;
  gap: 14px;
  margin-bottom: 14px;
  display: grid;
}

.panel {
  min-width: 0;
  padding: 16px;
}

.section-title {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  padding-bottom: 13px;
  display: flex;
}

.section-heading {
  letter-spacing: .8px;
  align-items: center;
  gap: 9px;
  font-size: 11px;
  font-weight: 750;
  display: flex;
}

.section-heading svg {
  color: var(--green);
}

.section-tag {
  letter-spacing: .8px;
  color: var(--dim);
  border: 1px solid var(--line);
  border-radius: 3px;
  padding: 4px 6px;
  font: 8px monospace;
}

.news-toolbar {
  color: var(--dim);
  letter-spacing: .8px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  font: 8px monospace;
  display: flex;
}

.filter-group {
  gap: 4px;
  display: flex;
}

.filter-group button {
  color: var(--muted);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 3px;
  padding: 4px 7px;
  font: 8px monospace;
}

.filter-group button.selected {
  color: var(--green);
  background: #1a2c40;
  border-color: #29445e;
}

.news-item {
  border-top: 1px solid #192638;
  grid-template-columns: 58px 8px minmax(0, 1fr) 15px;
  align-items: start;
  gap: 11px;
  padding: 13px 0;
  display: grid;
}

.news-time {
  color: #c1cede;
  padding-top: 2px;
  font: 10px monospace;
}

.news-time span {
  color: var(--dim);
  margin-top: 3px;
  font-size: 8px;
  display: block;
}

.news-marker {
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-top: 5px;
}

.news-marker.red, .legend-dot.red {
  background: var(--red);
}

.news-marker.amber, .legend-dot.amber {
  background: var(--amber);
}

.news-marker.blue, .legend-dot.blue {
  background: var(--blue);
}

.legend-dot.green {
  background: var(--green);
}

.news-meta {
  letter-spacing: .7px;
  color: var(--muted);
  align-items: center;
  gap: 9px;
  font: 8px monospace;
  display: flex;
}

.level {
  letter-spacing: .5px;
  font: 8px monospace;
}

.level.red {
  color: var(--red);
}

.level.amber {
  color: var(--amber);
}

.level.blue {
  color: var(--blue);
}

.level.green {
  color: var(--green);
}

.news-body h3 {
  color: #dce6f2;
  margin: 6px 0;
  font-size: 11px;
  font-weight: 550;
  line-height: 1.5;
}

.news-source {
  color: var(--dim);
  letter-spacing: .5px;
  justify-content: space-between;
  font: 8px monospace;
  display: flex;
}

.news-arrow {
  color: #53677e;
  margin-top: 13px;
}

.panel-footer {
  border-top: 1px solid var(--line);
  color: var(--dim);
  letter-spacing: .6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  padding-top: 12px;
  font: 8px monospace;
  display: flex;
}

.panel-footer button {
  color: var(--green);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  font: 8px monospace;
  display: flex;
}

.empty-state {
  text-align: center;
  color: var(--muted);
  padding: 30px;
  font-size: 11px;
}

.risk-legend {
  color: var(--muted);
  flex-wrap: wrap;
  gap: 13px;
  padding: 14px 0;
  font: 8px monospace;
  display: flex;
}

.risk-legend span {
  align-items: center;
  gap: 6px;
  display: flex;
}

.legend-dot {
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
}

.country-row {
  border-top: 1px solid #192638;
  grid-template-columns: 1fr 1.05fr auto;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  display: grid;
}

.country-info strong, .country-info span {
  display: block;
}

.country-info strong {
  font-size: 11px;
  font-weight: 650;
}

.country-info span {
  color: var(--dim);
  margin-top: 4px;
  font-size: 9px;
}

.country-score {
  align-items: center;
  gap: 8px;
  display: flex;
}

.score-track {
  background: #243247;
  border-radius: 5px;
  flex: 1;
  height: 4px;
  overflow: hidden;
}

.score-track i {
  border-radius: 5px;
  height: 100%;
  display: block;
}

.score-track i.red {
  background: var(--red);
}

.score-track i.amber {
  background: var(--amber);
}

.score-track i.blue {
  background: var(--blue);
}

.country-score b {
  color: #c9d5e4;
  width: 19px;
  font: 10px monospace;
}

.country-status {
  letter-spacing: .4px;
  font: 7px monospace;
}

.country-status.red {
  color: var(--red);
}

.country-status.amber {
  color: var(--amber);
}

.country-status.blue {
  color: var(--blue);
}

.risk-note {
  border-top: 1px solid var(--line);
  color: var(--dim);
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  padding-top: 12px;
  font-size: 9px;
  line-height: 1.5;
  display: flex;
}

.risk-note svg {
  color: var(--amber);
  flex-shrink: 0;
}

.lower-grid {
  grid-template-columns: 1fr 1.35fr;
}

.radar-content {
  align-items: center;
  gap: 24px;
  padding: 17px 8px 7px;
  display: flex;
}

.radar-visual {
  background: radial-gradient(circle, #12313b 0%, #0d202c 55%, #0a1522 100%);
  border: 1px solid #29465a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 185px;
  height: 185px;
  position: relative;
  overflow: hidden;
}

.radar-circle {
  border: 1px solid #285061;
  border-radius: 50%;
  position: absolute;
  inset: 20%;
}

.radar-circle.c2 {
  inset: 38%;
}

.radar-circle.c3 {
  inset: 5%;
}

.radar-cross {
  background: #29465a;
  position: absolute;
}

.radar-cross.horizontal {
  height: 1px;
  top: 50%;
  left: 0;
  right: 0;
}

.radar-cross.vertical {
  width: 1px;
  top: 0;
  bottom: 0;
  left: 50%;
}

.radar-sweep {
  background: conic-gradient(#0000 0deg 275deg, #36d6a025 330deg, #36d6a045 360deg);
  border-radius: 50%;
  animation: 8s linear infinite radar;
  position: absolute;
  inset: 0;
}

@keyframes radar {
  to {
    transform: rotate(360deg);
  }
}

.radar-point {
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  box-shadow: 0 0 9px;
}

.radar-point.p1 {
  background: var(--red);
  color: var(--red);
  top: 28%;
  left: 64%;
}

.radar-point.p2 {
  background: var(--amber);
  color: var(--amber);
  top: 63%;
  left: 32%;
}

.radar-point.p3 {
  background: var(--blue);
  color: var(--blue);
  top: 42%;
  left: 78%;
}

.radar-point.p4 {
  background: var(--amber);
  color: var(--amber);
  top: 75%;
  left: 65%;
}

.radar-center {
  background: var(--green);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: calc(50% - 2px);
  left: calc(50% - 2px);
}

.radar-legend {
  flex: 1;
  min-width: 0;
}

.radar-legend div {
  color: var(--muted);
  border-bottom: 1px solid #1b2a3c;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  font-size: 10px;
  display: flex;
}

.radar-legend b {
  color: var(--text);
  margin-left: auto;
  font: 11px monospace;
}

.radar-legend p {
  color: var(--dim);
  margin-top: 12px;
  font-size: 8px;
  line-height: 1.5;
}

.indicator-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  padding: 18px 0;
  display: grid;
}

.indicator {
  background: #0a1420;
  border: 1px solid #1b2a3b;
  border-radius: 5px;
  min-width: 0;
  padding: 12px 10px;
}

.indicator-name, .indicator-symbol {
  letter-spacing: .5px;
  font: 8px monospace;
  display: block;
}

.indicator-name {
  color: #b9c8d8;
}

.indicator-symbol {
  color: var(--dim);
  margin-top: 5px;
}

.indicator strong {
  color: #c5d2df;
  margin: 14px 0 8px;
  font: 19px monospace;
  display: block;
}

.indicator-change {
  color: var(--dim);
  font: 7px monospace;
}

.economy-foot {
  border-top: 1px solid var(--line);
  color: var(--dim);
  letter-spacing: .5px;
  justify-content: space-between;
  gap: 8px;
  padding-top: 11px;
  font: 8px monospace;
  display: flex;
}

.economy-foot span:first-child {
  align-items: center;
  gap: 7px;
  display: flex;
}

.impact-grid {
  grid-template-columns: 1.35fr 1fr;
}

.impact-items {
  padding-top: 4px;
}

.impact-items > div {
  border-bottom: 1px solid #192638;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  display: flex;
}

.impact-icon {
  border-radius: 5px;
  flex-shrink: 0;
  place-items: center;
  width: 31px;
  height: 31px;
  display: grid;
}

.impact-icon.amber {
  color: var(--amber);
  background: #f2b84b15;
}

.impact-icon.blue {
  color: var(--blue);
  background: #65aaff15;
}

.impact-icon.green {
  color: var(--green);
  background: #36d6a015;
}

.impact-items b {
  letter-spacing: .6px;
  font-size: 9px;
}

.impact-items p {
  color: var(--muted);
  margin: 5px 0 0;
  font-size: 9px;
  line-height: 1.5;
}

.impact-arrow {
  color: var(--dim);
  margin-left: auto;
}

.watch-row {
  border-bottom: 1px solid #192638;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 15px 0;
  display: flex;
}

.watch-row b, .watch-row span {
  display: block;
}

.watch-row b {
  font-size: 10px;
}

.watch-row div span {
  color: var(--dim);
  margin-top: 5px;
  font-size: 9px;
}

.watch-row > .level {
  white-space: nowrap;
}

.terminal-footer {
  border-top: 1px solid var(--line);
  letter-spacing: .7px;
  min-height: 54px;
  color: var(--dim);
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  font: 8px monospace;
  display: flex;
}

.footer-brand {
  color: #9fb1c4;
  align-items: center;
  gap: 7px;
  font-weight: bold;
  display: flex;
}

.footer-brand svg {
  color: var(--green);
}

.footer-demo {
  color: var(--amber);
  align-items: center;
  gap: 6px;
  display: flex;
}

@media (max-width: 1100px) {
  .terminal {
    padding: 0 18px;
  }

  .brand {
    min-width: 210px;
  }

  .nav-link {
    padding: 0 8px;
    font-size: 9px;
  }

  .content-grid {
    grid-template-columns: 1fr 1fr;
  }

  .indicator-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .terminal {
    padding: 0 12px;
  }

  .top-strip {
    font-size: 8px;
  }

  .top-strip-right span:nth-child(2), .top-divider {
    display: none;
  }

  .main-header {
    height: 65px;
  }

  .brand {
    min-width: 0;
  }

  .brand-mark {
    width: 35px;
    height: 35px;
  }

  .brand-name {
    font-size: 14px;
  }

  .brand-sub, .brand-name span {
    font-size: 8px;
  }

  .desktop-nav {
    display: none;
  }

  .mobile-toggle {
    display: grid;
  }

  .mobile-nav {
    border: 1px solid var(--line);
    background: #101b2a;
    border-top: 0;
    padding: 6px 12px;
    display: block;
  }

  .mobile-nav button {
    border: 0;
    border-bottom: 1px solid var(--line);
    color: #c5d2df;
    letter-spacing: 1px;
    background: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 12px 4px;
    font-size: 10px;
    display: flex;
  }

  .mobile-nav button:last-child {
    border: 0;
  }

  .ticker-content {
    font-size: 8px;
  }

  .ticker-status {
    padding: 0 7px;
    font-size: 8px;
  }

  .page-intro {
    padding: 23px 0 18px;
  }

  .page-intro h1 {
    font-size: 28px;
  }

  .page-intro p {
    max-width: 230px;
    font-size: 10px;
    line-height: 1.5;
  }

  .date-label {
    font-size: 7px;
  }

  .date-value {
    font-size: 13px;
  }

  .date-note {
    max-width: 115px;
    font-size: 7px;
    line-height: 1.5;
  }

  .status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .status-card {
    min-height: 119px;
    padding: 12px;
  }

  .status-value {
    font-size: 25px;
  }

  .status-top, .muted-text {
    font-size: 8px;
  }

  .content-grid, .lower-grid, .impact-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 10px;
  }

  .panel {
    padding: 13px;
  }

  .section-heading {
    font-size: 10px;
  }

  .news-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .filter-group {
    justify-content: flex-start;
    width: 100%;
  }

  .news-item {
    grid-template-columns: 49px 6px minmax(0, 1fr) 12px;
    gap: 8px;
  }

  .news-time {
    font-size: 9px;
  }

  .news-body h3 {
    font-size: 10px;
  }

  .country-row {
    grid-template-columns: 1fr 1fr auto;
    gap: 8px;
  }

  .country-info strong {
    font-size: 10px;
  }

  .country-status {
    font-size: 7px;
  }

  .radar-content {
    gap: 16px;
    padding: 16px 0 5px;
  }

  .radar-visual {
    width: 150px;
    height: 150px;
  }

  .radar-legend div {
    font-size: 9px;
  }

  .indicator-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 7px;
  }

  .indicator {
    padding: 10px;
  }

  .indicator strong {
    margin: 11px 0 7px;
    font-size: 17px;
  }

  .terminal-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 14px 0;
  }

  .footer-demo {
    font-size: 7px;
  }
}

@media (max-width: 380px) {
  .terminal {
    padding: 0 9px;
  }

  .brand-name {
    font-size: 12px;
  }

  .brand-name span {
    margin-left: 4px;
    font-size: 7px;
  }

  .brand-sub {
    font-size: 7px;
  }

  .date-note {
    max-width: 95px;
  }

  .radar-content {
    gap: 10px;
  }

  .radar-visual {
    width: 130px;
    height: 130px;
  }

  .radar-legend p {
    font-size: 7px;
  }

  .country-row {
    grid-template-columns: 1fr 1fr;
  }

  .country-status {
    grid-column: 2;
    justify-self: end;
  }

  .country-score {
    grid-area: 1 / 2;
  }

  .country-info {
    grid-row: 1;
  }

  .status-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=src_app_globals_css_1o9jubfkxlfx1.css.map*/