.ideas-shell{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.ideas-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  flex-wrap:wrap;
  padding:22px 24px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,0.07);
  background:
    radial-gradient(circle at top right, rgba(80,215,255,0.16), transparent 24%),
    radial-gradient(circle at bottom left, rgba(255,201,107,0.12), transparent 22%),
    linear-gradient(135deg, rgba(14,18,29,0.98), rgba(16,24,39,0.96));
  box-shadow:var(--shadow-soft);
}

.ideas-hero-copy{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-width:720px;
}

.ideas-hero-kicker{
  font-size:0.72rem;
  color:var(--accent-2);
  text-transform:uppercase;
  letter-spacing:0.16em;
}

.ideas-hero-copy h2{
  font-size:2rem;
  line-height:1.02;
  letter-spacing:-0.05em;
}

.ideas-hero-copy p{
  color:var(--t2);
  font-size:0.96rem;
  max-width:660px;
}

.ideas-hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.ideas-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.ideas-summary-card,
.ideas-controlbar,
.idea-card,
.idea-text-panel,
.idea-comments-panel{
  border:1px solid rgba(255,255,255,0.07);
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015)),
    linear-gradient(135deg, rgba(15,18,28,0.98), rgba(18,24,38,0.96));
  box-shadow:var(--shadow-soft);
}

.ideas-summary-card{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.ideas-summary-card span{
  font-size:0.72rem;
  color:var(--t3);
  text-transform:uppercase;
  letter-spacing:0.1em;
}

.ideas-summary-card strong{
  font-size:1.26rem;
  font-weight:700;
  letter-spacing:-0.04em;
}

.ideas-summary-card small{
  color:var(--t2);
  line-height:1.45;
}

.ideas-controlbar{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.ideas-scope-chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.ideas-control-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,0.55fr));
  gap:12px;
}

.ideas-search{
  position:relative;
}

.ideas-search svg{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  width:16px;
  height:16px;
  color:var(--t3);
}

.ideas-search .f-input{
  padding-left:40px;
}

.ideas-filter-select{
  min-width:0;
}

.ideas-control-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  color:var(--t2);
  font-size:0.84rem;
}

.ideas-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-items:start;
}

.idea-card{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}

.idea-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
}

.idea-card-symbol{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.idea-card-mark{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:1rem;
  flex-shrink:0;
  border:1px solid rgba(255,255,255,0.08);
}

.idea-card-mark.is-long{
  background:rgba(85,212,156,0.12);
  color:var(--profit);
}

.idea-card-mark.is-short{
  background:rgba(255,107,111,0.12);
  color:var(--loss);
}

.idea-card-symbol h3{
  font-size:1.16rem;
  letter-spacing:-0.03em;
  line-height:1.1;
}

.idea-card-symbol p{
  margin-top:4px;
  color:var(--t3);
  font-size:0.82rem;
  line-height:1.35;
}

.idea-chip-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.idea-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.04);
  color:var(--t2);
  font-size:0.78rem;
  font-weight:600;
  white-space:nowrap;
}

.idea-chip.is-good,
.idea-chip.is-long{
  color:#dffbf0;
  background:rgba(85,212,156,0.14);
  border-color:rgba(85,212,156,0.24);
}

.idea-chip.is-bad,
.idea-chip.is-short{
  color:#ffe0e2;
  background:rgba(255,107,111,0.14);
  border-color:rgba(255,107,111,0.24);
}

.idea-chip.is-link{
  color:#dff6ff;
  background:rgba(80,215,255,0.14);
  border-color:rgba(80,215,255,0.24);
}

.idea-chip.is-shared{
  color:#f4ecff;
  background:rgba(139,92,246,0.16);
  border-color:rgba(139,92,246,0.26);
}

.idea-chip.is-public{
  color:#fff4d8;
  background:rgba(255,201,107,0.14);
  border-color:rgba(255,201,107,0.24);
}

.idea-chip.is-private,
.idea-chip.is-neutral,
.idea-chip.is-muted{
  color:var(--t2);
}

.idea-card-copy{
  color:var(--t2);
  line-height:1.55;
  font-size:0.92rem;
}

.idea-metrics-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.idea-metric-card{
  min-width:0;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.06);
  background:rgba(255,255,255,0.025);
}

.idea-metric-card span{
  display:block;
  font-size:0.72rem;
  color:var(--t3);
  text-transform:uppercase;
  letter-spacing:0.08em;
  margin-bottom:8px;
}

.idea-metric-card strong{
  display:block;
  font-size:0.94rem;
  line-height:1.35;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.idea-card-meta{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.idea-card-social{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  color:var(--t3);
  font-size:0.8rem;
}

.idea-shared-line{
  color:var(--t2);
  font-size:0.82rem;
  line-height:1.45;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.idea-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.idea-empty-state{
  min-height:320px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
}

.idea-empty-state .btn{
  margin-top:8px;
}

.modal.modal-idea{
  max-width:1040px;
  background:linear-gradient(180deg, rgba(21,24,34,0.98), rgba(16,19,30,0.98));
  border-color:rgba(255,255,255,0.08);
}

.modal.modal-idea .modal-header,
.modal.modal-idea .modal-footer{
  padding:18px 22px;
}

.modal.modal-idea .modal-body{
  padding:0 22px 22px;
}

.idea-compose-shell,
.idea-detail-shell{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.idea-compose-grid{
  display:grid;
  gap:14px;
}

.idea-compose-grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.idea-compose-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.idea-compose-note,
.idea-share-note{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(80,215,255,0.14);
  background:rgba(80,215,255,0.07);
  color:#daf6ff;
  line-height:1.45;
  font-size:0.84rem;
}

.idea-detail-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  flex-wrap:wrap;
}

.idea-detail-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.idea-detail-copy-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.idea-text-panel{
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.idea-text-panel span{
  font-size:0.72rem;
  color:var(--t3);
  text-transform:uppercase;
  letter-spacing:0.08em;
}

.idea-text-panel p{
  color:var(--t1);
  line-height:1.55;
  white-space:pre-wrap;
}

.idea-comments-panel{
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.idea-comments-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.idea-comments-head h4{
  font-size:1rem;
  letter-spacing:-0.02em;
}

.idea-comments-head span{
  color:var(--t3);
  font-size:0.82rem;
}

.idea-comment-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:280px;
  overflow:auto;
  padding-right:4px;
}

.idea-comment-item{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.06);
  background:rgba(255,255,255,0.025);
  display:flex;
  flex-direction:column;
  gap:8px;
}

.idea-comment-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  color:var(--t3);
  font-size:0.78rem;
}

.idea-comment-meta strong{
  color:var(--t1);
}

.idea-comment-item p{
  color:var(--t2);
  line-height:1.5;
  white-space:pre-wrap;
}

.idea-comment-empty{
  color:var(--t3);
  padding:8px 0;
}

.idea-comment-compose{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.idea-comment-compose textarea{
  min-height:110px;
}

.idea-comment-actions{
  display:flex;
  justify-content:flex-end;
}

@media (max-width: 1320px){
  .ideas-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ideas-grid{grid-template-columns:1fr;}
  .idea-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .idea-detail-copy-grid{grid-template-columns:1fr;}
}

@media (max-width: 980px){
  .ideas-control-grid{grid-template-columns:1fr;}
  .idea-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .idea-compose-grid-3{grid-template-columns:1fr 1fr;}
}

@media (max-width: 760px){
  .ideas-hero{
    padding:18px;
    align-items:flex-start;
  }
  .ideas-hero-copy h2{
    font-size:1.56rem;
  }
  .ideas-hero-actions,
  .ideas-hero-actions .btn,
  .idea-actions .btn{
    width:100%;
  }
  .ideas-summary-grid,
  .idea-detail-grid,
  .idea-metrics-grid,
  .idea-compose-grid-2,
  .idea-compose-grid-3{
    grid-template-columns:1fr;
  }
  .idea-card-head,
  .idea-detail-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .idea-chip-row{
    justify-content:flex-start;
  }
  .modal.modal-idea{
    max-width:100%;
  }
}