/* Contract controls only. Keep the classic FLOW title and feed intact. */
#view-flow.view-section > .selection-panel {
    padding: 10px 0 12px;
    gap: 10px;
    box-shadow: none;
    border-top: 1px solid #282e2b !important;
    border-bottom: 1px solid #282e2b !important;
}
#view-flow.view-section > .selection-panel::before { display: none; }
#view-flow.view-section > .selection-panel .panel-title {
    margin: 0;
    font: 500 10px/1.2 'JetBrains Mono', monospace;
    color: #afb9b2;
    letter-spacing: .3px;
    text-shadow: none;
}
#view-flow.view-section > .selection-panel .drill-down-row {
    grid-template-columns: minmax(130px,.9fr) minmax(180px,1.25fr) minmax(180px,1.15fr) minmax(130px,.8fr) 68px;
    gap: 10px;
}
#view-flow.view-section > .selection-panel .select-label {
    font: 400 9px/1.2 'JetBrains Mono', monospace;
    color: #808e85;
    letter-spacing: .2px;
}
#view-flow.view-section > .selection-panel :is(button,select,.ticker-active-display) {
    font: 500 11px 'JetBrains Mono', monospace;
    letter-spacing: 0;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
    height: 28px;
}
#view-flow.view-section > .selection-panel :is(.styled-select,.ticker-active-display) {
    background: #0d100f !important;
    border-bottom-color: #3b4540 !important;
    color: #dce3de;
    padding: 4px 7px;
    min-width: 0;
    color-scheme: dark;
}
#view-flow.view-section > .selection-panel .styled-select { appearance: auto; }
#view-flow.view-section > .selection-panel :is(.styled-select,button):disabled { opacity: .5; cursor: not-allowed; }
#view-flow.view-section > .selection-panel #ticker-display { color: #dce3de; text-shadow: none; }
#view-flow.view-section > .selection-panel #ticker-display.empty { font-size: 11px; color: #8a978f; }
#view-flow.view-section > .selection-panel :is(#flow-openTickerSearchBtn,#go-btn) {
    font: 500 11px 'JetBrains Mono', monospace;
    height: 28px;
    letter-spacing: 0;
    background: #261e12 !important;
    color: #e6bb79;
    border-bottom: 1px solid #8e703e !important;
    padding: 0 10px;
    text-shadow: none;
}
#view-flow.view-section > .selection-panel :is(#flow-openTickerSearchBtn,#go-btn):hover:not(:disabled) {
    background: #342916 !important;
    color: #f5d097;
}
#view-flow.view-section > .selection-panel .flow-ticker-meta { min-height: 0; }
#view-flow.view-section > .selection-panel .spot-price { font: 9px 'JetBrains Mono',monospace; letter-spacing: 0; color: #8aaf9b; }
#view-flow.view-section > .selection-panel .strike-nav-btn { background: #101512; color: #b4c0b7; border-color: #3b4540; }
#view-flow.view-section > .selection-panel .strike-nav-btn:hover:not(:disabled) { background: #1c241f; border-color: #8a9b8f; }
#view-flow.view-section > .selection-panel .type-toggle-wrapper { height: 28px; gap: 6px; }
#view-flow.view-section > .selection-panel .type-toggle-btn { background: #101512; color: #87968c; border-bottom-color: #3b4540 !important; opacity: 1; text-shadow: none; }
#view-flow.view-section > .selection-panel .type-toggle-btn.call.active { background: #15291e; color: #8bd8ad; border-color: #579b75 !important; text-shadow: none; }
#view-flow.view-section > .selection-panel .type-toggle-btn.put.active { background: #2b191d; color: #f095a2; border-color: #aa6470 !important; text-shadow: none; }
#view-flow.view-section > .selection-panel :is(button,select):focus-visible { outline: 1px solid #c7a267; outline-offset: 2px; }
@media (max-width: 980px) {
    #view-flow.view-section > .selection-panel .drill-down-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
    #view-flow.view-section > .selection-panel #go-btn { width: auto; justify-self: end; grid-column: 2; }
}
@media (max-width: 360px) {
    #view-flow.view-section > .selection-panel .drill-down-row { gap: 8px; }
    #view-flow.view-section > .selection-panel :is(button,select,.ticker-active-display) { font-size: 10px; }
}