/* ===== Header (Google Drive style) ===== */
.sh{position:fixed;top:0;left:0;right:0;height:var(--hh);background:var(--header-bg);border-bottom:1px solid var(--brd);z-index:1000;display:flex;align-items:center;padding:0 .75rem 0 1rem;gap:0}
.logo{display:flex;align-items:center;gap:.5rem;flex-shrink:0;padding-right:.5rem;text-decoration:none}
.logo-icon{width:28px;height:28px;border-radius:50%;background:var(--acc);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--fd);font-size:.85rem;font-weight:700}
.ln{font-family:var(--fd);font-size:1.1rem;font-weight:500;letter-spacing:0;color:var(--t1)}
.ls{font-family:var(--fb);font-size:.7rem;color:var(--t3);margin-left:.35rem;font-weight:400}

/* Search bar */
.sh-search{flex:1;max-width:720px;margin:0 2rem;position:relative}
.sh-search input{width:100%;height:48px;background:var(--search-bg);border:1px solid transparent;border-radius:28px;padding:0 3.25rem;font-family:var(--fb);font-size:.9rem;color:var(--t1);outline:none;transition:all .25s}
.sh-search input:hover{background:var(--search-hover)}
.sh-search input:focus{background:var(--search-focus);box-shadow:0 1px 1px rgba(0,0,0,.1),0 1px 3px 1px rgba(0,0,0,.1);border-color:transparent}
.sh-search input::placeholder{color:var(--t3);font-size:.85rem}
.sh-search .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--t2);pointer-events:none;display:flex;align-items:center}
.sh-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0;margin-left:auto}
.sh-action{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--t2);cursor:pointer;transition:background .15s;font-size:.85rem}
.sh-action:hover{background:var(--sb-hover)}
.sh-badge{font-size:.6rem;color:var(--acc);font-weight:600;font-family:var(--fd)}

/* ===== Drive Layout ===== */
.drive-wrap{display:flex;margin-top:var(--hh);min-height:calc(100vh - var(--hh))}
.drive-sb{width:256px;background:var(--sb-bg);border-right:none;padding:0;flex-shrink:0;position:fixed;top:var(--hh);bottom:0;left:0;z-index:100;overflow-y:auto}
.drive-main{flex:1;margin-left:256px;background:var(--bg2);min-height:calc(100vh - var(--hh));padding-bottom:2rem}

/* Sidebar */
.sb-nav{padding:.5rem 0}
.sb-item{display:flex;align-items:center;gap:.75rem;padding:.4rem 1.5rem;font-family:var(--fb);font-size:.85rem;color:var(--t2);cursor:pointer;transition:all .15s;border-radius:0 28px 28px 0;margin-right:.75rem;text-decoration:none;line-height:1.75;position:relative}
.sb-item:hover{background:var(--sb-hover);color:var(--t1)}
.sb-item.active{background:var(--sb-active);color:var(--sb-active-t);font-weight:500}
.sb-item .sb-icon{width:20px;text-align:center;font-size:.85rem;flex-shrink:0;opacity:.7}
.sb-item.active .sb-icon{opacity:1}
.sb-item .sb-count{margin-left:auto;font-size:.65rem;color:var(--t3);font-weight:400;background:var(--bg2);padding:1px 6px;border-radius:10px}
.sb-sep{height:1px;background:var(--brd);margin:.5rem .75rem}
.sb-section{padding:.35rem 1.5rem;font-family:var(--fb);font-size:.68rem;font-weight:500;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;margin-top:.75rem}
.sb-info{padding:.75rem 1.5rem;font-size:.72rem;color:var(--t3)}
/* Expandable sub-menu */
.sb-expand{user-select:none}
.sb-expand>.sb-item{position:relative}
.sb-expand>.sb-item .sb-arrow{margin-left:auto;font-size:.55rem;color:var(--t3);transition:transform .2s;flex-shrink:0}
.sb-expand.open>.sb-item .sb-arrow{transform:rotate(90deg)}
.sb-expand .sb-sub{max-height:0;overflow:hidden;transition:max-height .25s ease}
.sb-expand.open .sb-sub{max-height:300px}
.sb-sub .sb-item{padding-left:2.75rem;font-size:.78rem;margin-right:1rem}
.sb-sub .sb-item .sb-icon{font-size:.72rem;width:16px}
.sb-sub .sb-item .sb-tag{margin-left:auto;font-size:.5rem;font-family:var(--fd);font-weight:600;color:var(--t3);background:var(--bg2);padding:1px 5px;border-radius:8px;letter-spacing:.02em}
.sb-storage{width:100%;height:4px;background:#e8eaed;border-radius:2px;margin-top:.5rem;overflow:hidden}
.sb-storage-fill{height:100%;border-radius:2px;transition:width .5s}

/* Market status in sidebar */
.sb-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;margin:.25rem .75rem .25rem 0;border-radius:0 28px 28px 0;background:var(--bg2);font-size:.72rem;color:var(--t2)}
.sb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.sb-dot-on{background:#137333;box-shadow:0 0 6px rgba(19,115,51,.4)}
.sb-dot-off{background:#c5221f}

/* ===== Stat Cards (Google style) ===== */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 1.5rem}
.stat-card{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:1rem 1.25rem;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .15s}
.stat-card:hover{border-color:var(--acc);box-shadow:0 2px 8px rgba(26,115,232,.08);transform:translateY(-1px)}
.stat-card .stat-label{font-family:var(--fb);font-size:.72rem;color:var(--t3);font-weight:500;letter-spacing:.02em;margin-bottom:.25rem}
.stat-card .stat-value{font-family:var(--fd);font-size:1.35rem;font-weight:600;color:var(--t1);line-height:1.2}
.stat-card .stat-sub{font-family:var(--fb);font-size:.72rem;color:var(--t3);margin-top:.35rem}
.stat-card .stat-accent{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--r) var(--r) 0 0}

/* ===== Section Headers ===== */
.sh2-d{padding:.75rem 1.5rem .5rem;display:flex;align-items:center;gap:.5rem}
.sh2-d h2{font-family:var(--fd);font-size:.85rem;font-weight:500;color:var(--t1)}
.sh2-d .c{font-size:.72rem;color:var(--t3)}

/* ===== Ticker Strip ===== */
.ticker-strip{padding:.5rem 1.5rem;overflow-x:auto;display:flex;gap:.75rem;background:var(--ticker-bg);border-bottom:1px solid var(--brd);margin:0}
.ticker-item{display:flex;align-items:center;gap:.35rem;font-family:var(--fd);font-size:.72rem;white-space:nowrap;padding:.25rem .6rem;background:var(--bg2);border-radius:6px}

/* ===== Footer ===== */
.sf{border-top:1px solid var(--brd);padding:1.25rem 2rem;text-align:center;background:var(--footer-bg);margin-left:256px}
.fc2{font-size:.72rem;color:var(--t3);font-family:var(--fb)}

/* ===== Theme Toggle ===== */
.theme-toggle{position:relative;width:48px;height:26px;border-radius:13px;background:var(--brd);border:none;cursor:pointer;padding:0;transition:background .3s;flex-shrink:0}
.theme-toggle::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .3s,background .3s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
[data-theme="dark"] .theme-toggle{background:var(--acc)}
[data-theme="dark"] .theme-toggle::after{transform:translateX(22px)}
.theme-icon{font-size:.8rem;pointer-events:none;display:flex;align-items:center;gap:.15rem}

/* ===== Responsive ===== */
@media(max-width:1024px){.drive-sb{width:72px}.sb-item span:not(.sb-icon),.sb-section,.sb-info,.sb-sep,.sb-item .sb-count,.sb-status span:not(.sb-dot){display:none}.sb-item{padding:.6rem;justify-content:center;border-radius:50%;margin:.15rem auto;width:48px;height:48px}.sb-status{padding:.5rem;justify-content:center;margin:.15rem auto;width:48px;height:48px;border-radius:50%}.drive-main,.sf{margin-left:72px}.stat-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.drive-sb{display:none}.drive-main,.sf{margin-left:0}.sh-search{margin:0 .5rem}.sh-search input{height:40px;font-size:.8rem;border-radius:24px;padding:0 2.75rem}.stat-row{grid-template-columns:1fr 1fr}.trade-grid{grid-template-columns:1fr}.wl-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.stat-row{grid-template-columns:1fr}.wl-grid{grid-template-columns:1fr}}