:root{
  color-scheme:dark;
  --bg:#02070D;--bg-top:#071321;--surface:#0B0F16;--surface2:#121821;--surface3:#0E141C;
  --border:#212C37;--border-strong:#34434F;--text:#E8EDF2;--muted:#8E9BA7;
  --accent:#2F7FE0;--accent-soft:#213A50;--green:#3DCB78;--red:#F0505E;--amber:#DDA83E;
  --top-h:50px;--status-h:26px;--right-w:390px;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02070D;color:var(--text);font:13px/1.35 "Segoe UI Variable Text","Segoe UI",system-ui,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;touch-action:manipulation;background:#101820;border:1px solid var(--border);border-radius:4px;padding:7px 10px;color:var(--text)}
button:hover{border-color:var(--border-strong)}button:active{background:#1B2733}
input,select,textarea{background:#0B1118;border:1px solid #26313C;border-radius:4px;padding:7px 8px;outline:none;color:var(--text)}
input:focus,select:focus,textarea:focus{border-color:var(--accent)}
textarea{resize:vertical}.hidden{display:none!important}.muted{color:#75838E}.primary{background:var(--accent);border-color:var(--accent);font-weight:600}.primary:hover{background:#4A93E8}.wide{width:100%}
.auth-shell{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(180deg,#071321,#02070D);padding:18px}
.auth-card{width:min(390px,100%);background:#0A0F15;border:1px solid #26313C;border-radius:8px;padding:24px;box-shadow:0 22px 60px #000b}
.auth-card h1{text-align:center;margin:8px 0 2px}.auth-card p{text-align:center;color:#75838E;margin:0 0 20px}.auth-card label{display:block;color:#9AA7B2;margin:11px 0}.auth-card input{width:100%;margin-top:4px}.brand-text{text-align:center;color:var(--amber);font-weight:800;font-size:20px;letter-spacing:.5px}.error{color:#ff7881;min-height:18px;margin-top:8px}
.terminal-shell{height:100%;display:grid;grid-template-rows:var(--top-h) minmax(0,1fr) var(--status-h);background:#02070D}
.terminal-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;background:#0B1118;border-bottom:1px solid #26313C;min-width:0;z-index:30}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:4px;min-width:0}.topbar-left{flex:1;overflow:hidden}.topbar-right{flex:0 0 auto}
.brick-logo{color:var(--amber);font-size:16px;font-weight:700;margin:0 10px 0 4px;white-space:nowrap}.top-control{height:34px;white-space:nowrap}.provider-btn{width:142px}.symbol-box{width:145px;height:34px;margin:0 1px}.toolbar-sep{width:1px;height:24px;background:#2B3540;margin:0 4px;flex:none}
.timeframe-strip{display:flex;align-items:center;gap:0;overflow:auto hidden;scrollbar-width:none}.timeframe-strip::-webkit-scrollbar{display:none}.timeframe-strip button{min-width:38px;height:32px;padding:5px 7px;background:transparent;border-color:transparent;color:#B6C1CA;margin:0 1px}.timeframe-strip button.active{background:#213A50;border-color:#386D99;color:#fff}
.menu-wrap{position:relative;flex:none}.popup-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:#0E141C;border:1px solid #34434F;border-radius:5px;padding:5px;box-shadow:0 16px 40px #000b;z-index:100}.popup-menu.popup-right{left:auto;right:0}.popup-menu.popup-floating{position:fixed!important;right:auto!important;z-index:1000;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.popup-menu button{display:block;width:100%;text-align:left;background:transparent;border-color:transparent;padding:8px;touch-action:manipulation}.popup-menu button:hover{background:#1A2631}.menu-sep{height:1px;background:#27333e;margin:4px}
.terminal-main{display:grid;grid-template-columns:minmax(0,1fr) var(--right-w);min-height:0;overflow:hidden}.terminal-main.panel-hidden{grid-template-columns:minmax(0,1fr) 0}
.chart-area{position:relative;min-width:0;min-height:0;overflow:hidden;background:linear-gradient(180deg,#071321,#02070D);border-right:1px solid #26313C}
#chartCanvas{width:100%;height:100%;display:block;outline:none;touch-action:none}.chart-tools{position:absolute;left:8px;top:58px;z-index:10;display:flex;flex-direction:column;gap:4px}.chart-tools button{width:34px;height:34px;padding:0;font-size:16px;background:#0B1118}.chart-tools button.active{background:#204D70;border-color:#386D99}.touch-only{display:none!important;font-size:11px!important}
.indicator-legend{position:absolute;left:58px;top:58px;z-index:9;display:grid;gap:3px;pointer-events:none;max-width:min(330px,calc(100% - 150px))}.indicator-row{pointer-events:auto;background:#CC0C131B;border:1px solid #222D38;border-radius:3px;padding:3px 6px;max-width:320px}.indicator-row.error{border-color:#7A2F36}.indicator-main{display:flex;align-items:center;gap:3px;color:#9BA8B3;font-size:11px}.indicator-main .ind-name{margin-right:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.indicator-main button{width:27px;height:24px;padding:0;margin:0;background:transparent;border-color:transparent;color:#92A0AB}.indicator-error{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;color:#F0656F;font-size:10px;margin-top:4px}.indicator-error button{font-size:9px;padding:3px 5px}
.right-panel{min-width:0;background:#0B0F14;border-left:1px solid #26313C;display:grid;grid-template-rows:38px minmax(0,1fr);overflow:hidden}.terminal-main.panel-hidden .right-panel{display:none}.right-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #26313C}.right-tabs button{border:0;border-radius:0;background:#0B0F14;color:#9BA8B3}.right-tabs button.active{background:#121821;color:#fff;border-bottom:2px solid #386D99}.right-pane{display:none;min-height:0}.right-pane.active{display:grid;grid-template-rows:auto minmax(0,1fr)}.right-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px}.right-toolbar button{padding:6px 8px}.history-toolbar{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.8fr);gap:6px}.history-toolbar>span{grid-column:1}.history-toolbar>#clearOldHistory{grid-column:2/4;grid-row:1;justify-self:end}.history-toolbar select{height:31px;padding:4px 6px;min-width:0;width:100%}.right-scroll,.history-list{overflow:auto;min-height:0}.section-label{color:#84919B;font-size:10px;font-weight:700;margin:8px 14px 4px}.panel-divider{height:1px;background:#29323B;margin:10px 12px}.terminal-list{display:block}.list-item{background:#0F151C;border-bottom:1px solid #202A33;padding:7px 8px;cursor:default}.list-item:hover{background:#121A23}.list-row-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.list-title{font-weight:600;color:#E7EDF2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-sub{color:#81909C;font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-actions{display:flex;gap:3px}.list-actions button{padding:4px 6px;font-size:11px}.status-active{color:#62C995}.history-item{padding:8px}.history-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.history-time{color:#778590;font-size:10px}.history-market-crypto{border-left:3px solid #f0b90b}.history-market-forex{border-left:3px solid #46a0ff}.history-market-bist{border-left:3px solid #4caf50}.history-market-nasdaq{border-left:3px solid #b07cff}.empty{padding:14px;color:#75838E;text-align:center}
.statusbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px;background:#0A0F14;border-top:1px solid #26313C;color:#87949F;white-space:nowrap;overflow:hidden}.statusbar #statusText{overflow:hidden;text-overflow:ellipsis}.statusbar.ok #statusText{color:#3DCB78}.statusbar.bad #statusText{color:#F0505E}
.modal{border:1px solid #314454;border-radius:8px;background:#0A0F15;color:#E8EDF2;padding:0;box-shadow:0 24px 80px #000c;max-height:94vh}.modal::backdrop{background:#000b;backdrop-filter:blur(2px)}.modal form{padding:16px;max-height:94vh;overflow:auto}.large-modal{width:min(900px,calc(100vw - 24px))}.alarm-modal{width:min(430px,calc(100vw - 24px))}.indicator-modal{width:min(610px,calc(100vw - 24px))}.ray-modal{width:min(430px,calc(100vw - 24px))}.settings-modal{width:min(760px,calc(100vw - 24px))}.server-modal{width:min(620px,calc(100vw - 24px))}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.modal-head h2{margin:0;font-size:19px}.modal-head>div{flex:1}.modal-head>div input{width:100%;margin-top:8px}.close{border:0;background:transparent;font-size:25px;padding:0 4px;color:#8E9BA7}.modal label:not(.check){display:flex;flex-direction:column;gap:4px;color:#9AA7B2;margin:9px 0}.modal .check{display:flex;align-items:center;gap:7px;color:#E8EDF2;margin:7px 0}.modal .check input{width:auto}.modal-actions{position:sticky;bottom:-16px;display:flex;justify-content:flex-end;gap:6px;margin-top:14px;padding:10px 0 15px;background:linear-gradient(0deg,#0A0F15 78%,transparent)}
.watchlist-head-grid{display:grid;grid-template-columns:minmax(200px,1fr) 150px 120px 110px;gap:8px}.symbols-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:11px 0 6px}.symbols-head small{display:block;color:#5E6C77;margin-top:2px}.symbols-box{width:100%;height:150px;min-height:120px}.watch-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#101720;border:1px solid #25313C;border-radius:8px;padding:12px;margin-top:12px}.watch-settings-grid label:not(.check){margin:0}.watch-settings-grid .hint{font-size:10px;color:#5E6C77;align-self:center}.subcard{background:#0C121A;border:1px solid #22303B;border-radius:6px;padding:10px;margin-top:10px}.subcard h3{margin:0 0 6px;font-size:13px;color:#9AA7B2}.subcard small{color:#5E6C77}.checks-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.checks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px}#alarmTelegramGroups{grid-template-columns:minmax(0,1fr);gap:2px;max-height:260px;overflow-y:auto;overflow-x:hidden;padding-right:4px}#alarmTelegramGroups .check{min-width:0;align-items:flex-start;white-space:normal;overflow-wrap:anywhere;word-break:break-word}#alarmTelegramGroups .check input{flex:0 0 auto;margin-top:2px}.min-change-card{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;align-items:center}.min-change-card label{margin:0!important}.min-change-card label small{display:block}.min-change-card p{margin:0;color:#75838E;font-size:11px}
.dialog-tabs{display:flex;border-bottom:1px solid #26313C;margin:0 0 10px;overflow:auto}.dialog-tabs button{background:transparent;border:0;border-radius:0;color:#8E9BA7;padding:9px 13px;white-space:nowrap}.dialog-tabs button.active{color:#fff;background:#121821;border-bottom:2px solid #386D99}.dialog-pane{display:none;min-height:330px}.dialog-pane.active{display:block}.label-value-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:8px 12px;align-items:center}.label-value-grid>span{color:#9AA7B2}.label-value-grid input{width:100%}.span2{grid-column:1/-1}.two-cols{display:grid;grid-template-columns:220px 160px;gap:12px}.telegram-table-wrap{overflow:auto;max-height:330px;border:1px solid #26313C;margin-top:10px}.telegram-table{width:100%;border-collapse:collapse;background:#0B1118}.telegram-table th{background:#121821;color:#8E9BA7;font-size:11px;text-align:left;padding:7px 8px;border-bottom:1px solid #26313C}.telegram-table td{padding:5px 6px;border-bottom:1px solid #212C37}.telegram-table tr.selected{background:#1F3A52}.telegram-table input{width:100%;min-width:90px}.telegram-table td:last-child{text-align:center}.telegram-table td:last-child input{width:auto}.settings-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.server-health{margin:14px 0;padding:10px;border:1px solid #26313C;background:#101720;border-radius:6px;color:#9AA7B2}.server-health.ok{color:#62C995}.server-health.bad{color:#F0656F}.server-actions{display:flex;gap:7px;margin-top:10px}
.toast{position:fixed;left:50%;bottom:42px;transform:translateX(-50%);z-index:500;background:#162534;border:1px solid #36506a;padding:10px 14px;border-radius:6px;box-shadow:0 12px 35px #0008;max-width:90vw}.toast.bad{border-color:#8b3038;color:#ffb0b6}
@media(max-width:1180px){:root{--right-w:340px}.provider-btn{width:124px}.symbol-box{width:125px}.topbar-right .top-control{padding-left:7px;padding-right:7px}}
@media(max-width:900px){
  :root{--top-h:auto;--status-h:28px;--right-w:min(390px,92vw)}
  html,body{overflow:hidden}.terminal-shell{grid-template-rows:auto minmax(0,1fr) var(--status-h)}
  .terminal-topbar{align-items:stretch;flex-direction:column;padding:5px 6px;gap:4px}.topbar-left,.topbar-right{width:100%;overflow:auto hidden;scrollbar-width:none}.topbar-left::-webkit-scrollbar,.topbar-right::-webkit-scrollbar{display:none}.topbar-right{justify-content:flex-start}.brick-logo{position:sticky;left:0;background:#0B1118;z-index:2;padding-right:4px}
  .terminal-main{display:block;position:relative}.chart-area{height:100%;border:0}.right-panel{position:absolute;right:0;top:0;bottom:0;width:var(--right-w);z-index:40;box-shadow:-12px 0 36px #000a}.terminal-main.panel-hidden .right-panel{display:none}
  .chart-tools{top:58px}.touch-only{display:block!important}.indicator-legend{max-width:calc(100% - 125px)}
  .watchlist-head-grid{grid-template-columns:1fr 1fr}.watch-settings-grid{grid-template-columns:1fr 1fr}.checks-grid{grid-template-columns:1fr 1fr}.history-toolbar{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.8fr)}.statusbar{font-size:11px}
}
@media(max-width:560px){
  .provider-btn{width:118px}.symbol-box{width:120px}.top-control{height:32px}.timeframe-strip button{min-width:36px}.brick-logo{margin-right:5px}
  .right-panel{width:100%}.chart-tools{top:56px}.indicator-legend{left:50px;top:56px;max-width:calc(100% - 62px)}.indicator-row{max-width:100%}
  .watchlist-head-grid{grid-template-columns:1fr 1fr}.watchlist-head-grid #wlName{grid-column:1/-1}.watch-settings-grid{grid-template-columns:1fr 1fr}.watch-settings-grid .hint{grid-column:1/-1}.checks-grid{grid-template-columns:1fr}.min-change-card{grid-template-columns:1fr}.label-value-grid{grid-template-columns:minmax(0,1fr) 120px}.two-cols{grid-template-columns:1fr 1fr}.modal form{padding:12px}.dialog-pane{min-height:280px}.history-toolbar{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.8fr)}.history-toolbar>#clearOldHistory{grid-column:2/4;grid-row:1}.statusbar #clockText{display:none}
}
@media(pointer:coarse){.touch-only{display:block!important}.chart-tools button{width:38px;height:38px}.list-actions button{min-height:32px}}
@media(display-mode:standalone){.terminal-topbar{padding-top:max(5px,env(safe-area-inset-top))}.statusbar{padding-bottom:max(0px,env(safe-area-inset-bottom))}}