.telegram-modal { margin: auto; color: var(--text); width: min(700px, calc(100% - 24px)); font-size: 13px; }
.telegram-modal h2 { font-size: 17px; }
.telegram-modal .kicker { font-size: 10px; }
.telegram-modal .modal-message { font-size: 12px; margin: 10px 0; line-height: 1.45; }
.telegram-modal .field-help { font-size: 11px; line-height: 1.4; }
.telegram-modal .squeeze-fields { gap: 10px; }
.telegram-modal label, .telegram-modal label > span { font-size: 12px; }
.telegram-modal input, .telegram-modal select, .telegram-modal .button { font-size: 12px; }
.telegram-modal .button { padding: 9px 12px; }
.telegram-modal [hidden] { display: none !important; }
.tg-tabs { display: flex; gap: 8px; margin: 14px 0; border-bottom: 1px solid rgba(127,156,255,.25); }
.tg-tabs button { border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); font-size: 13px; padding: 9px 14px; cursor: pointer; }
.tg-tabs button[aria-selected="true"] { color: var(--text); border-bottom-color: #a7beff; }
.tg-tabs button:focus-visible { outline: 2px solid #a7beff; outline-offset: 2px; }
.tgl-thresholds { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.tgl-thresholds label { min-width: 0; }
.tgl-thresholds input { width: 100%; }
.tg-price-levels { display: grid; gap: 8px; }
.tg-price-level { display: grid; grid-template-columns: 60px minmax(0, 1fr) minmax(0, 1.5fr); gap: 10px; align-items: center; }
.tg-price-level input { width: 100%; }
.telegram-modal::backdrop { background: rgba(5,7,12,.6); backdrop-filter: blur(2px); }
.telegram-modal fieldset { margin: 16px 0; }
.telegram-modal code { overflow-wrap: anywhere; }
.telegram-modal a { color: #a7beff; }
.tg-directions { display: flex; gap: 24px; }
.tg-directions label, .tg-assets label { display: flex; align-items: center; gap: 8px; }
.tg-directions input, .tg-assets input { width: 17px; height: 17px; min-height: 17px; flex: 0 0 17px; }
.tg-assets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-height: 210px; overflow-y: auto; padding: 10px; border: 1px solid rgba(127,156,255,.25); border-radius: 8px; }
.tg-assets label { min-width: 0; padding: 5px; font-size: 13px; }
.tg-assets span { overflow-wrap: anywhere; }
@media (max-width: 500px) { .tg-assets { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tgl-thresholds { grid-template-columns: 1fr; } }