:root { --market-bg:var(--bg-canvas,#f6f8fc); --market-surface:var(--bg-surface,#fff); --market-line:var(--border-default,#dce4f0); --market-text:var(--text-primary,#101828); --market-muted:var(--text-muted,#667085); --market-brand:var(--brand-primary,#0e34fa); --market-positive:var(--positive,#168a4a); --market-negative:var(--negative,#d92d3a); --market-amber:var(--warning-text,#965600); }
html { background:var(--market-bg); }
body,button,input,select,textarea { font-family:Vazirmatn,"IRANSansX",Tahoma,sans-serif!important; }
body { background:radial-gradient(760px 430px at 88% -14%,rgba(43,102,86,.12),transparent 64%),radial-gradient(650px 420px at -5% 24%,rgba(180,122,52,.10),transparent 62%),var(--market-bg)!important; color:var(--market-text)!important; font-feature-settings:"ss01","cv02"; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; opacity:.28; background:linear-gradient(120deg,transparent 0 40%,rgba(255,255,255,.16) 58%,transparent 76%); }
header { border-color:var(--market-line)!important; background:rgba(233,231,223,.86)!important; box-shadow:0 10px 28px -12px rgba(41,36,24,.18)!important; }
/* تبدیل رنگ‌های تیرهٔ قالب‌های قدیمی به سطوح گرم، روشن و آرام. */
body [class*="bg-slate-950"] { background-color:#e9e7df!important; } body [class*="bg-slate-900"] { background-color:rgba(243,241,233,.94)!important; } body [class*="bg-slate-800"] { background-color:#dfdcd1!important; } body [class*="bg-slate-700"] { background-color:#d2cec1!important; }
body .border-slate-950,body .border-slate-900,body .border-slate-800,body .border-slate-700 { border-color:var(--market-line)!important; }
body .text-slate-100,body .text-slate-200,body .text-slate-300,body .text-white { color:var(--market-text)!important; } body .text-slate-400 { color:#5c594b!important; } body .text-slate-500,body .text-slate-600 { color:var(--market-muted)!important; }
body .text-emerald-300,body .text-emerald-400,body .text-emerald-500 { color:#2f7150!important; } body .text-rose-300,body .text-rose-400,body .text-rose-500 { color:#a9453c!important; } body .text-amber-300,body .text-amber-400,body .text-amber-500 { color:#966326!important; } body .text-fuchsia-300,body .text-fuchsia-400,body .text-fuchsia-500 { color:#7b4e7d!important; }
body .placeholder-slate-500::placeholder { color:#8c8873!important; opacity:1; }
body [class*="bg-blue"] .text-white,body [class*="bg-emerald"] .text-white,body [class*="bg-indigo"] .text-white,body [class*="bg-purple"] .text-white,body [class*="bg-fuchsia"] .text-white,body [class*="bg-amber"] .text-white,body [class*="bg-rose"] .text-white,body [class*="bg-blue"].text-white,body [class*="bg-emerald"].text-white,body [class*="bg-indigo"].text-white,body [class*="bg-purple"].text-white,body [class*="bg-fuchsia"].text-white,body [class*="bg-amber"].text-white,body [class*="bg-rose"].text-white { color:#fff!important; }
/* رنگ برند واحد: سبز تیرهٔ بازار؛ طلایی فقط برای اقدام‌ها و هشدارهای مهم. */
body [class*="text-blue-"],body [class*="text-indigo-"],body [class*="text-purple-"] { color:#2b6656!important; }
body [class*="text-amber-"] { color:#966326!important; }
/* دکمه‌های اصلی: زمینهٔ تیره و متن سفید؛ حالت‌های کم‌رنگ: زمینهٔ روشن و متن تیره. */
body [class~="bg-blue-600"],body [class~="bg-blue-500"],body [class~="bg-indigo-600"],body [class~="bg-purple-600"] { background-color:#2b6656!important; color:#fff!important; }
body [class~="bg-emerald-600"],body [class~="bg-emerald-500"] { background-color:#3d8158!important; color:#fff!important; }
body [class~="bg-amber-600"],body [class~="bg-amber-500"] { background-color:#b47a34!important; color:#fff!important; }
body [class~="bg-blue-500/10"],body [class~="bg-blue-500/20"],body [class~="bg-indigo-500/10"],body [class~="bg-purple-500/10"] { background:#dde8e0!important; color:#2b6656!important; border-color:rgba(43,102,86,.22)!important; }
body [class~="bg-emerald-500/10"],body [class~="bg-emerald-500/20"] { background:#dee9df!important; color:#326c4a!important; border-color:rgba(61,129,88,.22)!important; }
body [class~="bg-amber-500/10"],body [class~="bg-amber-500/20"] { background:#eee1cb!important; color:#8b5b22!important; border-color:rgba(180,122,52,.24)!important; }
body [class~="bg-rose-500/10"],body [class~="bg-rose-500/20"] { background:#ebdcd8!important; color:#9d443d!important; border-color:rgba(184,82,72,.22)!important; }
body [class~="hover:bg-blue-500"]:hover,body [class~="hover:bg-blue-600"]:hover,body [class~="hover:bg-indigo-500"]:hover,body [class~="hover:bg-purple-500"]:hover { background:#204f42!important; color:#fff!important; }
body [class~="hover:bg-emerald-500"]:hover,body [class~="hover:bg-emerald-600"]:hover { background:#2f6d49!important; color:#fff!important; }
body .group:hover [class~="group-hover:bg-blue-600"] { background:#2b6656!important; color:#fff!important; }
/* گرادیان‌های قدیمی روی تم روشن به کارت‌های اختصاصی و خوانا تبدیل می‌شوند. */
body [class*="bg-gradient"][class*="via-slate-900"] { background:#f3f1e9!important; background-image:linear-gradient(135deg,rgba(43,102,86,.10),rgba(243,241,233,.96) 48%,rgba(180,122,52,.08))!important; border-color:rgba(43,102,86,.18)!important; }
body a[class*="bg-gradient"][class*="from-indigo"] { background:#2b6656!important; background-image:linear-gradient(135deg,#2b6656,#204f42)!important; color:#fff!important; }
body a[class*="bg-gradient"][class*="from-indigo"] .text-white,body a[class*="bg-gradient"][class*="from-indigo"] svg { color:#fff!important; }
/* دکمهٔ تحلیل، فرزند مستقیم ستون اصلی صفحه است؛ از کشیدگی Flex جلوگیری می‌کنیم. */
.company-analysis-link { align-self:center!important; display:inline-flex!important; width:fit-content!important; }
input,select,textarea { border-color:rgba(46,42,30,.16)!important; background:rgba(250,249,244,.96)!important; color:var(--market-text)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.8); }
input:focus,select:focus,textarea:focus { border-color:rgba(43,102,86,.68)!important; box-shadow:0 0 0 3px rgba(43,102,86,.12)!important; }
table { border-color:var(--market-line)!important; } thead,th { background:#ebe8de!important; color:#5c594b!important; font-weight:800!important; } tbody tr { border-color:#dfdcd1!important; } tbody tr:hover { background:#e6eee8!important; }
.market-shell { max-width:82rem; margin-inline:auto; padding-inline:1.5rem; } .market-card { border:1px solid var(--market-line); background:linear-gradient(145deg,rgba(243,241,233,.98),rgba(248,247,241,.96)); box-shadow:0 10px 28px -12px rgba(41,36,24,.18); border-radius:1.25rem; } .market-kicker { color:var(--market-brand); font-size:.7rem; font-weight:800; letter-spacing:.05em; } .market-number { font-variant-numeric:tabular-nums; letter-spacing:-.025em; }
.market-search-result { transition:background .18s ease,border-color .18s ease,transform .18s ease; } .market-search-result:hover { background:#dde8e0; border-color:rgba(43,102,86,.28); transform:translateY(-1px); } .market-scrollbar::-webkit-scrollbar { width:8px; height:8px; } .market-scrollbar::-webkit-scrollbar-thumb { background:#bcb7a5; border-radius:999px; } .market-scrollbar::-webkit-scrollbar-track { background:transparent; }
@media (max-width:640px) { .market-shell { padding-inline:1rem; } body::before { background-size:28px 28px; } }

/* تم تاریک: همان زبان بصری بازار، با کنتراست مناسب برای استفاده طولانی. */
html[data-market-theme="dark"] { --market-bg:var(--bg-canvas,#0b111b); --market-surface:var(--bg-surface,#111827); --market-line:var(--border-default,#263244); --market-text:var(--text-primary,#f8fafc); --market-muted:var(--text-muted,#94a3b8); --market-brand:var(--brand-primary,#4b67ff); --market-positive:var(--positive,#4ade80); --market-negative:var(--negative,#fb7185); --market-amber:var(--warning-text,#fbbf24); background:var(--market-bg); }
html[data-market-theme="dark"] body { background:radial-gradient(760px 430px at 88% -14%,rgba(67,136,102,.18),transparent 64%),radial-gradient(650px 420px at -5% 24%,rgba(180,122,52,.10),transparent 62%),var(--market-bg)!important; }
html[data-market-theme="dark"] body::before { opacity:.16; }
html[data-market-theme="dark"] header { background:rgba(16,24,23,.88)!important; box-shadow:0 10px 28px -12px rgba(0,0,0,.42)!important; }
html[data-market-theme="dark"] body [class*="bg-slate-950"] { background-color:#101817!important; }
html[data-market-theme="dark"] body [class*="bg-slate-900"] { background-color:rgba(23,33,31,.96)!important; }
html[data-market-theme="dark"] body [class*="bg-slate-800"] { background-color:#24312e!important; }
html[data-market-theme="dark"] body [class*="bg-slate-700"] { background-color:#31423d!important; }
html[data-market-theme="dark"] body .text-slate-100,html[data-market-theme="dark"] body .text-slate-200,html[data-market-theme="dark"] body .text-slate-300,html[data-market-theme="dark"] body .text-white { color:var(--market-text)!important; }
html[data-market-theme="dark"] body .text-slate-400 { color:#c1cec8!important; }
html[data-market-theme="dark"] body .text-slate-500,html[data-market-theme="dark"] body .text-slate-600 { color:var(--market-muted)!important; }
html[data-market-theme="dark"] body .border-slate-950,html[data-market-theme="dark"] body .border-slate-900,html[data-market-theme="dark"] body .border-slate-800,html[data-market-theme="dark"] body .border-slate-700 { border-color:var(--market-line)!important; }
html[data-market-theme="dark"] body [class~="bg-blue-500/10"],html[data-market-theme="dark"] body [class~="bg-blue-500/20"],html[data-market-theme="dark"] body [class~="bg-indigo-500/10"],html[data-market-theme="dark"] body [class~="bg-purple-500/10"] { background:#18352d!important; color:#8bd0aa!important; border-color:rgba(139,208,170,.24)!important; }
html[data-market-theme="dark"] body [class~="bg-emerald-500/10"],html[data-market-theme="dark"] body [class~="bg-emerald-500/20"] { background:#193a2a!important; color:#91d6a6!important; border-color:rgba(145,214,166,.25)!important; }
html[data-market-theme="dark"] body [class~="bg-amber-500/10"],html[data-market-theme="dark"] body [class~="bg-amber-500/20"] { background:#3b2d18!important; color:#edc17e!important; border-color:rgba(237,193,126,.25)!important; }
html[data-market-theme="dark"] body [class~="bg-rose-500/10"],html[data-market-theme="dark"] body [class~="bg-rose-500/20"] { background:#3b221f!important; color:#f2a399!important; border-color:rgba(242,163,153,.25)!important; }
html[data-market-theme="dark"] body [class*="bg-gradient"][class*="via-slate-900"] { background:#17211f!important; background-image:linear-gradient(135deg,rgba(105,177,139,.16),rgba(23,33,31,.96) 48%,rgba(225,174,103,.10))!important; border-color:rgba(139,208,170,.19)!important; }
html[data-market-theme="dark"] input,html[data-market-theme="dark"] select,html[data-market-theme="dark"] textarea { background:#17211f!important; color:var(--market-text)!important; border-color:var(--market-line)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
html[data-market-theme="dark"] thead,html[data-market-theme="dark"] th { background:#24312e!important; color:#dce8e2!important; }
html[data-market-theme="dark"] tbody tr { border-color:var(--market-line)!important; }
html[data-market-theme="dark"] tbody tr:hover { background:#1b2b27!important; }
.market-theme-toggle { position:fixed; left:1rem; bottom:1rem; z-index:60; display:inline-flex; align-items:center; gap:.45rem; border:1px solid var(--market-line); border-radius:999px; background:var(--market-surface); color:var(--market-text); padding:.65rem .85rem; box-shadow:0 12px 30px -14px rgba(0,0,0,.30); font:700 .72rem Vazirmatn,"IRANSansX",Tahoma,sans-serif; transition:transform .18s ease,box-shadow .18s ease; }
.market-theme-toggle:hover { transform:translateY(-2px); box-shadow:0 16px 34px -14px rgba(0,0,0,.38); }
.market-theme-toggle:focus-visible { outline:3px solid rgba(43,102,86,.35); outline-offset:3px; }
.table-width-toggle { position:fixed; left:1rem; bottom:4.25rem; z-index:60; display:inline-flex; align-items:center; gap:.45rem; border:1px solid var(--market-line); border-radius:999px; background:var(--market-surface); color:var(--market-text); padding:.65rem .85rem; box-shadow:0 12px 30px -14px rgba(0,0,0,.30); font:700 .72rem Vazirmatn,"IRANSansX",Tahoma,sans-serif; transition:transform .18s ease,box-shadow .18s ease; }
.table-width-toggle:hover { transform:translateY(-2px); box-shadow:0 16px 34px -14px rgba(0,0,0,.38); }
.table-width-toggle:focus-visible { outline:3px solid rgba(43,102,86,.35); outline-offset:3px; }
/* حالت «نمایش کامل در عرض صفحه»: همه ستون‌ها در عرض موجود جا می‌گیرند و متن‌ها می‌شکنند. */
.fit-width-tables .table-shell { overflow-x:visible!important; }
.fit-width-tables .data-grid { width:100%!important; min-width:0!important; table-layout:fixed!important; }
.data-grid th,.data-grid td { font-size:clamp(.66rem,.9vw,.84rem)!important; overflow-wrap:anywhere!important; word-break:break-word!important; }
.fit-width-tables .data-grid th,.fit-width-tables .data-grid td { min-width:0!important; max-width:none!important; padding:.48rem .35rem!important; font-size:clamp(.61rem,1.05vw,.78rem)!important; line-height:1.5!important; overflow-wrap:anywhere!important; word-break:break-word!important; white-space:normal!important; }
.fit-width-tables .data-grid .descriptor { position:static!important; min-width:0!important; max-width:none!important; width:22%!important; box-shadow:none!important; }
.fit-width-tables .data-grid .numeric { white-space:normal!important; font-size:.58rem!important; }
.fit-width-tables .data-grid .row-no { min-width:2rem!important; width:2rem!important; padding-inline:.2rem!important; }
/* شمارهٔ داخلی سطرها برای کاربر نمایش داده نمی‌شود؛ دادهٔ جدول بدون تغییر است. */
.data-grid .row-no { display:none!important; }
/* خوانایی جدول‌های کدال در تم روشن: قالب قدیمی جدول رنگ‌های مخصوص زمینهٔ تیره داشت. */
html:not([data-market-theme="dark"]) .data-grid tbody td { color:#2b2a22!important; }
html:not([data-market-theme="dark"]) .data-grid .positive { color:#2b2a22!important; }
html:not([data-market-theme="dark"]) .data-grid .negative { color:#ad4038!important; }
html:not([data-market-theme="dark"]) .data-grid .zero,html:not([data-market-theme="dark"]) .show-zeros .data-grid .zero { color:#716d5e!important; }
html:not([data-market-theme="dark"]) .data-grid .row-no { color:#777361!important; }
html:not([data-market-theme="dark"]) .data-grid tbody .descriptor { background:#f3f1e9!important; color:#2b2a22!important; box-shadow:-8px 0 18px rgba(46,42,30,.10)!important; }
html:not([data-market-theme="dark"]) .data-grid tbody tr:nth-child(even):not(.section-row):not(.total-row) td:not(.descriptor) { background:#eeece4!important; }
html:not([data-market-theme="dark"]) .data-grid tbody tr:hover td { background:#dde8e0!important; color:#214f42!important; }
html:not([data-market-theme="dark"]) .data-grid tbody tr:hover .descriptor { color:#214f42!important; }
html:not([data-market-theme="dark"]) .data-grid .section-row td { background:#e1ebe4!important; color:#275d4d!important; }
html:not([data-market-theme="dark"]) .data-grid .total-row td { background:#e0ede3!important; color:#286345!important; border-bottom-color:rgba(61,129,88,.34)!important; }
html:not([data-market-theme="dark"]) .data-grid .total-row .descriptor { background:#d5e7da!important; color:#24583e!important; }
html:not([data-market-theme="dark"]) .data-grid thead tr:first-child th { background:#d9e8df!important; color:#214f42!important; }
html:not([data-market-theme="dark"]) .data-grid thead tr:nth-child(2) th { background:#ebe8de!important; color:#4c594f!important; }
html:not([data-market-theme="dark"]) .data-grid thead .descriptor { background:#d9e8df!important; color:#214f42!important; }

.market-skip-current-action { margin-top:.75rem; }
.market-skip-current-action button { width:100%; border:1px solid rgba(217,119,6,.42); border-radius:.75rem; background:rgba(217,119,6,.10); color:#9a5d00; padding:.8rem 1rem; font:inherit; font-size:.78rem; font-weight:800; cursor:pointer; transition:background-color .18s ease,color .18s ease; }
.market-skip-current-action button:hover { background:#d97706; color:#fff; }
.market-skip-current-action p { margin:.45rem 0 0; color:var(--market-muted,#64748b); font-size:.65rem; line-height:1.55; text-align:center; }
html[data-market-theme="dark"] .market-skip-current-action button { color:#fcd34d; }

/* کارت‌های ارزش‌گذاری در نمایش چهارستونه هم برای اعداد بزرگ فضای امن دارند. */
.valuation-cards .grid>div,.valuation-cards .grid>div p { min-width:0; }
.valuation-cards article>div.grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.valuation-cards .text-xl.font-black { white-space:nowrap; font-size:clamp(.8rem,1.1vw,1.25rem)!important; line-height:1.45!important; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }

/* راهنمای زمینه‌ای برندشده؛ برای توضیح کوتاه هر بخش قابل استفاده است. */
.ti-context-help { position:absolute; top:-1.15rem; right:-1.05rem; z-index:45; direction:rtl; }
.ti-context-help>summary { position:relative; display:grid; width:2.65rem; height:2.65rem; place-items:center; list-style:none; cursor:pointer; border:1px solid rgba(43,102,86,.34); border-radius:1rem; background:linear-gradient(145deg,#f8faf7,#e1eee7); color:#285f50; box-shadow:0 12px 28px -12px rgba(32,79,66,.48),inset 0 1px 0 rgba(255,255,255,.88); font-size:1rem; font-weight:900; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; animation:ti-context-nudge 5.8s ease-in-out infinite; }
.ti-context-help>summary::-webkit-details-marker { display:none; }
.ti-context-help>summary::after { content:""; position:absolute; inset:-.32rem; z-index:-1; border:1px solid rgba(43,102,86,.15); border-radius:1.25rem; opacity:.7; animation:ti-context-ring 3.4s ease-out infinite; }
.ti-context-help>summary:hover { transform:translateY(-2px) scale(1.04); border-color:rgba(43,102,86,.62); box-shadow:0 16px 34px -12px rgba(32,79,66,.58); }
.ti-context-help>summary:focus-visible { outline:3px solid rgba(43,102,86,.25); outline-offset:4px; }
.ti-context-help-close { display:none; font-size:1.3rem; line-height:1; }
.ti-context-help[open] .ti-context-help-question { display:none; }
.ti-context-help[open] .ti-context-help-close { display:inline; }
.ti-context-help[open]>summary { animation:none; background:linear-gradient(145deg,#285f50,#204f42); color:#fff; border-color:rgba(255,255,255,.25); }
.ti-context-help-panel { position:absolute; top:3.25rem; right:0; width:min(21rem,calc(100vw - 3rem)); overflow:hidden; border:1px solid rgba(43,102,86,.24); border-radius:1.25rem; background:linear-gradient(145deg,rgba(249,250,246,.99),rgba(231,241,235,.99)); color:#2b2a22; box-shadow:0 28px 65px -24px rgba(24,55,47,.48); padding:1.15rem; transform-origin:top right; animation:ti-context-open .28s cubic-bezier(.22,1,.36,1) both; }
.ti-context-help-brand { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin:-1.15rem -1.15rem 1rem; padding:.78rem 1.05rem; border-bottom:1px solid rgba(43,102,86,.14); background:rgba(43,102,86,.07); color:#285f50; font-size:.66rem; font-weight:900; }
.ti-context-help-brand small { color:#78857d; font-size:.53rem; font-weight:700; }
.ti-context-help-panel h3 { margin:0; color:#214f42; font-size:.85rem; font-weight:900; }
.ti-context-help-lead { margin:.45rem 0 0; color:#66736c; font-size:.65rem; line-height:1.85; }
.ti-context-help-panel ul { display:grid; gap:.65rem; margin:1rem 0 0; padding:0; list-style:none; }
.ti-context-help-panel li { position:relative; padding-right:1rem; color:#3f4a44; font-size:.64rem; line-height:1.8; }
.ti-context-help-panel li::before { content:""; position:absolute; top:.55rem; right:0; width:.38rem; height:.38rem; border-radius:999px; background:linear-gradient(135deg,#37a17a,#55b8b0); box-shadow:0 0 0 3px rgba(55,161,122,.09); }
.ti-context-help-note { margin:1rem 0 0; border:1px solid rgba(180,122,52,.17); border-radius:.8rem; background:rgba(225,174,103,.10); color:#79623d; padding:.65rem .75rem; font-size:.58rem; line-height:1.8; }
.ti-context-help-note strong { color:#9a6729; }
@keyframes ti-context-open { from { opacity:0; transform:translateY(-7px) scale(.96); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes ti-context-nudge { 0%,84%,100% { transform:rotate(0); } 88% { transform:rotate(4deg); } 92% { transform:rotate(-3deg); } 96% { transform:rotate(1.5deg); } }
@keyframes ti-context-ring { 0% { opacity:.6; transform:scale(.88); } 70%,100% { opacity:0; transform:scale(1.2); } }
html[data-market-theme="dark"] .ti-context-help>summary { background:linear-gradient(145deg,#23443b,#172b26); color:#a9e5c5; border-color:rgba(105,177,139,.36); box-shadow:0 14px 32px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06); }
html[data-market-theme="dark"] .ti-context-help[open]>summary { background:linear-gradient(145deg,#438866,#285f50); color:#fff; }
html[data-market-theme="dark"] .ti-context-help-panel { background:linear-gradient(145deg,rgba(23,33,31,.99),rgba(20,43,36,.99)); color:#edf4f0; border-color:rgba(105,177,139,.25); box-shadow:0 30px 70px -22px rgba(0,0,0,.82); }
html[data-market-theme="dark"] .ti-context-help-brand { background:rgba(105,177,139,.09); border-color:rgba(105,177,139,.15); color:#9bd9b7; }
html[data-market-theme="dark"] .ti-context-help-brand small { color:#91a39a; }
html[data-market-theme="dark"] .ti-context-help-panel h3 { color:#d9f4e5; }
html[data-market-theme="dark"] .ti-context-help-lead,html[data-market-theme="dark"] .ti-context-help-panel li { color:#b9c8c1; }
html[data-market-theme="dark"] .ti-context-help-note { background:rgba(225,174,103,.08); color:#d4bd91; border-color:rgba(225,174,103,.18); }
html[data-market-theme="dark"] .ti-context-help-note strong { color:#edc17e; }
@media (prefers-reduced-motion:reduce) { .ti-context-help>summary,.ti-context-help>summary::after,.ti-context-help-panel { animation:none; } }
@media (max-width:640px) { .market-theme-toggle { left:.75rem; bottom:.75rem; padding:.6rem .75rem; } }
@media (max-width:640px) { .table-width-toggle { left:.75rem; bottom:4rem; padding:.6rem .75rem; } .fit-width-tables .data-grid th,.fit-width-tables .data-grid td { font-size:clamp(.53rem,2.1vw,.68rem)!important; padding:.38rem .24rem!important; } .ti-context-help { top:-.8rem; right:-.45rem; } .ti-context-help-panel { width:min(19rem,calc(100vw - 2.5rem)); } }