:root{color-scheme:dark;--bg:#080a0e;--surface:#0e1219;--surface2:#121824;--surface3:#171e2b;--border:#29313d;--muted:#8e9aaa;--text:#eef0f3;--gold:#deb877;--gold2:#f3d49b;--green:#50d6a0;--red:#fa7d91;--blue:#8cafff;--shadow:0 15px 40px #0004}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(ellipse 50% 35% at 80% -5%,#49341933,transparent 70%),var(--bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;font-feature-settings:"tnum" 1}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:linear-gradient(#c6ad733b 1px,transparent 1px),linear-gradient(90deg,#c6ad733b 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--gold)}
.shell{display:grid;grid-template-columns:234px minmax(0,1fr);min-height:100vh;position:relative}.sidebar{padding:29px 15px;position:sticky;top:0;height:100vh;background:#0b0e14f0;border-right:1px solid #303035;display:flex;flex-direction:column;z-index:5}.logo{display:flex;min-height:73px;align-items:center;padding:3px 13px 36px}.logomark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #a77c45;color:var(--gold2);font-size:19px;transform:rotate(-15deg);background:linear-gradient(140deg,#211d15,#14171b);box-shadow:0 0 24px #ae784920}.logomark span{transform:rotate(15deg)}.logo strong{letter-spacing:2px;font-size:15px;font-weight:800}.logo small{display:block;color:#8f7956;font-size:9px;letter-spacing:2.5px;margin-top:2px}.nav-label{color:#5f6979;font-size:10px;letter-spacing:2px;padding:0 14px;margin-bottom:10px}.nav{display:grid;gap:5px}.nav button{display:flex;gap:11px;align-items:center;border:1px solid transparent;width:100%;background:transparent;color:#8993a4;text-align:left;padding:12px 14px;border-radius:9px;transition:.2s}.nav button svg{flex:none;width:18px;height:18px;stroke-width:1.8}.nav button.active,.nav button:hover{background:linear-gradient(90deg,#30271b,#161b24);color:var(--gold2);border-color:#7d603538}.side-bottom{margin-top:auto;padding:15px 12px;border-top:1px solid #252c35;color:var(--muted);font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #50d6a0;margin-right:7px}.side-bottom p{margin:9px 0 0;line-height:1.65}.content{padding:30px clamp(18px,3.1vw,52px) 65px;max-width:1630px;width:100%;min-width:0;margin:0 auto}.page{display:none}.page.active{display:block;animation:fade .3s ease}@keyframes fade{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2.4px;font-weight:700;text-transform:uppercase;margin-bottom:6px}h1{font-size:clamp(25px,2.7vw,35px);letter-spacing:-.7px;font-weight:720;margin:0 0 7px}h2{margin:0;font-size:16px;letter-spacing:.2px;font-weight:650}h3{font-size:13px;margin:0 0 12px}p{margin:8px 0}.muted{color:var(--muted)}.small{font-size:12px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{appearance:none;border:1px solid #3a414d;color:#d8dce2;background:linear-gradient(180deg,#202633,#151b25);border-radius:9px;padding:10px 15px;font-weight:600;transition:.17s;white-space:nowrap}.btn:hover{border-color:#caa76d;color:white;transform:translateY(-1px)}.btn:focus-visible,.nav button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn.primary{color:#17140f;border-color:#f4d69a;background:linear-gradient(135deg,#f4d9a4,#c9974d);box-shadow:0 8px 24px #99703727}.btn.primary:hover{filter:brightness(1.09)}.btn.ghost{background:transparent}.btn.danger{color:var(--red);border-color:#773f4a}.btn.tiny{padding:7px 10px;font-size:12px}.panel{background:linear-gradient(147deg,#151b25e8,#0e1219ed);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.panel-pad{padding:20px 22px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.panel-sub{font-size:11px;color:#8290a2}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.kpi{min-width:0;padding:21px 18px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:18px;top:0;width:48px;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}.kpi-label{font-size:11px;color:#98a1af;margin-bottom:13px}.kpi-value{font-size:clamp(21px,2vw,27px);font-weight:730;letter-spacing:-.5px;white-space:nowrap}.kpi-note{font-size:10px;color:#667589;margin-top:9px}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.gold{color:var(--gold2)!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:14px;margin-top:15px}.dashboard-grid.lower{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-wrap{height:255px;position:relative;overflow:hidden}.chart-wrap svg{height:100%;width:100%;display:block}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:165px;color:#8692a2}.empty strong{color:#bac4d1;font-size:14px;font-weight:600}.empty .empty-ico{color:#aa8654;font-size:30px}.thin-scroll{overflow:auto}.data-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;min-width:590px}.data-table th{color:#768397;font-weight:600;letter-spacing:.2px;font-size:11px}.data-table td,.data-table th{padding:12px 10px;border-bottom:1px solid #252d36;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#ffffff06}.data-table tr.clickable{cursor:pointer}#recent .data-table{min-width:0}#recent .data-table td,#recent .data-table th{padding:12px 6px}#recent .data-table td:first-child,#recent .data-table th:first-child{padding-left:0}#recent .data-table td:last-child,#recent .data-table th:last-child{text-align:right;padding-right:0}.pill{border:1px solid #343c49;border-radius:6px;color:#aab3c0;background:#1c2530;padding:3px 7px;font-size:11px;display:inline-block}.pill.long{color:#76d8b3;background:#17372f77;border-color:#2a5c4a}.pill.short{color:#ff9bad;background:#532a3470;border-color:#683b46}.bar-item{margin:14px 0}.bar-line{display:flex;justify-content:space-between;gap:7px;font-size:12px;margin-bottom:6px}.bar-track{height:5px;background:#29313e;border-radius:10px;overflow:hidden}.bar-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#826139,var(--gold2))}.optional-details{margin-top:16px;border-top:1px solid #293542;padding-top:12px}.optional-details summary{cursor:pointer;display:inline-flex;align-items:center;color:#d7b784;font-size:12px;font-weight:600;list-style:none;gap:8px}.optional-details summary:before{content:"＋";border:1px solid #5e4c33;border-radius:6px;padding:0 6px;color:#d9b582}.optional-details[open] summary:before{content:"−"}.optional-details .form-grid{padding-top:16px}.quick-intro{background:radial-gradient(ellipse at 90% 50%,#ac78341c,transparent 55%),linear-gradient(125deg,#171c26,#0f1319);border:1px solid #4a3f30;border-radius:14px;padding:22px 24px;margin-bottom:16px}.mode{display:inline-flex;gap:4px;border:1px solid #353d46;background:#0b1017;padding:4px;border-radius:10px}.mode button{border:0;background:transparent;color:#8f9bab;padding:9px 17px;border-radius:7px;font-size:13px;font-weight:650}.mode button.active{color:#1c160d;background:linear-gradient(115deg,#f0d39a,#bb9255)}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.field{min-width:0}.field label,.field-label{display:block;color:#a5aebe;font-size:11px;font-weight:600;margin-bottom:6px}.field .hint{color:#67768c;font-size:10px;margin-top:5px}.field input,.field select,.field textarea,.input,select.input{width:100%;color:#edf0f3;outline:0;min-width:0;border-radius:8px;border:1px solid #354052;background:#0a1018;padding:11px 12px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#c39c62;box-shadow:0 0 0 3px #b58b5224}.field textarea{min-height:90px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#596679}.field select{color-scheme:dark}.form-section{margin:16px 0}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}.step{width:26px;height:26px;display:grid;place-items:center;color:var(--gold);background:#362c1e;border:1px solid #6b5434;border-radius:7px;font-size:12px}.section-title p{color:#788699;font-size:11px;margin:3px 0 0}.rule{height:1px;background:#2b3440;margin:18px 0}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{border:1px solid #37414f;color:#8f9bad;background:#0b111a;border-radius:7px;padding:8px 11px;font-size:12px;cursor:pointer;user-select:none}.tag:has(input:checked){border-color:#bf9b60;color:var(--gold2);background:#46351d66}.tag input{position:absolute;opacity:0;pointer-events:none}.advanced-only{display:none}.advanced .advanced-only{display:block}.split-rows .fill-row{display:grid;grid-template-columns:minmax(135px,1.5fr) minmax(95px,.9fr) minmax(75px,.65fr) minmax(100px,1fr) minmax(90px,.8fr) 35px;gap:8px;align-items:end;margin-bottom:9px}.fill-row .field label{font-size:10px}.fill-row .field input,.fill-row .field select{padding:8px}.fill-row .remove{height:36px;min-width:34px}.sub-panel{padding:18px;border:1px solid #313b49;border-radius:11px;background:#0b1119}.toggle{display:inline-flex;align-items:center;gap:9px;color:#b4bcca;font-size:12px;cursor:pointer}.toggle input{accent-color:#d6ae75;width:17px;height:17px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;flex-wrap:wrap}.summary-mini{font-size:11px;color:#778497}.mini-chip{display:inline-flex;gap:5px;align-items:center;border:1px solid #453923;background:#241d13;padding:5px 9px;border-radius:6px;color:#d6b27b;font-size:11px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filters .input{width:auto;max-width:230px;padding:10px 12px}.calendar-head,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-head>*{font-size:11px;color:#77869a;text-align:center;padding:8px}.cal-day{min-height:99px;border:1px solid #293440;background:#0e141d;border-radius:9px;padding:9px;cursor:pointer;transition:.2s;text-align:left;color:#afb9c7}.cal-day:hover{border-color:#b18a52}.cal-day.other{opacity:.33}.cal-day .number{font-size:11px}.cal-day .amount{font-weight:700;margin-top:18px;font-size:13px}.cal-day .count{color:#8492a1;font-size:10px;margin-top:3px}.cal-day.has-pos{background:linear-gradient(140deg,#12342b,#0d171a);border-color:#245441}.cal-day.has-neg{background:linear-gradient(140deg,#3c2029,#191217);border-color:#633440}.liststack{display:grid;gap:8px}.itemline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border:1px solid #293542;border-radius:8px;background:#0c121a}.modal{position:fixed;inset:0;z-index:20;background:#05070acc;display:none;overflow:auto;padding:35px 14px}.modal.open{display:block}.modal-dialog{max-width:925px;margin:0 auto;padding:24px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:17px 0}.detail-metric{padding:13px;background:#0b111a;border:1px solid #2b3542;border-radius:8px}.detail-metric strong{font-size:17px}.detail-metric small{display:block;color:#8392a5;margin-bottom:7px}.detail-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.detail-images img{width:100%;border:1px solid #445161;border-radius:8px;cursor:zoom-in}.notice{padding:12px 14px;border:1px solid #57452d;border-radius:9px;background:#44331c42;color:#d5bb91;font-size:12px}.toast{position:fixed;bottom:24px;right:25px;z-index:50;background:#30291f;border:1px solid #b18c57;color:#f4daa6;padding:12px 17px;border-radius:9px;box-shadow:0 10px 35px #000a;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.divider-v{width:1px;background:#39414b;height:29px}.dash-filter{max-width:160px}.app-footer{color:#536072;font-size:11px;margin-top:25px}.preview-strip{display:flex;gap:9px;flex-wrap:wrap}.preview-strip img{width:110px;height:70px;object-fit:cover;border-radius:7px;border:1px solid #3b4550}.font-mono{font-variant-numeric:tabular-nums;letter-spacing:.2px}
@media(max-width:1360px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid.lower{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:22px 10px}.logo{justify-content:center;padding:0 0 28px}.logo>div:last-child,.nav-label,.nav button span,.side-bottom{display:none}.nav button{justify-content:center;padding:13px}.dashboard-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){#settings .dashboard-grid,#data .dashboard-grid{grid-template-columns:1fr!important}#settings .panel .form-grid{display:flex;flex-wrap:wrap}#settings .panel .form-grid .field{flex:1;min-width:130px}#settings .panel .form-grid .btn{flex:auto}.shell{display:block}.sidebar{height:auto;position:sticky;top:0;padding:9px 12px;flex-direction:row;align-items:center;overflow:auto;border-bottom:1px solid #30343b}.logo{padding:0 12px 0 0}.logomark{width:31px;height:31px}.nav{display:flex;gap:4px}.nav button{padding:9px}.content{padding:22px 13px 50px}.top{flex-direction:column;gap:13px}.top .actions{width:100%}.top .actions>*{flex:1}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi{padding:16px 13px}.kpi-value{font-size:20px}.dashboard-grid.lower{grid-template-columns:1fr}.panel-pad{padding:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .span2{grid-column:span 2}.split-rows .fill-row{grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #343d47;padding-bottom:12px}.split-rows .fill-row .remove{grid-column:2;width:100%}.calendar-head,.calendar-grid{gap:3px}.cal-day{min-height:70px;padding:5px}.cal-day .amount{font-size:10px;margin-top:12px}.cal-day .count{font-size:9px}.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-images{grid-template-columns:repeat(2,1fr)}.mode{width:100%}.mode button{flex:1}.filters .input{max-width:none;flex:1}.modal{padding:12px}.modal-dialog{padding:16px}}

/* Cloud & PWA shell */
body{min-width:320px} #appRoot{visibility:hidden}body.app-ready #appRoot{visibility:visible}
.cloud-controls{display:flex;align-items:center;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:18px}
.cloud-status{font-size:11px;color:#d4b982;border:1px solid #65502d;background:#211a11;border-radius:7px;padding:7px 10px}
.cloud-user{font-size:11px;color:#929eae;overflow:hidden;text-overflow:ellipsis;max-width:210px;white-space:nowrap}
.auth-gate{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 75% 8%,#82602a24,transparent 48%),#080a0e;overflow:auto}
.auth-gate[hidden]{display:none}.auth-card{width:min(100%,440px);border:1px solid #80633f;background:linear-gradient(145deg,#171d27,#0c1016);border-radius:18px;padding:30px;box-shadow:0 35px 85px #000b}
.auth-graphic{width:54px;height:54px;display:grid;place-items:center;color:#ecc98f;font-size:24px;border:1px solid #9e7944;background:#2d2418;border-radius:16px;margin-bottom:18px}
.auth-card h1{font-size:26px}.auth-card .field{margin:14px 0}.auth-card .btn{width:100%;margin-top:8px}.auth-card .subtle-link{background:none;border:0;color:var(--gold);padding:10px;cursor:pointer}
.auth-error{min-height:25px;margin-top:12px;color:var(--red);font-size:12px;white-space:pre-wrap}
.auth-line{height:1px;background:#39414b;margin:18px 0}.setup-steps{color:#a9b3c0;font-size:12px;line-height:1.9}
body.preview-mode .cloud-status{border-color:#62462f;color:#ffc88f}
@media(max-width:640px){.cloud-controls{justify-content:space-between;padding:3px 0 8px}.cloud-user{max-width:135px}.auth-card{padding:22px}.content{padding-bottom:max(65px,env(safe-area-inset-bottom))}}

/* Instrument catalog settings */
.instrument-settings{margin-top:16px}.product-layout{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(310px,1.05fr);gap:22px;margin-top:18px;align-items:start}.product-editor{padding:17px;border:1px solid #3a404b;background:linear-gradient(160deg,#141a24,#0c1016);border-radius:12px}.product-editor h3,.product-layout h3{font-size:15px;margin:0 0 14px}.product-editor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-toggle{margin:15px 0}.product-editor .actions{margin-top:12px}.product-editor p{line-height:1.65;margin-top:15px}.product-list{max-height:540px;overflow:auto;display:grid;gap:10px}.product-item{padding:13px;border:1px solid #3c4754;background:#101722;border-radius:10px}.product-item.archived{opacity:.65}.product-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.product-head strong{margin-right:7px;font-size:15px}.product-head .actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.product-spec{display:flex;gap:12px;flex-wrap:wrap;color:#c9b18c;margin-top:10px;font-size:11px}.product-item .mini-chip{font-size:10px}.product-item .muted{margin-top:6px}
@media(max-width:980px){.product-layout{grid-template-columns:1fr}}
@media(max-width:640px){.instrument-settings .product-editor .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.instrument-settings .product-editor .form-grid .field{min-width:0!important}.product-head{flex-direction:column}.product-head .actions{justify-content:flex-start}.product-item{padding:12px}.product-editor{padding:12px}}

/* V3.1 mobile usability and overflow corrections */
/* The un-sized absolute checkbox previously expanded advanced-mode document width to ~700px on 390px screens. */
.tag{position:relative}.tag input{position:absolute;width:1px!important;height:1px!important;clip-path:inset(50%);overflow:hidden;margin:0;padding:0;left:50%;top:50%}
.tag:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.mobile-trades{display:none}
.advanced-collapse{min-width:0}.advanced-collapse>summary{list-style:none;cursor:pointer;margin-bottom:0}.advanced-collapse>summary::-webkit-details-marker{display:none}.advanced-collapse[open]>summary{margin-bottom:18px}.collapse-chevron{margin-left:auto;color:#c5a275;font-size:18px;transition:transform .2s;flex-shrink:0}.advanced-collapse[open] .collapse-chevron{transform:rotate(180deg)}
.cloud-actions{display:flex;align-items:center;gap:8px}
@media(max-width:640px){
html,body,#appRoot,.shell,.content,.page{max-width:100%;min-width:0}
body{overflow-x:hidden}
.cloud-controls{display:grid;grid-template-columns:max-content minmax(0,1fr);justify-content:stretch;gap:9px 10px;align-items:center;padding-bottom:14px;border-bottom:1px solid #252d36;margin-bottom:22px}
.cloud-status{grid-column:1;white-space:nowrap;justify-self:start}
.cloud-user{grid-column:2;max-width:100%;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis}
.cloud-actions{grid-column:1 / -1;display:flex;gap:9px;justify-content:flex-start}
.cloud-actions .btn{font-size:12px;padding:8px 12px}
.mode button{min-width:0;padding:10px 9px}
.top .actions{min-width:0;flex-wrap:wrap}.top .actions .btn.primary{flex-basis:100%}
#newtrade .top .actions .mode{flex-basis:100%}
#formContainer,#tradeForm,.advanced-only,.form-section,.field,.sub-panel{min-width:0;max-width:100%}
.advanced-collapse{padding:15px}.advanced-collapse>summary{gap:9px}.advanced-collapse .section-title h2{font-size:14px}
.advanced-collapse .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.advanced-collapse textarea{max-width:100%}
#tradeTable{overflow:visible}.desktop-trades{display:none}.mobile-trades{display:grid;gap:10px}
.trade-card{appearance:none;width:100%;display:grid;gap:9px;text-align:left;background:linear-gradient(135deg,#171f2b,#0c121a);color:var(--text);border:1px solid #33404e;border-radius:11px;padding:14px;cursor:pointer}
.trade-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.trade-card-top{display:flex;align-items:center;gap:10px}.trade-card-top strong{font-size:17px}.trade-pnl{margin-left:auto;font-size:17px;font-weight:750;font-variant-numeric:tabular-nums}
.trade-card-meta{font-size:12px;color:#b6c0cd}.trade-card-bottom{display:flex;justify-content:space-between;gap:8px;color:#8796a9;font-size:11px}
#trades .panel-head{align-items:stretch!important;flex-direction:column}#trades .filters{width:100%}#trades .filters .input{min-width:0;flex:1}
#trades .top .btn{flex:1}
#settings .dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
#settings .dashboard-grid>.panel{min-width:0}
#settings .itemline{flex-wrap:wrap}
#settings .instrument-settings .product-editor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#settings .instrument-settings .product-editor .form-grid .field{min-width:0}
#settings .product-layout{min-width:0;grid-template-columns:minmax(0,1fr)}
#settings .product-editor{min-width:0}
#settings .product-head .actions .btn{flex:auto}
}

/* V3.1.1 instrument picker and iPhone sticky navigation polish */
.instrument-picker{position:relative;min-width:0}
.instrument-picker #tSymbol{padding-right:47px}
.instrument-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:43px;display:grid;place-items:center;background:#151c27;border:0;border-left:1px solid #354052;border-radius:0 8px 8px 0;color:#ddbf89;font-size:23px;cursor:pointer}
.instrument-toggle:hover,.instrument-toggle:focus-visible{background:#2a251b;outline:2px solid #d3ae72;outline-offset:-2px}
.instrument-menu{position:absolute;z-index:80;top:calc(100% + 5px);left:0;right:0;max-height:min(310px,50vh);overflow-y:auto;border:1px solid #9d7a45;border-radius:10px;background:#101722;box-shadow:0 18px 45px #000c;padding:5px}
.instrument-menu[hidden]{display:none!important}
.instrument-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-radius:7px;padding:12px 10px;background:transparent;color:#f1e0c0;text-align:left;cursor:pointer}
.instrument-option strong{font-size:13px;letter-spacing:.2px}
.instrument-option span{font-size:11px;color:#9eabba;max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.instrument-option:hover,.instrument-option.focused,.instrument-option:focus-visible{background:#3a2d1b;color:#f9dca5;outline:none}
.instrument-no-match{padding:14px 12px;font-size:12px;color:#9eabba}
.product-spec{gap:5px 14px;line-height:1.5}
@media(max-width:640px){
 .sidebar{background:#0b0e14!important;z-index:5;isolation:isolate;box-shadow:0 10px 22px #0009}
 .sidebar .nav{position:relative;z-index:1}
 .instrument-menu{max-height:44vh}
 .instrument-option{min-height:45px}
}