/* ==========================================
   OPPORTUNITY INTELLIGENCE
========================================== */

.atlas-opportunity-dashboard{
    min-width:0;
    margin-bottom:20px;
    padding:24px;
    border:1px solid var(--border);
    border-radius:18px;
    background:linear-gradient(135deg,rgba(var(--workspace-accent-rgb),.08),rgba(29,34,51,.97) 38%,rgba(20,24,36,.98));
}

.atlas-opportunity-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
}

.atlas-opportunity-header h2,
.atlas-opportunity-feed h3{
    margin:5px 0 7px;
    color:var(--text);
}

.atlas-opportunity-header h2{font-size:26px;line-height:1.2}
.atlas-opportunity-header p{max-width:780px;margin:0;color:var(--text-light);font-size:13px;line-height:1.65}

.atlas-opportunity-live{
    display:grid;
    grid-template-columns:auto auto;
    align-items:center;
    gap:0 9px;
    min-width:160px;
    padding:12px 15px;
    border:1px solid rgba(66,211,146,.25);
    border-radius:13px;
    background:rgba(66,211,146,.06);
}

.atlas-opportunity-live > span{width:9px;height:9px;border-radius:50%;background:#42d392;box-shadow:0 0 0 5px rgba(66,211,146,.1)}
.atlas-opportunity-live b{color:var(--text);font-size:21px;line-height:1}
.atlas-opportunity-live small{grid-column:1/-1;margin-top:7px;color:var(--text-light);font-size:12px}

.atlas-opportunity-summary{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin-top:20px;
}

.atlas-opportunity-summary button{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    padding:14px;
    border:1px solid var(--border);
    border-radius:13px;
    background:rgba(255,255,255,.025);
    color:var(--text);
    font:inherit;
    text-align:left;
    cursor:pointer;
    transition:var(--transition);
}

.atlas-opportunity-summary button:hover,.atlas-opportunity-summary button.active{transform:translateY(-2px);border-color:currentColor;background:rgba(255,255,255,.055)}
.atlas-opportunity-summary button > i{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:rgba(255,255,255,.055);font-size:14px}
.atlas-opportunity-summary button > span{display:grid;min-width:0;grid-template-columns:auto 1fr;gap:1px 6px;align-items:baseline}
.atlas-opportunity-summary strong{font-size:20px;line-height:1}
.atlas-opportunity-summary b{font-size:13px;white-space:nowrap}
.atlas-opportunity-summary small{grid-column:1/-1;color:var(--text-light);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atlas-opportunity-summary .tone-buy{color:#42d392}.atlas-opportunity-summary .tone-sell{color:#ff5d73}.atlas-opportunity-summary .tone-watch{color:#52a8ff}.atlas-opportunity-summary .tone-trade{color:#b889ff}.atlas-opportunity-summary .tone-collection{color:#f4b740}

.atlas-opportunity-feed{
    margin-top:20px;
    border-top:1px solid var(--border);
    padding-top:20px;
}

.atlas-opportunity-feed > header{display:flex;align-items:end;justify-content:space-between;gap:18px}
.atlas-opportunity-feed h3{font-size:18px}
.atlas-opportunity-status-tabs,.atlas-opportunity-type-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.atlas-opportunity-status-tabs button,.atlas-opportunity-type-tabs button{
    border:1px solid transparent;
    border-radius:999px;
    background:transparent;
    color:var(--text-light);
    padding:7px 11px;
    font:600 12px/1 Poppins,sans-serif;
    cursor:pointer;
}
.atlas-opportunity-status-tabs button:hover,.atlas-opportunity-type-tabs button:hover,.atlas-opportunity-status-tabs button.active,.atlas-opportunity-type-tabs button.active{border-color:rgba(var(--workspace-accent-rgb),.45);background:rgba(var(--workspace-accent-rgb),.1);color:var(--text)}
.atlas-opportunity-type-tabs{margin:14px 0 9px}

.atlas-opportunity-list{
    display:grid;
    gap:8px;
    min-width:0;
    scrollbar-color:rgba(var(--workspace-accent-rgb),.55) rgba(255,255,255,.04);
    scrollbar-width:thin;
}
.atlas-opportunity-list.is-scrollable{
    max-height:var(--opportunity-feed-height);
    padding-right:7px;
    overflow-y:auto;
    overscroll-behavior:contain;
    scroll-snap-type:y proximity;
}
.atlas-opportunity-list.is-scrollable:focus-visible{
    outline:2px solid rgba(var(--workspace-accent-rgb),.7);
    outline-offset:4px;
    border-radius:13px;
}
.atlas-opportunity-list::-webkit-scrollbar{width:8px}
.atlas-opportunity-list::-webkit-scrollbar-track{border-radius:999px;background:rgba(255,255,255,.04)}
.atlas-opportunity-list::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(var(--workspace-accent-rgb),.5)}
.atlas-opportunity-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--workspace-accent-rgb),.72)}
.atlas-opportunity-row{
    display:grid;
    grid-template-columns:64px 38px minmax(220px,1fr) minmax(260px,.72fr) auto;
    gap:12px;
    align-items:start;
    padding:14px;
    border:1px solid var(--border);
    border-radius:13px;
    background:rgba(255,255,255,.025);
    scroll-snap-align:start;
}
.atlas-opportunity-row > time{padding-top:8px;color:var(--text-light);font-size:12px;font-weight:600}
.atlas-opportunity-row-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(var(--workspace-accent-rgb),.12);color:rgb(var(--workspace-accent-rgb));font-size:14px}
.atlas-opportunity-row.tone-buy .atlas-opportunity-row-icon{color:#42d392;background:rgba(66,211,146,.12)}
.atlas-opportunity-row.tone-sell .atlas-opportunity-row-icon{color:#ff5d73;background:rgba(255,93,115,.12)}
.atlas-opportunity-row.tone-trade .atlas-opportunity-row-icon{color:#b889ff;background:rgba(184,137,255,.12)}
.atlas-opportunity-row.tone-collection .atlas-opportunity-row-icon{color:#f4b740;background:rgba(244,183,64,.12)}
.atlas-opportunity-row-copy{min-width:0}
.atlas-opportunity-row-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.atlas-opportunity-row-meta b{color:rgb(var(--workspace-accent-rgb));font-size:12px;text-transform:uppercase;letter-spacing:.6px}
.atlas-opportunity-row-meta em{padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.055);color:var(--text-light);font-size:12px;font-style:normal;text-transform:capitalize}
.atlas-opportunity-row-meta .priority-critical{color:#ff718f;background:rgba(255,113,143,.12)}
.atlas-opportunity-row-meta .priority-high{color:#f4b740;background:rgba(244,183,64,.12)}
.atlas-opportunity-row-copy h3{margin:5px 0 3px;color:var(--text);font-size:15px;line-height:1.35}
.atlas-opportunity-row-copy p{margin:0;color:var(--text-light);font-size:12px;line-height:1.55}
.atlas-opportunity-row-copy details{margin-top:7px;color:var(--text-light);font-size:12px}
.atlas-opportunity-row-copy summary{cursor:pointer;color:rgb(var(--workspace-accent-rgb));font-weight:600}
.atlas-opportunity-row-copy ul{margin:7px 0 0;padding-left:18px;line-height:1.55}

.atlas-opportunity-row-score{display:grid;grid-template-columns:repeat(3,minmax(76px,1fr));gap:7px}
.atlas-opportunity-row-score > span{min-width:0;padding:8px;border:1px solid rgba(255,255,255,.05);border-radius:9px;background:rgba(255,255,255,.02)}
.atlas-opportunity-row-score small{display:block;color:var(--text-light);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atlas-opportunity-row-score strong{display:block;margin-top:3px;color:var(--text);font-size:14px}
.atlas-opportunity-row-actions{display:flex;gap:5px;justify-content:flex-end}
.atlas-opportunity-row-actions button{min-width:34px;height:34px;padding:0 9px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.035);color:var(--text-light);font:600 12px Poppins,sans-serif;cursor:pointer}
.atlas-opportunity-row-actions button:hover{border-color:rgb(var(--workspace-accent-rgb));color:var(--text)}

.atlas-opportunity-empty{display:grid;justify-items:center;gap:7px;padding:35px 20px;border:1px dashed var(--border);border-radius:13px;color:var(--text-light);text-align:center}
.atlas-opportunity-empty i{font-size:22px;color:rgb(var(--workspace-accent-rgb))}
.atlas-opportunity-empty h3{margin:0;color:var(--text);font-size:16px}.atlas-opportunity-empty p{margin:0;font-size:12px}

html[data-theme="light"] .atlas-opportunity-dashboard{background:linear-gradient(135deg,rgba(var(--workspace-accent-rgb),.07),rgba(255,255,255,.98) 42%,rgba(247,248,252,.98))}

@media(max-width:1320px){
    .atlas-opportunity-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
    .atlas-opportunity-row{grid-template-columns:54px 38px minmax(220px,1fr) auto}
    .atlas-opportunity-row-score{grid-column:3/4}
    .atlas-opportunity-row-actions{grid-column:4;grid-row:1/3}
}

@media(max-width:850px){
    .atlas-opportunity-dashboard{padding:18px}
    .atlas-opportunity-header,.atlas-opportunity-feed > header{align-items:flex-start;flex-direction:column}
    .atlas-opportunity-live{width:100%}
    .atlas-opportunity-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .atlas-opportunity-row{grid-template-columns:42px minmax(0,1fr) auto}
    .atlas-opportunity-row > time{grid-column:2/3;padding:0}
    .atlas-opportunity-row-icon{grid-column:1;grid-row:1/3}
    .atlas-opportunity-row-copy{grid-column:2/4}
    .atlas-opportunity-row-score{grid-column:2/4}
    .atlas-opportunity-row-actions{grid-column:2/4;grid-row:auto;justify-content:flex-start}
}

@media(max-width:560px){
    .atlas-opportunity-summary{grid-template-columns:1fr}
    .atlas-opportunity-row-score{grid-template-columns:1fr}
}