/* Jaisandar Visual 149 · trade usability layer */

/* Mobile: restore the calm five-rubric geometry used before the trade tab was added. */
@media (max-width:780px){
  body.home .rubric-tabs{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:68px!important;
    gap:5px!important;
    width:calc(100% + 20px)!important;
    margin:0 -10px 9px!important;
    padding:5px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    box-sizing:border-box!important;
  }
  body.home .rubric-tabs .rubric-button[data-rubric="trade"],
  body.home .rubric-tabs .rubric-button[data-rubric="analytics"],
  body.home .rubric-tabs .rubric-more-button{display:none!important}
  body.home .rubric-tabs .rubric-button[data-rubric="home"],
  body.home .rubric-tabs .rubric-button[data-rubric="market"],
  body.home .rubric-tabs .rubric-button[data-rubric="economy"],
  body.home .rubric-tabs .rubric-button[data-rubric="banking"],
  body.home .rubric-tabs .rubric-button[data-rubric="rating"]{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    min-width:0!important;width:auto!important;max-width:none!important;min-height:68px!important;height:68px!important;
    gap:4px!important;padding:5px 2px 4px!important;border-radius:12px!important;box-sizing:border-box!important;
  }
  body.home .rubric-tabs .rubric-button>span{
    max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    text-align:center!important;font-size:.51rem!important;line-height:1.03!important;
  }
  body.home .rubric-tabs .rubric-button>i,
  body.home .rubric-tabs .rubric-button>.rubric-motion-icon{
    width:33px!important;height:33px!important;min-width:33px!important;min-height:33px!important;flex-basis:33px!important;
  }
}
@media (max-width:390px){
  body.home .rubric-tabs{grid-template-rows:64px!important;gap:4px!important;padding:4px!important}
  body.home .rubric-tabs .rubric-button[data-rubric="home"],
  body.home .rubric-tabs .rubric-button[data-rubric="market"],
  body.home .rubric-tabs .rubric-button[data-rubric="economy"],
  body.home .rubric-tabs .rubric-button[data-rubric="banking"],
  body.home .rubric-tabs .rubric-button[data-rubric="rating"]{min-height:64px!important;height:64px!important}
  body.home .rubric-tabs .rubric-button>i,
  body.home .rubric-tabs .rubric-button>.rubric-motion-icon{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;flex-basis:30px!important}
  body.home .rubric-tabs .rubric-button>span{font-size:.47rem!important}
}

/* Graph bar labels: create real breathing room between bars and their vertical values. */
.jtp-chart{padding-top:8px}

/* Ranking movement badges */
.j149-rank-delta{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:20px;padding:0 7px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.02em;white-space:nowrap;background:#eef2f4;color:#66717b}
.j149-rank-delta.up{background:#e7f7ef;color:#08784a}.j149-rank-delta.down{background:#fff0ef;color:#b6423d}.j149-rank-delta.new{background:#edf3ff;color:#315fa8}

/* Quick-analysis launcher */
.j149-utility{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 12px;padding:9px 10px;border:1px solid #e7ebef;border-radius:16px;background:#fff}
.j149-utility-label{margin-right:3px;color:#7c8791;font-size:9px;font-weight:900;letter-spacing:.08em}
.j149-quick{min-height:34px;padding:0 12px;border:1px solid #dde3e7;border-radius:999px;background:#f8fafb;color:#26333e;font-size:10px;font-weight:850;cursor:pointer;transition:.18s ease}
.j149-quick:hover{transform:translateY(-1px);border-color:#aebcc6;background:#fff}
.j149-quick.primary{border-color:#1f6470;background:#1f6470;color:#fff}
.j149-quick.link{margin-left:auto;background:#fff}

/* Fourth country-profile action: larger cards, meaningful colors, no white active text. */
.jtp-profile-toolnav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.jtp-profile-toolnav>button{min-height:82px!important}
.jtp-profile-toolnav>button>i{font-size:28px!important}
.jtp-profile-toolnav>button span b{font-size:13px!important}
.jtp-profile-toolnav>button span small{font-size:9px!important;line-height:1.25!important}
.jtp-profile-toolnav .j149-tool-analysis{border-color:#bed7f3!important;background:linear-gradient(145deg,#f3f8ff,#eaf3ff)!important;color:#183f6d!important}
.jtp-profile-toolnav .j149-tool-analysis>i{color:#347dc4!important}
.jtp-profile-toolnav .j149-tool-analysis:hover,.jtp-profile-toolnav .j149-tool-analysis.is-active{border-color:#75a9dd!important;background:#e3f0ff!important;color:#183f6d!important}

/* Free analysis panel */
.j149-analysis[hidden]{display:none!important}
.j149-analysis{margin:12px 0 16px;border:1px solid #dfe6eb;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 12px 30px rgba(25,43,55,.05)}
.j149-analysis-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;border-bottom:1px solid #edf0f2;background:linear-gradient(115deg,#f7fbff,#fff 55%,#f7fbf9)}
.j149-analysis-head span{display:block;color:#447ba8;font-size:9px;font-weight:950;letter-spacing:.11em}.j149-analysis-head h3{margin:3px 0 4px;color:#172633;font-size:24px;line-height:1}.j149-analysis-head p{margin:0;color:#7b8790;font-size:10px}
.j149-analysis-close{width:38px;height:38px;border:1px solid #dfe5e9;border-radius:50%;background:#fff;color:#34434e;font-size:20px;cursor:pointer}
.j149-analysis-form{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;padding:16px 20px 18px}
.j149-field{position:relative;grid-column:span 6;min-width:0}.j149-field.third{grid-column:span 4}.j149-field.full{grid-column:1/-1}
.j149-field>label{display:block;margin:0 0 6px;color:#77838c;font-size:9px;font-weight:950;letter-spacing:.07em}
.j149-field input,.j149-field select{width:100%;height:44px;border:1px solid #dbe2e6;border-radius:12px;background:#fbfcfd;color:#1f2d37;padding:0 12px;font:800 13px/1.2 "Segoe UI",Arial,sans-serif;outline:none;box-sizing:border-box}
.j149-field input:focus,.j149-field select:focus{border-color:#6f9ec6;box-shadow:0 0 0 3px rgba(65,124,176,.11);background:#fff}
.j149-suggest{position:absolute;z-index:25;left:0;right:0;top:70px;max-height:260px;overflow:auto;border:1px solid #dfe5e9;border-radius:12px;background:#fff;box-shadow:0 16px 34px rgba(26,44,57,.14)}
.j149-suggest:empty{display:none}.j149-suggest button{display:flex;width:100%;gap:8px;align-items:flex-start;padding:10px 12px;border:0;border-bottom:1px solid #f0f2f3;background:#fff;color:#25343f;text-align:left;cursor:pointer}.j149-suggest button:hover{background:#f5f9fc}.j149-suggest b{font-size:11px}.j149-suggest small{display:block;color:#8b969e;font-size:8px;margin-top:2px}
.j149-years{display:flex;flex-wrap:wrap;gap:6px}.j149-years button{min-width:58px;height:36px;border:1px solid #dde3e7;border-radius:10px;background:#f8fafb;color:#4e5b65;font-size:10px;font-weight:900;cursor:pointer}.j149-years button.is-active{border-color:#315e86;background:#eaf3fb;color:#214f78;box-shadow:inset 0 0 0 1px #87acd0}
.j149-seg{display:flex;gap:4px;padding:3px;border:1px solid #e0e5e8;border-radius:12px;background:#f5f7f8}.j149-seg button{flex:1;min-height:36px;border:0;border-radius:9px;background:transparent;color:#64717b;font-size:9px;font-weight:900;cursor:pointer}.j149-seg button.is-active{background:#fff;color:#1d3444;box-shadow:0 3px 10px rgba(23,42,55,.08)}
.j149-analysis-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.j149-run,.j149-png,.j149-copy{min-height:42px;border-radius:12px;padding:0 16px;font-size:10px;font-weight:950;cursor:pointer}.j149-run{border:1px solid #175f69;background:#175f69;color:#fff}.j149-png{border:1px solid #176849;background:#176849;color:#fff}.j149-copy{border:1px solid #dce2e6;background:#fff;color:#374550}
.j149-crumb{grid-column:1/-1;display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-height:28px;color:#66737d;font-size:10px;font-weight:800}.j149-crumb b{color:#1e2e39}.j149-crumb i{font-style:normal;color:#a4adb4}
.j149-result{padding:0 20px 20px}.j149-result[hidden]{display:none!important}.j149-result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 0 10px;border-top:1px solid #edf0f2}.j149-result-head span{color:#72808b;font-size:9px;font-weight:900}.j149-result-head h4{margin:3px 0 0;color:#182833;font-size:19px}.j149-result-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;margin:4px 0 10px}.j149-result-kpis article{padding:10px 12px;border:1px solid #e8ecef;border-radius:12px;background:#fafcfd}.j149-result-kpis span{font-size:8px;font-weight:900;color:#7c8891}.j149-result-kpis strong{display:block;margin-top:4px;font-size:17px;color:#30363b}.j149-chart{height:390px;border:1px solid #edf0f2;border-radius:16px;background:#fff}

@media(max-width:780px){
 .j149-utility{margin:8px 0;padding:8px;gap:5px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.j149-utility::-webkit-scrollbar{display:none}.j149-utility-label{display:none}.j149-quick{flex:0 0 auto;min-height:32px;padding:0 10px;font-size:9px}.j149-quick.link{margin-left:0}
 .jtp-profile-toolnav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.jtp-profile-toolnav>button{min-height:78px!important}.jtp-profile-toolnav>button>i{font-size:25px!important}.jtp-profile-toolnav>button span b{font-size:12px!important}
 .j149-analysis{border-radius:17px}.j149-analysis-head{padding:15px}.j149-analysis-head h3{font-size:21px}.j149-analysis-form{display:block;padding:12px 14px}.j149-field{margin-bottom:10px}.j149-field input,.j149-field select{height:46px;font-size:16px}.j149-years{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.j149-years button{flex:0 0 58px}.j149-seg{margin-bottom:10px}.j149-analysis-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:8px}.j149-run{grid-column:1/-1}.j149-result{padding:0 14px 15px}.j149-result-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.j149-chart{height:330px}
}
