/* ORDERS TAB + SHOWROOM (11 Nov 2026, Krishna t1902u). CSS only. Style B (dark navy) default; Style A (light) when <html data-dbt="a">. */
/* ---------- SHOWROOM on the dashboard (.hxx.db) ---------- */
.db .srsec{margin-top:22px}
.db .srhd{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.db .srkick{flex-basis:100%;font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;color:#ffd27a}
html #view .hxx.db .srhd h2{margin:0!important;font-size:19px!important;font-weight:800!important;color:#eef3ff!important;letter-spacing:0!important}
html #view .hxx.db .srhd a{margin-left:auto;font-size:12px;font-weight:600;color:#7cc6ff!important;text-decoration:none}
.db .srtrack{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.db .srtrack::-webkit-scrollbar{display:none}
.db .srbig{flex:0 0 78%;max-width:300px;scroll-snap-align:start;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.35);display:flex;flex-direction:column}
.db .srph{position:relative;display:grid;place-items:center;height:220px;background:radial-gradient(120% 90% at 50% 25%,#ffffff 0%,#eef3fb 60%,#dfe7f3 100%);overflow:hidden}
.db .srph img{max-width:84%;max-height:190px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 14px 14px rgba(10,29,66,.22));transition:transform .3s}
.db .srbig:active .srph img{transform:scale(1.04)}
.db .srbd{position:absolute;left:12px;top:12px;font-size:10.5px;font-weight:800;border-radius:999px;padding:4px 9px;letter-spacing:.2px}
.db .srbd.in{background:#e8f7f0;color:#0d8a5c}.db .srbd.low{background:#fff4dc;color:#b45309}
.db .srtx{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px;flex:1}
.db .srbr{min-height:18px;display:flex;align-items:center;font-size:11px;font-weight:700;color:#a5b6d8}
.db .srbr img{max-height:17px;width:auto}
html #view .hxx.db .srnm{font-size:15.5px;font-weight:800;line-height:1.25;color:#eef3ff!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}
.db .srwr{font-size:10.5px;color:#3ddc97;font-weight:600}
.db .srrow{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px}
.db .srrow .srpr{flex:1;min-width:0}
html #view .hxx.db .srpr .pr b{font-size:18px!important}
html #view .hxx.db .srbig .hv2add,html #view .hxx.db .srmini .hv2add{border:0!important;background:linear-gradient(150deg,#4DA3FF,#1f5fd1)!important;color:#fff!important;border-radius:12px!important;padding:9px 14px!important;font-weight:800!important;font-size:13px!important;box-shadow:0 6px 16px rgba(31,95,209,.4)!important;min-height:0!important;white-space:nowrap;text-decoration:none!important}
html #view .hxx.db .srbig .hv2add.in,html #view .hxx.db .srmini .hv2add.in{background:#3ddc97!important;color:#03281a!important;box-shadow:none!important}
html #view .hxx.db .srbig .hv2add.o,html #view .hxx.db .srmini .hv2add.o{background:rgba(255,255,255,.12)!important;color:#a5b6d8!important;box-shadow:none!important}
/* shelves */
.db .srshelves{margin-top:24px;display:flex;flex-direction:column;gap:18px}
.db .srshelf{position:relative;border-radius:20px;padding:12px 12px 0;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1)}
.db .srsh{display:flex;align-items:center;margin:0 2px 10px}
html #view .hxx.db .srsh h3{margin:0!important;font-size:15px!important;font-weight:800!important;color:#eef3ff!important}
html #view .hxx.db .srsh a{margin-left:auto;font-size:11.5px;font-weight:600;color:#7cc6ff!important;text-decoration:none}
.db .srrack{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:10px;scroll-snap-type:x proximity}
.db .srrack::-webkit-scrollbar{display:none}
.db .srmini{flex:0 0 132px;scroll-snap-align:start;display:flex;flex-direction:column;gap:2px}
.db .srmph{display:grid;place-items:center;height:118px;border-radius:14px;background:radial-gradient(110% 90% at 50% 30%,#fff 0%,#eef3fb 70%,#e2e9f4 100%);overflow:hidden}
.db .srmph img{max-width:86%;max-height:104px;width:auto;height:auto;mix-blend-mode:multiply;filter:drop-shadow(0 8px 8px rgba(10,29,66,.18))}
.db .srmb{font-size:10.5px;color:#a5b6d8;margin-top:6px}
html #view .hxx.db .srmn{font-size:12.5px;font-weight:700;line-height:1.25;color:#eef3ff!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px}
.db .srmp{min-height:18px}
.db .srmini .hva{margin-top:4px}
html #view .hxx.db .srmini .hv2add{width:100%;padding:7px 10px!important;font-size:12px!important}
.db .srplank{height:10px;margin:0 -12px;border-radius:0 0 20px 20px;background:linear-gradient(180deg,#8a6a43,#5d452a);box-shadow:inset 0 2px 0 rgba(255,255,255,.18)}
/* Style A showroom */
html[data-dbt="a"] #view .hxx.db .srkick{color:#d97706}
html[data-dbt="a"] #view .hxx.db .srhd h2,html[data-dbt="a"] #view .hxx.db .srsh h3,html[data-dbt="a"] #view .hxx.db .srnm,html[data-dbt="a"] #view .hxx.db .srmn{color:#0f1e3d!important}
html[data-dbt="a"] #view .hxx.db .srhd a,html[data-dbt="a"] #view .hxx.db .srsh a{color:#3d6fc4!important}
html[data-dbt="a"] #view .hxx.db .srbig{background:#fff;border:0;box-shadow:0 10px 28px rgba(10,29,66,.12)}
html[data-dbt="a"] #view .hxx.db .srbr,html[data-dbt="a"] #view .hxx.db .srmb{color:#7f93ba}
html[data-dbt="a"] #view .hxx.db .srwr{color:#0d8a5c}
html[data-dbt="a"] #view .hxx.db .srshelf{background:#fff;border:0;box-shadow:0 6px 20px rgba(10,29,66,.08)}
html[data-dbt="a"] #view .hxx.db .srbig .hv2add.o,html[data-dbt="a"] #view .hxx.db .srmini .hv2add.o{background:#eef2f8!important;color:#7f93ba!important}
/* ---------- ORDERS TAB (#/account/orders, .otx) ---------- */
html #view .otx{background:#050f24;background-image:radial-gradient(500px 300px at 85% -40px,rgba(61,139,255,.3),transparent 70%);color:#eef3ff;min-height:80vh;padding:0 0 32px;font-family:-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif}
html #view .otx .wrap{max-width:560px;margin:0 auto;padding:0 16px}
.otx .othead{padding:18px 0 6px}
html #view .otx .othead h1{margin:0;font-size:24px;font-weight:800;color:#eef3ff}
.otx .othead p{margin:4px 0 0;font-size:12.5px;color:#a5b6d8}
html #view .otx .actabs{margin:10px 0 4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:4px}
html #view .otx .actabs a{color:#a5b6d8!important;border-radius:10px}
html #view .otx .actabs a.on,html #view .otx .actabs a[aria-selected="true"]{background:#4DA3FF!important;color:#04122b!important}
.otx .otlive{display:block;margin-top:12px;padding:14px;border-radius:20px;background:linear-gradient(150deg,#2f6fe0 0%,#123170 65%,#0a1d42 100%);border:1px solid rgba(124,198,255,.35);color:#eef3ff;text-decoration:none}
.otx .otlive small{display:block;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:#cfe0ff;font-weight:700}
.otx .otlive b{display:block;font-size:17px;margin-top:3px;color:#fff}
html #view .otx .otlive .hstrk li span{color:#cfe0ff!important}
html #view .otx .otlive .hstrk li i{background:rgba(255,255,255,.25)!important;color:#04122b!important;border-color:transparent!important}
html #view .otx .otlive .hstrk li.done i,html #view .otx .otlive .hstrk li.now i{background:#7cc6ff!important}
html #view .otx .otlive .hstrk li::before,html #view .otx .otlive .hstrk li::after{background:rgba(255,255,255,.25)!important}
html #view .otx .otlive .hstrk li.done::before,html #view .otx .otlive .hstrk li.done::after,html #view .otx .otlive .hstrk li.now::before{background:#7cc6ff!important}
.otx .otgo{display:inline-block;margin-top:8px;font-size:12px;font-weight:800;color:#ffd27a}
.otx .otchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:16px 0 10px}
.otx .otchips::-webkit-scrollbar{display:none}
html #view .otx .otf{flex:none;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.06)!important;color:#eef3ff!important;border-radius:999px;padding:8px 12px;font-size:12.5px;font-weight:600;cursor:pointer}
.otx .otf i{font-style:normal;color:#3ddc97;margin-left:4px;font-size:11px}
html #view .otx .otf.on{background:#4DA3FF!important;border-color:#4DA3FF!important;color:#04122b!important}
.otx .otf.on i{color:#04122b}
.otx .otlist{display:flex;flex-direction:column;gap:10px}
html #view .otx .otrow{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#eef3ff!important;text-decoration:none!important}
.otx .otrow:active{transform:scale(.99)}
.otx .otth{flex:none;width:52px;height:52px;border-radius:14px;background:#f2f6fc;display:grid;place-items:center;overflow:hidden;color:#1f5fd1}
.otx .otth img{max-width:46px;max-height:46px;width:auto;height:auto;mix-blend-mode:multiply}
.otx .otmid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.otx .otmid b{font-size:14.5px;color:#eef3ff}
.otx .otmid small{font-size:11.5px;color:#a5b6d8}
.otx .otpay{font-size:11px;font-weight:700}.otx .otpay.ok{color:#3ddc97}.otx .otpay.due{color:#ffd27a}
.otx .otend{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}
.otx .otamt{font-size:14.5px;color:#fff;font-variant-numeric:tabular-nums}
.otx .otst{font-size:10.5px!important}
.otx .otdemo{position:absolute;right:10px;top:-8px;font-size:9.5px!important}
.otx .otempty{margin-top:14px;padding:22px 16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);text-align:center;color:#a5b6d8}
.otx .otempty p{margin:0 0 10px;color:#eef3ff}
/* detail */
.otx .otdet{padding-top:14px}
html #view .otx .otback{font-size:13px;font-weight:700;color:#7cc6ff!important;text-decoration:none}
.otx .othd{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:10px 0 4px}
.otx .othd small{font-size:12px;color:#a5b6d8}
html #view .otx .othd h1{margin:2px 0 0;font-size:24px;font-weight:800;color:#fff}
.otx .otcard{margin-top:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
html #view .otx .otcard h2{margin:0 0 10px;font-size:14px;font-weight:800;color:#eef3ff;display:flex;align-items:center;gap:6px}
.otx .otcard h2 small{font-size:11px;background:rgba(255,255,255,.12);border-radius:999px;padding:1px 8px;color:#cfe0ff}
.otx .ottl{list-style:none;margin:0;padding:0;position:relative}
.otx .ottl li{position:relative;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:0 0 18px}
.otx .ottl li:last-child{padding-bottom:0}
.otx .ottl li::before{content:"";position:absolute;left:13px;top:26px;bottom:-2px;width:2px;background:rgba(255,255,255,.18)}
.otx .ottl li:last-child::before{display:none}
.otx .ottl li.done::before{background:#4DA3FF}
.otx .ottl i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:800;background:rgba(255,255,255,.12);color:#a5b6d8;position:relative;z-index:1}
.otx .ottl li.done i{background:#4DA3FF;color:#04122b}
.otx .ottl li.now i{background:#ffd27a;color:#2b1700;box-shadow:0 0 0 5px rgba(255,210,122,.22)}
.otx .ottl b{font-size:13.5px;color:#a5b6d8}
.otx .ottl li.done b,.otx .ottl li.now b{color:#eef3ff}
.otx .ottl small{font-size:11.5px;color:#a5b6d8}
.otx .ottl li.cxl i{background:#ff6b6b;color:#fff}.otx .ottl li.cxl b{color:#ff9b9b}
html #view .otx .lrln{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);font-size:12px;color:#cfe0ff}
html #view .otx .lrln b{color:#fff}
.otx .otnote{margin:10px 0 0;font-size:12px;color:#ffd27a}
.otx .otit{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.otx .otit:last-child{border:0;padding-bottom:0}
.otx .otim{flex:none;width:48px;height:48px;border-radius:12px;background:#f2f6fc;display:grid;place-items:center;overflow:hidden;color:#1f5fd1}
.otx .otim img{max-width:44px;max-height:44px;width:auto;height:auto;mix-blend-mode:multiply}
.otx .otin{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.otx .otin b{font-size:13px;color:#eef3ff;overflow-wrap:anywhere}
.otx .otin small{font-size:11.5px;color:#a5b6d8}
.otx .otin .otshort{color:#ffd27a}
.otx .otla{flex:none;font-size:13.5px;color:#fff;font-variant-numeric:tabular-nums}
.otx .ottot p{display:flex;justify-content:space-between;margin:0;padding:7px 0;font-size:13px;color:#a5b6d8;border-bottom:1px dashed rgba(255,255,255,.1)}
.otx .ottot p:last-child{border:0}
.otx .ottot p b{color:#fff;font-variant-numeric:tabular-nums}
.otx .ottot p.ok b{color:#3ddc97}.otx .ottot p.due b{color:#ffd27a;font-size:15px}
.otx .otacts{display:grid;gap:10px;margin-top:16px}
html #view .otx .otacts .btn{width:100%;justify-content:center;border-radius:14px;min-height:48px;font-weight:800}
html #view .otx .otacts .btn.pri{background:linear-gradient(150deg,#4DA3FF,#1f5fd1)!important;border:0!important;color:#fff!important}
html #view .otx .otacts .btn.gb{background:transparent!important;border:1.5px solid rgba(124,198,255,.6)!important;color:#7cc6ff!important}
html #view .otx .otacts .otwa{background:#25D366!important;border:0!important;color:#fff!important}
.otx .otbills{margin-top:18px}
.otx .otbr{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.otx .otbr:last-child{border:0}
.otx .otbr span{flex:1;display:flex;flex-direction:column}.otx .otbr span b{font-size:13px;color:#eef3ff}.otx .otbr small{font-size:11px;color:#a5b6d8}
.otx .otbr>b{color:#fff;font-size:13px}
html #view .otx .note3{color:#a5b6d8}
/* Style A orders */
html[data-dbt="a"] #view .otx{background:#eef2f8;background-image:none;color:#0f1e3d}
html[data-dbt="a"] #view .otx .othead h1,html[data-dbt="a"] #view .otx .othd h1,html[data-dbt="a"] #view .otx .otcard h2,html[data-dbt="a"] #view .otx .otmid b,html[data-dbt="a"] #view .otx .otin b,html[data-dbt="a"] #view .otx .otempty p,html[data-dbt="a"] #view .otx .otbr span b{color:#0f1e3d}
html[data-dbt="a"] #view .otx .othead p,html[data-dbt="a"] #view .otx .othd small,html[data-dbt="a"] #view .otx .otmid small,html[data-dbt="a"] #view .otx .otin small,html[data-dbt="a"] #view .otx .ottl small,html[data-dbt="a"] #view .otx .otbr small,html[data-dbt="a"] #view .otx .note3,html[data-dbt="a"] #view .otx .otempty{color:#5a6b8c}
html[data-dbt="a"] #view .otx .actabs{background:#fff;border-color:#e6ebf3}
html[data-dbt="a"] #view .otx .actabs a{color:#5a6b8c!important}
html[data-dbt="a"] #view .otx .actabs a.on,html[data-dbt="a"] #view .otx .actabs a[aria-selected="true"]{background:#0a1d42!important;color:#fff!important}
html[data-dbt="a"] #view .otx .otlive{background:linear-gradient(160deg,#0a1d42 0%,#123170 70%,#1d4aa0 100%);border:0}
html[data-dbt="a"] #view .otx .otf{background:#fff!important;border-color:#d9e1ee!important;color:#0f1e3d!important}
html[data-dbt="a"] #view .otx .otf i{color:#0d8a5c}
html[data-dbt="a"] #view .otx .otf.on{background:#0a1d42!important;border-color:#0a1d42!important;color:#fff!important}
html[data-dbt="a"] #view .otx .otf.on i{color:#3ddc97}
html[data-dbt="a"] #view .otx .otrow,html[data-dbt="a"] #view .otx .otcard,html[data-dbt="a"] #view .otx .otempty{background:#fff;border:0;box-shadow:0 6px 20px rgba(10,29,66,.08);color:#0f1e3d!important}
html[data-dbt="a"] #view .otx .otamt,html[data-dbt="a"] #view .otx .otla,html[data-dbt="a"] #view .otx .ottot p b,html[data-dbt="a"] #view .otx .otbr>b{color:#0f1e3d}
html[data-dbt="a"] #view .otx .otpay.ok,html[data-dbt="a"] #view .otx .ottot p.ok b{color:#0d8a5c}
html[data-dbt="a"] #view .otx .otpay.due,html[data-dbt="a"] #view .otx .ottot p.due b,html[data-dbt="a"] #view .otx .otnote,html[data-dbt="a"] #view .otx .otin .otshort{color:#d97706}
html[data-dbt="a"] #view .otx .otback{color:#3d6fc4!important}
html[data-dbt="a"] #view .otx .otcard h2 small{background:#eef2f8;color:#5a6b8c}
html[data-dbt="a"] #view .otx .ottl li::before{background:#e6ebf3}
html[data-dbt="a"] #view .otx .ottl li.done::before{background:#3d8bff}
html[data-dbt="a"] #view .otx .ottl i{background:#eef2f8;color:#7f93ba}
html[data-dbt="a"] #view .otx .ottl li.done i{background:#3d8bff;color:#fff}
html[data-dbt="a"] #view .otx .ottl li.now i{background:#f59e0b;color:#fff;box-shadow:0 0 0 5px rgba(245,158,11,.18)}
html[data-dbt="a"] #view .otx .ottl b{color:#7f93ba}
html[data-dbt="a"] #view .otx .ottl li.done b,html[data-dbt="a"] #view .otx .ottl li.now b{color:#0f1e3d}
html[data-dbt="a"] #view .otx .lrln{background:#f2f6fc;color:#5a6b8c}
html[data-dbt="a"] #view .otx .lrln b{color:#0f1e3d}
html[data-dbt="a"] #view .otx .otit,html[data-dbt="a"] #view .otx .otbr{border-bottom-color:#eef1f5}
html[data-dbt="a"] #view .otx .ottot p{color:#5a6b8c;border-bottom-color:#e6ebf3}
html[data-dbt="a"] #view .otx .otacts .btn.pri{background:#0a1d42!important}
html[data-dbt="a"] #view .otx .otacts .btn.gb{border-color:#1f5fd1!important;color:#1f5fd1!important}
@media (prefers-reduced-motion:reduce){.db .srbig:active .srph img,.otx .otrow:active{transform:none}}