.trading-routes{
  --bg:var(--ui-color-bg);
  --line:var(--ui-color-line);
  --line-soft:var(--ui-color-line-soft);
  --text:var(--ui-color-text);
  --heading:var(--ui-color-heading);
}

.trading-routes *{box-sizing:border-box}

body.trading-routes{
  color:var(--text);
  font:12px/1.35 Arial, Helvetica, sans-serif;
  letter-spacing:.01em;
  --compact-control-height:24px;
  --compact-control-padding-y:2px;
}

.trading-routes .copy-button.is-success{
  background:#3c7040;
  border-color:#4d8f54;
  color:#f4fff3;
  min-width:34px;
}

.trading-routes .top-nav-actions{
  gap:10px;
  max-width:100%;
}

.trading-routes .top-nav-actions .option-button,
.trading-routes .top-nav-actions .copy-button{
  flex:0 0 auto;
}

.trading-routes .top-nav-save-status{
  display:none;
}

.trading-routes .table-section{margin-top:18px}
.trading-routes .trading-routes-build-area > .table-section{
  margin-top:0;
}

.trading-routes .table-section + .table-section{
  margin-top:var(--ui-section-gap);
  padding-top:var(--ui-section-padding-top);
  border-top:1px solid var(--line);
}

.trading-routes .double-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.trading-routes .trading-routes-builder-layout{
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:18px;
  justify-content:stretch;
  align-items:start;
}

.trading-routes .trading-routes-builder-column{
  min-width:0;
}

.trading-routes .trading-routes-builder-column-main{
  min-width:0;
}

.trading-routes .trading-routes-builder-column-side{
  min-width:0;
}
.trading-routes .trading-routes-builder-column-side .compact-cell-wrap,
.trading-routes .trading-routes-builder-column-side .input-with-unit{
  display:flex;
  align-items:center;
  justify-content:center;
}
.trading-routes .trading-routes-builder-column-side .input-with-unit{
  gap:4px;
  flex-wrap:nowrap;
  width:100%;
}
.trading-routes .trading-routes-builder-column-side .land-income-unit{
  flex:0 0 auto;
}

.trading-routes table{
  width:100%;
  border-collapse:collapse;
}

.trading-routes .money-table th,
.trading-routes .money-table td{
  border-right:1px solid var(--line-soft);
  border-top:1px solid var(--line-soft);
  padding:6px 8px;
  vertical-align:middle;
}

.trading-routes .trading-routes-side-table-block + .trading-routes-side-table-block{
  margin-top:var(--ui-section-gap);
}

.trading-routes .trading-routes-builder-column-side .money-table .move-col{
  width:18px;
}

.trading-routes .trading-routes-builder-column-side .money-table .delete-col{
  width:25px;
}

.trading-routes .income-table th:nth-last-child(2),
.trading-routes .income-table td:nth-last-child(2),
.trading-routes .expenses-table th:nth-last-child(2),
.trading-routes .expenses-table td:nth-last-child(2){
  width:150px;
  min-width:150px;
  max-width:150px;
  text-align:center;
}

.trading-routes .trading-routes-profitloss-table th:last-child,
.trading-routes .trading-routes-profitloss-table td:last-child{
  width:150px;
  min-width:150px;
  max-width:150px;
  text-align:center;
}

.trading-routes .trading-routes-income-table .total-row td{
  background:#2c3543;
  color:var(--heading);
  font-weight:700;
}

.trading-routes .trading-routes-expenses-table .total-row td{
  background:#2c3543;
  color:var(--heading);
  font-weight:700;
}

.trading-routes .trading-routes-builder-column-side .money-table .note-input:not(.money-desc-input){
  width:100%;
  height:var(--compact-control-height);
  box-shadow:none;
  appearance:none;
  -webkit-appearance:none;
}

.trading-routes .trading-routes-builder-column-side .cell-input-wide{
  min-width:0;
  width:100%;
}

.trading-routes .trading-routes-builder-column-side .cell-input-compact{
  min-width:0;
  width:70%;
  max-width:70%;
  display:block;
  margin:0 auto;
  box-sizing:border-box;
  padding-left:4px;
  padding-right:4px;
  text-align:center;
}

.trading-routes .trading-routes-builder-column-side .input-with-unit .cell-input-compact{
  flex:0 0 55%;
  max-width:55%;
  min-width:0;
}

.trading-routes .trading-routes-builder-column-side .money-table .money-amount-input::-webkit-outer-spin-button,
.trading-routes .trading-routes-builder-column-side .money-table .money-amount-input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.trading-routes .trading-routes-builder-column-side .money-table .money-amount-input{
  -moz-appearance:textfield;
  appearance:textfield;
}

.trading-routes .trading-routes-builder-column-side .add-row-links{
  margin-top:8px;
  padding:0 0 12px;
}

.trading-routes .trading-routes-builder-column-side .add-link{
  background:none;
  border:0;
  color:#b2bac4;
  padding:0;
  font-size:var(--ui-button-pill-font-size);
}

.trading-routes .trading-routes-builder-column-side .add-link::before{content:"+"; margin-right:6px; color:#b2bac4}


.trading-routes .profit-shell table{
  background:rgba(52,43,31,.78);
}

.trading-routes .money-shell,
.trading-routes .profit-shell{
  border:1px solid var(--line);
  border-radius:var(--ui-shell-radius);
  background:var(--ui-shell-bg);
  overflow:hidden;
}

.trading-routes .profitloss-table thead th{
  background:rgba(63,51,37,.84);
  color:var(--heading);
}

.trading-routes .trading-routes-income-row-copy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
}

.trading-routes .trading-routes-income-row-formula{
  color:#7f8997;
  font-size:11px;
  font-style:italic;
  white-space:normal;
  overflow-wrap:anywhere;
}

.trading-routes .money-table .money-desc-input{
  width:100%;
  background:#2d3744;
  color:#c8d0d9;
  border:1px solid #495465;
  border-radius:3px;
  padding:2px 8px;
  box-sizing:border-box;
  box-shadow:none;
  appearance:none;
  -webkit-appearance:none;
  display:block;
  resize:none;
  min-height:24px;
  height:24px;
  line-height:normal;
}

.trading-routes .money-table .money-desc-input::placeholder{
  color:#7e8897;
}

.trading-routes .money-table .money-amount-input{
  min-width:0;
  width:100%;
}

.trading-routes .money-table .input-with-unit,
.trading-routes .money-table .compact-cell-wrap,
.trading-routes .money-table .cell-input-wide,
.trading-routes .money-table .cell-input-compact,
.trading-routes .money-table .table-input,
.trading-routes .money-table .note-input{
  min-width:0;
}

.trading-routes .money-table .input-with-unit .money-amount-unit{
  transform:none;
}

.trading-routes .trading-routes-volume-table th{
  color:#9fa8b4;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.trading-routes .trading-routes-volume-table th:last-child,
.trading-routes .trading-routes-volume-table td:last-child{
  width:150px;
  min-width:150px;
  max-width:150px;
  text-align:center;
}

.trading-routes .trading-routes-volume-table .input-with-unit{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.trading-routes .trading-routes-volume-table .note-input{
  width:72px;
  min-width:72px;
  height:var(--compact-control-height);
  text-align:center;
  box-shadow:none;
}

.trading-routes .trading-routes-tt-input::-webkit-outer-spin-button,
.trading-routes .trading-routes-tt-input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.trading-routes .trading-routes-tt-input{
  -moz-appearance:textfield;
  appearance:textfield;
}

.trading-routes .money-table tbody tr,
.trading-routes .profitloss-table tbody tr{
  height:32px;
}

.trading-routes .money-table tbody td,
.trading-routes .profitloss-table tbody td{
  height:32px;
  padding-top:0;
  padding-bottom:0;
  vertical-align:middle;
  line-height:normal;
}

.trading-routes .money-table thead th{
  color:#9fa8b4;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  background:rgba(44,52,63,.72);
  white-space:normal;
  height:30px;
  padding-top:0;
  padding-bottom:0;
  line-height:normal;
  vertical-align:middle;
}

.trading-routes .money-table thead tr:first-child th{border-top:0}
.trading-routes .profitloss-table thead tr:first-child th{border-top:0}
.trading-routes .money-table th:last-child,
.trading-routes .money-table td:last-child{border-right:0}

.trading-routes .money-table tbody td{
  font-size:12px;
  color:#c7cfd8;
}

.trading-routes .money-table tbody tr.has-multiline-row td{
  height:auto;
}

.trading-routes .money-table tbody td.multiline-cell{
  height:auto;
  padding-top:0;
  padding-bottom:0;
  vertical-align:middle;
  color:#c7cfd8;
}

.trading-routes .profitloss-table .total-row td{
  background:rgba(52,43,31,.78);
  color:var(--heading);
  font-weight:700;
}

.trading-routes .trading-routes-route-stack{
  display:grid;
  gap:20px;
}

.trading-routes .trading-routes-route-step{
  min-width:0;
}

.trading-routes .trading-routes-step-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}

.trading-routes .trading-routes-detail-table select,
.trading-routes .trading-routes-detail-table .table-select,
.trading-routes .trading-routes-start-table select,
.trading-routes .trading-routes-start-table .table-select{
  height:var(--compact-control-height);
  line-height:normal;
  display:block;
  padding-top:0;
  padding-bottom:0;
}

.trading-routes .trading-routes-detail-table .table-select.plain,
.trading-routes .trading-routes-start-table .table-select.plain{
  color:#c7cfd8;
  display:flex;
  align-items:center;
  background-image:linear-gradient(45deg, transparent 50%, #9fa8b4 50%), linear-gradient(135deg, #9fa8b4 50%, transparent 50%);
  background-position:calc(100% - 12px) calc(50% - 2px), calc(100% - 8px) calc(50% - 2px);
  background-size:4px 4px, 4px 4px;
  background-repeat:no-repeat;
}

.trading-routes .trading-routes-detail-table .table-select.plain.is-placeholder,
.trading-routes .trading-routes-start-table .table-select.plain.is-placeholder{
  color:#7e8897;
}

.trading-routes .trading-routes-route-step .mini-title{
  margin:0;
}

.trading-routes .trading-routes-start-table .table-select{
  width:100%;
}

.trading-routes .trading-routes-start-table-heading-row,
.trading-routes .trading-routes-detail-table-heading-row{
  height:44px;
}

.trading-routes .trading-routes-start-table-heading-row th,
.trading-routes .trading-routes-detail-table-heading-row th{
  line-height:1.15;
}

.trading-routes .trading-routes-start-table-region-row th,
.trading-routes .trading-routes-start-table-heading-row th,
.trading-routes .trading-routes-detail-table-region-row th,
.trading-routes .trading-routes-detail-table-heading-row th{
  padding-top:0;
  padding-bottom:0;
  line-height:normal;
  vertical-align:middle;
}

.trading-routes .trading-routes-start-table-region-row th,
.trading-routes .trading-routes-start-table-heading-row th{
  background:rgba(44,52,63,.72);
  color:#9fa8b4;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.trading-routes .trading-routes-start-table-region-row th{
  width:220px;
}

.trading-routes .trading-routes-start-table-region-row td{
  text-align:left;
  background:rgba(36,45,57,.78);
}

.trading-routes .trading-routes-start-table-region-select-cell{
  padding:6px 8px;
}

.trading-routes .trading-routes-table-region-unselected .trading-routes-start-table-region-row th,
.trading-routes .trading-routes-table-region-unselected .trading-routes-detail-table-region-row th{
  color:#d46a6a;
}

.trading-routes .trading-routes-table-region-unselected .trading-routes-start-table-region-row .table-select,
.trading-routes .trading-routes-table-region-unselected .trading-routes-detail-table-region-row .table-select,
.trading-routes .trading-routes-table-region-unselected .trading-routes-detail-table-region-row .trading-routes-detail-table-region-value,
.trading-routes .trading-routes-table-region-unselected .trading-routes-start-table-region-row .trading-routes-placeholder,
.trading-routes .trading-routes-table-region-unselected .trading-routes-detail-table-region-row .trading-routes-placeholder{
  color:#d46a6a;
}

.trading-routes .trading-routes-table-region-unselected .trading-routes-start-table-region-row .table-select.plain.is-placeholder,
.trading-routes .trading-routes-table-region-unselected .trading-routes-detail-table-region-row .table-select.plain.is-placeholder{
  color:#d46a6a;
}

.trading-routes .trading-routes-detail-table .table-select{
  width:100%;
}

.trading-routes .trading-routes-detail-table-region-row th,
.trading-routes .trading-routes-detail-table-heading-row th{
  background:rgba(44,52,63,.72);
  color:#9fa8b4;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.trading-routes .trading-routes-detail-table-region-row th{
  width:220px;
}

.trading-routes .trading-routes-detail-table-region-row td{
  text-align:left;
  background:rgba(36,45,57,.78);
}

.trading-routes .trading-routes-detail-table-region-select-cell,
.trading-routes .trading-routes-detail-table-region-value-cell{
  padding:6px 8px;
}

.trading-routes .trading-routes-detail-table-heading-row th,
.trading-routes .trading-routes-detail-table-values-row td,
.trading-routes .trading-routes-start-table-heading-row th,
.trading-routes .trading-routes-start-table-values-row td{
  text-align:center;
}

.trading-routes .trading-routes-start-table-values-row td{
  color:#d7dde5;
}

.trading-routes .trading-routes-detail-table-values-row td{
  color:#d7dde5;
}

.trading-routes .trading-routes-detail-table-region-value{
  color:#d7dde5;
  font-size:12px;
  line-height:var(--compact-control-height);
  min-height:var(--compact-control-height);
}

.trading-routes .trading-routes-step-label{
  display:block;
  color:var(--heading);
  font-size:12px;
  font-weight:700;
}

.trading-routes .trading-routes-step-copy{
  display:block;
  margin-top:2px;
  color:#7f8997;
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.trading-routes .trading-routes-cell-note{
  margin-top:4px;
  color:#8f99a7;
  font-size:11px;
  line-height:1.35;
}

.trading-routes .trading-routes-cell-stack{
  display:grid;
  gap:4px;
}

.trading-routes .trading-routes-cell-stack-label{
  display:block;
  color:#9fa8b4;
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  line-height:1.2;
}

.trading-routes .trading-routes-cell-stack-value{
  display:block;
  color:#d7dde5;
  font-size:12px;
}

.trading-routes .trading-routes-placeholder{
  color:#7e8897;
}

.trading-routes .trading-routes-static-value{
  color:#d7dde5;
}

.trading-routes .trading-routes-static-region{
  color:#d7dde5;
}

.trading-routes .trading-routes-row-final td{
  background:rgba(36,45,57,.46);
}

.trading-routes .trading-routes-step-action{
  border:0;
  background:transparent;
  color:#b44343;
  padding:0;
  font:700 10px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing:.08em;
  white-space:nowrap;
  cursor:pointer;
}

.trading-routes .trading-routes-step-action:hover{
  color:#d15c5c;
}

.trading-routes .add-row-links{
  padding:0 0 0 0;
}

.trading-routes .trading-routes-side-add-row-links{
  margin-top:8px;
  padding:0 0 12px;
}

.trading-routes .add-link{
  background:none;
  border:0;
  color:#b2bac4;
  padding:0;
  font-size:12px;
}
.trading-routes .add-link.ui-toggle-trigger{
  background:none;
  border:0;
  color:#b2bac4;
  padding:var(--ui-button-pill-padding-y) var(--ui-button-pill-padding-x);
  font-size:var(--ui-button-pill-font-size);
  border-radius:var(--ui-button-pill-radius);
  transition:background-color .15s ease, color .15s ease, filter .15s ease;
}
.trading-routes .add-link.ui-toggle-trigger::before{
  content:"+";
  margin-right:6px;
  color:inherit;
}
.trading-routes .add-link.ui-toggle-trigger:hover{
  background:rgba(45,55,68,.9);
  color:#d7dde5;
  filter:brightness(1.05);
}

.trading-routes .add-row-links .add-link{
  padding:var(--ui-button-pill-padding-y) var(--ui-button-pill-padding-x);
}

.trading-routes .add-link::before{content:"+"; margin-right:6px; color:#b2bac4}

.trading-routes .add-row-links .add-link:disabled{
  opacity:.45;
  pointer-events:none;
}

.trading-routes .trading-routes-summary-placeholder{
  height:248px;
  padding:0;
}

.trading-routes .trading-routes-about-section{
  margin-top:0;
  padding-top:0;
  padding-bottom:20px;
  border-top:0;
  border-bottom:1px solid var(--line);
}

.trading-routes .trading-routes-about-section + .trading-routes-build-area{
  margin-top:0;
  padding-top:var(--ui-section-padding-top);
  border-top:0;
}

.trading-routes .trading-routes-name-block{
  margin-bottom:20px;
}

.trading-routes .trading-routes-name-input{
  width:100%;
  max-width:none;
}

.trading-routes .trading-routes-about-inner{
  max-width:1000px;
  margin:0 auto;
  text-align:left;
  display:flex;
  flex-direction:column;
}

.trading-routes .trading-routes-about-block:not(.is-expanded) .trading-routes-about-copy{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

.trading-routes .trading-routes-about-toggle{
  align-self:center;
  margin:20px 0 0;
}

.trading-routes .footer-note{margin-top:40px}

@media (max-width:960px){
}

@media (max-width:960px){
  .trading-routes .double-grid,
  .trading-routes .trading-routes-builder-layout{
    grid-template-columns:1fr;
  }
}