/* SHOWROOM TAB (11 Nov 2026 preview, Krishna t1914u): #/myshowroom page + home entry. Style B default; Style A = html[data-dbt="a"]. UI only. */
html #view .srpg{min-height:80vh;padding-bottom:28px}
.srpg .srptop{padding:18px 0 6px}
html #view .srpg .srptop h1{margin:2px 0 4px!important;font-size:24px!important;font-weight:800!important;color:#eef3ff!important}
.srpg .srptop p{margin:0;font-size:12.5px;color:#a5b6d8}
.srpg .srkick,.hmsrt .hmsri+span small{letter-spacing:.2px}
html #view .srpg .srkick{font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;color:#ffc46b}
.srpg .srpchips{position:sticky;top:0;z-index:5;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px 0;margin:0 -16px;padding-left:16px;padding-right:16px;background:linear-gradient(#050f24 70%,rgba(5,15,36,0))}
.srpg .srpchips::-webkit-scrollbar{display:none}
html #view .srpg .srpc{flex:none;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#cfe0ff!important;text-decoration:none!important;white-space:nowrap}
.srpg .srpc i{font-style:normal;opacity:.7;margin-left:2px}
html #view .srpg .srpc.on{background:linear-gradient(150deg,#4DA3FF,#1f5fd1);border-color:transparent;color:#fff!important}
.srpg .srpsec{margin-top:18px}
.srpg .srphd{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}
html #view .srpg .srphd h2{margin:0!important;font-size:17px!important;font-weight:800!important;color:#eef3ff!important}
.srpg .srphd h2 small{font-size:11px;font-weight:700;color:#a5b6d8;margin-left:4px}
html #view .srpg .srphd a,html #view .srpg .srpmore{font-size:12px;font-weight:700;color:#7cc6ff!important;text-decoration:none!important}
.srpg .srpgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(min-width:720px){.srpg .srpgrid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.srpg .srpgrid{grid-template-columns:repeat(4,1fr)}}
.db.srpg .srbig{flex:none;max-width:none;border-radius:18px;min-width:0}
.db.srpg .srph{height:150px}.db.srpg .srph img{max-height:128px}
.db.srpg .srtx{padding:10px 10px 12px}
html #view .hxx.db.srpg .srnm{font-size:13.5px;min-height:34px}
.db.srpg .srrow{flex-wrap:wrap;gap:6px}
.db.srpg .srrow .srpr{flex:1 1 100%}
html #view .hxx.db.srpg .srpr .pr b{font-size:16px!important}
.db.srpg .srrow .hva{flex:1 1 100%;display:flex}
html #view .hxx.db.srpg .srbig .hv2add{width:100%;text-align:center;justify-content:center}
.srpg .srpmore{display:block;text-align:center;margin-top:10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.05)}
.srpg .srpnote{margin:22px 0 0;font-size:12px;color:#a5b6d8;text-align:center}
html #view .srpg .srpnote a{color:#7cc6ff!important}
/* home entry bar + end card in the showroom row */
html #view .hxx.db .hmsrt{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:18px;text-decoration:none!important;background:linear-gradient(150deg,#1f5fd1 0%,#123170 70%);border:1px solid rgba(124,198,255,.35);color:#fff!important}
.hmsrt .hmsri{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:rgba(255,255,255,.14)}
.hmsrt>span:nth-child(2){flex:1;min-width:0}
html #view .hxx.db .hmsrt b{display:block;font-size:15px;color:#fff!important}
html #view .hxx.db .hmsrt small{display:block;font-size:11.5px;color:#cfe0ff!important}
.hmsrt em{font-style:normal;font-size:22px;font-weight:800;opacity:.9}
.db .srend{flex:0 0 46%;max-width:170px;scroll-snap-align:start;border-radius:22px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:16px;text-decoration:none!important;background:linear-gradient(160deg,rgba(77,163,255,.25),rgba(31,95,209,.12));border:1px dashed rgba(124,198,255,.5)}
.db .srend span{font-size:30px}
html #view .hxx.db .srend b{font-size:15px;color:#eef3ff!important;line-height:1.2}
html #view .hxx.db .srend small{font-size:11px;color:#a5b6d8!important}
html #view .hxx.db .srend em{font-style:normal;font-size:22px;color:#7cc6ff!important}
/* Style A */
html[data-dbt="a"] #view .srpg .srptop h1,html[data-dbt="a"] #view .srpg .srphd h2{color:#0f1e3d!important}
html[data-dbt="a"] #view .srpg .srptop p,html[data-dbt="a"] #view .srpg .srphd h2 small,html[data-dbt="a"] #view .srpg .srpnote{color:#5a6b8c}
html[data-dbt="a"] #view .srpg .srkick{color:#b45309}
html[data-dbt="a"] .srpg .srpchips{background:linear-gradient(#eef2f8 70%,rgba(238,242,248,0))}
html[data-dbt="a"] #view .srpg .srpc{background:#fff;border-color:#d9e1ee;color:#1f3a6b!important}
html[data-dbt="a"] #view .srpg .srpc.on{background:#1f5fd1;color:#fff!important;border-color:transparent}
html[data-dbt="a"] #view .srpg .srphd a,html[data-dbt="a"] #view .srpg .srpmore,html[data-dbt="a"] #view .srpg .srpnote a{color:#1f5fd1!important}
html[data-dbt="a"] .srpg .srpmore{background:#fff}
html[data-dbt="a"] #view .hxx.db .hmsrt{background:linear-gradient(150deg,#3d8bff,#1f5fd1);border:0}
html[data-dbt="a"] .db .srend{background:#eaf2ff;border-color:#9dbcf0}
html[data-dbt="a"] #view .hxx.db .srend b{color:#0f1e3d!important}html[data-dbt="a"] #view .hxx.db .srend small{color:#5a6b8c!important}html[data-dbt="a"] #view .hxx.db .srend em{color:#1f5fd1!important}
