:root{--bg:#f5f7fa;--panel:#fff;--ink:#15171d;--muted:#667085;--line:#d9e0ea;--soft:#eef3f8;--qualcomm-blue:#1559d1;--qualcomm-blue-dark:#0b3d91;--qualcomm-cyan:#00a3e0;--success:#0f7a4d;--warning:#9a5b00;--shadow:0 18px 50px #0f172a17}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--bg);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-shell{background:linear-gradient(#f8fafcf5,#f1f5f9f5),#f8fafc;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e4e7ec;border-radius:8px;gap:14px;width:min(100%,380px);padding:28px;display:grid;box-shadow:0 14px 42px #0f172a14}.login-mark{color:#475467;background:#f9fafb;border:1px solid #e4e7ec;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.login-card p,.login-card h1{margin:0}.login-card p{color:#667085;font-size:13px}.login-card h1{letter-spacing:0;font-size:28px}label{color:#344054;gap:7px;font-size:13px;font-weight:650;display:grid}input,select,textarea{width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;outline:none}input,select{height:40px;padding:0 11px}textarea{resize:vertical;min-height:78px;padding:10px 11px;line-height:1.4}input:focus,select:focus,textarea:focus{border-color:var(--qualcomm-blue);box-shadow:0 0 0 3px #1559d11f}.login-error{color:#b42318;font-size:13px}.login-button,.primary,.secondary,.nav-button,.chip,.package-row,.bom-item{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.login-button,.primary{color:#fff;background:var(--qualcomm-blue);border:0}.login-button{width:100%;margin-top:4px}.primary,.secondary{padding:0 13px}.primary:hover{background:var(--qualcomm-blue-dark)}.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.qsc-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.qsc-sidebar{color:#fff;background:#101923;flex-direction:column;gap:14px;padding:20px;display:flex}.qsc-brand{border-bottom:1px solid #ffffff24;align-items:center;gap:12px;padding-bottom:18px;display:flex}.qsc-brand strong,.qsc-brand span{display:block}.qsc-brand strong{font-size:18px}.qsc-brand span{color:#ffffffad;font-size:12px}.brand-icon{background:var(--qualcomm-blue);border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.nav-button{color:#ffffffb8;background:0 0;border:0;justify-content:flex-start;width:100%;padding:0 12px}.nav-button.active,.nav-button:hover{color:#fff;background:#ffffff1f}.security-note{color:#ffffffbf;border:1px solid #ffffff1f;border-radius:8px;gap:9px;margin-top:auto;padding:12px;font-size:12px;line-height:1.35;display:flex}.qsc-main{background:linear-gradient(180deg, #fff 0%, #f5f7fa 280px), var(--bg);min-width:0;padding:24px}.qsc-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;padding:4px 0 18px;display:flex}.qsc-header h1,.qsc-header p,.panel h2,.panel h3,.recommendation-card h3{margin:0}.qsc-header h1{font-size:38px;line-height:1.05}.qsc-header p:not(.eyebrow){max-width:760px;color:var(--muted);margin-top:8px;line-height:1.5}.eyebrow{color:var(--qualcomm-blue);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:760}.header-actions{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.customer-switcher{min-width:170px}.customer-switcher select{height:38px}.qsc-grid{grid-template-columns:minmax(310px,.85fr) minmax(340px,1fr);gap:16px;display:grid}.studio-layout{grid-template-columns:minmax(360px,.78fr) minmax(520px,1fr);gap:16px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow);border-radius:8px;padding:18px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.panel-heading>svg{color:var(--qualcomm-blue)}.problem-panel,.bom-panel{gap:13px;display:grid}.customer-panel{background:linear-gradient(135deg, color-mix(in srgb, var(--customer-accent,var(--qualcomm-blue)) 12%, white), #00a3e014), #fff;grid-column:1/-1;gap:10px;display:grid}.customer-summary{align-items:center;gap:14px;display:flex}.customer-summary span{color:var(--customer-accent,var(--qualcomm-blue-dark));border:1px solid color-mix(in srgb, var(--customer-accent,var(--qualcomm-blue)) 30%, white);background:var(--customer-surface,#eff6ff);border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:750}.customer-summary p{color:var(--muted);margin:0;line-height:1.45}.customer-mark{min-width:78px;height:42px;color:var(--customer-accent,var(--qualcomm-blue));border:1px solid color-mix(in srgb, var(--customer-accent,var(--qualcomm-blue)) 22%, white);background:#fff;place-items:center;font-weight:820;display:grid}.customer-mark.bmw-mark{color:#cdd2da;background:#05070a;border:4px solid #777b82;border-radius:50%;width:64px;min-width:64px;height:64px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #24272d,0 1px 2px #0f172a1f}.customer-mark.bmw-mark:before{content:"";border:2px solid #7f848c;border-radius:50%;position:absolute;inset:9px}.bmw-center{border:1px solid #11151b;border-radius:50%;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:34px;height:34px;display:grid;position:absolute;top:55%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.bmw-q.q1,.bmw-q.q4{background:#0066b3}.bmw-q.q2,.bmw-q.q3{background:#f8fafc}.bmw-letter{z-index:1;color:#cfd4dc;text-shadow:0 1px #000;font-size:11px;font-weight:900;line-height:1;position:absolute}.bmw-letter.b{top:9px;left:13px;transform:rotate(-35deg)}.bmw-letter.m{top:4px;left:50%;transform:translate(-50%)}.bmw-letter.w{top:9px;right:11px;transform:rotate(35deg)}.customer-mark.wordmark{color:#fff;background:var(--customer-accent,var(--qualcomm-blue));letter-spacing:.06em;border-radius:999px;min-width:116px}.customer-mark.xiaomi{color:#fff;background:var(--customer-accent,#ff6900);border-radius:10px;min-width:76px}.recommendation-card{color:#fff;background:linear-gradient(135deg, var(--qualcomm-blue), #0f8dcc);border-radius:8px;gap:7px;padding:15px;display:grid}.recommendation-card span{text-transform:uppercase;font-size:12px;font-weight:700}.recommendation-card p,.recommendation-card strong{line-height:1.4}.package-list,.bom-list,.catalog-list,.admin-packages{gap:10px;margin-top:12px;display:grid}.package-row{width:100%;color:var(--ink);border:1px solid var(--line);text-align:left;background:#fff;justify-content:space-between;padding:10px 11px}.package-row small{color:var(--muted)}.package-row.active{border-color:var(--qualcomm-blue);background:#eff6ff}.chip-field{gap:8px;display:grid}.chip-field>span{color:#344054;font-size:13px;font-weight:650}.chip-field>div{flex-wrap:wrap;gap:7px;display:flex}.chip{min-height:32px;color:var(--muted);border:1px solid var(--line);background:#fff;padding:0 10px;font-size:13px}.chip.selected{color:var(--qualcomm-blue-dark);background:#eff6ff;border-color:#9ec5ff}.bom-item{width:100%;color:var(--ink);border:1px solid var(--line);text-align:left;background:#fff;justify-content:flex-start;padding:11px}.bom-item.enabled{background:#f0fdf4;border-color:#0f7a4d59}.bom-item svg{color:var(--success);flex:none}.bom-item strong,.bom-item span,.buyer-card strong,.buyer-card span{display:block}.bom-item span,.buyer-card span,.catalog-card p,.admin-packages p{color:var(--muted);font-size:13px;line-height:1.4}.optional-list{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.optional-list h3{flex-basis:100%;font-size:14px}.optional-list span,.mini-bom small{color:#475467;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 8px;font-size:12px}.deployment-list{gap:10px;margin:0;padding-left:20px;display:grid}.deployment-list li{padding-left:4px;line-height:1.4}.buyer-card{background:var(--soft);border-radius:8px;gap:10px;margin-top:16px;padding:12px;display:flex}.buyer-card svg{color:var(--qualcomm-blue);flex:none}.search-box{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-box input{box-shadow:none;border:0}.catalog-card,.admin-packages article{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;padding:13px;display:flex}.catalog-card{width:100%;color:var(--ink);text-align:left;justify-content:space-between;align-items:flex-start}.catalog-card.selected{border-color:var(--qualcomm-blue);background:#f3f8ff}.catalog-card h3,.admin-packages h3{margin:2px 0 5px;font-size:16px}.catalog-card span,.admin-packages span{color:var(--qualcomm-blue);font-size:12px;font-weight:750}.catalog-icon{width:36px;height:36px;color:var(--qualcomm-blue);background:#eff6ff;border-radius:8px;flex:none;place-items:center;display:grid}.admin-packages article{display:block}.packages-panel{grid-column:1/-1}.mini-bom{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.soc-options{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px;margin-top:13px;display:grid}.soc-card{background:#f8fbff;border:1px solid #dbe7f6;border-radius:8px;gap:7px;padding:11px;display:grid}.soc-card.saved{background:#f0fdf4;border-color:#0f7a4d59}.soc-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.soc-card strong,.soc-card small{display:block}.soc-card strong{font-size:14px}.soc-card small{color:var(--qualcomm-blue);text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:760}.soc-card p{margin:0}.soc-config{flex-wrap:wrap;gap:5px;display:flex}.soc-config em,.soc-config button,.save-chip,.saved-config span{color:#475467;border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 7px;font-size:11px;font-style:normal}.soc-config button{cursor:default}.save-chip{color:var(--qualcomm-blue);font-weight:750}.save-chip.saved{color:var(--success);border-color:#0f7a4d59}.component-summary{background:var(--soft);border-radius:8px;gap:7px;padding:12px;display:grid}.component-summary span{color:var(--qualcomm-blue);text-transform:uppercase;font-size:12px;font-weight:760}.component-summary p{color:var(--muted);margin:0;line-height:1.4}.saved-config{gap:8px;margin-top:14px;display:grid}.saved-config h3{font-size:14px}.saved-config div{flex-wrap:wrap;gap:6px;display:flex}@media (max-width:980px){.qsc-shell,.qsc-grid,.studio-layout{grid-template-columns:1fr}.qsc-sidebar{min-height:auto}.qsc-header{display:grid}}