/* web_viewer/static/css/panneau_passage_ordre.css */

#orderEntryPanel{
  background:#fff;
  border-left:1px solid var(--pm-ui-border, rgba(0,0,0,0.15)) !important;
  border-top:1px solid var(--pm-ui-border, rgba(0,0,0,0.15)) !important;
  border-bottom:1px solid var(--pm-ui-border, rgba(0,0,0,0.15)) !important;
  box-shadow:-8px 0 24px rgba(0,0,0,0.08);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  height:100vh;
  max-width:100vw;
  min-height:0;
}

#orderEntryPanel .panelHeader{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding:6px var(--pm-pad-x, 8px) !important;
  background: var(--pm-frame, #f2f2f2) !important;
  border-bottom:1px solid var(--pm-ui-border, rgba(0,0,0,0.15)) !important;
  color: var(--pm-text, #111) !important;
  flex:0 0 auto !important;
}

#orderEntryPanel.pmPanelActive:not(.pmLinkedActive) .panelHeader{
  background: var(--ia-panels-active-bg, #d9d9d9) !important;
  color: var(--ia-panels-active-fg, #111) !important;
  border-bottom:1px solid var(--pm-ui-border, rgba(0,0,0,0.15)) !important;
}

#orderEntryPanel .legendHeaderLine{
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  gap:6px !important;
  white-space:nowrap !important;
  min-width:0 !important;
}

#orderEntryPanel #orderEntryPanelTitle{
  font-weight:700 !important;
  font-size:12px !important;
  color:inherit !important;
  line-height:1.2 !important;
  margin:0 !important;
  padding:0 !important;
  display:inline !important;
}

#orderEntryPanel #orderEntryTitle{
  font-weight:400 !important;
  font-size:11px !important;
  color:inherit !important;
  opacity:0.75 !important;
  line-height:1.2 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:inline !important;
}

#orderEntryClose{
  width:24px !important;
  height:24px !important;
  padding:0 !important;
  border-radius:0 !important;
  border:1px solid var(--pm-ui-border, rgba(0,0,0,0.15)) !important;
  background: var(--pm-close-bg, #fff) !important;
  color: var(--pm-close-fg, #111) !important;
  cursor:pointer;
  font-size:14px !important;
  line-height:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#orderEntryClose:hover{
  background: var(--pm-close-bg-hover, #f3f3f3) !important;
  color: var(--pm-close-fg-hover, #111) !important;
}

#orderEntryBody{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:8px !important;
  box-sizing:border-box !important;
  background: var(--ia-panels-body-bg, #fff) !important;
  color: var(--ia-panels-body-fg, #111) !important;
  scrollbar-width: thin;
  scrollbar-color: var(--ia-panels-scroll-thumb, #bdbdbd) var(--ia-panels-scroll-track, #f2f2f2);
}

#orderEntryBody::-webkit-scrollbar{ width: 12px; }
#orderEntryBody::-webkit-scrollbar-track{ background: var(--ia-panels-scroll-track, #f2f2f2); }
#orderEntryBody::-webkit-scrollbar-thumb{
  background: var(--ia-panels-scroll-thumb, #bdbdbd);
  border-radius: 10px;
  border: 2px solid var(--ia-panels-scroll-track, #f2f2f2);
}
#orderEntryBody::-webkit-scrollbar-button{ background: var(--ia-panels-scroll-arrow, #bdbdbd); }

#orderEntryBody,
#orderEntryBody *{
  font-size: var(--ia-typo-text-size, 11px);
  line-height: var(--ia-typo-line, 1.25);
}

#orderEntryBody .iaPanelSectionTitle{
  font-size: var(--ia-typo-h2-size, 12px) !important;
  font-weight: var(--ia-typo-h2-weight, 800) !important;
  line-height: var(--ia-typo-line, 1.25) !important;
  color: var(--ia-panels-body-fg, #111) !important;
}

.ia-order-ticket-root{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.ia-order-ticket-top{
  display:grid;
  grid-template-columns: 1fr auto;
  gap:6px;
  align-items:center;
  padding:6px 8px;
  border:1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 14%, transparent);
  border-radius:8px;
  background: color-mix(in srgb, var(--ia-panels-body-bg, #fff) 92%, #000 8%);
}

.ia-order-ticket-sym-wrap{
  display:flex;
  align-items:baseline;
  gap:6px;
  min-width:0;
}

.ia-order-ticket-sym{
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  letter-spacing:0.2px;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ia-order-ticket-tf{
  font-weight:700;
  font-size:10px;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 65%, transparent);
}

.ia-order-ticket-chart{
  font-weight:700;
  font-size:10px;
  white-space:nowrap;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 68%, transparent);
}

.ia-order-ticket-quote{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:6px;
}

.ia-order-ticket-quote-card{
  border:1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 14%, transparent);
  border-radius:8px;
  padding:6px;
  display:flex;
  flex-direction:column;
  gap:2px;
  background:#fff;
}

.ia-order-ticket-quote-card.is-bid{
  background: linear-gradient(180deg, #eaf8ff 0%, #ffffff 100%);
}

.ia-order-ticket-quote-card.is-ask{
  background: linear-gradient(180deg, #ffeded 0%, #ffffff 100%);
}

.ia-order-ticket-quote-label{
  font-size:10px;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 68%, transparent);
}

.ia-order-ticket-quote-value{
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
}

.ia-order-ticket-quote-card.is-bid .ia-order-ticket-quote-value{
  color:#117a37 !important;
}

.ia-order-ticket-quote-card.is-ask .ia-order-ticket-quote-value{
  color:#b42318 !important;
}

.ia-order-ticket-side-row{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:6px;
}

.ia-order-side-btn{
  appearance:none;
  border:1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 25%, transparent);
  border-radius:10px;
  height:34px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  transition: transform .05s ease, filter .12s ease;
}

.ia-order-side-btn:active{
  transform: translateY(1px);
}

.ia-order-side-btn.is-buy{
  background: linear-gradient(180deg, #35b26c 0%, #23854e 100%);
  color:#fff;
}

.ia-order-side-btn.is-sell{
  background: linear-gradient(180deg, #d55a5a 0%, #ab3131 100%);
  color:#fff;
}

.ia-order-side-btn:not(.is-active){
  filter: saturate(0.35) brightness(1.08);
}

.ia-order-side-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
  filter: grayscale(0.9);
}

.ia-order-ticket-section{
  border-radius:10px;
}

.ia-order-ticket-section.ia-panel-section{
  gap:6px;
  padding:8px;
}

.ia-order-ticket-section-mode.ia-panel-section{
  position:relative;
  margin-top:20px;
  padding-top:12px;
  border-top-left-radius:0 !important;
  overflow:visible;
}

.ia-order-ticket-levels-section.ia-panel-section{
  gap:4px;
  padding:6px 7px;
}

.ia-order-ticket-levels-section .ia-order-ticket-section-head .iaPanelSectionTitle{
  font-size:11px !important;
}

.ia-order-ticket-levels-section .ia-order-ticket-section-head .linkBtn{
  min-height:20px;
  padding:0 7px !important;
  font-size:10px;
}

.ia-order-ticket-mode-row{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:5px;
}

.ia-order-ticket-section-mode .ia-order-ticket-mode-row{
  margin-top:-36px;
  margin-left:-9px;
}

.ia-order-ticket-segment{
  display:inline-flex;
  align-items:flex-end;
  gap:1px;
  border:none;
  border-radius:0;
  overflow:visible;
  background:transparent;
  padding:0;
}

.ia-order-ticket-section-mode .ia-order-ticket-segment{
  align-self:flex-start;
  margin-bottom:-1px;
  padding:0;
}

.ia-order-ticket-seg-btn{
  appearance:none;
  border:1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 18%, transparent);
  border-bottom:1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 18%, transparent);
  background:color-mix(in srgb, var(--ia-panels-body-bg, #fff) 92%, #dce6ef);
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 82%, transparent);
  font-weight:800;
  font-size:10px;
  height:24px;
  min-width:86px;
  padding:0 12px;
  border-top-left-radius:9px;
  border-top-right-radius:9px;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  line-height:1;
  transform:none;
  position:relative;
  cursor:pointer;
}

.ia-order-ticket-seg-btn:not(.is-active){
  margin-bottom:1px;
}

.ia-order-ticket-seg-btn.is-active{
  background:var(--ia-panels-body-bg, #fff);
  color:#0f4d70;
  border-color:color-mix(in srgb, var(--ia-panels-body-fg, #111) 24%, transparent);
  z-index:2;
}

.ia-order-ticket-section-mode .ia-order-ticket-seg-btn.is-active{
  border-bottom-color:var(--ia-panels-body-bg, #fff);
}

.ia-order-ticket-pending-kind{
  display:none;
  align-items:center;
  gap:6px;
}

.ia-order-ticket-section-mode .ia-order-ticket-pending-kind.is-visible{
  margin-top:1px;
  margin-left:8px;
  align-self:flex-start;
}

.ia-order-ticket-pending-kind.is-visible{
  display:inline-flex;
}

.ia-order-ticket-pending-kind label{
  font-size:10px;
  font-weight:700;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 68%, transparent);
}

.ia-order-ticket-pending-kind select{
  height:24px;
  border:1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 18%, transparent);
  border-radius:6px;
  padding:0 6px;
  background:#fff;
  font-size:11px;
}

.ia-order-ticket-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:6px;
  margin-top:6px;
}

.ia-order-entry-field{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.ia-order-entry-field-wide{
  grid-column: 1 / span 2;
}

.ia-order-entry-field > span{
  font-weight:800 !important;
  font-size:11px !important;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 88%, transparent) !important;
}

.ia-order-ticket-leverage-field{
  gap:5px;
}

.ia-order-ticket-leverage-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.ia-order-ticket-leverage-head > span{
  font-weight:800;
  font-size:11px;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 88%, transparent);
}

.ia-order-ticket-leverage-value{
  font-size:11px;
  line-height:1;
  font-weight:800;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 90%, transparent);
  font-variant-numeric: tabular-nums;
}

.ia-order-ticket-leverage-slider{
  width:100%;
  height:16px;
  margin:0;
  padding:0;
  border:none !important;
  border-radius:0;
  background:transparent !important;
  accent-color:#2b6c74;
  cursor:pointer;
}

.ia-order-ticket-leverage-slider::-webkit-slider-runnable-track{
  height:3px;
  border-radius:999px;
  background: color-mix(in srgb, var(--ia-panels-body-fg, #111) 28%, transparent);
}

.ia-order-ticket-leverage-slider::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:12px;
  height:12px;
  margin-top:-5px;
  border:2px solid #2b6c74;
  border-radius:999px;
  background:#fff;
}

.ia-order-ticket-leverage-slider::-moz-range-track{
  height:3px;
  border:none;
  border-radius:999px;
  background: color-mix(in srgb, var(--ia-panels-body-fg, #111) 28%, transparent);
}

.ia-order-ticket-leverage-slider::-moz-range-thumb{
  width:12px;
  height:12px;
  border:2px solid #2b6c74;
  border-radius:999px;
  background:#fff;
}

.ia-order-ticket-leverage-marks{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:0;
  margin-top:-1px;
}

.ia-order-ticket-leverage-marks::before{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  top:4px;
  height:1px;
  background: color-mix(in srgb, var(--ia-panels-body-fg, #111) 28%, transparent);
}

.ia-order-ticket-leverage-mark{
  appearance:none;
  border:0;
  background:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
  padding:0;
  margin:0;
  min-width:0;
  flex:1;
  cursor:pointer;
  position:relative;
  z-index:1;
}

.ia-order-ticket-leverage-mark-dot{
  width:7px;
  height:7px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 60%, transparent);
  background:#fff;
}

.ia-order-ticket-leverage-mark.is-active .ia-order-ticket-leverage-mark-dot{
  border-color:#2b6c74;
  background:#2b6c74;
}

.ia-order-ticket-leverage-mark-label{
  font-size:10px;
  line-height:1;
  font-weight:700;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 72%, transparent);
  white-space:nowrap;
}

.ia-order-ticket-leverage-mark.is-active .ia-order-ticket-leverage-mark-label{
  color: color-mix(in srgb, #2b6c74 82%, #0f172a);
}

.ia-order-ticket-leverage-note{
  font-size:10px;
  line-height:1.2;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 68%, transparent);
}

.ia-order-entry-field > span.ia-order-entry-field-label-normal{
  font-weight:500 !important;
  font-size:11px !important;
}

.ia-order-entry-rule-note{
  display:none;
  margin-top:2px;
  font-size:9px;
  line-height:1.25;
  font-weight:700;
  color:#b32020;
}

.ia-order-entry-rule-note.is-visible{
  display:block;
}

.ia-order-entry-rule-note-sl{
  font-size:10px;
  font-weight:400;
  color:#b32020;
}

.ia-order-entry-field input{
  height:28px;
  width:100%;
  box-sizing:border-box;
  border:1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 20%, transparent);
  border-radius:0;
  padding:0 8px;
  background:#fff;
  color:#111;
  font-size:11px;
}

.ia-order-entry-field input:disabled{
  background:#f2f4f7;
  color:#6b7280;
}

.ia-order-stepper{
  display:grid;
  grid-template-columns: 26px minmax(0, 1fr) 26px;
  align-items:center;
  gap:0;
}

.ia-order-stepper button{
  height:28px;
  border:1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 20%, transparent);
  background:#f6f7f9;
  color:#1e293b;
  font-size:13px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  padding:0;
  cursor:pointer;
}

.ia-order-stepper button:first-child{
  border-right:none;
}

.ia-order-stepper button:last-child{
  border-left:none;
}

.ia-order-stepper input{
  border-radius:0 !important;
  text-align:center;
}

.ia-order-stepper input[type="number"]{
  appearance:textfield;
  -moz-appearance:textfield;
}

.ia-order-stepper input[type="number"]::-webkit-outer-spin-button,
.ia-order-stepper input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.ia-order-entry-field input.ia-order-price-market:disabled{
  font-weight:900;
  color:#1d8f4a;
  background:#ecf9f0;
}

.ia-order-entry-field input.ia-order-price-market.is-sell:disabled{
  color:#b62f2f;
  background:#fff0f0;
}

.ia-order-ticket-readonly{
  min-height:28px;
  border:1px dashed color-mix(in srgb, var(--ia-panels-body-fg, #111) 22%, transparent);
  background: color-mix(in srgb, var(--ia-panels-body-fg, #111) 2%, #fff);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 8px;
  font-weight:800;
  font-size:11px;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 88%, transparent);
}

.ia-order-ticket-readonly-sub{
  font-size:10px;
  font-weight:700;
  opacity:.75;
  text-align:right;
}

.ia-order-ticket-readonly.is-note{
  font-weight:700;
  font-size:10px;
  border-style:solid;
  background: color-mix(in srgb, var(--ia-panels-body-fg, #111) 4%, #fff);
}

.ia-order-ticket-fee-row{
  min-height: 28px;
  border: 1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 22%, transparent);
  border-radius: 6px;
  background: color-mix(in srgb, var(--ia-panels-body-fg, #111) 4%, #fff);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
}

.ia-order-ticket-fee-main{
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.ia-order-ticket-fee-level{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 20%, transparent);
  padding: 0 7px;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 85%, transparent);
  background: #fff;
  white-space: nowrap;
}

.ia-order-ticket-fee-value{
  font-size: 11px;
  line-height: 1;
  font-weight: 500;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 88%, transparent);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ia-order-ticket-fee-toggle{
  display: inline-flex;
  align-items: center;
  gap: 1px;
  border: 1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 18%, transparent);
  border-radius: 5px;
  padding: 1px;
  background: #fff;
}

.ia-order-ticket-fee-unit{
  appearance: none;
  border: 0;
  border-radius: 3px;
  padding: 1px 5px;
  min-width: 28px;
  font-size: 9px;
  line-height: 1.1;
  font-weight: 700;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 72%, transparent);
  background: transparent;
  cursor: pointer;
}

.ia-order-ticket-fee-unit.is-active{
  color: #fff;
  background: #2b6c74;
}

.ia-order-ticket-fee-note{
  margin-top: 1px;
  min-height: 0;
  font-size: 10px;
  line-height: 1.2;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 70%, transparent);
}

.ia-order-ticket-fee-note:empty{
  display:none;
}

.ia-order-ticket-margin-grid{
  margin-top:2px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:4px 8px;
}

.ia-order-ticket-margin-item{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
}

.ia-order-ticket-margin-label{
  font-size:10px;
  line-height:1.15;
  font-weight:600;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 74%, transparent);
  white-space:nowrap;
}

.ia-order-ticket-margin-value{
  min-width:0;
  font-size:11px;
  line-height:1.1;
  font-weight:700;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 92%, transparent);
  font-variant-numeric: tabular-nums;
  text-align:right;
  white-space:nowrap;
}

.ia-order-ticket-margin-value.is-good{
  color:#1a8c4b;
}

.ia-order-ticket-margin-value.is-warn{
  color:#b96a06;
}

.ia-order-ticket-margin-value.is-risk{
  color:#b32020;
}

.ia-order-ticket-margin-note{
  margin-top:2px;
  min-height:0;
  font-size:10px;
  line-height:1.2;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 70%, transparent);
}

.ia-order-ticket-margin-note:empty{
  display:none;
}

.ia-order-ticket-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
}

.ia-order-entry-levels{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.ia-order-entry-level-row{
  display:grid;
  align-items:center;
}

.ia-order-entry-level-head{
  display:grid;
  grid-template-columns: minmax(84px, 1.2fr) minmax(72px, 1fr) minmax(72px, 1fr);
  gap:3px;
  padding-left:35px;
  padding-right:23px;
  font-size:10px;
  font-weight:700;
  line-height:1;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 72%, transparent);
}

.ia-order-entry-level-head-sl{
  grid-template-columns: minmax(84px, 1.2fr) minmax(84px, 1.2fr);
}

.ia-order-entry-level-head-sl + .ia-order-entry-level-head-sl{
  margin-top:1px;
}

.ia-order-entry-level-row-price{
  grid-template-columns: 32px minmax(84px, 1.2fr) minmax(72px, 1fr) minmax(72px, 1fr) 22px;
  gap:3px;
}

.ia-order-entry-level-stack{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.ia-order-entry-level-stack-sl{
  gap:3px;
}

.ia-order-entry-level-stack-sl-title{
  display:grid;
  grid-template-columns: 1fr 22px;
  align-items:center;
  gap:3px;
}

.ia-order-entry-level-row-sl-grid{
  grid-template-columns: repeat(2, minmax(0, 146px));
  justify-content:start;
  gap:12px;
}

.ia-order-entry-level-inline-field{
  min-width:0;
  display:grid;
  grid-template-columns: 44px auto;
  align-items:center;
  gap:4px;
}

.ia-order-entry-level-inline-label{
  display:block;
  width:44px;
  font-size:10px;
  font-weight:700;
  line-height:1;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 72%, transparent);
  white-space:nowrap;
}

.ia-order-entry-level-inline-field.is-right{
  grid-template-columns: 56px auto;
}

.ia-order-entry-level-inline-field.is-right .ia-order-entry-level-inline-label{
  width:56px;
  padding-left:6px;
}

.ia-order-entry-level-row-sl-grid .ia-order-entry-level-inline-field > .ia-order-entry-level-stepper-host{
  width:90px;
  min-width:90px;
  max-width:90px;
  justify-self:start;
}

.ia-order-entry-level-inline-money-control{
  width:auto;
  min-width:0;
  display:grid;
  grid-template-columns:90px auto;
  align-items:center;
  gap:4px;
}

.ia-order-entry-level-inline-unit{
  font-size:10px;
  font-weight:700;
  line-height:1;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 72%, transparent);
  white-space:nowrap;
}

.ia-order-entry-level-label-title{
  font-size:11px;
  font-weight:800;
}

.ia-order-entry-level-label{
  font-weight:800;
  font-size:10px;
  line-height:1;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 72%, transparent);
}

.ia-order-entry-level-row input{
  height:20px;
  border:1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 20%, transparent);
  border-radius:0;
  padding:0 5px;
  background:#fff;
  font-size:11px;
  font-weight:700;
  line-height:18px;
  text-align:right;
}

.ia-order-entry-level-field{
  min-width:0;
}

.ia-order-entry-level-stepper-host{
  height:20px;
  border:1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 20%, transparent);
  background:var(--ia-panels-body-bg, #fff);
  box-sizing:border-box;
  min-width:0;
}

.ia-order-entry-level-stepper-host .iaNumStepper.iaNumApp{
  width:100% !important;
  height:100% !important;
}

.ia-order-entry-level-stepper-host .iaNumStepper.iaNumApp .smaPeriodInput{
  padding:0 4px !important;
  text-align:right !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:18px !important;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 86%, transparent) !important;
}

.ia-order-entry-level-stepper-host .iaNumStepper.iaNumApp .iaNumArrows{
  border-left:1px solid color-mix(in srgb, var(--ia-panels-body-fg, #111) 20%, transparent) !important;
}

.ia-order-entry-level-stepper-host .iaNumStepper.iaNumApp .iaNumBtn{
  font-size:8px !important;
  line-height:1 !important;
}

.ia-order-entry-level-stepper-host-readonly .smaPeriodInput{
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 66%, transparent) !important;
}

.ia-order-entry-level-stepper-host-readonly .iaNumArrows{
  pointer-events:none !important;
  opacity:0.35;
}

.ia-order-entry-level-money-wrap{
  height:20px;
  display:grid;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  align-items:center;
  gap:2px;
  min-width:0;
}

.ia-order-entry-level-money-sign{
  font-size:10px;
  font-weight:800;
  line-height:1;
  text-align:center;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 86%, transparent);
}

.ia-order-entry-level-money-unit{
  font-size:10px;
  font-weight:800;
  line-height:1;
  color: color-mix(in srgb, var(--ia-panels-body-fg, #111) 72%, transparent);
}

.ia-order-entry-level-metric-input,
.ia-order-entry-level-qty-input,
.ia-order-entry-level-points-input,
.ia-order-entry-level-price-input{
  height:100% !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:18px !important;
  text-align:right !important;
  padding:0 4px !important;
  color:inherit !important;
  min-width:0;
  appearance:textfield;
  -moz-appearance:textfield;
}

.ia-order-entry-level-metric-input::-webkit-outer-spin-button,
.ia-order-entry-level-metric-input::-webkit-inner-spin-button,
.ia-order-entry-level-qty-input::-webkit-outer-spin-button,
.ia-order-entry-level-qty-input::-webkit-inner-spin-button,
.ia-order-entry-level-points-input::-webkit-outer-spin-button,
.ia-order-entry-level-points-input::-webkit-inner-spin-button,
.ia-order-entry-level-price-input::-webkit-outer-spin-button,
.ia-order-entry-level-price-input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.ia-order-entry-level-money-wrap.is-positive .ia-order-entry-level-stepper-host,
.ia-order-entry-level-stepper-host.is-positive{
  border-color:color-mix(in srgb, #1a8c4b 35%, transparent) !important;
  background:color-mix(in srgb, #1a8c4b 8%, #fff) !important;
}

.ia-order-entry-level-money-wrap.is-positive .ia-order-entry-level-money-sign,
.ia-order-entry-level-money-wrap.is-positive .ia-order-entry-level-money-unit,
.ia-order-entry-level-money-wrap.is-positive .ia-order-entry-level-metric-input,
.ia-order-entry-level-stepper-host.is-positive .ia-order-entry-level-money-input,
.ia-order-entry-level-stepper-host.is-positive .ia-order-entry-level-points-input,
.ia-order-entry-level-points-input.is-positive{
  color:#1a8c4b !important;
}

.ia-order-entry-level-money-wrap.is-negative .ia-order-entry-level-stepper-host,
.ia-order-entry-level-stepper-host.is-negative{
  border-color:color-mix(in srgb, #b32020 35%, transparent) !important;
  background:color-mix(in srgb, #b32020 8%, #fff) !important;
}

.ia-order-entry-level-money-wrap.is-negative .ia-order-entry-level-money-sign,
.ia-order-entry-level-money-wrap.is-negative .ia-order-entry-level-money-unit,
.ia-order-entry-level-money-wrap.is-negative .ia-order-entry-level-metric-input,
.ia-order-entry-level-stepper-host.is-negative .ia-order-entry-level-money-input,
.ia-order-entry-level-stepper-host.is-negative .ia-order-entry-level-points-input,
.ia-order-entry-level-points-input.is-negative{
  color:#b32020 !important;
}

.ia-order-entry-level-remove{
  min-width:22px;
  height:20px;
  padding:0 !important;
  font-size:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}

.ia-order-entry-risk-list{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.ia-order-entry-risk-line{
  font-size:10px;
  line-height:1.25;
}

.ia-order-entry-risk-line.is-risk{
  color:#b32020 !important;
}

.ia-order-entry-risk-line.is-reward{
  color:#1a8c4b !important;
}

.ia-order-entry-risk-line.is-ratio{
  color:color-mix(in srgb, var(--ia-panels-body-fg, #111) 92%, transparent);
  font-weight:700;
}

.ia-order-entry-sl-total-risk{
  display:none;
  margin-top:2px;
  font-size:11px;
  line-height:1.25;
  font-weight:700;
  color:#b32020;
}

.ia-order-entry-sl-total-risk.is-visible{
  display:block;
}

.ia-order-entry-tp-total-gain{
  display:none;
  margin-top:2px;
  font-size:11px;
  line-height:1.25;
  font-weight:700;
  color:#1a8c4b;
}

.ia-order-entry-tp-total-gain.is-visible{
  display:block;
}

.ia-order-entry-info{
  border:1px solid #9fc8ff;
  background:#ecf4ff;
  color:#184a91 !important;
  border-radius:0;
  padding:6px;
  font-size:11px;
}

.ia-order-ticket-submit-wrap{
  position:sticky;
  bottom:0;
  z-index:2;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, var(--ia-panels-body-bg, #fff) 22%);
}

.ia-order-ticket-submit{
  appearance:none;
  width:100%;
  min-height:36px;
  border:none;
  border-radius:10px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  color:#fff;
}

.ia-order-ticket-submit.is-buy{
  background: linear-gradient(180deg, #35b26c 0%, #21804a 100%);
}

.ia-order-ticket-submit.is-sell{
  background: linear-gradient(180deg, #d55a5a 0%, #a72d2d 100%);
}

.ia-order-ticket-submit:disabled{
  opacity:.5;
  cursor:not-allowed;
  filter: grayscale(0.8);
}

@media (max-width: 900px){
  #orderEntryPanel{
    width: min(100vw, 430px) !important;
  }
  .ia-order-ticket-grid{
    grid-template-columns: 1fr;
  }
  .ia-order-entry-field-wide{
    grid-column:auto;
  }
}