html,body{height:100%;}
    body{
  margin:0;
  font-family: "Be Vietnam Pro",sans-serif;
  
  color:var(--text);
  background: #fff9f9;
  font-size: 15px;
}
    .header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--bd);flex-wrap:wrap}
    .header h1{font-size:16px;margin:0;font-weight:600}
    .controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
    select,button{background:var(--ctl);color:var(--fg);border:1px solid var(--ctlbd);border-radius:10px;padding:8px 10px;cursor:pointer}
    #chart{height:calc(100vh - 60px);}
    #tv-container{height:100%}
    .hint{opacity:.7;font-size:12px}
    .head {
  width: 100%;
  background-color: #123c4b !important;
  color: #fff;
}
.menu {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.menu ul {
  margin: 0 !important;
  padding: 0px;
}
.menu ul li.active {
  color: #fff;
  background-color: #118396;
}
.menu ul li {
  float: left;
  list-style-type: none;
  text-transform: uppercase;
  font-size: 16px;
}
.menu ul li a {
  color: #fff;
  text-decoration: none;
  padding: 10px;
  display: block;
  font-size: 14px;
}
.site-logo {
    width: 1200px;
    margin: 0 auto;
}
.site-logo img {
   width: 130px;
    /* height: 30px; */
    margin-left: 5px;
    margin-top: 5px;
}
svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.css-11rav32 {
    transition: transform 0.2s linear, background-color 0.3s linear;
    font-size: 4.5rem;
    padding: 8px;
    box-shadow: 0 0 4px rgb(240 92 34 / 44%);
    border-radius: 100%;
    background-color: #fff;
    font-size: 1em !important;
    width: 15px;
    height: 15px;
    margin-bottom: -7px;
    margin-right: 10px;
}
a.come-home {
    color: #000;
    text-decoration: none;
    display: block;
    float: right;
    /* line-height: 120px; */
    margin-top: 13px;
    margin-right: 5px;
}
@media only screen and (max-width: 768px) {
    .menu,
    .site-logo
     {
      width: 100%;
    }
}
#chart{ position:relative; }
#quoteBoxes{
  position:absolute; top:8px; left:12px; display:flex; gap:10px; z-index:5;
  pointer-events:none; /* để không che thao tác trên chart */
}
.qbox{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  border-radius:10px; padding:6px 10px; font-weight:700; line-height:1.05;
  border:2px solid currentColor; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.qbox .price{ font-size:16px; letter-spacing:.3px; }
.qbox .label{ font-size:12px; opacity:.9; margin-top:2px }
.qbox.sell{ color:#dc2626; }            /* đỏ */
.qbox.buy { color:#2563eb; }            /* xanh blue */
#symbol {
  border: 1px solid #fee1e1;
  border-radius: 5px;
  background-color: #f8f1f1;
  height: 35px;
}