/* RateScout — тема в стиле doshaven.eu (DOS/терминал): #111 фон, моноширинный,
   двойные ASCII-рамки (.dosborder), циан/синие DOS-боксы, красные ■ маркеры, 1000px по центру. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#111;color:#a8a8a8;
  font:15px/1.5 "Lucida Console",Monaco,"DejaVu Sans Mono",Consolas,monospace}
a{color:#55ffff;text-decoration:none}
a:visited{color:#ffff55}
a:hover{background:#00aaaa;color:#111;text-decoration:none}
b,strong{color:#fff}
h1{font-size:1.6rem;margin:0;color:#fff}
h2{font-size:1.1rem;margin:16px 0 10px;color:#55ffff}
img{border:none;max-width:100%}

#wrapper{width:1000px;max-width:100%;margin:0 auto;padding:0 8px}

/* DOS-классы (как у doshaven) */
.dosborder{padding:1rem;border:6px double;outline:5px solid;margin:5px 0 20px}
.dosblue{color:#55ffff;background:#0000aa;border-color:#55ffff;outline-color:#0000aa}
.dosblue a{color:#ffff55}
.dosblue a:hover{background:#00aaaa;color:#111}
.dosblack{color:#a8a8a8;background:#111;border-color:#a8a8a8;outline-color:#111}
.dosblack a{color:#ffff55}
.doscyan{background:#00aaaa;color:#fff;border-color:#000;outline-color:#00aaaa}
.doscyan a{color:#fff;display:inline-block}
.doscyan a::first-letter{color:#ffff55}
.doscyan a:hover{background:#000;color:#fff}

/* header + топ-меню (циан-бар) */
#header{padding:14px 4px 6px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px}
#logotop a{color:#ffff55}
#logotop a:hover{background:none;color:#fff}
#logotop .logo{color:#55ffff}
#logotop .tld{color:#777}
#topnav{margin:0 0 16px}
#topnav.dosborder{padding:.4rem 1rem}
#menu-top{list-style:none;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap}
#menu-top li{padding:0}

/* поиск по валютам — DOS-бокс в сайдбаре под калькулятором */
#search{position:relative}
#search h3{margin:0 0 8px;color:#fff;font-size:.95rem}
#search input{width:100%;padding:7px 10px;border:1px solid #55ffff;
  background:#000;color:#a8a8a8;font:inherit}
#search input::placeholder{color:#5a7}
#qres{display:none;position:absolute;z-index:50;left:0;right:0;top:100%;list-style:none;margin:0;padding:0;
  background:#0000aa;border:3px double #55ffff;max-height:340px;overflow:auto}
#qres li{padding:0}
#qres li:before{content:""}
#qres a{display:block;padding:5px 10px;color:#fff}
#qres a:hover{background:#00aaaa;color:#111;text-decoration:none}
#qres a span{color:#ffff55;font-size:.82rem}

/* переключатель языка */
.langsw{border:2px solid #55ffff;padding:1px 9px;color:#ffff55;font-weight:700}
.langsw:hover{background:#00aaaa;color:#111}

/* main: content (справа, широкий) + sidebar (слева) */
#main{overflow:hidden}
#content{float:right;width:71%;padding:0 0 20px;min-height:400px}
#sidebar{float:left;width:26%;padding:0 0 20px}
@media(max-width:760px){
  #main{display:flex;flex-direction:column}
  #content,#sidebar{float:none;width:100%}
  #sidebar{order:-1}          /* калькулятор+поиск наверх, не под каталогом */
}
.clearboth{clear:both}

/* заголовки-бары как h2.news */
h2.news{background:#00aaaa;color:#fff;border-color:#000;outline-color:#00aaaa;
  border:3px double;outline:3px solid;padding:.25rem .6rem;margin:18px 0 12px;font-size:1rem}
h2.news .cnt{float:right;color:#ffff55}
h2.news a{color:#fff}
h2.news a:hover{background:#000;color:#fff}

/* списки каталога/направлений с ■ маркерами */
.dlist{list-style:none;margin:0 0 14px;padding:0;columns:2;column-gap:26px}
.dlist li{list-style:none;break-inside:avoid}
.dlist li:before{content:"\25A0 ";color:#f55}
.dlist a span{color:#888;font-size:.82rem}
.rt{color:#55ff55;float:right}
.tk{color:#55ffff;font-weight:700}
.facts{list-style:none;margin:6px 0;padding:0}
.facts li{padding:1px 0}
.facts li:before{content:"\25A0 ";color:#f55}
.related{color:#777;font-size:.85rem;margin:6px 0 14px}
.catcount{color:#ffff55}
@media(max-width:600px){.dlist{columns:1}}

/* конвертер в сайдбаре (как DOS-бокс) */
.conv h3{margin:0 0 8px;color:#fff;font-size:.95rem}
.conv label{display:block;font-size:.72rem;color:#cfe;margin-bottom:8px}
.conv select,.conv input{width:100%;padding:6px 8px;border:1px solid #55ffff;background:#000;color:#a8a8a8;font:inherit;margin-top:3px}
.conv .swap{width:100%;margin:4px 0;border:1px solid #55ffff;background:#000;color:#ffff55;cursor:pointer;padding:5px;font:inherit}
.conv .swap:hover{background:#00aaaa;color:#111}
optgroup{color:#ffff55;background:#000;font-style:normal}
option{color:#a8a8a8}
.cta{display:inline-block;background:#00aaaa;color:#111;font-weight:700;padding:8px 14px;
  border:3px double #000;outline:3px solid #00aaaa;text-align:center;margin-top:8px}
.cta:hover{background:#000;color:#ffff55}
.conv .cta{width:100%}
.getcta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:10px 0 14px}
.getspark{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:#0d0d0d;border:1px solid #333;padding:3px 8px}
.getspark:hover{background:#111;border-color:#55ffff}
.getspark .spark{width:150px;height:34px}
.getspark .chgpill{font-size:.9rem;font-weight:700}
.cta-get{background:#55aa55;color:#062;border-color:#000;outline-color:#55aa55;font-size:1.05rem;padding:11px 20px}
.cta-get:hover{background:#000;color:#7f7}
.cest{margin:2px 0 6px;color:#cfe;font-size:.95rem;min-height:1.1em}
.cest b{color:#55ff55}
.sblock{margin:0 0 18px}
.sblock h3{color:#55ffff;font-size:.9rem;margin:0 0 6px;border-bottom:1px dotted #333;padding-bottom:2px}
.sblock ul{list-style:none;margin:0;padding:0}
.sblock li:before{content:"\25A0 ";color:#f55}

/* живая таблица курсов */
.rtbl-wrap{overflow-x:auto;margin:0 0 8px}
.rtbl{width:100%;border-collapse:collapse;font-size:.92rem}
.rtbl th,.rtbl td{border:1px solid #333;padding:5px 9px;text-align:left;white-space:nowrap}
.rtbl thead th{background:#00aaaa;color:#fff;border-color:#000}
.rtbl td.num{text-align:right;color:#a8a8a8}
.rtbl td.num b{color:#55ff55}
.rtbl td.d a{color:#55ffff}
.rtbl td.d .op{color:#ffff55;font-size:.8rem}
.rtbl tbody tr:hover{background:#161616}
.updnote{color:#777;font-size:.8rem;margin:4px 0 14px}
.openmon-wrap{margin:2px 0 16px}
.openmon{display:inline-block;font-size:.85rem;color:#7cf;border:1px solid #245;border-radius:4px;padding:6px 12px;text-decoration:none;background:#0a0f14}
.openmon:hover{border-color:#4ad;color:#adf;background:#0d141c}
.trustbar{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:.8rem;color:#9c9;margin:8px 0 14px;padding:6px 10px;border:1px solid #063;border-radius:4px;background:#020}
.trustbar b{color:#7f7}
.trustbar a{color:#ffff55}
.ratetbl tbody tr.rthidden{display:none}
.rtsearchbox{margin:0 0 8px;max-width:420px}
.rtsearch{width:100%;padding:7px 10px;border:1px solid #55ffff;background:#000;color:#a8a8a8;font:inherit}
.rtsearch::placeholder{color:#5a7}
.rtcatbar{margin:0 0 10px;flex-wrap:wrap}
.spark{display:block;width:120px;height:34px}
.marktbl td.spk{padding:2px 9px;width:130px}
.marktbl .nd{color:#555}
.rtgroup td{background:#063; color:#7f7; font-weight:700; padding:6px 9px; border-top:2px solid #0a0; text-align:left}
.rtgroup .cnt{color:#ffff55; float:right; font-weight:400}
.perrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.perrow .ctllbl{color:#8a8a8a;font-size:.82rem}
.perrow .rsrange{margin:0}
.marktbl .up{color:#55ff55}
.marktbl .down{color:#f55}
.chart{width:100%;height:120px;background:#0d0d0d;border:1px solid #333;display:block;margin:0 0 6px}

/* интерактивный график динамики */
.rschart-wrap{position:relative;margin:0 0 6px}
.rsrange{display:flex;gap:6px;margin:0 0 6px}
.rsrange button{border:2px double #333;outline:2px solid #111;background:#000;color:#55ffff;
  font:inherit;font-size:.82rem;padding:3px 10px;cursor:pointer}
.rsrange button:hover{background:#00aaaa;color:#111}
.rsrange button.on{background:#0000aa;color:#fff;border-color:#55ffff}
.rschart{width:100%}
.rssvg{display:block;width:100%;height:220px;background:#0d0d0d;border:1px solid #333}
.rsgrid{stroke:#2a2a2a;stroke-width:1}
.rsylab{fill:#8a8a8a;font:10px "Lucida Console",monospace;text-anchor:end}
.rsxlab{fill:#8a8a8a;font:10px "Lucida Console",monospace;text-anchor:middle}
.rsguide{stroke:#ffff55;stroke-width:1;stroke-dasharray:3 3}
.rsdot{fill:#ffff55}
.rstip{position:absolute;pointer-events:none;z-index:20;background:#0000aa;border:2px solid #55ffff;
  color:#fff;padding:3px 8px;font-size:12px;white-space:nowrap;line-height:1.3}
.rsperiod{color:#8a8a8a;font-size:.78rem;margin:3px 0 0;text-align:right}
.rstip b{color:#55ff55}
.rstip span{display:block;color:#cfe;font-size:10px}
.up{color:#55ff55}
.down{color:#f55}

/* doc pages */
.crumbs{color:#777;font-size:.82rem;margin:6px 0}
.steps{padding-left:4px;list-style:none}
.steps li:before{content:"\25A0 ";color:#f55}
details{border:3px double #55ffff;outline:3px solid #0000aa;background:#0000aa;color:#55ffff;padding:9px 12px;margin:8px 0}
summary{cursor:pointer;color:#ffff55}
.histbox>summary{font-weight:700}
.histbox .cnt{color:#7fffd4}
.histpager{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 2px}
.histpager button{background:#0000aa;color:#55ffff;border:2px solid #55ffff;padding:2px 9px;cursor:pointer;font:inherit}
.histpager button:hover{background:#00aaaa;color:#111}
.histpager button.on{background:#ffff55;color:#111;border-color:#ffff55;font-weight:700}
.rate-box{border:6px double #55ffff;outline:5px solid #0000aa;background:#0000aa;color:#55ffff;padding:16px;text-align:center;margin:14px 0}
.rate-box .big{font-size:1.8rem;font-weight:800;color:#55ff55}
.rate-box .big span{font-size:.85rem;color:#cfe}
.rate-box .sub{color:#cfe;margin:4px 0 14px}
.lead{color:#a8a8a8;max-width:820px}
.ascii{color:#55ffff;white-space:pre;line-height:1.05;font-size:12px;margin:0 0 8px;overflow-x:auto}

/* блог */
#blogsearch{position:relative}
#blogsearch h3{margin:0 0 8px;color:#fff;font-size:.95rem}
#blogsearch input{width:100%;padding:8px 12px;border:1px solid #55ffff;
  background:#000;color:#a8a8a8;font:inherit}
#blogsearch input::placeholder{color:#5a7}
#bnores{color:#ffff55}
.bloglist{list-style:none;margin:0;padding:0}
.bloglist li{border:3px double #333;outline:3px solid #111;padding:10px 14px;margin:0 0 14px}
.bloglist li a{font-size:1.05rem;color:#55ffff}
.apreview{color:#a8a8a8;margin:4px 0 2px}
.adate{color:#777;font-size:.8rem}
.post{line-height:1.6}
.post h1{margin:.2em 0 .4em}
.post h2{margin:1.2em 0 .5em}
.post ul,.post ol{padding-left:22px}
.post li{margin:3px 0}
.post a{color:#ffff55}

/* пагинация блога */
.pager{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 4px;align-items:center}
.pager a,.pager .pg-cur{display:inline-block;min-width:32px;text-align:center;padding:5px 9px;
  border:3px double #333;outline:2px solid #111;font:inherit}
.pager a{color:#55ffff}
.pager a:hover{background:#00aaaa;color:#111;border-color:#000}
.pager .pg-cur{background:#0000aa;color:#fff;border-color:#55ffff;outline-color:#0000aa}
.pager .pg-nav{color:#ffff55}
.pg-of{color:#777;font-size:.8rem;font-weight:normal}
.post code{background:#000;padding:1px 5px;border:1px solid #333}

/* блок кода для вставки виджета */
.code-embed{background:#000;border:3px double #55ffff;outline:3px solid #0000aa;color:#5f5;
  padding:12px 14px;overflow-x:auto;white-space:pre;font:13px/1.5 "Lucida Console",monospace;margin:0 0 14px}
.code-embed code{color:#5f5}

/* footer */
#footer{clear:both;border-top:3px double #333;margin-top:10px;padding:16px 4px;color:#777;font-size:.8rem}
#footer .disc{border:3px double #a8a8a8;outline:3px solid #111;padding:10px 12px;color:#a8a8a8}
#footer .links{margin:10px 0}
#footer a{color:#ffff55}
#footer .erid{color:#666}

/* ---- Профессиональный монитор (/monitor/) ---- */
.mon-wrap{display:flex;gap:14px;align-items:flex-start;margin-top:12px}
.mon-main{flex:1 1 auto;min-width:0}
.mon-side{flex:0 0 240px;padding:10px}
.mon-ctl{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}
.mon-ctl label{font-size:13px}
.mon-ctl select{background:#111;color:#0f0;border:1px solid #0a5;padding:4px 6px;font-family:inherit;max-width:220px}
.mon-ranges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.mon-btn{background:#111;color:#8ad;border:1px solid #245;padding:3px 9px;font:inherit;font-size:12px;cursor:pointer}
.mon-btn:hover{border-color:#4ad}
.mon-btn.on{background:#0a5;color:#000;border-color:#0a5;font-weight:bold}
.mon-chart{background:#0c0c0c;padding:8px;min-height:300px;position:relative}
.mon-cross{position:absolute;top:8px;bottom:30px;width:1px;background:#4ad;opacity:.5;pointer-events:none}
.mon-tip{position:absolute;top:12px;z-index:5;pointer-events:none;background:#0a0a0a;border:1px solid #245;padding:6px 8px;font-size:12px;color:#cde;min-width:120px;box-shadow:0 2px 8px #000}
.mon-tip-d{color:#4ad;font-weight:bold;margin-bottom:4px}
.mon-tip-r{display:flex;justify-content:space-between;gap:12px;line-height:1.5}
.mon-tip-r i{width:9px;height:9px;display:inline-block;border-radius:2px;margin-right:5px}
.mon-tip-r b{color:#dfd;font-weight:normal}
.mon-tip-o{color:#bcd;margin-top:3px;line-height:1.4}
.mon-tip-u{color:#889;margin-top:4px;font-size:11px}
.mon-svg text{font-family:monospace}
.mon-empty{color:#888;padding:24px;text-align:center}
.mon-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.mon-lg{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#aaa}
.mon-lg i{width:11px;height:11px;display:inline-block;border-radius:2px}
.mon-lg b{color:#dfd}
.mon-note{color:#888;font-size:12px;margin-top:8px}
.mon-side-h{color:#4ad;font-weight:bold;margin-bottom:8px;font-size:13px}
.mon-cats{flex-wrap:wrap;gap:5px;margin-bottom:8px}
.mon-cats button{font-size:.76rem;padding:3px 8px}
.mon-show-l{display:block;font-size:12px;color:#bcd;margin-bottom:8px}
.mon-show-l select{background:#111;color:#0f0;border:1px solid #0a5;padding:3px 6px;font-family:inherit}
.mon-side-top{display:flex;gap:6px;margin-bottom:8px}
.mon-search{flex:1 1 auto;min-width:0;box-sizing:border-box;background:#111;color:#0f0;border:1px solid #0a5;padding:5px 7px;font:inherit}
.mon-side-top .mon-btn{flex:0 0 auto}
.mon-list{max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}
.mon-item{display:flex;align-items:center;gap:6px;font-size:13px;padding:2px 3px;cursor:pointer;color:#ccc}
.mon-item:hover{background:#181818}
.mon-item b{color:#7ad;font-weight:normal}
.mon-item input{accent-color:#0a5}
.mon-chk{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#bcd}
.mon-chk input{accent-color:#0a5}
.mon-exp{display:inline-flex;gap:5px;margin-left:auto}
.mon-presets{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.mon-presets .mon-btn b{color:#7fa;font-weight:bold}
.mon-pc{font-style:normal;font-size:11px;margin-left:4px}
.mon-pc.up{color:#4c9}
.mon-pc.dn{color:#e77}
.mon-item .mon-pc{margin-left:auto}
.mon-sub{color:#4ad;font-weight:bold;font-size:12px;margin:12px 0 6px}
.mon-tbl-w{overflow-x:auto}
.mon-tbl{border-collapse:collapse;font-size:12px;width:100%;min-width:340px}
.mon-tbl th,.mon-tbl td{border:1px solid #223;padding:3px 8px;text-align:right;white-space:nowrap}
.mon-tbl th{color:#8ad;font-weight:normal;background:#0e0e0e}
.mon-tbl td:first-child,.mon-tbl th:first-child{text-align:left;color:#cde}
.mon-heat td{text-align:center;color:#eee}
@media(max-width:760px){.mon-wrap{flex-direction:column}.mon-side{flex:1 1 auto;width:100%;box-sizing:border-box}.mon-list{max-height:220px}.mon-exp{margin-left:0}}

/* Оповещения о курсе пары (/alert/) */
.alert-wrap{max-width:720px;margin:14px 0;padding:14px}
.alert-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}
.alert-cur{flex:1 1 200px;display:block}
.alert-cur select,#alertThr{width:100%;max-width:none;margin-top:4px;background:#111;color:#0f0;border:1px solid #0a5;padding:5px 6px;font:inherit}
.alert-swap{align-self:flex-end;margin-bottom:3px}
.alert-now{font-size:15px;margin:10px 0;color:#cde}
.alert-sub{display:block;width:100%;margin-top:14px;padding:12px;font:inherit;font-weight:700;cursor:pointer;background:#0a5;color:#001;border:1px solid #0f0;border-radius:4px}
.alert-sub:hover{background:#0f0}
.alert-hint{color:#7a8;font-size:13px;margin-top:10px}
#alertChart{margin-top:8px;min-height:200px}

/* ===== trade.ratescout.ru — Bybit Broker сервис ===== */
/* Плашка MiCA-раскрытия — всегда видна (шапка) */
.mica-bar{background:#161d16;border:1px solid #0a5;border-left:3px solid #0f0;color:#bfe;font-size:12.5px;line-height:1.5;padding:8px 12px;margin:0 0 12px}
.mica-bar b{color:#0f0}
.mica-bar a{color:#8ad}

/* Гео-блок оверлей (США) */
#geoblock{position:fixed;inset:0;z-index:9999;display:none;background:#0a0a0a;color:#dfe;padding:40px 20px;overflow:auto}
#geoblock.on{display:block}
#geoblock .gb-box{max-width:620px;margin:6vh auto;border:1px solid #a33;border-left:3px solid #f55;background:#170f0f;padding:22px 24px}
#geoblock h2{color:#f77;margin:0 0 10px}
#geoblock p{line-height:1.6;color:#cdd}

/* Лендинг */
.hero{padding:22px 0 10px}
.hero h2{font-size:26px;color:#0f0;margin:0 0 10px}
.hero p.sub{font-size:16px;color:#bcd;max-width:720px;line-height:1.6}
.hero .cta{display:inline-block;margin-top:16px;background:#0a5;color:#001;border:1px solid #0f0;padding:12px 22px;font-weight:700;text-decoration:none;border-radius:4px}
.hero .cta:hover{background:#0f0}
.hero .cta.ghost{background:transparent;color:#8ad;border-color:#245;margin-left:8px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:22px 0}
.card{border:1px solid #245;background:#0d130d;padding:16px}
.card h3{margin:0 0 8px;color:#0f0;font-size:16px}
.card p{color:#bcd;line-height:1.55;font-size:14px;margin:0}
.steps{counter-reset:st;margin:18px 0}
.steps li{list-style:none;margin:10px 0;padding-left:40px;position:relative;color:#cde;line-height:1.55}
.steps li::before{counter-increment:st;content:counter(st);position:absolute;left:0;top:0;width:26px;height:26px;line-height:26px;text-align:center;background:#0a5;color:#001;border-radius:50%;font-weight:700}
.faq details{border:1px solid #245;background:#0d130d;padding:10px 14px;margin:8px 0}
.faq summary{cursor:pointer;color:#0f0;font-weight:600}
.faq p{color:#bcd;line-height:1.55;margin:8px 0 0}

/* Каркас терминала */
.term-note{background:#1a160c;border:1px solid #a80;border-left:3px solid #fc0;color:#fe9;padding:8px 12px;margin:0 0 12px;font-size:13px}
.term-grid{display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto auto;gap:12px}
.term-chart{grid-column:1;grid-row:1 / span 2;border:1px solid #245;background:#0a0f0a;min-height:340px;display:flex;align-items:center;justify-content:center;color:#586}
.term-book{grid-column:2;grid-row:1;border:1px solid #245;background:#0d130d;padding:10px;min-height:200px}
.term-order{grid-column:2;grid-row:2;border:1px solid #245;background:#0d130d;padding:12px}
.term-book h4,.term-order h4{margin:0 0 8px;color:#0f0;font-size:13px;text-transform:uppercase;letter-spacing:.5px}
.ob-row{display:flex;justify-content:space-between;font-size:12px;padding:2px 0;font-variant-numeric:tabular-nums}
.ob-row.ask{color:#f77}.ob-row.bid{color:#7f7}
.term-order label{display:block;margin:8px 0 3px;color:#9ab;font-size:12px}
.term-order input,.term-order select{width:100%;background:#111;color:#0f0;border:1px solid #0a5;padding:6px;font:inherit}
.term-order .obtn{display:flex;gap:8px;margin-top:12px}
.term-order .obtn button{flex:1;padding:10px;border:none;font:inherit;font-weight:700;cursor:pointer;border-radius:3px}
.obtn .buy{background:#0a5;color:#001}.obtn .sell{background:#a33;color:#fee}
.term-disabled{opacity:.6;pointer-events:none}
@media(max-width:760px){.term-grid{grid-template-columns:1fr}.term-chart,.term-book,.term-order{grid-column:1}.term-chart{grid-row:auto;min-height:240px}}