/* HOMEDASH (Krishna t253u, 21 Oct 2026): AMIT TRADING CO. heading + big ATC logo (Design A: white ATC on navy), customer dashboard, big brand tiles. */
.hdx{padding:20px 0 8px}
.hdtop{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.hdlogo{flex:none;width:84px;height:84px;border-radius:18px;background:#0a1d42;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 8px 22px rgba(10,29,66,.28)}
.hdlogo b{font:800 30px/1 Poppins,"Segoe UI",system-ui,sans-serif;letter-spacing:.02em}
.hdlogo i{display:block;width:46%;height:4px;background:#fff;border-radius:1px}
.hdtt{min-width:0}
.hdtt .kick{font-size:12px}
.hdx h1{margin:6px 0 4px;font:800 30px/1.08 Poppins,"Segoe UI",system-ui,sans-serif;letter-spacing:.01em;color:#0a1d42}
html[data-theme=dark] .hdx h1{color:#fff}
.hdtt p{margin:0;color:var(--mute);font-size:14px}
.hdh2{font-size:18px;margin:0 0 12px}
.hdbh{margin-top:22px}
.hdcard{border-radius:18px;padding:16px;border:1px solid var(--bd)}
html[data-theme=light] .hdcard{background:#fff}
.hdme{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:rgba(31,111,224,.07);margin-bottom:12px}
.hdme>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}
.hdme b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hdme small{color:var(--mute);font-size:12.5px}
.hdme em{font-style:normal;font-size:12px;color:var(--y);font-weight:600}
.hdav{flex:none;width:42px;height:42px;border-radius:50%;background:#0a1d42;color:#fff;display:flex;align-items:center;justify-content:center}
.hdav .ico{width:22px;height:22px}
.hdtiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hdt{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:14px;border:1px solid var(--bd);color:var(--ink);text-decoration:none!important;background:var(--glass);transition:transform .15s,box-shadow .15s;min-height:92px}
.hdt:hover,.hdt:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,40,90,.12)}
.hdt b{font-size:15px}.hdt small{color:var(--mute);font-size:12px;line-height:1.3}
.hdti{position:relative;width:36px;height:36px;border-radius:10px;background:rgba(31,111,224,.12);color:var(--y);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.hdti .ico{width:20px;height:20px}
.hdbg{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#c41e3a;color:#fff;font:700 11px/18px system-ui,sans-serif;text-align:center;font-style:normal}
.hdt.wa .hdti{background:rgba(37,211,102,.15);color:#128c4a}
.hdbrands{display:grid;grid-template-columns:1fr;gap:12px}
.hdb{display:grid;grid-template-columns:minmax(0,1fr) 84px;grid-template-areas:"w p" "t p";gap:6px 12px;align-items:center;padding:16px;border-radius:18px;border:1px solid var(--bd);background:#fff;color:#0f1d3a;text-decoration:none!important;box-shadow:0 6px 18px rgba(15,40,90,.10);transition:transform .15s,box-shadow .15s;border-left:6px solid var(--bc,#0a1d42)}
.hdb:hover,.hdb:focus-visible{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,40,90,.18)}
.hdb.havells{--bc:#d71920}.hdb.crompton{--bc:#0b5cab}.hdb.tdk{--bc:#00539f}
.hdbw{grid-area:w}.hdbp{grid-area:p;width:84px;height:84px;border-radius:12px;overflow:hidden;background:#f4f7fb;display:flex;align-items:center;justify-content:center}
.hdbp img{width:100%;height:100%;object-fit:contain}
.hdbt{grid-area:t;display:flex;flex-direction:column;gap:2px;min-width:0}
.hdbt b{font-size:17px;line-height:1.2}.hdbt small{color:#475877;font-size:12.5px}.hdbt em{font-style:normal;font-weight:700;font-size:13px;color:var(--bc);margin-top:4px}
.hdwm{display:inline-flex;align-items:baseline;gap:6px;font-family:"Segoe UI",Arial,system-ui,sans-serif;line-height:1}
.hdwm.hv{font-size:30px;font-weight:900;font-style:italic;letter-spacing:.04em;color:#d71920}
.hdwm.cr{font-size:32px;font-weight:800;letter-spacing:-.01em;color:#0b5cab}
.hdwm.tk b{font-size:34px;font-weight:900;letter-spacing:.06em;color:#00539f}.hdwm.tk small{font-size:15px;font-weight:800;letter-spacing:.12em;color:#0a1d42}
.hdx .facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hdcat{padding-top:20px}
@media(min-width:600px){.hdtiles{grid-template-columns:repeat(4,minmax(0,1fr))}.hdbrands{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hdb{grid-template-columns:1fr;grid-template-areas:"w" "p" "t";justify-items:start}.hdbp{width:100%;height:150px}}
@media(min-width:960px){.hdx{padding-top:32px}.hdlogo{width:120px;height:120px;border-radius:24px}.hdlogo b{font-size:44px}.hdlogo i{height:6px}
 .hdx h1{font-size:48px}.hdtt p{font-size:16px}.hdtiles{grid-template-columns:repeat(7,minmax(0,1fr))}.hdbp{height:170px}}
@media(max-width:380px){.hdlogo{width:72px;height:72px}.hdlogo b{font-size:26px}.hdx h1{font-size:25px}}
/* compact mobile dashboard so the brand tiles stay near the top */
.hdtt .hdk{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--y)}
@media(max-width:599px){.hdx{padding-top:14px}.hdtop{gap:12px;margin-bottom:14px}.hdx h1{font-size:27px;margin:4px 0 2px}.hdtt p{font-size:13px}
 .hdcard{padding:12px}.hdh2{font-size:16px;margin-bottom:10px}.hdme{padding:10px;margin-bottom:10px}
 .hdtiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .hdt{min-height:0;padding:10px 4px;align-items:center;text-align:center;gap:0}.hdt small{display:none}.hdt b{font-size:12px;line-height:1.2}
 .hdti{margin:0 0 6px}}