.cards-wrapper .strategy-content-wrapper{
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    background-color: rgba(19, 29, 30, 0.6);
    backdrop-filter: blur(4px);
    border-left: 1px solid #3a4149;
    border-right: 1px solid #3a4149;
    border-bottom: 1px solid transparent;
    border-radius: 0 0 8px 8px;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out, border-color 0.4s ease-out;
    box-sizing: border-box;
}.cards-wrapper .strategy-content-wrapper.open{
    max-height: 800px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom-color: #3a4149;
    transition: max-height 0.5s ease-in, padding 0.5s ease-in, border-color 0.5s ease-in;
}.cards-wrapper{
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 8px;
  padding: 0 6px;
  flex-wrap: nowrap;
  box-sizing: border-box;
}.cards-wrapper .card-container{ font-family: Arial, sans-serif; }.cards-wrapper .card-container .parent-block{
  width: 550px;
  height: 369px;
  background: rgba(19, 29, 30, 0.6);
  backdrop-filter: blur(4px);
  border: 1px solid #3a4149;
  position: relative; 
  overflow: hidden; 
  border-radius: 0;
}.cards-wrapper .card-container .indicator-bar{ 
    position: absolute; top: 0; left: 0; width: 100%; height: 19px !important; font-size: 1rem; line-height: 19px; padding: 0; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #e0e0e0 !important; background: rgba(69, 81, 85, 0.7) !important; border-bottom: 1px solid #3a4149; transition: background 0.3s, color 0.3s; user-select: none; cursor: pointer; z-index: 2; border-radius: 0; font-family: "Courier New", Courier, monospace; 
}.cards-wrapper .card-container .center-button{
  position: absolute; width: 110px; height: 28px; left: 220px; bottom: 9px; color: #111 !important; border: 1px solid rgba(0,0,0,0.3); border-radius: 0; font-size: 1rem; font-weight: bold; cursor: pointer; transition: background 0.2s, box-shadow 0.2s; z-index: 2; font-family: "Courier New", Courier, monospace; box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}.cards-wrapper .card-container.long-card .center-button{ background: #9efdd7; }.cards-wrapper .card-container.long-card .center-button:hover{ background: #b1fde5; }.cards-wrapper .card-container.long-card .center-button.active{ background: #01fd9a !important; box-shadow: 0 0 10px rgba(1, 253, 154, 0.5); }.cards-wrapper .card-container.short-card .center-button{ background: #fa989b; }.cards-wrapper .card-container.short-card .center-button:hover{ background: #fca7a9; }.cards-wrapper .card-container.short-card .center-button.active{ background: #fd5555 !important; box-shadow: 0 0 10px rgba(253, 85, 85, 0.5); }.cards-wrapper .card-container .content-area{ position: absolute; top: 36px; left: 0; width: 100%; height: calc(369px - 36px); display: block; padding: 0; border-radius: 0; }.cards-wrapper .card-container .section-block, .cards-wrapper .card-container .condition-child, .cards-wrapper .card-container .combo-input, .cards-wrapper .card-container .input-main, .cards-wrapper .card-container .input-addon{ background: transparent !important; color: #e0e0e0 !important; border-color: #3a4149 !important; }.cards-wrapper .card-container .combo-input{ box-shadow: 0 1px 2px rgba(0,0,0,0.2); background: #131d1e !important;}.cards-wrapper .card-container .section-label, .cards-wrapper .card-container .child-label, .cards-wrapper .card-container .input-label, .cards-wrapper .card-container .checkbox-label, .cards-wrapper .card-container .input-main, .cards-wrapper .card-container .input-addon{ color: #e0e0e0 !important; }.cards-wrapper .card-container .section-block{ position: relative; width: 527px; margin: 0 auto 8px auto; border: 1px solid #3a4149; border-radius: 0; background: rgba(20, 29, 30, 0.4) !important; box-sizing: border-box; }.cards-wrapper .card-container .section-label{ color: #e0e0e0; position: absolute; left: 8px; top: -8px; padding: 0 10px; font-size: 10px; font-weight: bold; background: #1c2729 !important; border-radius: 0; height: 20px; line-height: 20px; z-index: 2; pointer-events: none; width: auto; display: inline-block; white-space: nowrap; border: 1px solid #3a4149; font-family: Arial, sans-serif; }.cards-wrapper .card-container .section-conditions .child-label{ left: 6px; }.cards-wrapper .card-container .section-stoploss .child-label, .cards-wrapper .card-container .section-takeprofit .child-label{ left: 8px; }.cards-wrapper .card-container .section-block.section-conditions, .cards-wrapper .card-container .section-block.section-stoploss{ height: 90px; display: flex; align-items: center; justify-content: center; border-radius: 0; }.cards-wrapper .card-container .conditions-row{ width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10.33px; padding-left: 10.33px; padding-right: 10.33px; box-sizing: border-box; margin-top: 10px; }.cards-wrapper .card-container .condition-child{ width: 248px; height: 68px; background: rgba(20, 29, 30, 0.4) !important; border: 1px solid #3a4149; border-radius: 0; position: relative; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; }.cards-wrapper .condition-child{ position: relative; }.cards-wrapper .condition-num{ position: absolute; top: 50%; left: 6px; transform: translateY(-50%); font-size: 12px; font-weight: normal; color: #fff; pointer-events: none; user-select: none; opacity: 0.95; z-index: 3; font-family: inherit; }.cards-wrapper .card-container .vertical-inputs{ width: 100%; display: flex; flex-direction: column; gap: 7px; align-items: center; }.cards-wrapper .card-container .input-pair{ display: flex; align-items: center; width: auto; }.cards-wrapper .card-container .input-pair .input-label{ min-width: 50px; font-size: 11px; margin-right: 12px; font-weight: normal; letter-spacing: 0.5px; }.cards-wrapper .card-container .input-pair .combo-input{ width: 143px; border-radius: 0; color: #e0e0e0; border-color: #3a4149; }.cards-wrapper .card-container .section-block.section-size{ height: 35px; margin-top: 6px; }.cards-wrapper .card-container .section-block.section-takeprofit{ height: 35px; margin-top: 6px; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 0; }.cards-wrapper .card-container .size-row{ position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }.cards-wrapper .card-container .size-row .input-label{ position: absolute; right: 50%; transform: translateX(-80px); margin: 0; font-size: 11px; font-weight: normal; letter-spacing: 0.5px; text-align: right; white-space: nowrap; user-select: none; z-index: 2; }.cards-wrapper .card-container .size-row .combo-input{ position: relative; left: 0; right: 0; margin: 0 auto; border-radius: 0; color: #e0e0e0; border-color: #3a4149; }.cards-wrapper .card-container .takeprofit-row{ width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10.33px; padding-left: 39px; box-sizing: border-box; }.cards-wrapper .card-container .pair{ position: static; top: auto; transform: none; display: flex; align-items: center; }.cards-wrapper .card-container .limit-pair{ margin-left: 61px; }.cards-wrapper .card-container .input-label{ font-size: 11px; margin-right: 12px; font-weight: normal; letter-spacing: 0.5px; min-width: 0; text-align: right; user-select: none; display: inline-flex; align-items: center; padding: 0; color: #e0e0e0 !important; }.cards-wrapper .card-container .combo-input{ display: flex; width: 143px; height: 24px; border-radius: 0; overflow: hidden; box-shadow: 0 1px 2px #112325; border: 1px solid #3a4149; color: #e0e0e0; }.cards-wrapper .card-container .input-main{ width: 98px; height: 100%; border: none; outline: none; padding: 0 8px; font-size: 13px; background: #2f383a !important; color: #e0e0e0 !important; border-radius: 0; box-sizing: border-box; }.cards-wrapper .card-container .input-addon{ width: 45px; height: 100%; background: #444e52 !important; font-size: 12px; font-weight: normal; display: flex; align-items: center; justify-content: center; border-left: 1px solid #3a4149; user-select: none; border-radius: 0; color: #e0e0e0 !important; }.cards-wrapper .card-container .checkbox-group{ position: absolute; left: 22px; bottom: 9px; display: flex; flex-direction: column; gap: 7px; z-index: 2; align-items: flex-start; }.cards-wrapper .card-container .checkbox-label{ font-size: 12px; vertical-align: middle; display: flex; align-items: center; gap: 3px; user-select: none; justify-content: flex-start; text-align: left; line-height: 1; color: #e0e0e0 !important; }.cards-wrapper .card-container .checkbox-group input[type="checkbox"]{ width: 14px; height: 14px; margin: 0; margin-right: 3px; flex-shrink: 0; }.cards-wrapper .card-container.long-card .checkbox-group input[type="checkbox"]{ accent-color: #c0e7d2; }.cards-wrapper .card-container.short-card .checkbox-group input[type="checkbox"]{ accent-color: #f4b4b5; }.cards-wrapper .card-container .section-conditions .vertical-inputs .input-pair:nth-child(1) .input-label{ position: relative; left: 15px; }.cards-wrapper .card-container .section-conditions .vertical-inputs .input-pair:nth-child(2) .input-label{ position: relative; left: 25px; }.cards-wrapper .card-container .section-stoploss .vertical-inputs .input-pair:nth-child(1) .input-label{ position: relative; left: 15px; }.cards-wrapper .card-container .section-stoploss .vertical-inputs .input-pair:nth-child(2) .input-label{ position: relative; left: 25px; }.cards-wrapper .card-container .section-takeprofit .input-label{ position: relative; left: 7px; }.cards-wrapper .card-container .section-takeprofit .section-label{ height: 17px; line-height: 17px; }