:root{
  --bg1:#e8f6fa;
  --bg2:#e3f2f7;
  --line:#b7d3de;
  --ink:#0b2438;
}

.dwsx-wrap{border-radius:16px; padding:16px; background:#fff;}
.dwsx-light-gradient{
  background: linear-gradient(135deg, var(--bg1) 0%, var(--bg2) 100%);
}

.dwsx-header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}
.dwsx-search{flex:1;position:relative}
.dwsx-search input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#ffffffcc;color:var(--ink)}
.dwsx-sug{position:absolute;left:0;right:0;top:100%;z-index:10;background:#fff;border:1px solid var(--line);border-top:none;border-radius:0 0 10px 10px;max-height:240px;overflow:auto;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.dwsx-sug .sug-item{padding:8px 10px;cursor:pointer}
.dwsx-sug .sug-item:hover{background:#f5fbfe}

.dwsx-controls select,.dwsx-btn{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#ffffffcc;color:var(--ink)}
.dwsx-btn{cursor:pointer}

.dwsx-tabs{display:flex;gap:8px;margin:12px 0}
.dwsx-tab{padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#ffffffcc;color:var(--ink);cursor:pointer}
.dwsx-tab.active{background:#0aa39a;color:#fff;border-color:#0aa39a}

.dwsx-panel{display:none}
.dwsx-panel.active{display:block}
.dwsx-chart{height:420px; background:transparent;}

.dwsx-forecast{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#ffffffb8;color:var(--ink)}
.dwsx-forecast h2{margin:0 0 10px;font-size:1.25rem;line-height:1.2;color:var(--ink);font-weight:800}

.dwsx-footer{margin-top:10px;opacity:.8; color:var(--ink)}