/* [project]/src/app/(deploy)/deploy/risk/page.module.css [app-client] (css) */
.page-module__XuMmoW__page {
  gap: var(--space-24);
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

.page-module__XuMmoW__header {
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
}

.page-module__XuMmoW__titleRow {
  align-items: center;
  gap: var(--space-16);
  flex-wrap: wrap;
  display: flex;
}

.page-module__XuMmoW__title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.page-module__XuMmoW__portfolioName {
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-4) var(--space-12);
  border-radius: var(--radius-medium);
  color: var(--atheryon-blue);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-mono);
  cursor: text;
  transition: border-color var(--duration-fast) var(--easing-ease);
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  min-width: 200px;
  display: inline-flex;
}

.page-module__XuMmoW__portfolioName:focus {
  border-color: var(--atheryon-blue);
  outline: none;
}

.page-module__XuMmoW__portfolioIcon {
  color: #607080;
  font-size: 14px;
}

.page-module__XuMmoW__subtitle {
  color: #8090a0;
  font-size: 14px;
}

.page-module__XuMmoW__metricsRow {
  gap: var(--space-16);
  grid-template-columns: repeat(5, 1fr);
  display: grid;
}

@media (max-width: 1200px) {
  .page-module__XuMmoW__metricsRow {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .page-module__XuMmoW__metricsRow {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  .page-module__XuMmoW__metricsRow {
    grid-template-columns: 1fr;
  }
}

.page-module__XuMmoW__tableCard {
  padding: var(--space-24);
}

.page-module__XuMmoW__sectionTitle {
  color: #c0d0e0;
  margin-bottom: var(--space-16);
  font-size: 16px;
  font-weight: 600;
}

.page-module__XuMmoW__sectionSubtitle {
  color: #607080;
  margin-bottom: var(--space-16);
  font-size: 12px;
}

.page-module__XuMmoW__tableWrapper {
  overflow-x: auto;
}

.page-module__XuMmoW__positionTable {
  border-collapse: collapse;
  width: 100%;
  min-width: 700px;
}

.page-module__XuMmoW__positionTable th {
  padding: var(--space-10) var(--space-12);
  text-align: left;
  color: #607080;
  text-transform: uppercase;
  letter-spacing: .05em;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: color var(--duration-fast) var(--easing-ease);
  border-bottom: 1px solid #ffffff14;
  font-size: 11px;
  font-weight: 600;
}

.page-module__XuMmoW__positionTable th:hover {
  color: #8090a0;
}

.page-module__XuMmoW__sortIcon {
  margin-left: var(--space-4);
  opacity: .5;
  font-size: 10px;
}

.page-module__XuMmoW__positionTable td {
  padding: var(--space-10) var(--space-12);
  color: #c0d0e0;
  white-space: nowrap;
  border-bottom: 1px solid #ffffff0a;
  font-size: 13px;
}

.page-module__XuMmoW__positionTable tbody tr {
  transition: background-color var(--duration-fast) var(--easing-ease);
  cursor: pointer;
}

.page-module__XuMmoW__positionTable tbody tr:hover {
  background: #ffffff08;
}

.page-module__XuMmoW__tradeId {
  font-family: var(--font-mono);
  color: var(--atheryon-blue);
  font-size: 12px;
  font-weight: 600;
}

.page-module__XuMmoW__npvPositive {
  color: #34d399;
  font-family: var(--font-mono);
  font-weight: 600;
}

.page-module__XuMmoW__npvNegative {
  color: #f87171;
  font-family: var(--font-mono);
  font-weight: 600;
}

.page-module__XuMmoW__dv01 {
  font-family: var(--font-mono);
  color: #8090a0;
}

.page-module__XuMmoW__expandedRow td {
  border-bottom: 1px solid #ffffff0f;
  padding: 0 !important;
}

.page-module__XuMmoW__expandedContent {
  padding: var(--space-12) var(--space-16);
  gap: var(--space-12);
  animation: page-module__XuMmoW__expandIn var(--duration-normal) var(--easing-decelerate) both;
  background: #0a84ff0a;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

@keyframes page-module__XuMmoW__expandIn {
  from {
    opacity: 0;
    max-height: 0;
  }

  to {
    opacity: 1;
    max-height: 200px;
  }
}

.page-module__XuMmoW__expandDetail {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.page-module__XuMmoW__expandLabel {
  color: #607080;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 10px;
  font-weight: 600;
}

.page-module__XuMmoW__expandValue {
  font-size: 13px;
  font-family: var(--font-mono);
  color: #c0d0e0;
}

.page-module__XuMmoW__concentrationRow {
  gap: var(--space-16);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

@media (max-width: 900px) {
  .page-module__XuMmoW__concentrationRow {
    grid-template-columns: 1fr;
  }
}

.page-module__XuMmoW__concentrationCard {
  padding: var(--space-20);
}

.page-module__XuMmoW__concentrationTitle {
  color: #c0d0e0;
  margin-bottom: var(--space-16);
  font-size: 14px;
  font-weight: 600;
}

.page-module__XuMmoW__pieArea {
  align-items: center;
  gap: var(--space-16);
  justify-content: center;
  display: flex;
}

.page-module__XuMmoW__pieSvg {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
}

.page-module__XuMmoW__pieLegend {
  gap: var(--space-8);
  flex-direction: column;
  display: flex;
}

.page-module__XuMmoW__legendItem {
  align-items: center;
  gap: var(--space-6);
  display: flex;
}

.page-module__XuMmoW__legendDot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.page-module__XuMmoW__legendLabel {
  color: #a0b0c0;
  font-size: 12px;
  font-weight: 500;
}

.page-module__XuMmoW__exposureList {
  gap: var(--space-12);
  flex-direction: column;
  display: flex;
}

.page-module__XuMmoW__exposureItem {
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
}

.page-module__XuMmoW__exposureHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-module__XuMmoW__exposureName {
  color: #c0d0e0;
  font-size: 12px;
  font-weight: 600;
}

.page-module__XuMmoW__exposureValue {
  font-size: 11px;
  font-family: var(--font-mono);
  color: #8090a0;
}

.page-module__XuMmoW__currencyList {
  gap: var(--space-12);
  flex-direction: column;
  display: flex;
}

.page-module__XuMmoW__varCard {
  padding: var(--space-24);
}

.page-module__XuMmoW__varRow {
  gap: var(--space-16);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

@media (max-width: 900px) {
  .page-module__XuMmoW__varRow {
    grid-template-columns: 1fr;
  }
}

.page-module__XuMmoW__varMethodsGrid {
  gap: var(--space-12);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

@media (max-width: 600px) {
  .page-module__XuMmoW__varMethodsGrid {
    grid-template-columns: 1fr;
  }
}

.page-module__XuMmoW__componentVarTitle {
  color: #c0d0e0;
  margin-bottom: var(--space-12);
  font-size: 14px;
  font-weight: 600;
}

.page-module__XuMmoW__componentVarList {
  gap: var(--space-10);
  flex-direction: column;
  display: flex;
}

.page-module__XuMmoW__componentVarItem {
  padding: var(--space-8) var(--space-12);
  border-radius: var(--radius-medium);
  background: #ffffff08;
  border: 1px solid #ffffff0a;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-module__XuMmoW__componentVarLabel {
  color: #a0b0c0;
  font-size: 13px;
}

.page-module__XuMmoW__componentVarValue {
  font-size: 13px;
  font-family: var(--font-mono);
  color: #c0d0e0;
  font-weight: 600;
}

.page-module__XuMmoW__ctaRow {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-16);
  flex-wrap: wrap;
  display: flex;
}

.page-module__XuMmoW__poweredBy {
  justify-content: center;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-16) 0;
  margin-top: var(--space-8);
  border-top: 1px solid #ffffff0a;
  display: flex;
}

.page-module__XuMmoW__poweredByText {
  color: #607080;
  font-size: 12px;
}

.page-module__XuMmoW__poweredByLink {
  color: var(--atheryon-orange);
  transition: color var(--duration-fast) var(--easing-ease);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.page-module__XuMmoW__poweredByLink:hover {
  color: #ffad33;
  text-decoration: underline;
}

.page-module__XuMmoW__poweredByDot {
  background: var(--atheryon-orange);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 2s ease-in-out infinite page-module__XuMmoW__pulse;
}

@keyframes page-module__XuMmoW__pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }
}

/*# sourceMappingURL=src_app_%28deploy%29_deploy_risk_page_module_34318e48.css.map*/