/* =======================================================
   RIGHT PANEL — MOBILE (BOT TITLE — TEXT ONLY, NO EFFECTS)
   ======================================================= */

@media screen and (max-width: 900px) and (orientation: landscape) {

    /* ==========================================
       BASE LAYOUT
       ========================================== */

aside#right-panel {
    display: flex;
    flex-direction: column;
    flex: 0 0 30%;
    min-width: 0;
    overflow: hidden;
    background: #141922;
}


    /* ==========================================
       HIDE DESKTOP-ONLY BLOCKS
       ========================================== */

    #right-panel #market-block,
    #right-panel .tickers-head,
    #right-panel .flag {
        display: none !important;
    }

    /* ==========================================
       PANEL HEADER — HARD RESET
       ========================================== */

    #right-panel .panel-header {
        flex: 0 0 auto;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        padding: 0 !important;
        margin: 0 !important;

        pointer-events: none !important;
    }

    /* ==========================================
       BOT TITLE — PURE TEXT
       ========================================== */

    #right-panel .panel-header > h2,
    #right-panel .panel-header h2 *,
    #right-panel .panel-header a,
    #right-panel .panel-header button {
        all: unset;                     /* полный сброс */
        display: block;

        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;

        padding: 6px 8px;
        margin: 0;

        color: inherit;
        background: transparent;

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        cursor: default;
        user-select: none;
        pointer-events: none;
    }
	/* BOT TITLE — GREEN TEXT ONLY */
	#right-panel .panel-header > h2 {
		color: #00e896 !important;
	}


    /* жёстко убираем любые состояния */
    #right-panel .panel-header *:hover,
    #right-panel .panel-header *:active,
    #right-panel .panel-header *:focus,
    #right-panel .panel-header *:focus-visible {
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

    /* ==========================================
       LIST AREA — ONLY SCROLLABLE BLOCK
       ========================================== */

    #right-panel .mobile-tickers {
        flex: 1 1 auto;
        overflow-y: auto;
        overflow-x: hidden;
    }

    /* ==========================================
       MOBILE TICKER ROW
       ========================================== */

    #right-panel .mobile-ticker-row {
        position: relative;
        width: 100%;
        padding: 6px 8px;
        box-sizing: border-box;

        font-size: 12px;
        line-height: 1.2;
    }

    /* symbol — left */
    #right-panel .mobile-ticker-row .m-symbol {
        display: block;
        padding-right: 64px;

        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

        font-weight: 500;
    }

    /* change — right */
    #right-panel .mobile-ticker-row .m-change {
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);

        white-space: nowrap;
        font-weight: 500;
        text-align: right;
    }
}

/* =======================================================
   BOTS PAGE — MOBILE ONLY
   ======================================================= */

@media screen and (max-width: 900px) and (orientation: landscape) {

    /* кнопка "Инструкция" */
    #bot-instruction-btn {
        display: none !important;
    }

    /* подсказка под шапкой правой панели */
    #right-panel .panel-header.sticky-header + div {
        display: none !important;
    }
}
@media screen and (max-width: 900px) and (orientation: landscape) {

  #right-panel {
    display: flex;
    flex-direction: column;
  }

  #right-panel .bot-messages-area {
    flex: 1 1 auto;
    min-height: 0;
  }

}
@media screen and (max-width: 900px) and (orientation: landscape) {

  #right-panel {
    height: 100%;
  }

  #right-panel .bot-messages-area {
    flex: 1 1 auto;
    height: 100%;
    overflow-y: auto;
  }

}