/* SignalSkyline Market Intelligence — Step 1 visual shell */
.ssi-page{background:#030913;color:#edf5ff;padding:24px 0 34px;font-family:Arial,Helvetica,sans-serif}.ssi-shell{width:calc(100% - 40px);max-width:1540px;margin:0 auto}.ssi-titlebar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:4px 18px 18px;border-bottom:1px solid #17293a}.ssi-titlebar h1{margin:0;font-size:30px;line-height:1;font-weight:900;letter-spacing:-1.3px;color:#dcebfb}.ssi-titlebar h1 span{color:#278cff}.ssi-titlebar p{margin:7px 0 0;font-size:14px;color:#cad8e6}.ssi-overview{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));min-width:650px}.ssi-overview-item{position:relative;padding:1px 18px 6px;border-left:1px solid #1c2b3a;min-height:58px}.ssi-overview-item b,.ssi-overview-item strong,.ssi-overview-item span{display:block}.ssi-overview-item b{font-size:12px;color:#f6f8fb}.ssi-overview-item strong{font-size:16px;margin-top:4px}.ssi-overview-item span{font-size:12px;margin-top:4px;font-weight:800}.ssi-page .up{color:#27e65f}.ssi-page .down{color:#ff4444}.ssi-page .flat{color:#f3b31b}.ssi-spark{position:absolute;right:12px;bottom:9px;width:58px;height:23px;border-bottom:2px solid currentColor;clip-path:polygon(0 75%,14% 52%,27% 68%,40% 24%,51% 47%,64% 15%,78% 38%,100% 5%,100% 17%,79% 51%,64% 28%,52% 61%,40% 38%,28% 80%,13% 65%,0 88%)}.ssi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:14px}.ssi-card{position:relative;min-height:315px;border:1px solid #294055;border-radius:8px;background:linear-gradient(145deg,#081523 0%,#07111d 60%,#091722 100%);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}.ssi-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 4%,rgba(62,132,205,.08),transparent 34%)}.ssi-card-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:16px 17px 0}.ssi-kicker{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:900;letter-spacing:.3px}.ssi-kicker b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#05101a;font-size:13px}.regime .ssi-kicker,.regime .ssi-score span{color:#43dc58}.regime .ssi-kicker b{background:#50dd59}.event .ssi-kicker,.event .ssi-score span{color:#b46bff}.event .ssi-kicker b{background:#a95fff}.cross .ssi-kicker,.cross .ssi-score span{color:#ffb21f}.cross .ssi-kicker b{background:#ffad19}.pair .ssi-kicker,.pair .ssi-score span{color:#4ca6ff}.pair .ssi-kicker b{background:#4b9ff6}.risk .ssi-kicker,.risk .ssi-score span{color:#ff5651}.risk .ssi-kicker b{background:#ff4e48}.brief .ssi-kicker{color:#26e1d0}.brief .ssi-kicker b{background:#21d8c7}.ssi-card h2{position:relative;margin:12px 17px 0;max-width:68%;font-size:21px;line-height:1.22;color:#f7fbff;font-weight:800;letter-spacing:-.25px}.ssi-summary{position:relative;margin:8px 17px 11px;max-width:70%;font-size:13px;line-height:1.5;color:#d8e1ea}.ssi-score{position:absolute;right:18px;top:54px;width:104px;height:104px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0a1420;border:9px solid #3c5365;box-sizing:border-box}.ssi-score strong{font-size:34px;line-height:1}.ssi-score small{font-size:11px;margin-top:17px}.ssi-score span{position:absolute;top:112px;width:145px;text-align:center;font-size:10px;font-weight:900}.regime .ssi-score{border-color:#45c94e}.event .ssi-score{border-color:#9b60e6}.cross .ssi-score{border-color:#efa729}.pair .ssi-score{border-color:#4a9bee}.risk .ssi-score{border-color:#d65a55}.ssi-market-strip{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:15px 17px 0;border:1px solid #1f3446;border-radius:6px;background:#07111c}.ssi-market-strip>div{padding:10px;border-right:1px solid #1c2d3b;min-width:0}.ssi-market-strip>div:last-child{border-right:0}.ssi-market-strip b,.ssi-market-strip span{display:block;font-size:10px}.ssi-market-strip span{margin-top:5px;font-weight:800}.ssi-mini-line{display:block;width:100%;height:27px;margin-top:5px;border-bottom:2px solid currentColor;opacity:.9;clip-path:polygon(0 72%,12% 55%,22% 65%,34% 35%,48% 51%,60% 22%,73% 45%,84% 18%,100% 35%,100% 47%,85% 30%,74% 57%,61% 35%,49% 64%,34% 47%,23% 77%,12% 68%,0 86%)}.ssi-metrics{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:20px 17px 0;border:1px solid #1e3344;border-radius:6px}.ssi-metrics div{padding:13px 7px;text-align:center;border-right:1px solid #1e3344}.ssi-metrics div:last-child{border-right:0}.ssi-metrics span,.ssi-metrics b{display:block}.ssi-metrics span{font-size:9px;color:#b5c2cf}.ssi-metrics b{font-size:11px;margin-top:6px;color:#fff}.ssi-card-footer{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;min-height:43px;border-top:1px solid #223746;background:rgba(5,14,24,.65);padding:0 16px;gap:20px}.ssi-card-footer div{flex:1;font-size:10px;color:#dce5ed;border-right:1px solid #26394a}.ssi-card-footer div:last-child{border-right:0}.ssi-card-footer span{color:#c3ced8}.ssi-card-footer b{margin-left:4px;color:#48e468}.ssi-pair-body{display:grid;grid-template-columns:1.6fr .8fr;gap:8px;margin:10px 17px 52px}.ssi-chartbox,.ssi-levels{border:1px solid #203747;border-radius:5px;padding:9px;background:#07121e}.ssi-chartbox>span,.ssi-levels>span{font-size:9px;color:#d7e1eb}.ssi-chart-bars{height:100px;display:flex;align-items:end;gap:4px;padding:10px 4px 0;border-bottom:1px solid #324251}.ssi-chart-bars i{width:6px;background:linear-gradient(#35d968,#1da950);border-radius:1px}.ssi-levels div{display:flex;justify-content:space-between;gap:6px;padding:7px 0;border-bottom:1px solid #162a39}.ssi-levels small{font-size:8px;color:#c6d0da}.ssi-levels b{font-size:10px;color:#58e85f}.ssi-doc-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:1px solid #15bdaf;color:#2be2d2;font-size:28px;background:rgba(16,197,180,.12)}.brief h2{max-width:75%}.ssi-brief-list{margin:12px 17px 52px;border:1px solid #213747;border-radius:6px;padding:3px 12px;background:#07121d}.ssi-brief-list div{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #273847;font-size:11px}.ssi-brief-list div:last-child{border-bottom:0}.ssi-brief-list b{font-size:15px;width:18px}.ssi-view{justify-content:flex-end}.ssi-view a{margin-left:auto;color:#55aaff;text-decoration:none;font-size:10px;font-weight:900}.brief .ssi-summary{max-width:82%}@media(max-width:1100px){.ssi-titlebar{align-items:flex-start;flex-direction:column}.ssi-overview{min-width:0;width:100%}.ssi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.ssi-shell{width:calc(100% - 20px)}.ssi-titlebar{padding-left:5px;padding-right:5px}.ssi-titlebar h1{font-size:24px}.ssi-overview{grid-template-columns:repeat(2,1fr)}.ssi-grid{grid-template-columns:1fr}.ssi-card{min-height:330px}.ssi-card h2,.ssi-summary{max-width:67%}.ssi-market-strip{grid-template-columns:repeat(2,1fr)}.ssi-metrics{grid-template-columns:repeat(2,1fr)}.ssi-metrics div:nth-child(2){border-right:0}.ssi-pair-body{grid-template-columns:1fr}.ssi-card-footer{gap:8px;overflow:auto}.ssi-score{transform:scale(.88);transform-origin:top right}}

/* V2 CORRECTIONS */
.ssi-titlebar{display:block!important;padding:8px 18px 20px!important}.ssi-titlebar h1{font-size:34px!important}.ssi-titlebar p{font-size:16px!important;margin-top:9px!important}.ssi-overview{display:none!important}.ssi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;padding-top:16px!important}.ssi-card{height:420px!important;min-height:420px!important;display:flex!important;flex-direction:column!important}.ssi-card-head{padding:17px 18px 0!important}.ssi-kicker{font-size:14px!important;gap:10px!important}.ssi-kicker b{width:28px!important;height:28px!important;font-size:14px!important}.ssi-card h2{margin:13px 18px 0!important;padding-right:138px!important;max-width:none!important;font-size:24px!important;line-height:1.2!important;font-weight:900!important}.ssi-summary{margin:8px 18px 12px!important;padding-right:138px!important;max-width:none!important;font-size:15px!important;line-height:1.48!important}.ssi-score{right:18px!important;top:58px!important;width:116px!important;height:116px!important;border-width:10px!important}.ssi-score strong{font-size:42px!important;font-weight:900!important}.ssi-score small{font-size:12px!important;margin-top:22px!important}.ssi-score span{top:122px!important;font-size:11px!important}.ssi-market-strip{margin:18px 18px 0!important;min-height:112px!important;border-color:#274054!important}.ssi-market-strip>div{padding:16px 13px!important;border-color:#274054!important}.ssi-market-strip b{font-size:15px!important;line-height:1.2!important}.ssi-market-strip span{margin-top:13px!important;font-size:19px!important;line-height:1.1!important;font-weight:900!important}.ssi-mini-line{display:none!important}.ssi-metrics{margin:20px 18px 0!important;min-height:126px!important;border-color:#274054!important}.ssi-metrics div{padding:14px 9px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;border-color:#274054!important}.ssi-metrics span{font-size:13px!important;line-height:1.2!important}.ssi-metrics b{font-size:17px!important;line-height:1.28!important;margin-top:9px!important;font-weight:900!important}.ssi-card-footer{min-height:62px!important;padding:0 18px!important;gap:0!important}.ssi-card-footer div{padding:0 15px!important;font-size:14px!important;line-height:1.3!important;white-space:nowrap!important}.ssi-card-footer div:first-child{padding-left:0!important}.ssi-card-footer div:last-child{padding-right:0!important}.ssi-card-footer b{font-size:15px!important;font-weight:900!important}.ssi-pair-body{grid-template-columns:1.45fr .85fr!important;gap:10px!important;margin:12px 18px 74px!important;flex:1!important;min-height:0!important}.ssi-chartbox,.ssi-levels{min-height:164px!important;padding:12px!important;border-color:#274054!important}.ssi-chartbox>span,.ssi-levels>span{font-size:13px!important;font-weight:800!important}.ssi-chart-bars{height:108px!important;gap:5px!important;padding-top:12px!important}.ssi-levels div{padding:9px 0!important}.ssi-levels small{font-size:12px!important}.ssi-levels b{font-size:15px!important;font-weight:900!important}.brief h2{max-width:none!important;padding-right:92px!important}.brief .ssi-summary{max-width:none!important;padding-right:20px!important}.ssi-doc-icon{width:64px!important;height:64px!important;font-size:30px!important}.ssi-brief-list{margin:10px 18px 74px!important;padding:2px 14px!important;flex:1!important}.ssi-brief-list div{min-height:52px!important;font-size:15px!important;line-height:1.35!important}.ssi-brief-list b{font-size:21px!important;width:20px!important}.ssi-view a{font-size:14px!important}@media(max-width:1180px){.ssi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ssi-card{height:430px!important;min-height:430px!important}}@media(max-width:760px){.ssi-grid{grid-template-columns:1fr!important}.ssi-card{height:auto!important;min-height:440px!important}.ssi-card h2{font-size:21px!important;padding-right:120px!important}.ssi-summary{font-size:14px!important;padding-right:120px!important}.ssi-score{width:102px!important;height:102px!important;right:14px!important}.ssi-score strong{font-size:34px!important}.ssi-market-strip{grid-template-columns:repeat(2,1fr)!important}.ssi-metrics{grid-template-columns:repeat(2,1fr)!important}.ssi-pair-body{grid-template-columns:1fr!important}}


/* =========================================================
   V3 OVERLAP FIX
   Footer is now part of normal flex flow and can never cover
   Pair Intelligence / Risk Watch / Daily Brief content.
   All cards remain exactly the same desktop height.
   ========================================================= */

.ssi-card{
    height:450px !important;
    min-height:450px !important;
    display:flex !important;
    flex-direction:column !important;
}

/* Remove absolute overlay behavior */
.ssi-card-footer{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    margin-top:auto !important;
    width:auto !important;
    flex:0 0 62px !important;
    min-height:62px !important;
    box-sizing:border-box !important;
    z-index:2 !important;
}

/* The content no longer needs artificial bottom clearance */
.ssi-pair-body{
    margin:12px 18px 12px !important;
    flex:1 1 auto !important;
    min-height:0 !important;
}

.ssi-brief-list{
    margin:10px 18px 12px !important;
    flex:1 1 auto !important;
    min-height:0 !important;
}

/* Risk metrics must stay above footer naturally */
.risk .ssi-metrics{
    margin-bottom:14px !important;
}

/* Pair inner panels fit cleanly without changing font size */
.ssi-chartbox,
.ssi-levels{
    min-height:150px !important;
    height:auto !important;
}

.ssi-chart-bars{
    height:92px !important;
}

/* Brief rows stay inside the card */
.ssi-brief-list div{
    min-height:46px !important;
}

/* Keep same equal-height rule on tablet */
@media(max-width:1180px){
    .ssi-card{
        height:460px !important;
        min-height:460px !important;
    }
}

/* Mobile may expand naturally */
@media(max-width:760px){
    .ssi-card{
        height:auto !important;
        min-height:440px !important;
    }
}


/* =========================================================
   V4 FINAL HEIGHT / OVERFLOW FIX
   Keep ALL 6 cards identical height.
   Do NOT reduce fonts.
   Give content enough vertical room so nothing touches footer.
   ========================================================= */

.ssi-card{
    height:520px !important;
    min-height:520px !important;
    overflow:hidden !important;
}

/* Footer stays in normal flex flow */
.ssi-card-footer{
    position:relative !important;
    margin-top:auto !important;
    flex:0 0 64px !important;
    min-height:64px !important;
    z-index:5 !important;
    background:#07111c !important;
}

/* Pair Intelligence: enough room for chart + all 4 levels */
.ssi-pair-body{
    flex:1 1 auto !important;
    margin:14px 18px 14px !important;
    min-height:0 !important;
    max-height:none !important;
}

.ssi-chartbox,
.ssi-levels{
    min-height:205px !important;
    height:205px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

.ssi-chart-bars{
    height:128px !important;
}

.ssi-levels div{
    padding:10px 0 !important;
}

/* Risk Watch: keep content comfortably above footer */
.risk .ssi-metrics{
    margin-bottom:18px !important;
}

/* Daily brief: all 5 rows fully visible */
.ssi-brief-list{
    flex:1 1 auto !important;
    margin:12px 18px 14px !important;
    min-height:0 !important;
    overflow:hidden !important;
}

.ssi-brief-list div{
    min-height:50px !important;
    box-sizing:border-box !important;
}

/* Brief link remains in its own footer row */
.brief .ssi-card-footer{
    position:relative !important;
    flex:0 0 64px !important;
    min-height:64px !important;
}

/* Desktop remains strict 3x2 equal grid */
@media(min-width:1181px){
    .ssi-grid{
        align-items:stretch !important;
    }
    .ssi-card{
        height:520px !important;
        min-height:520px !important;
    }
}

/* Tablet: still equal height */
@media(max-width:1180px) and (min-width:761px){
    .ssi-card{
        height:530px !important;
        min-height:530px !important;
    }
}

/* Mobile can expand naturally */
@media(max-width:760px){
    .ssi-card{
        height:auto !important;
        min-height:500px !important;
        overflow:visible !important;
    }

    .ssi-chartbox,
    .ssi-levels{
        height:auto !important;
        min-height:185px !important;
    }

    .ssi-brief-list{
        overflow:visible !important;
    }
}

/* =========================================================
   V5 COMPACT EQUAL-CARD FIX
   Restore the approved compact dashboard proportions.
   All six cards remain equal height. Font sizes are unchanged.
   Lower-row internal blocks are compacted instead of enlarging cards.
   ========================================================= */

/* Restore compact equal height for ALL six desktop cards */
.ssi-card{
    height:420px !important;
    min-height:420px !important;
    overflow:hidden !important;
}

/* Footer stays in normal flow and gets its own clean row */
.ssi-card-footer{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    margin-top:auto !important;
    flex:0 0 56px !important;
    min-height:56px !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
    background:#07111c !important;
    z-index:5 !important;
}

/* Keep previously approved readable footer typography */
.ssi-card-footer div{
    font-size:14px !important;
    line-height:1.25 !important;
}
.ssi-card-footer b{
    font-size:15px !important;
}

/* Pair Intelligence: compact the graphic area, not the fonts */
.ssi-pair-body{
    display:grid !important;
    grid-template-columns:1.45fr .85fr !important;
    gap:10px !important;
    margin:10px 18px 10px !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:hidden !important;
}

.ssi-chartbox,
.ssi-levels{
    min-height:0 !important;
    height:142px !important;
    padding:10px 12px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

.ssi-chart-bars{
    height:76px !important;
    padding-top:8px !important;
    gap:5px !important;
}

.ssi-levels div{
    padding:5px 0 !important;
}

/* Risk Watch: same card height, metric block fits naturally */
.risk .ssi-metrics{
    min-height:112px !important;
    margin:16px 18px 10px !important;
}
.risk .ssi-metrics div{
    padding:10px 8px !important;
}

/* Daily brief: fit all five rows cleanly above its footer */
.ssi-brief-list{
    margin:8px 18px 10px !important;
    padding:0 14px !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:hidden !important;
}

.ssi-brief-list div{
    min-height:39px !important;
    padding:3px 0 !important;
    box-sizing:border-box !important;
    font-size:15px !important;
    line-height:1.25 !important;
}

/* Prevent title/summary from stealing unnecessary vertical space */
.pair .ssi-summary,
.risk .ssi-summary,
.brief .ssi-summary{
    margin-bottom:7px !important;
}

/* Strict equal size desktop */
@media(min-width:1181px){
    .ssi-grid{align-items:stretch !important;}
    .ssi-card{
        height:420px !important;
        min-height:420px !important;
    }
}

/* Tablet remains equal but has slightly more room */
@media(max-width:1180px) and (min-width:761px){
    .ssi-card{
        height:440px !important;
        min-height:440px !important;
    }
}

/* Mobile can grow naturally */
@media(max-width:760px){
    .ssi-card{
        height:auto !important;
        min-height:440px !important;
        overflow:visible !important;
    }
    .ssi-chartbox,
    .ssi-levels{
        height:auto !important;
        min-height:150px !important;
    }
    .ssi-brief-list{overflow:visible !important;}
}


/* =========================================================
   V6 FINAL COMPACT CONTENT FIX
   Equal 420px cards. No overlap. No font reduction.
   Crowded cards deliberately show a concise preview and link
   to full analysis instead of forcing all detail into one card.
   ========================================================= */

@media(min-width:1181px){
    .ssi-card{
        height:420px !important;
        min-height:420px !important;
        max-height:420px !important;
        overflow:hidden !important;
    }
}

/* Footer is always a real, non-overlapping final row */
.ssi-card-footer{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    margin-top:auto !important;
    flex:0 0 56px !important;
    min-height:56px !important;
    max-height:56px !important;
    width:100% !important;
    box-sizing:border-box !important;
    z-index:20 !important;
    background:#07111c !important;
}

/* Pair preview is intentionally compact */
.pair .ssi-pair-body{
    margin:8px 18px 8px !important;
    height:132px !important;
    min-height:132px !important;
    max-height:132px !important;
    flex:0 0 132px !important;
    overflow:hidden !important;
}

.pair .ssi-chartbox,
.pair .ssi-levels{
    height:132px !important;
    min-height:132px !important;
    max-height:132px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

.pair .ssi-chart-bars{
    height:68px !important;
}

/* Three visible key levels only */
.pair .ssi-levels div{
    padding:5px 0 !important;
}

/* Risk card: keep its 4 summary metrics, but no extra vertical growth */
.risk .ssi-metrics{
    height:116px !important;
    min-height:116px !important;
    max-height:116px !important;
    flex:0 0 116px !important;
    margin:14px 18px 8px !important;
    overflow:hidden !important;
}

/* Brief card: 3 headline insights only in the compact card */
.brief .ssi-brief-list{
    margin:8px 18px 8px !important;
    height:156px !important;
    min-height:156px !important;
    max-height:156px !important;
    flex:0 0 156px !important;
    overflow:hidden !important;
}

.brief .ssi-brief-list div{
    min-height:50px !important;
    height:50px !important;
    max-height:50px !important;
    padding:3px 0 !important;
    overflow:hidden !important;
}

/* Full-analysis links share footer space cleanly */
.ssi-footer-analysis{
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
}

.ssi-footer-analysis > div{
    flex:0 1 auto !important;
    min-width:0 !important;
    margin-right:20px !important;
}

.ssi-analysis-link{
    margin-left:auto !important;
    padding-left:18px !important;
    color:#55aaff !important;
    text-decoration:none !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

.ssi-analysis-link:hover{
    color:#8bc5ff !important;
}

/* Brief footer/link always stays fully visible */
.brief .ssi-card-footer{
    flex:0 0 56px !important;
    min-height:56px !important;
    max-height:56px !important;
    position:relative !important;
    z-index:20 !important;
}

/* Preserve compact equal-card look on tablet */
@media(max-width:1180px) and (min-width:761px){
    .ssi-card{
        height:440px !important;
        min-height:440px !important;
    }
}

/* Mobile can expand naturally */
@media(max-width:760px){
    .ssi-card{
        height:auto !important;
        max-height:none !important;
        overflow:visible !important;
    }

    .pair .ssi-pair-body,
    .pair .ssi-chartbox,
    .pair .ssi-levels,
    .risk .ssi-metrics,
    .brief .ssi-brief-list{
        height:auto !important;
        max-height:none !important;
    }

    .ssi-analysis-link{
        font-size:12px !important;
    }
}
