/* Jaisandar Visual 152 · TALDAU-first external trade experience */

/* Main trade landing: TALDAU is the only primary control surface. */
[data-jt-root].j152-taldau-home .jtp-sticky-filter,
[data-jt-root].j152-taldau-home .j149-utility,
[data-jt-root].j152-taldau-home .jtp-time-layout,
[data-jt-root].j152-taldau-home .jtp-search-dock,
[data-jt-root].j152-taldau-home [data-overview-kpis],
[data-jt-root].j152-taldau-home [data-standard-view]{display:none!important}
[data-jt-root].j152-taldau-home .j149-analysis{margin-top:0!important}

.j149-analysis{border-color:#dce5e8!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(24,43,54,.055)!important}
.j149-analysis-head{padding:16px 18px!important;background:linear-gradient(115deg,#f7fbfc 0%,#fff 56%,#fff7f9 100%)!important}
.j149-analysis-head h3{font-size:28px!important;letter-spacing:.02em!important;color:#17313a!important}
.j149-analysis-head span{color:#397482!important}
.j149-analysis-head p{font-size:11px!important;color:#73808a!important}
.j149-analysis-close[hidden]{display:none!important}
.j149-analysis-form{gap:9px!important;padding:14px 18px 18px!important}

/* Search is the intentional accent surface. */
.j149-field:has([data-j149-country]),.j149-field:has([data-j149-product]){padding:9px!important;border:1px solid #e6b8c7!important;border-radius:15px!important;background:linear-gradient(145deg,#fff2f6,#fbe5ec)!important}
.j149-field:has([data-j149-country])>label,.j149-field:has([data-j149-product])>label{color:#7a3450!important}
.j149-field input{background:#fff!important;border-color:#dfb8c5!important}
.j149-field input:focus{border-color:#b45073!important;box-shadow:0 0 0 3px rgba(180,80,115,.11)!important}
.j152-hs-help{display:flex;align-items:center;gap:7px;margin-top:7px;color:#765564;font-size:9px;font-weight:800;line-height:1.25}
.j152-hs-help .jtp-info{width:22px!important;height:22px!important;min-width:22px!important;font-size:12px!important}

/* Month range buttons replace the two select boxes. */
.j152-hidden-month-field{display:none!important}
.j152-month-field{margin-top:1px}
.j152-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}
.j152-months button{height:38px;min-width:0;padding:0 4px;border:1px solid #dfe5e8;border-radius:10px;background:#f7f9fa;color:#53616a;font-size:9px;font-weight:900;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.j152-months button:hover:not(:disabled){transform:translateY(-1px);border-color:#91aeb3;background:#eef6f6}
.j152-months button.is-range{background:#e7f3f2;border-color:#c0ddda;color:#275f61}
.j152-months button.is-start,.j152-months button.is-end{background:#1c6d70;border-color:#1c6d70;color:#fff;box-shadow:0 5px 12px rgba(28,109,112,.17)}
.j152-months button:disabled{opacity:.34;cursor:not-allowed;background:#f3f4f5;color:#8d979d}
.j152-month-help{display:block;margin-top:6px;color:#8a959c;font-size:9px}
.j149-analysis.is-picking-month-end .j152-month-help{color:#1c6d70;font-weight:850}

/* Years stay button-based and compact. */
.j149-years{gap:5px!important}
.j149-years button{min-width:56px!important;height:38px!important;border-radius:10px!important}
.j149-years button.is-active{background:#315e86!important;border-color:#315e86!important;color:#fff!important}

/* Bigger, clear action controls. */
.j149-run,.j149-png,.j149-copy,.j152-excel,.jtp-png,.jtp-expand,.jtp-top-toggle{min-height:46px!important;padding:0 18px!important;border-radius:12px!important;font-size:11px!important;font-weight:950!important;letter-spacing:.01em!important}
.j149-run{background:#176b6c!important;border-color:#176b6c!important}
.j149-png,.jtp-png{background:#176b4f!important;border-color:#176b4f!important;color:#fff!important}
.j152-excel{display:inline-flex;align-items:center;justify-content:center;border:1px solid #315f8b;background:#315f8b;color:#fff;cursor:pointer}
.j152-excel:disabled{opacity:.45;cursor:not-allowed}
.jtp-rank-limits{gap:5px!important;padding:4px!important}
.jtp-rank-limits button,.jtp-top-options button{min-width:58px!important;min-height:42px!important;padding:0 12px!important;font-size:11px!important;font-weight:950!important}
.jtp-fixed-top{display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:0 13px!important;border:1px solid #d9e0e4!important;border-radius:11px!important;background:#f5f8f9!important;color:#33434d!important;font-size:11px!important;font-weight:950!important}

/* Country profile navigation: arrows must be unmistakable and easy to tap. */
.jtp-profile-toolnav>button>em{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;border:1px solid currentColor!important;border-radius:13px!important;background:rgba(255,255,255,.58)!important;font-size:29px!important;font-weight:900!important;line-height:1!important;font-style:normal!important;opacity:.9!important;transition:transform .18s ease,background .18s ease!important}
.jtp-profile-toolnav>button:hover>em{transform:translateY(2px)!important;background:#fff!important}
.jtp-profile-toolnav>button.is-active>em{transform:rotate(180deg)!important;background:#fff!important}
.jtp-profile-toolnav>button{grid-template-columns:auto minmax(0,1fr) 44px!important;column-gap:11px!important}

/* Keep bar values comfortably separated from their columns. */
.jtp-card:has(.jtp-chart) .jtp-chart,.j149-result .j149-chart{padding-top:34px!important}

/* Mobile home rubrics: flush to the left edge, same five-card order as the calmer layout. */
@media(max-width:780px){
 body.home .rubric-tabs{width:calc(100% + 20px)!important;margin-left:-10px!important;margin-right:-10px!important;padding:4px 4px 4px 0!important;gap:5px!important;justify-content:start!important}
 body.home .rubric-tabs .rubric-button[data-rubric="home"]{margin-left:0!important}
 .j149-analysis-head{padding:14px!important}.j149-analysis-head h3{font-size:24px!important}.j149-analysis-form{padding:11px 12px 15px!important}
 .j152-months{display:flex;overflow-x:auto;gap:5px;padding:1px 0 4px;scrollbar-width:none;scroll-snap-type:x proximity}.j152-months::-webkit-scrollbar{display:none}.j152-months button{flex:0 0 54px;height:42px;scroll-snap-align:start;font-size:9px}
 .j149-years{padding-bottom:4px!important}
 .j149-analysis-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.j149-run{grid-column:1/-1!important}.j149-copy{grid-column:1/-1!important}
 .j149-run,.j149-png,.j149-copy,.j152-excel,.jtp-png,.jtp-expand,.jtp-top-toggle{min-height:48px!important;font-size:11px!important}
 .jtp-profile-toolnav>button>em{width:46px!important;height:46px!important;min-width:46px!important;font-size:31px!important;border-radius:14px!important}
 .jtp-profile-toolnav>button{grid-template-columns:auto minmax(0,1fr) 46px!important;padding-right:8px!important}
}
@media(max-width:390px){body.home .rubric-tabs{width:calc(100% + 18px)!important;margin-left:-9px!important;margin-right:-9px!important;padding-left:0!important}}

/* Jaisandar 154: Export/Import use the same TALDAU filter; legacy filter surfaces are removed. */
[data-jt-root].j154-taldau-section .jtp-sticky-filter,
[data-jt-root].j154-taldau-section .j149-utility,
[data-jt-root].j154-taldau-section .jtp-time-layout,
[data-jt-root].j154-taldau-section .jtp-search-dock{display:none!important}
[data-jt-root].j154-taldau-section .j149-analysis{display:block!important;margin-top:0!important;margin-bottom:18px!important}
.j149-analysis.j154-flow-locked [data-j149-flow]{grid-template-columns:1fr!important}
.j149-analysis.j154-flow-locked [data-j149-flow] button:not(.is-active){display:none!important}
.j149-analysis.j154-flow-locked [data-j149-flow] button.is-active{width:100%!important;min-height:42px!important}

/* Country profile must keep all four action rubrics visible after TALDAU country selection. */
[data-jt-root] [data-detail]:not([hidden]) .jtp-profile-toolnav{display:grid!important}
[data-jt-root] [data-detail]:not([hidden]) .jtp-profile-toolnav>button{visibility:visible!important;opacity:1!important}

/* Mobile: make the five-rubric home bar truly flush with the viewport's left edge. */
@media(max-width:780px){
 body.home .rubric-tabs{
   width:100vw!important;
   max-width:100vw!important;
   min-width:100vw!important;
   margin-left:calc(50% - 50vw)!important;
   margin-right:calc(50% - 50vw)!important;
   padding-left:0!important;
   padding-right:0!important;
 }
 body.home .rubric-tabs>.rubric-button:first-of-type{margin-left:0!important}
}
[data-jt-root].j154-taldau-detail .jtp-sticky-filter,
[data-jt-root].j154-taldau-detail .j149-utility,
[data-jt-root].j154-taldau-detail .jtp-time-layout,
[data-jt-root].j154-taldau-detail .jtp-search-dock{display:none!important}