/* Approved warm sand tabs: official blue header, white fields, amber selections. */
html:root body #detail{background:#202124!important;color:#171b20}
html:root body #detail .cn-shell{display:block!important;max-width:1480px;margin:auto;padding:0 20px!important}
html:root body #detail .cn-side,html:root body #detail .cn-rail,html:root body #detail .sheet-head,html:root body #detail .prog-bar{display:none!important}
html:root body #detail .cn-main{margin:0!important;width:100%!important;min-width:0;padding:0!important}
html:root body #detail .top-nav{margin:16px 0 20px!important;padding:12px 18px!important;align-items:center;gap:14px!important;min-height:70px;background:#365875!important;border:1px solid #7893a8;border-radius:15px!important;position:static!important}
html:root body #detail .top-nav .nav-title{font-size:24px!important;letter-spacing:-.5px!important;flex:1!important;min-width:180px;color:#fff!important;text-transform:none}
html:root body #detail .top-nav .nav-back{color:#171b20!important;background:#fff!important;border-radius:10px!important;padding:10px 14px!important;min-height:44px}
html:root body #detail .nav-count{display:none!important}
html:root body #detail #detailHomeBtn{display:none!important}
html:root body #detail .cn-topnext{display:block!important;background:#F4D6A0!important;color:#171b20!important;border:1px solid #d2b883!important;border-radius:24px!important;min-height:44px;padding:10px 18px!important;font:600 14px var(--fb)!important;order:3}
html:root body #detail .cf-sand-section-jump{display:flex;gap:9px;align-items:center;color:#fff;font-size:12px;margin-left:auto;order:2}
html:root body #detail .cf-sand-section-jump select{width:220px;max-width:100%;min-height:44px;background:#fff;color:#171b20;border:1px solid #bfcbd6;border-radius:10px;padding:10px;font:14px var(--fb)}
html:root body #detail #d-body{display:grid!important;grid-template-columns:minmax(0,1fr) 280px;gap:22px;background:none!important;border:0!important;padding:0!important;margin:0!important;max-width:none!important;box-shadow:none!important}
html:root body #detail .cf-sand-work{min-width:0}
html:root body #detail .cf-sand-tabs{display:flex;gap:5px;padding:6px;background:#fff;border:1px solid #d3dce4;border-radius:14px;margin-bottom:18px;overflow-x:auto;scrollbar-width:thin}
html:root body #detail .cf-sand-tab{flex:1 0 auto;min-height:44px;border:0!important;border-radius:10px!important;padding:11px 16px!important;background:#fff!important;color:#171b20!important;font:600 13px var(--fb)!important;white-space:nowrap;text-transform:none!important;letter-spacing:0!important}
html:root body #detail .cf-sand-tab[aria-selected=true]{background:#F4D6A0!important;color:#171b20!important}
html:root body #detail .cf-sand-panel{background:#fff!important;border:1px solid #d2c6af;border-radius:18px;overflow:hidden;color:#171b20;padding-bottom:8px}
html:root body #detail .cf-sand-panel[hidden]{display:none!important}
html:root body #detail .cf-sand-panel-title{margin:0 0 6px!important;padding:20px 24px!important;background:#faf5eb!important;color:#171b20!important;font:650 18px var(--fb)!important;letter-spacing:0;text-transform:none;border-bottom:1px solid #e7dfd2}
html:root body #detail .cf-sand-panel>.grp{display:none!important}
html:root body #detail #d-body .fg{padding:18px 24px!important;margin:0!important;background:#fff!important;border:0!important;border-bottom:1px solid #e9e3d9!important;border-radius:0!important;box-shadow:none!important;color:#171b20}
html:root body #detail #d-body .fl,html:root body #detail #d-body label{color:#171b20!important;letter-spacing:0!important;text-transform:none!important;font-size:13px!important}
html:root body #detail #d-body .ti,html:root body #detail #d-body .ta,html:root body #detail #d-body .tsel,html:root body #detail #d-body .cu-select-btn{background:#fff!important;color:#171b20!important;border:1px solid #bdcad5!important;border-radius:10px!important;min-height:46px!important;font-size:15px!important;box-shadow:none!important}
html:root body #detail #d-body .ig{gap:18px!important}
html:root body #detail #d-body .chips{display:flex;flex-wrap:wrap;gap:9px!important}
html:root body #detail #d-body .chip{border:1px solid #c5cdd5!important;border-radius:24px!important;min-height:44px;padding:11px 18px!important;color:#171b20!important;background:#fff!important;font:500 14px var(--fb)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
html:root body #detail #d-body .chip.on{background:#F4D6A0!important;color:#171b20!important;border-color:#ad8955!important;box-shadow:inset 0 0 0 1px #ad8955!important}
html:root body #detail #d-body .chip:before{display:none!important}
html:root body #detail #d-body .note-ic,html:root body #detail #d-body .pick-btn{background:#faf5eb!important;color:#171b20!important;border:1px solid #d2b883!important;border-radius:12px!important;min-height:44px}
html:root body #detail .cf-sand-summary{align-self:start;position:sticky;top:18px;padding:22px;background:#fff;border:1px solid #d2b883;border-radius:18px;color:#171b20}
html:root body #detail .cf-sand-van{background:#F4D6A0;border-radius:12px;height:110px;display:grid;place-items:center;font-size:62px;color:#171b20;margin-bottom:18px}
html:root body #detail .cf-sand-eyebrow{color:#617080;font:11px var(--fb);letter-spacing:.1em;text-transform:uppercase}
html:root body #detail .cf-sand-summary h2{font:650 23px var(--fb);letter-spacing:-.5px;margin:10px 0;color:#171b20}
html:root body #detail .cf-sand-meta{font-size:13px;color:#596976;line-height:1.5}
html:root body #detail .cf-sand-summary dl div{padding:12px 0;border-top:1px solid #e3e7eb;font-size:12px}
html:root body #detail .cf-sand-summary dt{color:#617080;margin-bottom:6px}
html:root body #detail .cf-sand-summary dd{margin:0;font-weight:600}
html:root body #detail .cf-sand-client{background:#faf5eb;border-radius:8px;padding:10px;font-size:13px}
html:root body #detail .bot-nav{position:static!important;margin:20px 0!important;padding:14px 0!important;background:transparent!important;border-top:1px solid #4b5662!important;display:flex!important;gap:12px!important}
html:root body #detail .bot-nav .nav-pos{color:#d9e3eb}
html:root body #detail .nb{border-radius:24px!important;min-height:46px!important;padding:11px 20px!important;font:600 14px var(--fb)!important;letter-spacing:0!important;text-transform:none!important;background:#fff!important;color:#171b20!important;border:1px solid #cbd5dd!important}
html:root body #detail .nb.next{background:#F4D6A0!important;border-color:#d2b883!important;color:#171b20!important}
html:root body #detail .cf-sand-tab:focus-visible{outline:3px solid #365875;outline-offset:-3px}
@media(max-width:1000px){html:root body #detail #d-body{grid-template-columns:minmax(0,1fr) 220px}html:root body #detail .cf-sand-summary{padding:16px}html:root body #detail .cf-sand-section-jump{width:100%;order:4}html:root body #detail .cf-sand-section-jump select{width:100%}}
@media(max-width:700px){html:root body #detail .cn-shell{padding:0 12px!important}html:root body #detail #d-body{display:block!important}html:root body #detail .cf-sand-summary{position:static;margin-top:16px;padding:16px}html:root body #detail .cf-sand-van,html:root body #detail .cf-sand-summary dl{display:none}html:root body #detail .top-nav{padding:12px!important;gap:10px!important;margin:10px 0 16px!important}html:root body #detail .top-nav .nav-title{font-size:19px!important;min-width:120px}html:root body #detail .cn-topnext{display:none!important}html:root body #detail .cf-sand-section-jump select{font-size:16px}html:root body #detail .cf-sand-panel-title{padding:16px!important;font-size:17px!important}html:root body #detail #d-body .fg{padding:16px!important}html:root body #detail #d-body .ti,html:root body #detail #d-body .ta,html:root body #detail #d-body .tsel,html:root body #detail #d-body .cu-select-btn{font-size:16px!important}html:root body #detail #d-body .chip{flex:1 1 130px;text-align:center!important;padding:11px 13px!important}html:root body #detail .cf-sand-tab{font-size:12px!important;padding:10px 13px!important}html:root body #detail .bot-nav .nav-pos{display:none}html:root body #detail .nb{flex:1}}

.cf-sand-van svg{width:100px;height:75px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
html:root body #detail #d-body .fg{display:block!important}
html:root body #detail #d-body .fg>.fl{display:block!important;margin:0 0 12px!important}
html:root body #detail #d-body .mwc-sel-trigger{background:#fff!important;color:#171b20!important;border:1px solid #bdcad5!important;border-radius:10px!important;min-height:46px!important;font-size:15px!important;box-shadow:none!important}
html:root body #detail #d-body .mwc-sel-trigger:after{background:#faf5eb!important;color:#805b2d!important}
html:root body #detail #d-body .mwc-sel-menu{background:#fff!important;color:#171b20!important;border-color:#d2b883!important}
html:root body #detail #d-body .mwc-sel-opt.selected{background:#F4D6A0!important;color:#171b20!important}
html:root body #detail .bot-nav .nav-pos,html:root body #detail .bot-nav .nav-pos b{color:#d9e3eb!important}
html:root body #detail .bot-nav .nb.next{flex:0 0 auto!important;margin-left:auto!important;min-width:180px}
html:root body #detail .cf-sand-duplicate-label{display:none!important}
@media(max-width:700px){html:root body #detail #d-body .mwc-sel-trigger{font-size:16px!important}html:root body #detail .bot-nav .nb.next{flex:1!important;min-width:0}}
html:root body #detail .cf-sand-panel{overflow:visible}
html:root body #detail .cf-sand-panel-title{border-radius:18px 18px 0 0}
html:root body #detail .cf-sand-panel>.fg:last-child{border-radius:0 0 18px 18px!important}
html:root body #detail #d-body .fg>.fl.cf-sand-duplicate-label{display:none!important}

html:root body #detail #d-body .ig.c2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:700px){html:root body #detail .cf-sand-tabs-short .cf-sand-tab{flex:1 1 0;min-width:0;white-space:normal;padding:9px 6px!important;font-size:11px!important}html:root body #detail #d-body .ig.c2{gap:14px!important}}
html:root body #detail #d-body .mwc-sel-opt.cur{background:#F4D6A0!important;color:#171b20!important}
html:root body #detail #d-body .mwc-sel-opt:hover{background:#faf5eb!important;color:#171b20!important}
