.rs-strategy-shell{max-width:1400px;margin:0 auto}

  .rs-strat-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:18px 22px;
    background:linear-gradient(135deg,var(--surface) 0%,var(--surface1) 100%);
    border:1px solid var(--border);
    border-radius:10px 10px 0 0;
  }
  .rs-strat-head.vwap { border-left:3px solid #ffd84d; }
  .rs-strat-head.rsi { border-left:3px solid #b478ff; }
  .rs-strat-head.social { border-left:3px solid #33e0c0; }

  .rs-strat-title{display:flex;align-items:center;gap:14px}
  .rs-strat-icon{
    width:38px;height:38px;border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    font-size:18px;font-weight:bold;
  }
  .rs-strat-icon.vwap { background:linear-gradient(135deg,#ffd84d 0%,#ffaa00 100%); color:#1a1408; box-shadow:0 0 20px rgba(255,216,77,0.3); font-size: 20px;}
  .rs-strat-icon.rsi { background:linear-gradient(135deg,#b478ff 0%,#7e3eff 100%); color:#fff; box-shadow:0 0 20px rgba(180,120,255,0.3); }
  .rs-strat-icon.social { background:linear-gradient(135deg,#33e0c0 0%,#1aa890 100%); color:#062a25; box-shadow:0 0 20px rgba(51,224,192,0.3); }

  .rs-strat-title h1{
    font-size:24px;font-weight:600;margin:0;
  }
  .rs-strat-title.vwap h1 { color: #ffd84d; }
  .rs-strat-title.rsi h1 { color: #b478ff; }
  .rs-strat-title.social h1 { color: #33e0c0; }

  .rs-strat-title .rs-subtitle{font-size:11px;color:var(--muted2);letter-spacing:0.5px;text-transform:uppercase}
  .rs-strat-controls{display:flex;align-items:center;gap:12px}

  .rs-toggle-card{
    display:flex;align-items:center;gap:10px;
    background:var(--surface1);border:1px solid var(--border);
    padding:8px 14px;border-radius:8px;
  }
  .rs-toggle-card .rs-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px}
  
  .rs-btn{
    padding:8px 16px;border-radius:8px;border:1px solid var(--border);
    background:var(--surface1);color:var(--text);cursor:pointer;
    font-family:inherit;font-size:12px;letter-spacing:0.3px;transition:0.15s;
  }
  .rs-btn.vwap:hover{border-color:#ffd84d;color:#ffd84d}
  .rs-btn.primary.vwap{background:#ffd84d;color:#1a1408;border-color:#ffd84d;font-weight:600}
  
  .rs-btn.rsi:hover{border-color:#b478ff;color:#b478ff}
  .rs-btn.primary.rsi{background:#b478ff;color:#fff;border-color:#b478ff;font-weight:600}
  
  .rs-btn.social:hover{border-color:#33e0c0;color:#33e0c0}
  .rs-btn.primary.social{background:#33e0c0;color:#062a25;border-color:#33e0c0;font-weight:600}

  .rs-strat-body{
    background:var(--surface);
    border:1px solid var(--border);border-top:none;
    border-radius:0 0 10px 10px;padding:22px;
  }
  .rs-panel{
    background:var(--surface1);border:1px solid var(--border);
    border-radius:10px;padding:18px;
  }
  .rs-panel-title{
    font-size:11px;color:var(--muted2);
    text-transform:uppercase;letter-spacing:1px;
    margin-bottom:14px;display:flex;align-items:center;gap:8px;
  }
  .rs-panel-title.vwap::before{content:'';width:6px;height:6px;border-radius:50%;background:#ffd84d;}
  .rs-panel-title.rsi::before{content:'';width:6px;height:6px;border-radius:50%;background:#b478ff;}
  .rs-panel-title.social::before{content:'';width:6px;height:6px;border-radius:50%;background:#33e0c0;}

  /* Grid layouts */
  .rs-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
  .rs-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
  .rs-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px}
  .rs-grid.even{grid-template-columns:1fr 1fr;}

  .rs-stat{
    background:var(--surface1);border:1px solid var(--border);
    border-radius:10px;padding:14px 16px;
  }
  .rs-stat .rs-lbl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.8px}
  .rs-stat .rs-val{font-size:22px;color:var(--text);margin-top:4px;font-weight:500}
  .rs-stat.vwap .rs-val{color:#ffd84d}
  .rs-stat.social .rs-val{color:#33e0c0}
  .rs-stat.green .rs-val{color:#22d36f}
  .rs-stat .rs-sub{font-size:10px;color:var(--muted2);margin-top:3px}

  .rs-setting{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 0;border-bottom:1px solid var(--border);
  }
  .rs-setting:last-child{border-bottom:none}
  .rs-setting .rs-name{font-size:12px;color:var(--text)}
  .rs-setting .rs-desc{font-size:10px;color:var(--muted);margin-top:2px}
  
  .rs-input-num{
    width:80px;text-align:center;
    background:var(--surface);border:1px solid var(--border);
    font-family:inherit;font-size:13px;
    padding:6px 8px;border-radius:6px;
  }
  .rs-input-num.vwap{color:#ffd84d}
  .rs-input-num.vwap:focus{outline:none;border-color:#ffd84d}
  .rs-input-num.rsi{color:#b478ff}
  .rs-input-num.rsi:focus{outline:none;border-color:#b478ff}
  
  .rs-pill{
    display:inline-flex;align-items:center;gap:6px;
    padding:4px 10px;border-radius:20px;
    font-size:10px;text-transform:uppercase;letter-spacing:0.5px;
  }
  .rs-pill.armed{background:rgba(34,211,111,0.15);color:#22d36f;border:1px solid #22d36f}
  .rs-pill.idle{background:var(--surface);color:var(--muted);border:1px solid var(--border)}
  
  .rs-pulse{
    width:6px;height:6px;border-radius:50%;background:currentColor;
    animation:pulse 1.5s infinite;
  }
  @keyframes pulse{
    0%,100%{opacity:1}
    50%{opacity:0.3}
  }

  /* Tables */
  .rs-table{width:100%;border-collapse:collapse;font-size:12px; margin-top: 10px;}
  .rs-table th{
    text-align:left;padding:10px 12px;
    background:rgba(0,0,0,0.2);color:var(--muted);
    font-size:10px;letter-spacing:0.5px;text-transform:uppercase;
    font-weight:500;
  }
  .rs-table td{padding:11px 12px;border-bottom:1px solid var(--border)}
  .rs-table tr:last-child td{border-bottom:none}
  .rs-table .rs-ticker{color:#4dc9ff;font-weight:600}
  .rs-table .rs-pnl-pos{color:#22d36f}
  .rs-table .rs-pnl-neg{color:#ff4d6d}

  /* Social Specific */
  .rs-source-row{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 14px;background:rgba(0,0,0,0.2);
    border:1px solid var(--border);border-radius:8px;
    margin-bottom:8px;
  }
  .rs-source-row:last-child{margin-bottom:0}
  .rs-source-info{display:flex;align-items:center;gap:12px}
  .rs-source-icon{
    width:32px;height:32px;border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    font-size:16px;font-weight:600;
  }
  .rs-source-icon.tg{background:#0088cc;color:#fff}
  .rs-source-icon.wa{background:#25d366;color:#fff}
  .rs-source-icon.dc{background:#5865f2;color:#fff}
  .rs-source-meta .rs-name{font-size:13px;color:var(--text);font-weight:500}
  .rs-source-meta .rs-stats{font-size:10px;color:var(--muted);margin-top:2px}
  
  .rs-status-tag{
    display:inline-flex;align-items:center;gap:6px;
    padding:3px 8px;border-radius:4px;font-size:10px;
    text-transform:uppercase;letter-spacing:0.3px;
  }
  .rs-status-tag.exec{background:rgba(34,211,111,0.15);color:#22d36f}
  .rs-status-tag.skip{background:rgba(255,77,109,0.15);color:#ff4d6d}
  .rs-status-tag.pend{background:rgba(255,155,77,0.15);color:#ff9b4d}

  /* VWAP Specific */
  .rs-log{
    font-size:11px;line-height:1.8;
    max-height:160px;overflow-y:auto;
    background:rgba(0,0,0,0.2);border-radius:6px;padding:10px 12px;
  }
  .rs-log-row{display:flex;gap:10px}
  .rs-log-time{color:var(--muted);min-width:62px}
  .rs-log-msg{color:var(--muted2)}
  .rs-log-msg.fire{color:#22d36f}
  .rs-log-msg.cancel{color:#ff4d6d}

  /* RSI Specific */
  .rs-tf-matrix{
    display:grid;grid-template-columns:repeat(6,1fr);gap:10px;
    margin-bottom:20px;
  }
  .rs-tf-card{
    background:var(--surface1);
    border:1px solid var(--border);
    border-radius:10px;
    padding:14px 12px;
    position:relative;
    overflow:hidden;
    transition:0.15s;
  }
  .rs-tf-card.hot-call{border-color:#22d36f;box-shadow:0 0 20px rgba(34,211,111,0.15)}
  .rs-tf-card.hot-put{border-color:#ff4d6d;box-shadow:0 0 20px rgba(255,77,109,0.15)}
  .rs-tf-card.cooling{border-color:#ff9b4d}

  .rs-tf-header{
    display:flex;justify-content:space-between;align-items:center;
    margin-bottom:10px;
  }
  .rs-tf-label{font-size:11px;color:var(--muted2);letter-spacing:0.5px;text-transform:uppercase}
  .rs-tf-dte{
    font-size:9px;background:var(--surface);padding:2px 6px;border-radius:4px;
    color:#b478ff;border:1px solid var(--border);
  }
  .rs-tf-rsi{
    font-size:28px;font-weight:600;
    margin:6px 0;letter-spacing:-0.5px;
  }
  .rs-tf-card.hot-call .rs-tf-rsi{color:#22d36f}
  .rs-tf-card.hot-put .rs-tf-rsi{color:#ff4d6d}
  .rs-tf-card.cooling .rs-tf-rsi{color:#ff9b4d}
  .rs-tf-rsi.neutral{color:var(--muted2)}

  .rs-rsi-meter{
    height:4px;background:var(--surface);border-radius:2px;overflow:hidden;
    position:relative;margin:8px 0 6px;
  }
  .rs-rsi-fill{
    height:100%;border-radius:2px;
    transition:width 0.3s;
  }
  .rs-rsi-fill.green{background:#22d36f}
  .rs-rsi-fill.red{background:#ff4d6d}
  .rs-rsi-fill.orange{background:#ff9b4d}
  .rs-rsi-fill.neutral{background:var(--muted)}

  .rs-tf-status{
    font-size:9px;text-transform:uppercase;letter-spacing:0.5px;
    color:var(--muted);margin-top:4px;
  }
  .rs-tf-status.fire{color:#22d36f}
  .rs-tf-status.fire-put{color:#ff4d6d}

  /* New grids */
  .rs-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
  .rs-grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:20px}
  
  .rs-section{
    background:var(--surface1);
    border:1px solid var(--border);
    border-radius:10px;
    padding:18px;
    margin-bottom:20px;
  }
  .rs-section-title{
    font-size:11px;color:var(--muted2);
    text-transform:uppercase;letter-spacing:1px;
    margin-bottom:14px;display:flex;align-items:center;gap:8px;
  }
  .rs-dot{width:6px;height:6px;border-radius:50%;background:#ffd84d;}
  
  /* Metrics Grid */
  .rs-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
  .rs-metric-card{
    background:var(--surface1);border:1px solid var(--border);
    border-radius:10px;padding:14px 16px;
  }
  .rs-metric-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.8px}
  .rs-metric-value{font-size:24px;color:var(--text);margin-top:4px;font-weight:600}
  .rs-metric-value.call{color:#22d36f}
  .rs-metric-value.put{color:#ff4d6d}
  .rs-metric-sub{font-size:10px;color:var(--muted2);margin-top:4px}
  
  /* Pipeline Grid */
  .rs-pipeline-grid{
    display:flex; align-items:center; justify-content:space-between; gap:8px;
    overflow-x:auto; padding-bottom:8px;
  }
  .rs-pipe-node{
    background:var(--surface2); border:1px solid var(--border);
    border-radius:8px; padding:16px; min-width:140px; position:relative;
    flex:1; text-align:center;
  }
  .rs-pipe-num{
    position:absolute; top:-8px; left:-8px; width:20px; height:20px;
    background:var(--blue); color:#000; font-size:10px; font-weight:bold;
    display:flex; align-items:center; justify-content:center; border-radius:50%;
  }
  .rs-pipe-title{font-size:11px; font-weight:600; color:var(--text); margin-bottom:4px; text-transform:uppercase;}
  .rs-pipe-desc{font-size:10px; color:var(--muted);}
  .rs-pipe-arrow{color:var(--border); font-size:16px; font-weight:bold;}

  /* Router Grid */
  .rs-router-grid{
    display:grid;grid-template-columns:repeat(6,1fr);gap:10px;
  }
  .rs-router-node{
    background:var(--surface2); border:1px solid var(--border);
    border-radius:8px; padding:14px; text-align:center; position:relative;
  }
  .rs-router-node.active{border-color:var(--accent); box-shadow:0 0 15px rgba(240,165,0,0.1);}
  .rs-router-tf{font-size:10px; color:var(--muted); font-weight:bold; margin-bottom:4px;}
  .rs-router-arrow{font-size:12px; color:var(--muted); margin-bottom:4px;}
  .rs-router-dte{font-size:12px; font-weight:bold; color:var(--text); margin-bottom:4px;}
  .rs-router-desc{font-size:9px; color:var(--muted);}

  /* RSI Matrix specific */
  .rs-rsi-card{
    background:var(--surface2); border:1px solid var(--border);
    border-radius:8px; padding:14px;
  }
  .rs-rsi-top{display:flex; justify-content:space-between; align-items:center; font-size:11px; color:var(--muted); font-weight:bold;}
  .rs-badge{padding:2px 6px; border-radius:4px; font-size:9px; border:1px solid var(--border); color:var(--blue);}
  .rs-rsi-val{font-size:28px; font-weight:bold; color:var(--text); margin:8px 0;}
  .rs-rsi-bar-container{height:4px; background:var(--surface); border-radius:2px; margin-bottom:8px;}
  .rs-rsi-bar{height:100%; border-radius:2px; transition:width 0.3s;}
  .rs-rsi-bar.call{background:#22d36f;}
  .rs-rsi-bar.put{background:#ff4d6d;}
  .rs-rsi-bar.neutral{background:var(--muted);}
  .rs-rsi-desc{font-size:9px; color:var(--muted); text-transform:uppercase;}
  
  .rs-rsi-card.call-active{border-color:rgba(34,211,111,0.5);}
  .rs-rsi-card.call-active .rs-rsi-val{color:#22d36f;}
  .rs-rsi-card.put-active{border-color:rgba(255,77,109,0.5);}
  .rs-rsi-card.put-active .rs-rsi-val{color:#ff4d6d;}

  /* List Groups */
  .rs-list-group{display:flex; flex-direction:column;}
  .rs-list-item{
    display:flex; justify-content:space-between; align-items:center;
    padding:12px 0; border-bottom:1px solid var(--border);
  }
  .rs-list-item:last-child{border-bottom:none; padding-bottom:0;}
  .rs-list-item:first-child{padding-top:0;}
  .rs-list-title{font-size:12px; color:var(--text); font-weight:500;}
  .rs-list-desc{font-size:10px; color:var(--muted); margin-top:4px;}
  .rs-badge.value{background:var(--surface); border:1px solid var(--border); font-size:11px; padding:4px 8px; color:var(--text);}

  /* Ticker Card */
  .rs-ticker-card{
    background:var(--surface2); border:1px solid var(--border);
    border-radius:8px; padding:16px;
  }
  .rs-ticker-head{display:flex; justify-content:space-between; margin-bottom:12px;}
  .rs-ticker-sym{font-size:14px; font-weight:bold; color:var(--text);}
  .rs-badge.call{background:rgba(34,211,111,0.1); color:#22d36f; border-color:#22d36f;}
  .rs-badge.put{background:rgba(255,77,109,0.1); color:#ff4d6d; border-color:#ff4d6d;}
  .rs-price-row{display:flex; align-items:baseline; gap:12px; margin-bottom:16px;}
  .rs-live-price{font-size:28px; font-weight:bold; color:var(--text);}
  .rs-vwap-dist{font-size:12px;}
  .rs-vwap-dist.above{color:#22d36f;}
  .rs-vwap-dist.below{color:#ff4d6d;}
  .rs-status-box{background:var(--surface); padding:12px; border-radius:6px; border:1px solid var(--border);}
  
  /* Console */
  .rs-console{
    background:var(--surface2); border:1px solid var(--border);
    border-radius:8px; padding:12px; font-family:monospace; font-size:11px;
    height:150px; overflow-y:auto; word-wrap:break-word; white-space:pre-wrap;
  }
  .rs-log-line{margin-bottom:6px; color:var(--muted);}
  .rs-time{color:var(--muted2);}
  .rs-info{color:var(--blue);}

@media (max-width: 768px) {
  .rs-strat-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .rs-strat-controls {
    flex-wrap: wrap;
    width: 100%;
  }
  .rs-grid, .rs-grid.even, .rs-grid-2, .rs-grid-3, .rs-grid-4, .rs-grid-6, .rs-metrics-grid {
    grid-template-columns: 1fr;
  }
  .rs-tf-matrix, .rs-router-grid {
    grid-template-columns: 1fr;
  }
  .rs-pipeline-grid {
    flex-direction: column;
    align-items: stretch;
    overflow-x: visible;
  }
  .rs-pipe-arrow {
    transform: rotate(90deg);
    text-align: center;
    margin: 5px 0;
  }
  .rs-setting {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .rs-setting .rs-input-num {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
  }
  .rs-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .rs-toggle-card {
    flex: 1 1 100%;
    justify-content: space-between;
  }
  .rs-btn {
    flex: 1 1 auto;
    text-align: center;
  }
}


.rs-strategy-shell { box-sizing: border-box; max-width: 100%; overflow-x: hidden; }
.rs-strategy-shell * { box-sizing: border-box; }