:root{
  --pink:#ff2bdd; --pink-dark:#c817ae; --titanium:#aeb8c2;
  --bg:#090b0e; --panel:#12171c; --panel2:#171d23; --panel3:#1d242b;
  --line:#2b333b; --text:#f5f7f8; --muted:#89949f; --success:#43df8c;
  --warn:#f2bd43; --danger:#f25c68; --cyan:#66d7ff;
  --shadow:0 35px 100px rgba(0,0,0,.7);
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
body{background:#050607;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
button,input{font:inherit}button{color:inherit}
.stage{width:100vw;height:100vh;display:grid;place-items:center;background:
radial-gradient(circle at 50% 8%,rgba(255,43,221,.07),transparent 27%),
radial-gradient(circle at 20% 80%,rgba(174,184,194,.045),transparent 30%),#050607}
.tablet{position:relative;width:min(1540px,97vw);height:min(920px,96vh);padding:13px;border-radius:39px;
background:linear-gradient(145deg,#505860 0,#171b20 10%,#090b0e 55%,#31373e 100%);
box-shadow:var(--shadow),inset 0 0 0 1px #626a72}
.screen{height:100%;border-radius:28px;overflow:hidden;background:var(--bg);border:1px solid #313940;position:relative}
.tablet-camera{position:absolute;top:6px;left:50%;width:62px;height:6px;border-radius:20px;background:#070809;z-index:5}
.side-button{position:absolute;left:-4px;width:5px;background:#101215;border-radius:8px}.side-button.one{top:185px;height:82px}.side-button.two{top:292px;height:62px}
.topbar{height:58px;border-bottom:1px solid #252c33;background:#0c1014;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:13px;color:#a8b1ba}
.os-brand{display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;font-size:13px;font-weight:750;letter-spacing:.02em}
.os-brand b{color:var(--pink);font-weight:700}
.mosley-symbol{font-size:12px;font-weight:950;font-style:italic;letter-spacing:-4px;color:var(--pink);width:24px;overflow:hidden}
.connection{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;color:#eef4ef;font-size:12px;font-weight:700;letter-spacing:.05em}
.dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 12px rgba(67,223,140,.7)}
.top-actions{display:flex;align-items:center;gap:13px}.bell{position:relative}.bell em{position:absolute;right:-8px;top:-7px;font-style:normal;font-size:7px;background:var(--pink);color:#180614;border-radius:8px;padding:1px 4px;font-weight:800}
.battery{width:23px;height:11px;border:1px solid #76818b;border-radius:3px;padding:1px;position:relative}.battery:after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:4px;background:#76818b;border-radius:1px}.battery i{display:block;width:87%;height:100%;background:#b9c2ca;border-radius:1px}.battery-pct{font-size:11px;color:#9ca7b1;margin-left:-8px}
.content{height:calc(100% - 98px);overflow:auto;padding:28px 32px 34px;background:
radial-gradient(circle at 80% 0%,rgba(255,43,221,.055),transparent 30%),#0c1014}
.content::-webkit-scrollbar{width:5px}.content::-webkit-scrollbar-thumb{background:#343d46;border-radius:10px}
.statusbar{height:40px;border-top:1px solid #242b32;background:#0a0d10;display:flex;align-items:center;gap:25px;padding:0 18px;color:#707b86;font-size:11px}.statusbar strong{color:#c0c7ce}.status-right{margin-left:auto}.pink-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--pink);box-shadow:0 0 9px rgba(255,43,221,.8);margin-right:5px}

h1{font-size:29px;line-height:1;margin:0;letter-spacing:-.035em}h2{font-size:14px;margin:0;letter-spacing:.02em}.eyebrow,.section-title span{font-size:11px;color:var(--pink);letter-spacing:.11em;text-transform:uppercase;font-weight:750}.sub{color:var(--muted);font-size:12px;margin-top:5px}
.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.head-actions{display:flex;gap:7px}.btn{border:1px solid var(--line);background:#171d23;border-radius:7px;padding:10px 13px;font-size:11px;cursor:pointer}.btn:hover{border-color:#4b5661}.btn.primary{background:var(--pink);border-color:var(--pink);color:#190515;font-weight:850}.btn.danger{background:#211216;border-color:#58252d;color:#ff9ca5}
.card{background:linear-gradient(145deg,#151b20,#11161b);border:1px solid #2b333a;border-radius:10px;padding:16px}.grid{display:grid;gap:10px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.section-title{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 8px}.section-title h2{text-transform:uppercase;letter-spacing:.09em;color:#d9dfe4;font-size:11px}.metric{font-size:27px;font-weight:800;letter-spacing:-.04em}.label{font-size:10px;color:#84909b;text-transform:uppercase;letter-spacing:.09em}.divider{height:1px;background:#293139;margin:11px 0}.pill{display:inline-flex;align-items:center;padding:4px 7px;border-radius:5px;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;background:#242c33;color:#aeb7bf}.pill.pink{background:rgba(255,43,221,.12);color:#ff7bee;border:1px solid rgba(255,43,221,.2)}.pill.ok{background:rgba(67,223,140,.09);color:#65e8a0}.pill.warn{background:rgba(242,189,67,.1);color:#f6c95e}.pill.red{background:rgba(242,92,104,.1);color:#ff8c96}

.home-top{display:grid;grid-template-columns:1.45fr .9fr;gap:11px}.vehicle-card{min-height:235px;position:relative;overflow:hidden}.vehicle-info{position:relative;z-index:2}.vehicle-title{font-size:32px;font-weight:850;letter-spacing:-.04em;margin-top:5px}.vehicle-meta{display:flex;gap:18px;color:#aab4bd;font-size:11px;margin-top:4px}.vehicle-metrics{display:flex;gap:0;margin-top:24px}.vm{padding-right:20px;margin-right:20px;border-right:1px solid #303840}.vm:last-child{border:0}.vm strong{font-size:21px}.vm span{display:block;font-size:10px;color:#818d98;margin-top:2px}.vehicle-render{position:absolute;right:-5%;top:18px;width:61%;height:150px;overflow:hidden;display:flex;align-items:center;justify-content:center}.vehicle-render img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.12);mix-blend-mode:screen;opacity:.92}.vehicle-render:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151b20 0%,transparent 42%,rgba(10,13,16,.15) 100%)}
.work-card{display:flex;flex-direction:column;justify-content:space-between}.order-code{font-size:24px;font-weight:800;margin-top:3px}.progress{height:7px;background:#293139;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:var(--pink);border-radius:8px;box-shadow:0 0 12px rgba(255,43,221,.5)}.progress-row{display:flex;align-items:center;gap:8px;margin-top:8px}.progress-row .progress{flex:1}.progress-row span{font-size:10px;color:#adb6be}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.quick button{min-height:56px;background:#1a2026;border:1px solid #303941;border-radius:6px;cursor:pointer;text-align:left;padding:8px}.quick button:hover{border-color:rgba(255,43,221,.5);background:#211a24}.quick b{display:block;color:var(--pink);font-size:18px}.quick span{font-size:10px;color:#d4d9dd;display:block;margin-top:3px}
.apps{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.app-tile{min-height:92px;background:linear-gradient(145deg,#1a2026,#151a1f);border:1px solid #2c343b;border-radius:7px;padding:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.app-tile:hover{border-color:rgba(255,43,221,.55);transform:translateY(-1px)}.app-icon{font-size:22px;color:#c4cbd1}.app-tile strong{font-size:11px}.app-tile small{font-size:9px;color:#7e8994}
.bottom-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.stat{display:flex;align-items:center;gap:9px;background:#11171c;border:1px solid #293139;border-radius:7px;padding:9px}.stat-icon{width:27px;height:27px;border:1px solid #3a434b;border-radius:50%;display:grid;place-items:center;color:var(--pink);font-size:12px}.stat strong{font-size:13px}.stat span{display:block;font-size:9px;color:#7f8a95;margin-top:2px}

.vehicle-page{display:grid;grid-template-columns:1.05fr .95fr;gap:11px}.vehicle-overview{min-height:450px}.health-list{display:grid;gap:7px;margin-top:12px}.health-row{display:grid;grid-template-columns:1fr 120px 52px;align-items:center;gap:10px;font-size:10px}.health-row .bar{height:4px;background:#293139;border-radius:6px}.health-row .bar i{display:block;height:100%;background:var(--success);border-radius:6px}.health-row.warn .bar i{background:var(--warn)}.health-row b{text-align:right;color:#b9c2ca;font-size:10px}.mini-render{height:180px;border:1px solid #2c343b;border-radius:8px;overflow:hidden;background:#0d1115;display:flex;align-items:center;justify-content:center}.mini-render img{width:90%;mix-blend-mode:screen;opacity:.85}
.tuning-grid{display:grid;grid-template-columns:230px 1fr;gap:10px}.cat-list{display:grid;gap:5px}.cat{border:1px solid #2b333a;background:#151b20;border-radius:7px;padding:11px;font-size:11px;cursor:pointer;text-align:left}.cat.active{border-color:rgba(255,43,221,.55);background:rgba(255,43,221,.08);color:#fff}.parts{display:grid;gap:7px}.part{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;border:1px solid #2a3239;background:#151b20;border-radius:6px;padding:10px}.part strong{font-size:11px}.part small{display:block;color:#77838e;font-size:9px;margin-top:3px}.remove{color:#ff8c96}.install{color:#dce2e6}.range{width:100%;accent-color:var(--pink)}
.color-picker{display:grid;grid-template-columns:210px 1fr;gap:14px}.wheel-picker{width:180px;height:180px;border-radius:50%;background:conic-gradient(#ff2bdd,#ff3c62,#ffd33d,#4ade80,#3ad8ff,#7c5cff,#ff2bdd);position:relative}.wheel-picker:after{content:"";position:absolute;inset:32px;border-radius:50%;background:#11161a;border:1px solid #303840}.field{display:flex;align-items:center;gap:7px}.input{width:100%;border:1px solid #303840;background:#0f1418;border-radius:5px;padding:8px;color:#dfe4e8;font-size:9px;outline:none}.swatches{display:flex;gap:6px}.swatch{width:22px;height:22px;border-radius:4px;border:1px solid #46505a;cursor:pointer}
.dyno-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:10px}.chart{height:330px;position:relative;border:1px solid #2a3239;border-radius:7px;background:repeating-linear-gradient(0deg,transparent 0 32px,rgba(255,255,255,.035) 33px),repeating-linear-gradient(90deg,transparent 0 55px,rgba(255,255,255,.025) 56px),#11161a;overflow:hidden}.chart svg{position:absolute;inset:25px}.chart-key{display:flex;gap:15px;font-size:8px;color:#9aa5ae;margin-bottom:8px}.key-line{display:inline-block;width:20px;height:2px;background:var(--pink);vertical-align:middle;margin-right:5px}.key-line.torque{background:#b7c0c8}
.table{width:100%;border-collapse:collapse;font-size:10px}.table th{color:#737e89;text-transform:uppercase;letter-spacing:.08em;font-size:9px;text-align:left;padding:8px;border-bottom:1px solid #2a3239}.table td{padding:9px 8px;border-bottom:1px solid #20282f;color:#c8ced3}.table tr:last-child td{border-bottom:0}.table .right{text-align:right}
.invoice-lines{display:grid;gap:6px}.invoice-line{display:grid;grid-template-columns:1fr 130px 26px;gap:7px}.invoice-line .btn{padding:6px}
.setting{display:flex;align-items:center;justify-content:space-between;border:1px solid #2a3239;background:#151b20;border-radius:7px;padding:11px}.toggle{width:30px;height:16px;border-radius:20px;background:#303840;position:relative;cursor:pointer}.toggle:after{content:"";position:absolute;width:12px;height:12px;left:2px;top:2px;border-radius:50%;background:#7d8790;transition:.15s}.toggle.on{background:rgba(255,43,221,.35)}.toggle.on:after{left:16px;background:var(--pink)}
.profile-row{display:flex;align-items:center;gap:11px}.avatar{width:40px;height:40px;border-radius:50%;border:1px solid var(--pink);display:grid;place-items:center;color:var(--pink);font-weight:850;background:#17131a}.role{font-size:8px;color:var(--pink);letter-spacing:.1em;margin-top:4px}
.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;background:#171d23;border:1px solid #39434c;box-shadow:0 15px 40px rgba(0,0,0,.45);padding:10px 14px;border-radius:7px;font-size:9px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.tablet{width:98vw;height:96vh}.apps{grid-template-columns:repeat(4,1fr)}.home-top{grid-template-columns:1fr}.vehicle-page,.dyno-grid{grid-template-columns:1fr}}


/* MOSLEY v0.3 readability pass */
.content{scrollbar-gutter:stable}
.card-title{font-size:13px;font-weight:800;letter-spacing:.01em;margin-bottom:10px;color:#edf1f4}
.field .input{font-size:11px}
.table td{font-size:11px}
.table th{padding:10px 9px}
.setting strong{font-size:11px!important}
.profile-row .sub{font-size:11px}
@media(max-width:1250px){.tablet{width:98vw;height:97vh}.apps{grid-template-columns:repeat(4,1fr)}.home-top{grid-template-columns:1fr}.vehicle-page,.dyno-grid{grid-template-columns:1fr}}
@media(max-width:850px){.apps{grid-template-columns:repeat(3,1fr)}.bottom-stats{grid-template-columns:repeat(2,1fr)}.home-top{grid-template-columns:1fr}.content{padding:20px}.top-actions span:nth-child(2){display:none}}
.home-lower{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-top:10px}.activity,.alert-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #252d34}.activity:last-child,.alert-row:last-child{border-bottom:0}.activity strong,.alert-row strong{display:block;font-size:11px;margin-top:6px}.activity small,.alert-row small{display:block;color:#7f8a95;font-size:9px;margin-top:3px}.activity>b{font-size:13px;color:#e8edf0}.alert-row{justify-content:flex-start}.alert-dot{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px rgba(255,43,221,.7)}.warn-dot{background:var(--warn);box-shadow:0 0 10px rgba(242,189,67,.45)}


/* MOSLEY v0.4 — legibilidad y escala de tablet */
.topbar{font-size:14px}
.os-brand{font-size:14px}
.connection{font-size:13px}
.top-actions{font-size:13px}
.content{padding:30px 34px 38px}
.eyebrow,.section-title span{font-size:12px}
.section-title h2{font-size:12px}
.sub{font-size:13px}
.label{font-size:11px}
.card-title{font-size:14px}
.btn{font-size:12px;padding:11px 14px}
.app-tile{min-height:98px}
.app-tile strong{font-size:12px}
.app-tile small{font-size:10px}
.app-icon{font-size:24px}
.stat strong{font-size:14px}
.stat span{font-size:10px}
.quick span{font-size:11px}
.quick button{min-height:62px}
.order-code{font-size:26px}
.vehicle-title{font-size:35px}
.vehicle-meta{font-size:12px}
.vm strong{font-size:24px}
.vm span{font-size:11px}
.metric{font-size:29px}
.table{font-size:12px}
.table th{font-size:10px}
.table td{font-size:12px}
.table th,.table td{padding:11px 9px}
.health-row{font-size:12px}
.health-row b{font-size:11px}
.part strong{font-size:12px}
.part small{font-size:10px}
.input{font-size:12px}
.setting strong{font-size:12px!important}
.profile-row .sub{font-size:12px}
.activity strong,.alert-row strong{font-size:12px}
.activity small,.alert-row small{font-size:10px}
@media(max-width:1050px){.content{padding:24px}.apps{grid-template-columns:repeat(4,1fr)}}

/* MOSLEY v0.5 — sistema completo de módulos e interacción */
.pink-text{color:var(--pink)!important}.warn-text{color:var(--warn)!important}.ok-text{color:var(--success)!important}.cyan-dot{background:var(--cyan)!important;box-shadow:0 0 10px rgba(102,215,255,.45)!important}
.vehicle-tags{display:flex;gap:6px;margin-top:18px;flex-wrap:wrap}.vehicle-tags .pill{font-size:9px}.stat-grid{margin-top:10px}.stat-grid .card{min-height:94px}.stat-grid .metric{font-size:24px;margin-top:4px}
.vehicle-page{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.vehicle-page>div{display:grid;gap:12px;align-content:start}.mini-render.large{height:245px}.vehicle-metrics-grid{margin-top:14px}.identity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.identity-grid span{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em}.identity-grid b{display:block;margin-top:5px;font-size:12px}.component-note{font-size:11px;color:var(--muted);line-height:1.5}
.tuning-layout{display:grid;grid-template-columns:270px 1fr;gap:12px}.cat-list{display:grid;gap:5px;max-height:540px;overflow:auto;padding-right:2px}.cat{display:flex;justify-content:space-between;align-items:center;border:1px solid #2b333a;background:#151b20;color:#dce2e6;border-radius:7px;padding:12px 13px;font-size:12px;cursor:pointer;text-align:left}.cat b{color:#697681;font-size:16px}.cat:hover,.cat.active{border-color:rgba(255,43,221,.55);background:rgba(255,43,221,.08);color:#fff}.current-build{display:flex;justify-content:space-between;align-items:center;gap:10px}.current-build strong,.current-build small{display:block}.current-build small{color:var(--muted);margin-top:4px;font-size:10px}.build-name{display:inline-block;color:var(--pink);font-size:9px;letter-spacing:.12em;margin-bottom:5px}.build-power{font-size:24px;font-weight:850}.build-power small{display:inline;font-size:10px;color:var(--muted)}.part{min-height:62px}.price{color:#dfe5e9;font-size:12px;font-weight:700}.selection-footer{display:flex;justify-content:space-between;gap:20px}.selection-footer span{display:block;font-size:9px;color:var(--muted);letter-spacing:.08em}.selection-footer strong{display:block;margin-top:4px;font-size:12px}
.service-list{display:grid}.service-row{display:grid;grid-template-columns:1.3fr 1.4fr 70px 90px;gap:16px;align-items:center;padding:13px 2px;border-bottom:1px solid #252d34}.service-row:last-child{border-bottom:0}.service-row strong{display:block;font-size:12px}.service-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.service-bar .progress{height:6px}.service-row>b{text-align:right;font-size:12px}
.dyno-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:12px}.dyno-main-stat{padding:10px 0 16px}.dyno-main-stat span{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em}.dyno-main-stat strong{display:block;font-size:42px;letter-spacing:-.05em;margin-top:3px}.dyno-main-stat small{font-size:15px;color:var(--muted)}.dyno-stats>div{border:1px solid #293139;border-radius:7px;padding:12px;background:#11161a}.dyno-stats span,.test-info span{display:block;color:var(--muted);font-size:9px;letter-spacing:.07em}.dyno-stats b{display:block;font-size:14px;margin-top:5px}.test-info{display:grid;grid-template-columns:80px 1fr;gap:8px}.chart{height:390px}.chart-axis{position:absolute;bottom:8px;left:45px;right:10px;color:#697681;font-size:9px;text-align:center}.chart svg{inset:28px 20px 35px 20px}
.tabs{display:flex;gap:4px;margin:4px 0 10px;border-bottom:1px solid #293139}.tab{border:0;background:transparent;color:#7f8b96;padding:10px 15px;font-size:11px;cursor:pointer;border-bottom:2px solid transparent}.tab:hover,.tab.active{color:#fff;border-bottom-color:var(--pink)}.orders-table td,.inventory-table td{vertical-align:middle}.orders-table td:first-child,.inventory-table td:first-child{color:#fff}.orders-table .btn,.inventory-table .btn{padding:8px 10px}
.builds-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.build-card{min-height:330px}.build-image{height:120px;border:1px solid #293139;border-radius:7px;overflow:hidden;background:#0b0f12;margin-bottom:11px}.build-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.85}.build-head{display:flex;justify-content:space-between;align-items:center}.build-head>span:last-child{font-weight:800}.build-card>strong{display:block;font-size:14px;margin-top:7px}.build-card>small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.build-tags{display:flex;gap:5px;margin-top:12px;flex-wrap:wrap}.build-tags .pill{font-size:8px}.build-actions{display:flex;gap:6px;margin-top:15px}.build-actions .btn{flex:1}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 9px}.search{display:flex;align-items:center;gap:7px;width:340px;border:1px solid #303840;background:#0f1418;border-radius:7px;padding:9px 11px;color:#7f8b96}.search input{width:100%;background:transparent;border:0;outline:0;color:#eef2f5;font-size:11px}.toolbar-actions{display:flex;gap:6px}
.invoice-client{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid #293139}.invoice-client span{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em}.invoice-client b{display:block;margin-top:5px;font-size:12px}.invoice-lines{display:grid;gap:7px}.invoice-line{display:grid;grid-template-columns:1fr 150px 34px;gap:7px}.invoice-total{display:flex;align-items:center;justify-content:flex-end;gap:14px}.invoice-total>span{color:var(--muted);font-size:10px;letter-spacing:.08em}.invoice-total strong{font-size:24px}.invoice-total .btn{min-width:180px}
.management-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:12px}.management-chart{height:190px;display:flex;align-items:flex-end;gap:20px;padding:15px 20px 0;border-bottom:1px solid #303840}.chart-column{position:relative;flex:1;max-width:70px;background:linear-gradient(180deg,var(--pink),rgba(255,43,221,.15));border-radius:5px 5px 0 0;min-height:30px}.chart-column.active{box-shadow:0 0 22px rgba(255,43,221,.18)}.chart-column span{position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-size:9px;color:#cdd4d9;white-space:nowrap}.chart-days{display:flex;justify-content:space-around;padding:8px 20px 0;color:var(--muted);font-size:9px}.permission-list{display:grid}.permission-list>div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 0;border-bottom:1px solid #252d34;position:relative}.permission-list>div:last-child{border-bottom:0}.permission-list b{font-size:11px}.permission-list span{font-size:9px;color:var(--muted)}.permission-list .toggle{grid-row:1/3;grid-column:2;align-self:center}
.history-image{width:200px;height:90px}.history-title{font-size:24px;font-weight:850;margin-top:3px}.timeline{margin:14px 4px}.timeline-item{display:grid;grid-template-columns:18px 120px 1fr;gap:10px;position:relative;padding-bottom:12px}.timeline-item:before{content:"";position:absolute;left:8px;top:10px;bottom:0;width:1px;background:#303840}.timeline-item:last-child:before{display:none}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#7d8790;border:2px solid #0c1014;z-index:1;margin-top:5px}.timeline-dot.pink{background:var(--pink);box-shadow:0 0 10px rgba(255,43,221,.5)}.timeline-dot.ok{background:var(--success)}.timeline-dot.warn{background:var(--warn)}.timeline-date{font-size:10px;color:var(--muted);padding-top:4px}.timeline-card{border:1px solid #2a3239;background:#151b20;border-radius:7px;padding:11px 13px;display:flex;justify-content:space-between;gap:10px}.timeline-card strong{display:block;font-size:11px}.timeline-card small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.timeline-card>b{font-size:12px}
.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-list{display:grid;gap:7px}.setting{min-height:58px}.setting strong{font-size:12px!important}.profile-large{display:flex;align-items:center;gap:13px}.large-avatar{width:58px;height:58px;font-size:15px}.profile-name{font-size:18px;font-weight:850}.form-label{display:grid;gap:6px;color:var(--muted);font-size:9px;letter-spacing:.07em}.form-label .input{margin-top:0}.brand-preview{display:flex;align-items:center;gap:12px;border:1px solid #2b333a;border-radius:8px;padding:14px;background:#10151a;margin-bottom:13px}.brand-symbol{color:var(--pink);font-size:20px;font-weight:950;font-style:italic;letter-spacing:-6px;width:28px;overflow:hidden}.brand-preview strong{display:block;font-size:18px;letter-spacing:.04em}.brand-preview span{display:block;color:var(--muted);font-size:8px;letter-spacing:.12em;margin-top:3px}.color-fields{margin-top:5px}
.respray-layout{display:grid;grid-template-columns:330px 1fr;gap:12px}.color-wheel{width:230px;height:230px;margin:5px auto 18px;border-radius:50%;background:conic-gradient(#ff2bdd,#ff3c62,#ffd33d,#4ade80,#3ad8ff,#7c5cff,#ff2bdd);position:relative;box-shadow:0 0 45px rgba(255,43,221,.12)}.color-wheel:after{content:"";position:absolute;inset:28px;border-radius:50%;background:#11161a;border:1px solid #303840}.color-wheel-center{position:absolute;z-index:2;inset:83px;border-radius:50%;background:#ff2bdd;border:4px solid #1a2026;box-shadow:0 0 0 1px #4b5661}.preset-colors{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.preset-colors button{width:28px;height:28px;border-radius:6px;border:1px solid #46505a;cursor:pointer}.paint-tabs{display:flex;gap:2px;border-bottom:1px solid #2a3239;margin-bottom:14px}.paint-tabs .tab{padding:9px 13px}.paint-options{margin-bottom:12px}.paint-preview{height:250px}.paint-preview img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.88}
.stance-layout{display:grid;grid-template-columns:1fr .9fr;gap:12px}.stance-controls{display:grid;gap:16px}.stance-control>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.stance-control strong{font-size:11px}.stance-control b{font-size:12px;color:var(--pink)}.stance-control input{width:100%;accent-color:var(--pink)}.stance-visual{height:440px;border:1px solid #293139;border-radius:8px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(255,43,221,.08),transparent 50%),#0c1014}.stance-visual img{width:90%;mix-blend-mode:screen;opacity:.75}.wheel-marker{position:absolute;width:14px;height:54px;border:2px solid var(--pink);border-radius:6px;box-shadow:0 0 14px rgba(255,43,221,.5)}.wheel-marker.front{left:23%;top:48%}.wheel-marker.rear{right:23%;top:48%}.stance-footer{display:flex;gap:5px;margin-top:9px}
.bottle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bottle{border:1px solid #2b333a;background:#11161a;border-radius:8px;padding:15px;text-align:center}.bottle.active{border-color:rgba(255,43,221,.45);box-shadow:inset 0 0 0 1px rgba(255,43,221,.08)}.bottle-shape{width:54px;height:115px;margin:0 auto 10px;border-radius:15px 15px 10px 10px;background:linear-gradient(90deg,#343b42,#aeb8c2 45%,#343b42);color:#1b2024;font-weight:950;display:grid;place-items:center;position:relative}.bottle-shape:before{content:"";position:absolute;top:-10px;width:18px;height:15px;border-radius:4px 4px 0 0;background:#69747e}.bottle.empty .bottle-shape{background:#1b2126;border:1px dashed #4a555f;color:#87939e}.bottle strong{display:block;font-size:11px}.bottle span{display:block;color:var(--muted);font-size:9px;margin:4px 0 10px}.range-setting>div{display:flex;justify-content:space-between}.range-setting strong{font-size:11px}.range-setting b{color:var(--pink);font-size:11px}.range-setting input{width:100%;margin-top:12px;accent-color:var(--pink)}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(4px);z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(540px,92vw);background:#12171c;border:1px solid #3a444d;border-radius:12px;box-shadow:0 30px 100px rgba(0,0,0,.7)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 19px;border-bottom:1px solid #293139}.modal-head h2{font-size:19px;margin-top:4px}.modal-close{border:0;background:transparent;color:#7e8994;font-size:25px;cursor:pointer}.modal-body{padding:18px 19px;color:#c8d0d6;font-size:12px;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:7px;padding:12px 19px;border-top:1px solid #293139}.modal-order{display:grid;gap:12px}.modal-order span{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em}.modal-order b{display:block;font-size:12px;margin-top:3px}
@media(max-width:1250px){.tablet{width:98vw;height:97vh}.content{padding:25px}.builds-grid{grid-template-columns:repeat(2,1fr)}.tuning-layout,.settings-layout,.stance-layout,.respray-layout,.management-grid,.dyno-layout,.vehicle-page{grid-template-columns:1fr}.home-top{grid-template-columns:1fr}}
@media(max-width:850px){.apps{grid-template-columns:repeat(3,1fr)}.bottom-stats,.stat-grid{grid-template-columns:repeat(2,1fr)}.service-row{grid-template-columns:1fr 1fr}.service-row button{grid-column:2}.bottle-grid{grid-template-columns:1fr}.invoice-client{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%}.timeline-item{grid-template-columns:18px 90px 1fr}}
/* MOSLEY OS 0.6 refinamiento */
.top-actions>button,.top-actions>.top-icon{border:0;background:transparent;color:#b8c0c7;cursor:pointer;position:relative;font-size:12px}.top-actions>button:hover,.top-actions>.top-icon:hover{color:#fff}.bell{position:relative;cursor:pointer}.bell em{position:absolute;right:-2px;top:-5px;background:var(--pink);color:#080b0e;border-radius:999px;min-width:14px;height:14px;display:grid;place-items:center;font-size:8px;font-style:normal;font-weight:900}.os-popover{position:absolute;right:22px;top:58px;width:350px;background:rgba(16,21,26,.98);border:1px solid #3a444d;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.65);z-index:60;overflow:hidden}.popover-head{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid var(--line)}.popover-head h3{margin-top:4px;font-size:18px}.popover-head>button{border:0;background:transparent;color:#8c98a2;font-size:22px;cursor:pointer}.popover-actions{display:flex;justify-content:space-between;padding:9px 14px;color:var(--muted);font-size:9px}.popover-actions button{border:0;background:transparent;color:var(--pink);font-size:9px;cursor:pointer}.notification-item{width:100%;display:grid;grid-template-columns:34px 1fr 6px;gap:10px;text-align:left;border:0;border-bottom:1px solid #252d34;background:transparent;color:var(--text);padding:13px 15px;cursor:pointer}.notification-item:hover{background:#171d22}.n-icon{width:32px;height:32px;border-radius:8px;border:1px solid #323b44;display:grid;place-items:center}.n-icon.pink{color:var(--pink);background:rgba(255,43,221,.08)}.n-icon.warn{color:var(--warn)}.n-icon.cyan{color:var(--cyan)}.n-icon.ok{color:var(--success)}.notification-item b{display:block;font-size:11px}.notification-item small{display:block;color:#aab3ba;font-size:9px;margin-top:4px}.notification-item em{display:block;color:#697681;font-size:8px;margin-top:5px;font-style:normal}.notification-item i{width:6px;height:6px;border-radius:50%;background:var(--pink);margin-top:4px}.profile-panel{width:285px;padding:15px}.profile-pop{display:flex;gap:11px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.profile-pop b{display:block;font-size:13px}.profile-pop span,.profile-pop small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.profile-actions{display:grid;gap:6px;padding-top:12px}.os-search-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(5px);display:grid;place-items:start center;padding-top:80px;z-index:60}.os-search{width:min(650px,88vw);background:#11161b;border:1px solid #3a444d;border-radius:12px;box-shadow:0 35px 100px rgba(0,0,0,.7);overflow:hidden}.search-main{height:55px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid var(--line)}.search-main>span{font-size:21px;color:var(--pink)}.search-main input{flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.search-main kbd,.home-quickstrip kbd{border:1px solid #38424b;border-radius:5px;padding:4px 6px;color:#7f8b96;font-size:8px;background:#0b0f12}.search-results{max-height:450px;overflow:auto;padding:7px}.search-results>button{width:100%;display:grid;grid-template-columns:62px 1fr 24px;grid-template-rows:auto auto;gap:2px 8px;text-align:left;border:0;border-radius:7px;background:transparent;color:#fff;padding:10px;cursor:pointer}.search-results>button:hover{background:#1a2025}.search-results>button span{grid-row:1/3;color:var(--pink);font-size:8px;text-transform:uppercase}.search-results>button b{font-size:11px}.search-results>button small{font-size:9px;color:var(--muted)}.search-results>button i{grid-column:3;grid-row:1/3;align-self:center;color:#64707a;font-size:18px}.empty-state{display:grid;place-items:center;gap:5px;padding:35px 20px;text-align:center}.empty-state b{font-size:12px}.empty-state span{color:var(--muted);font-size:9px}
.home-quickstrip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.home-quickstrip>button{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:#11161b;color:#eef2f5;border-radius:8px;padding:11px 13px;cursor:pointer}.home-quickstrip>button:hover{border-color:#47525c}.home-quickstrip>button>span{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:rgba(255,43,221,.12);color:var(--pink);font-size:16px}.home-quickstrip b{display:block;font-size:11px}.home-quickstrip small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.home-quickstrip>button>strong{min-width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:#0a0d10;font-size:9px}
.vehicle-commandbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);background:#11161b;border-radius:8px;margin-bottom:11px}.vehicle-commandbar>b,.vehicle-commandbar>div:first-child>b{display:block;font-size:14px;margin-top:3px}.vehicle-commandbar small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.view-switch{display:flex;gap:3px;background:#0b0f12;border:1px solid #252d34;border-radius:7px;padding:3px}.view-switch button{border:0;background:transparent;color:#7f8b96;padding:7px 11px;border-radius:5px;font-size:9px;cursor:pointer}.view-switch button.active{background:#262e35;color:#fff}.vehicle-pro-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:11px}.technical-view{height:345px;position:relative;overflow:hidden;background:#090d10;border:1px solid #2a3239;border-radius:8px}.technical-view img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.82}.technical-view:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 49.5%,rgba(255,43,221,.05) 50%,transparent 50.5%);pointer-events:none}.view-overlay{position:absolute;left:13px;right:13px;top:12px;display:flex;justify-content:space-between;color:#c7d0d6;font-size:8px;letter-spacing:.1em}.camera-controls{position:absolute;right:12px;bottom:12px;display:flex;gap:4px}.camera-controls button{width:30px;height:30px;border:1px solid #4a555f;background:rgba(10,14,17,.85);color:#fff;border-radius:6px;cursor:pointer}.camera-hints{display:flex;justify-content:space-between;color:#68747e;font-size:8px;padding-top:7px}.diag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.diag-grid>div{border:1px solid #293139;border-radius:7px;background:#11161a;padding:10px}.diag-grid span,.diag-grid small{display:block;color:var(--muted);font-size:8px}.diag-grid b{display:block;font-size:16px;margin:4px 0}.vehicle-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.action-grid button{border:1px solid #2b333a;background:#11161a;color:#fff;border-radius:7px;padding:12px;text-align:left;cursor:pointer}.action-grid button:hover{border-color:#46515b}.action-grid b{color:var(--pink);font-size:16px}.action-grid span{display:block;font-weight:700;font-size:10px;margin-top:7px}.action-grid small{display:block;color:var(--muted);font-size:8px;margin-top:3px}
.order-toolbar,.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0}.order-filters,.inventory-filters{display:flex;gap:4px}.order-filters button,.inventory-filters button{border:1px solid #303840;background:#10151a;color:#7f8b96;border-radius:6px;padding:8px 11px;font-size:9px;cursor:pointer}.order-filters button.active,.inventory-filters button.active{background:rgba(255,43,221,.1);border-color:rgba(255,43,221,.4);color:var(--pink)}.orders-stack{display:grid}.order-card{width:100%;border:0;border-bottom:1px solid #252d34;background:transparent;color:#fff;text-align:left;padding:13px 8px;cursor:pointer}.order-card:last-child{border-bottom:0}.order-card:hover{background:#171c21}.order-leading{display:flex;align-items:center;gap:8px;margin-bottom:8px}.order-id{font-weight:900;font-size:11px}.order-bay{margin-left:auto;color:#697681;font-size:8px}.order-main{display:grid;grid-template-columns:1.05fr 1.25fr 1.1fr .55fr 20px;gap:14px;align-items:center}.order-main b{display:block;font-size:11px}.order-main small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.order-progress>div{margin-bottom:4px}.order-total{text-align:right}.order-total span{display:block;color:var(--muted);font-size:8px}.order-total b{font-size:12px}.chevron{font-size:20px;color:#59656f;text-align:right}.order-footer-note,.stock-summary{display:flex;justify-content:space-between;color:#65717b;font-size:8px;margin-top:8px}
.tuning-workspace{display:grid;grid-template-columns:190px 1fr 245px;gap:11px}.enhanced-cat{max-height:520px;overflow:auto}.tuning-hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.tuning-hero h2{font-size:19px;margin-top:5px}.tuning-hero h2 em{color:var(--pink);font-style:normal}.tuning-hero p{color:var(--muted);font-size:10px}.power-delta{text-align:right}.power-delta span,.power-delta small{display:block;color:var(--muted);font-size:8px}.power-delta b{display:block;color:var(--pink);font-size:24px;margin:4px 0}.enhanced-part{display:grid;grid-template-columns:34px 1fr auto auto auto;align-items:center;gap:10px}.part-icon{width:30px;height:30px;border:1px solid #343e47;border-radius:6px;display:grid;place-items:center;color:var(--pink)}.part-copy strong,.part-copy small{display:block}.part-copy small{color:var(--muted);font-size:8px;margin-top:3px}.compat{font-size:8px;color:var(--success);border:1px solid rgba(74,222,128,.25);padding:4px 6px;border-radius:4px}.tuning-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);margin-top:5px;padding-top:13px}.tuning-summary span{display:block;color:var(--muted);font-size:8px}.tuning-summary b{display:block;font-size:14px;margin-top:4px}.preview-car{height:205px;border:1px solid #293139;border-radius:7px;overflow:hidden;position:relative;background:#0b0f12}.preview-car img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.8}.preview-car span{position:absolute;left:9px;bottom:8px;font-size:8px;color:#c7d0d6}.preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.preview-actions button{border:1px solid #303840;background:#11161a;color:#cbd2d7;border-radius:6px;padding:8px 4px;font-size:8px;cursor:pointer}.pending-change{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #252d34;font-size:9px}.pending-change:last-child{border-bottom:0}.pending-change b{color:var(--pink)}
.respray-workspace{display:grid;grid-template-columns:290px 240px 1fr;gap:11px}.large-wheel{width:205px;height:205px}.hex-editor{display:flex;gap:6px}.hex-editor .input{flex:1}.hex-editor button{border:1px solid #39434c;background:#1b2228;color:#fff;border-radius:6px;padding:0 10px;cursor:pointer}.large-presets button{width:30px;height:30px}.paint-zone{width:100%;display:flex;justify-content:space-between;border:1px solid #2b333a;background:#11161a;color:#fff;padding:11px;border-radius:6px;margin-bottom:5px;cursor:pointer;font-size:9px}.paint-zone.active{border-color:rgba(255,43,221,.5);background:rgba(255,43,221,.07)}.paint-zone b{color:var(--pink);font-size:9px}.finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px}.finish{border:1px solid #2b333a;background:#11161a;color:#fff;text-align:left;padding:10px;border-radius:6px;cursor:pointer}.finish.active{border-color:rgba(255,43,221,.5)}.finish b,.finish small{display:block}.finish small{color:var(--muted);font-size:8px;margin-top:3px}.paint-preview-large{height:310px;border:1px solid #293139;border-radius:8px;overflow:hidden;position:relative;background:#090d10}.paint-preview-large img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.8}.paint-overlay{position:absolute;inset:0;opacity:.12;mix-blend-mode:color}.paint-preview-large>span{position:absolute;left:12px;top:12px;font-size:8px;letter-spacing:.1em}.preview-footer{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--muted);font-size:9px}.preview-footer span:first-child{color:#fff}.preview-footer .btn{margin-left:auto}
.dyno-workspace{display:grid;grid-template-columns:1fr 285px;gap:11px}.dyno-big{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#293139;border:1px solid #293139;border-radius:7px;overflow:hidden}.dyno-big>div{background:#11161a;padding:18px}.dyno-big span{display:block;color:var(--muted);font-size:9px}.dyno-big b{display:block;font-size:35px;margin-top:6px}.dyno-big small{font-size:12px;color:var(--pink)}.dyno-status{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;background:#0e1317;border:1px solid #252d34;border-radius:6px;color:#89949e;font-size:9px}.dyno-status b{margin-left:auto;color:#fff}.dyno-status .dot{width:7px;height:7px;border-radius:50%;background:#4ade80}.dyno-status .pulse{box-shadow:0 0 0 5px rgba(74,222,128,.1);animation:pulse 1s infinite}.enhanced-chart{height:360px}.chart-axis.y{position:absolute;left:4px;top:45%;transform:rotate(-90deg);font-size:8px;color:#697681}.compare-row{display:grid;grid-template-columns:1fr auto;gap:2px;padding:11px 0;border-bottom:1px solid #252d34}.compare-row:last-child{border-bottom:0}.compare-row span{font-size:10px}.compare-row b{font-size:12px}.compare-row small{grid-column:1/3;color:var(--muted);font-size:8px}.compare-row.active b{color:var(--pink)}
.management-chart.tall{height:235px}.finance-head{display:flex;justify-content:space-between;align-items:flex-start}.finance-head span,.finance-head small{display:block;color:var(--muted);font-size:8px}.finance-head b{display:block;font-size:24px;margin:4px 0}.finance-legend{font-size:8px;color:var(--muted)}.finance-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-right:4px}.ops-list{display:grid}.ops-list>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #252d34}.ops-list>div:last-child{border-bottom:0}.ops-list span{color:var(--muted);font-size:9px}.ops-list b{font-size:11px}
.settings-workspace{display:grid;grid-template-columns:185px 1fr;gap:11px}.settings-nav{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;color:#88939d;padding:10px;border-radius:6px;text-align:left;font-size:10px;cursor:pointer}.settings-nav.active,.settings-nav:hover{background:rgba(255,43,221,.09);color:#fff}.settings-nav span{color:#5e6973}.color-token-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.color-token-grid>div{border:1px solid #2b333a;background:#11161a;border-radius:7px;padding:10px}.color-token-grid span,.color-token-grid b{display:block;font-size:8px}.color-token-grid b{margin-top:4px;color:#fff}.color-token-grid i{display:block;width:100%;height:5px;border-radius:3px;margin-top:8px}
.history-overview{display:grid;grid-template-columns:200px 1fr auto;gap:14px;align-items:center}.history-summary{display:grid;grid-template-columns:auto auto;gap:5px 14px;text-align:right}.history-summary span{font-size:8px;color:var(--muted)}.history-summary b{font-size:13px}.history-filter-row{display:flex;justify-content:space-between;align-items:center;margin:11px 0;color:var(--muted);font-size:9px}.history-filter-row>div{display:flex;gap:4px}.history-filter-row .pill{cursor:pointer}
@keyframes pulse{50%{opacity:.45;transform:scale(.9)}}
@media(max-width:1200px){.tuning-workspace{grid-template-columns:170px 1fr}.tuning-preview{grid-column:1/3}.respray-workspace{grid-template-columns:260px 220px 1fr}.vehicle-pro-layout,.dyno-workspace{grid-template-columns:1fr}.vehicle-bottom-grid{grid-template-columns:1fr}.order-main{grid-template-columns:1fr 1fr}.order-total{display:none}}
@media(max-width:850px){.home-quickstrip,.vehicle-commandbar,.order-toolbar,.inventory-toolbar,.history-overview{grid-template-columns:1fr;display:grid}.view-switch{width:100%;overflow:auto}.view-switch button{flex:1}.tuning-workspace,.respray-workspace,.settings-workspace{grid-template-columns:1fr}.tuning-preview{grid-column:auto}.respray-workspace{display:grid}.dyno-big{grid-template-columns:1fr}.order-main{grid-template-columns:1fr}.home-quickstrip>button{grid-template-columns:34px 1fr auto}.os-popover{right:10px;width:min(350px,calc(100vw - 20px))}.color-token-grid{grid-template-columns:1fr}.technical-view{height:260px}}
.nui-hidden{display:none!important}


/* ===== MOSLEY OS v0.7 VISUAL PASS ===== */
:root{
  --pink:#FF2BDD;
  --pink-soft:#ff79ed;
  --titanium:#AEB8C2;
  --cyan:#65D9FF;
  --violet:#9B70FF;
  --orange:#FF9E42;
  --lime:#7BE495;
  --blue:#5B9DFF;
}
.content{padding:24px 28px 26px;background:
 radial-gradient(circle at 82% 4%,rgba(255,43,221,.11),transparent 25%),
 radial-gradient(circle at 35% 18%,rgba(101,217,255,.035),transparent 20%),
 #0b0f13}
.topbar{background:linear-gradient(180deg,#10151a,#0c1014);box-shadow:inset 0 -1px 0 rgba(255,43,221,.04)}
.card{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.16)}
.vehicle-card{min-height:218px;background:
 linear-gradient(100deg,#151b20 0%,#14191e 47%,#10151a 100%)}
.vehicle-render{height:168px;right:-1%;width:58%;top:10px}
.vehicle-render img{transform:scale(1.04);opacity:1}
.vehicle-card:after{content:"LIVE TELEMETRY";position:absolute;right:18px;bottom:14px;color:#56616b;font-size:8px;letter-spacing:.16em}
.work-card{min-height:218px;background:linear-gradient(145deg,#17151b,#11151b)}
.quick button:nth-child(1){background:linear-gradient(145deg,#24162a,#18191f);border-color:rgba(255,43,221,.28)}
.quick button:nth-child(2){background:linear-gradient(145deg,#172230,#15191f);border-color:rgba(101,217,255,.18)}
.quick button:nth-child(3){background:linear-gradient(145deg,#1e2026,#171b20);border-color:rgba(174,184,194,.18)}
.quick button:nth-child(4){background:linear-gradient(145deg,#211a27,#171a20);border-color:rgba(155,112,255,.2)}
.quick button b{font-weight:900}
.apps{grid-template-columns:repeat(7,1fr);gap:8px}
.app-tile{min-height:76px;padding:10px 9px 9px;position:relative;overflow:hidden;transition:transform .14s,border-color .14s,box-shadow .14s}
.app-tile:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--tile-accent,var(--pink));opacity:.8}
.app-tile:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-32px;bottom:-42px;background:var(--tile-accent,var(--pink));opacity:.055;filter:blur(8px)}
.app-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.2)}
.app-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--tile-accent,var(--pink)) 12%,#171d23);color:var(--tile-accent,var(--pink));border:1px solid color-mix(in srgb,var(--tile-accent,var(--pink)) 24%,#2c343b);font-size:16px}
.app-tile strong{font-size:10px;line-height:1.1}.app-tile small{font-size:8px}
.app-tile:nth-child(1){--tile-accent:#FF2BDD}
.app-tile:nth-child(2){--tile-accent:#65D9FF}
.app-tile:nth-child(3){--tile-accent:#9B70FF}
.app-tile:nth-child(4){--tile-accent:#7BE495}
.app-tile:nth-child(5){--tile-accent:#5B9DFF}
.app-tile:nth-child(6){--tile-accent:#FFB85C}
.app-tile:nth-child(7){--tile-accent:#73D1BC}
.app-tile:nth-child(8){--tile-accent:#A98BFF}
.app-tile:nth-child(9){--tile-accent:#FF8C5A}
.app-tile:nth-child(10){--tile-accent:#7D9DBA}
.app-tile:nth-child(11){--tile-accent:#AEB8C2}
.app-tile:nth-child(12){--tile-accent:#FF6BCF}
.app-tile:nth-child(13){--tile-accent:#58C7FF}
.app-tile:nth-child(14){--tile-accent:#FF9E42}
.stat-grid{gap:8px}
.bottom-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.stat{padding:10px;background:linear-gradient(145deg,#151b20,#11161b);position:relative;overflow:hidden}
.stat:after{content:"";position:absolute;right:-16px;bottom:-30px;width:80px;height:80px;border-radius:50%;background:var(--pink);opacity:.035}
.home-lower{display:grid;grid-template-columns:1.35fr .95fr;gap:9px;margin-top:9px}
.activity{padding:10px 0;border-bottom:1px solid #242c33;display:flex;justify-content:space-between;align-items:center}
.activity:last-child{border-bottom:0}
.activity strong{display:block;font-size:10px;margin-top:4px}.activity small{display:block;color:#77838e;font-size:8px;margin-top:3px}
.alert-row{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #242c33}.alert-row:last-child{border-bottom:0}.alert-row strong{display:block;font-size:9px}.alert-row small{display:block;color:#77838e;font-size:8px;margin-top:3px}.alert-dot{width:7px;height:7px;margin-top:3px;flex:0 0 auto}.warn-dot{display:block;width:6px;height:6px;background:var(--warn);border-radius:50%;box-shadow:0 0 8px rgba(242,189,67,.5)}.cyan-dot{display:block;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px rgba(101,217,255,.5)}
.live-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.station-card{padding:10px 12px;border:1px solid #2b333a;border-radius:8px;background:#11161b;position:relative}
.station-card .station-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.station-card .station-name{font-size:9px;font-weight:800}.station-card .station-meta{font-size:8px;color:#77838e}
.station-card .station-accent{height:3px;background:#2b333a;border-radius:5px;overflow:hidden}.station-card .station-accent i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--pink-soft))}
.page-head{margin-bottom:18px}
.vehicle-metrics-grid .metric{font-size:25px}
.card-title{font-size:11px;letter-spacing:.08em}
.btn.primary{box-shadow:0 0 0 1px rgba(255,255,255,.04),0 8px 20px rgba(255,43,221,.16)}
.toast{font-size:10px;padding:12px 15px}
@media(max-width:1200px){.apps{grid-template-columns:repeat(5,1fr)}.home-lower{grid-template-columns:1fr}.live-strip{grid-template-columns:1fr}.vehicle-render{width:53%}}
@media(max-width:900px){.apps{grid-template-columns:repeat(4,1fr)}.home-top{grid-template-columns:1fr}.vehicle-render{opacity:.45;width:60%}}


/* ===== MOSLEY OS v0.8 — INTERACTIVE DETAIL PASS ===== */
.tuning-preview .preview-car,.paint-preview-large,.stance-visual,.nitro-visual{
  position:relative; overflow:hidden; border:1px solid #303840; border-radius:10px;
  background:radial-gradient(circle at 52% 46%,rgba(255,43,221,.10),transparent 38%),#0e1317;
}
.tuning-preview .preview-car img,.paint-preview-large img,.stance-visual img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.9}
.preview-car{height:220px}.preview-car:after,.paint-preview-large:after{
 content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,16,.35),transparent 38%,transparent 72%,rgba(8,12,16,.35))
}
.preview-car .preview-glow,.paint-preview-large .paint-overlay{position:absolute;inset:0;mix-blend-mode:color;opacity:.36;pointer-events:none}
.preview-car .camera-ring{position:absolute;inset:22px;border:1px solid rgba(174,184,194,.12);border-radius:9px}
.preview-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px}
.preview-controls button{border:1px solid #303840;background:#151b20;border-radius:6px;padding:8px;font-size:8px;cursor:pointer}
.preview-controls button.active,.preview-controls button:hover{border-color:rgba(255,43,221,.45);color:#fff;background:rgba(255,43,221,.08)}
.pending-change{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #252d34;font-size:9px}
.pending-change:last-child{border-bottom:0}
.detail-panel{display:grid;grid-template-columns:1fr 320px;gap:10px}
.part-selected{border-color:rgba(255,43,221,.55)!important;background:rgba(255,43,221,.055)!important}
.install-state{font-size:8px;color:#7de4a5}
.compat{font-size:8px;color:#7e8b96;border:1px solid #303840;border-radius:4px;padding:3px 6px}
.stance-workspace{display:grid;grid-template-columns:1fr .95fr;gap:10px}
.stance-wheel-map{height:320px;position:relative;border:1px solid #303840;border-radius:10px;overflow:hidden;
 background:radial-gradient(circle at 50% 50%,rgba(255,43,221,.07),transparent 42%),#0f1418}
.stance-wheel-map img{position:absolute;inset:24px;width:calc(100% - 48px);height:calc(100% - 48px);object-fit:cover;mix-blend-mode:screen;opacity:.72;filter:contrast(1.1)}
.wheel-hotspot{position:absolute;width:30px;height:30px;border-radius:50%;border:2px solid #7e8994;background:rgba(12,16,20,.7);
 display:grid;place-items:center;color:#aeb8c2;font-size:8px;cursor:pointer;transition:.14s;box-shadow:0 0 0 4px rgba(255,255,255,.02)}
.wheel-hotspot.active{border-color:var(--pink);color:var(--pink);box-shadow:0 0 0 5px rgba(255,43,221,.12),0 0 18px rgba(255,43,221,.28)}
.wheel-fl{left:17%;top:29%}.wheel-fr{right:17%;top:29%}.wheel-rl{left:17%;bottom:28%}.wheel-rr{right:17%;bottom:28%}
.wheel-delta{font-size:9px;color:var(--muted);margin-top:4px}
.stance-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.stance-readout div{padding:9px;border:1px solid #2b333a;background:#13191e;border-radius:7px}.stance-readout span{display:block;color:#7b8792;font-size:7px}.stance-readout b{display:block;margin-top:4px;font-size:12px}
.highlight-axis{height:2px;background:linear-gradient(90deg,transparent,var(--pink),transparent);opacity:.7;margin:11px 0}
.paint-swatch-large{width:36px;height:36px;border-radius:8px;border:1px solid #47515b}
.paint-preview-large{height:320px}.paint-overlay{background:#FF2BDD}
.paint-controls{display:grid;gap:8px}
.paint-color-row{display:flex;gap:7px;align-items:center}
.paint-color-row .input{flex:1}
.nitro-workspace{display:grid;grid-template-columns:1fr 1.1fr;gap:10px}
.nitro-visual{height:270px;display:grid;place-items:center}
.nitro-bottle{position:relative;width:76px;height:170px;border-radius:20px 20px 15px 15px;background:linear-gradient(100deg,#f6f7f8,#9fa9b1 46%,#56616a);
box-shadow:0 12px 35px rgba(0,0,0,.35),inset 0 0 18px rgba(255,255,255,.25)}
.nitro-bottle:before{content:"N₂O";position:absolute;left:50%;top:58px;transform:translateX(-50%);font-weight:900;color:#1d2429;font-size:16px}
.nitro-bottle:after{content:"";position:absolute;left:29px;top:-26px;width:18px;height:30px;background:#929ba2;border-radius:5px 5px 2px 2px}
.nitro-level{position:absolute;left:10px;right:10px;bottom:11px;height:42%;border-radius:11px;background:linear-gradient(180deg,rgba(255,43,221,.14),rgba(255,43,221,.55));box-shadow:0 0 18px rgba(255,43,221,.12) inset}
.nitro-gauge{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}
.nitro-gauge .card{padding:10px}
.order-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}
.order-step{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #2b333a;border-radius:7px;background:#13191e}
.order-step.done{border-color:rgba(67,223,140,.23);background:rgba(67,223,140,.04)}
.order-step.active{border-color:rgba(255,43,221,.3);background:rgba(255,43,221,.05)}
.order-step .step-dot{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#1c2329;border:1px solid #39434d;font-size:8px}
.order-step.done .step-dot{background:var(--success);color:#06110a;border-color:var(--success)}
.order-step.active .step-dot{background:var(--pink);color:#1b0717;border-color:var(--pink)}
.order-step strong{font-size:9px;display:block}.order-step small{font-size:7px;color:#7d8994;display:block;margin-top:3px}
.context-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border-radius:4px;background:#191f25;border:1px solid #2e3841;font-size:7px;color:#aeb8c2}
.metric-accent{color:var(--pink);text-shadow:0 0 18px rgba(255,43,221,.12)}
@media(max-width:1050px){.detail-panel,.stance-workspace,.nitro-workspace,.order-detail{grid-template-columns:1fr}}

/* =========================================================
   MOSLEY OS 1.0 — MASTER VISUAL PASS
   Motorsport + premium workshop + real tablet details
   ========================================================= */
:root{
  --pink:#FF2BDD;
  --pink2:#FF67EB;
  --titanium:#AEB8C2;
  --metal:#6E7A86;
  --cyan:#63DFFF;
  --violet:#9D79FF;
  --blue:#5C9FFF;
  --green:#55E19A;
  --orange:#FFAC4D;
  --red:#FF6472;
  --ink:#080B0E;
  --panel:#11161B;
  --panel-hi:#181F26;
  --line:#303A44;
  --text:#F3F5F7;
  --muted:#8F9BA6;
}
body{background:#050607}
.stage{background:
  radial-gradient(circle at 50% 8%,rgba(255,43,221,.13),transparent 28%),
  radial-gradient(circle at 10% 90%,rgba(99,223,255,.05),transparent 24%),
  linear-gradient(160deg,#040507,#080B0E 52%,#050607)}
.tablet{
  width:min(1560px,96vw);height:min(920px,94vh);padding:12px;border-radius:42px;
  background:linear-gradient(145deg,#59636d 0%,#20262d 8%,#090C10 42%,#151A20 82%,#59636d 100%);
  box-shadow:0 38px 120px rgba(0,0,0,.78),inset 0 0 0 1px #6b747d,inset 0 1px 0 rgba(255,255,255,.16),inset 0 -20px 35px rgba(0,0,0,.28)
}
.screen{border-radius:30px;border:1px solid #3b454e;background:#090D11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.tablet-camera{height:7px;width:66px;top:5px;background:linear-gradient(90deg,#050607,#171a1e,#050607);box-shadow:0 0 0 1px rgba(255,255,255,.03)}
.side-button{background:#11151A;box-shadow:inset 0 1px 1px rgba(255,255,255,.06)}
.topbar{height:56px;background:linear-gradient(180deg,#11161C,#0C1015);padding:0 24px;border-bottom:1px solid #26313a}
.os-brand{font-size:12px}.mosley-symbol{color:var(--pink);text-shadow:0 0 16px rgba(255,43,221,.35)}
.connection{font-size:10px;letter-spacing:.08em}.dot{box-shadow:0 0 15px rgba(85,225,154,.8)}
.content{height:calc(100% - 96px);padding:25px 29px 30px;background:
 radial-gradient(circle at 80% 0%,rgba(255,43,221,.08),transparent 26%),
 radial-gradient(circle at 20% 20%,rgba(99,223,255,.025),transparent 22%),#0A0E12}
.statusbar{height:40px;background:#080B0E;border-top:1px solid #252e36;font-size:9px}
.card{border-radius:11px;background:linear-gradient(145deg,#171D23,#11161B 70%);border-color:#303943;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 32px rgba(0,0,0,.14)}
.card-title{font-size:10px;color:#B5BEC7;letter-spacing:.11em}
.eyebrow{color:var(--pink);font-size:9px;letter-spacing:.14em}.sub{font-size:10px;color:#8D99A4}
h1{font-size:27px}.metric{font-size:24px}.btn{font-size:9px;border-radius:7px;padding:9px 12px;background:#171E24;border-color:#36414B}.btn.primary{background:linear-gradient(135deg,var(--pink),#E61CC7);box-shadow:0 8px 22px rgba(255,43,221,.18);color:#170313}.btn:hover{border-color:#586571}
.pill{font-size:7px;padding:4px 7px;border-radius:5px}
.home-top{grid-template-columns:1.45fr .95fr;gap:12px}.vehicle-card,.work-card{min-height:235px}
.vehicle-card{background:linear-gradient(110deg,#171D23 0%,#151B20 44%,#11161B 100%)}
.vehicle-title{font-size:30px}.vehicle-render{width:58%;height:190px;top:6px;right:-1%}.vehicle-render img{transform:scale(1.04);opacity:.97}
.vehicle-metrics{margin-top:24px}.vm{padding-right:18px;margin-right:18px}.vm strong{font-size:18px}.vm span{font-size:8px;color:#8c97a1}.vehicle-tags{display:flex;gap:6px;margin-top:13px}
.quick{gap:8px}.quick button{min-height:55px;border-radius:8px}.quick button b{font-size:16px}.quick button span{font-size:8px}
.apps{grid-template-columns:repeat(7,1fr);gap:8px}.app-tile{min-height:82px;padding:11px;border-radius:8px;background:linear-gradient(145deg,#171D23,#12171C);border-color:#2f3943}.app-tile:before{height:2px}.app-icon{width:31px;height:31px;border-radius:8px;font-size:15px}.app-tile strong{font-size:9px}.app-tile small{font-size:7px}
.bottom-stats{margin-top:9px}.stat{padding:11px}.stat strong{font-size:10px}
.live-strip{gap:8px}.station-card{background:linear-gradient(145deg,#131A20,#10151A);border-color:#2D3740}.station-name{font-size:8px}.station-meta{font-size:8px}
.home-lower{margin-top:10px}
/* detailed vehicle */
.vehicle-pro-layout{grid-template-columns:1.22fr .78fr}.technical-view{height:355px}.technical-view img{object-fit:cover;opacity:.98}.view-overlay{background:linear-gradient(90deg,rgba(4,7,10,.22),transparent 40%,rgba(4,7,10,.25))}.camera-controls button{width:35px;height:32px}.diag-grid{grid-template-columns:1fr 1fr;gap:8px}.diag-grid>div{padding:12px}.diag-grid b{font-size:18px}.vehicle-bottom-grid{gap:10px}
/* tuning */
.tuning-layout{grid-template-columns:245px 1fr;gap:11px}.cat-list{gap:5px}.cat{padding:10px 11px;font-size:9px;display:flex;align-items:center;justify-content:space-between}.cat.active{box-shadow:inset 3px 0 0 var(--pink)}.part{min-height:58px;border-radius:8px}.part strong{font-size:10px}.part small{font-size:8px}.price{font-size:9px}.preview-car{height:300px;background:radial-gradient(circle at 50% 50%,rgba(255,43,221,.10),transparent 45%),#0D1216}.preview-car img{object-fit:cover}.camera-ring{inset:25px}.preview-controls button{padding:9px;font-size:8px}.pending-change{padding:10px;font-size:9px}
/* paint */
.large-wheel{width:220px!important;height:220px!important}.color-wheel{background:conic-gradient(#FF2BDD,#FF5278,#FFD45C,#55E19A,#63DFFF,#8068FF,#FF2BDD)!important}.color-wheel-center{inset:34%;position:absolute;border-radius:50%;border:4px solid #f4f6f7;box-shadow:0 0 0 2px rgba(0,0,0,.7);z-index:2}.paint-preview-large{height:370px}.paint-zone,.finish{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border:1px solid #303943;background:#151B20;color:#F1F4F6;border-radius:7px;width:100%;cursor:pointer;margin-bottom:6px}.paint-zone.active,.finish.active{border-color:rgba(255,43,221,.55);background:rgba(255,43,221,.07)}.paint-zone b{font-size:8px;color:var(--pink)}.finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.finish{margin:0;display:block;text-align:left}.finish b{font-size:9px}.finish small{display:block;font-size:7px;color:#7f8b96;margin-top:3px}
/* stance */
.stance-workspace{grid-template-columns:1.18fr .82fr}.stance-wheel-map{height:370px;background:radial-gradient(circle at 50% 50%,rgba(255,43,221,.09),transparent 43%),#0D1216}.stance-wheel-map img{opacity:.72}.wheel-hotspot{width:36px;height:36px;font-weight:800}.stance-readout div{background:#141A20}.stance-readout b{font-size:13px}.stance-control{padding:11px 0}.stance-control>div{display:flex;justify-content:space-between;align-items:center}.stance-control strong{font-size:10px}.stance-control b{font-size:10px;color:var(--pink)}
/* dyno */
.dyno-workspace{display:grid;grid-template-columns:.72fr 1.28fr;gap:11px}.dyno-big{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dyno-big div{padding:16px;border-radius:8px;background:#141A20;border:1px solid #2d3740}.dyno-big span{display:block;font-size:8px;color:#7e8993}.dyno-big b{display:block;font-size:23px;margin-top:5px}.dyno-big small{font-size:9px;color:#84909a}.dyno-status{display:flex;align-items:center;gap:8px;margin:14px 0;padding:9px 10px;border-radius:7px;background:#10161B;border:1px solid #29333c;font-size:8px;color:#aeb8c2}.dyno-status b{margin-left:auto;color:#f1f4f6}.pulse{animation:pulse 1s infinite}.enhanced-chart{height:420px}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(85,225,154,.3)}50%{box-shadow:0 0 0 8px rgba(85,225,154,0)}}
/* orders */
.orders-stack{display:grid;gap:7px}.order-card{width:100%;text-align:left;padding:11px;border:1px solid #2c363f;background:#13191E;border-radius:8px;color:inherit;cursor:pointer}.order-card:hover{border-color:rgba(255,43,221,.5);background:#171A21}.order-main{display:grid;grid-template-columns:1fr 1.2fr 1.2fr .6fr auto;gap:12px;align-items:center;margin-top:9px}.order-main b{font-size:9px}.order-main small{display:block;color:#7e8993;font-size:7px;margin-top:3px}.order-progress>div{min-width:100px}.order-leading{display:flex;gap:6px;align-items:center}.order-id{color:var(--pink);font-size:10px;font-weight:850}.order-total{text-align:right}.order-total span{display:block;color:#79848e;font-size:7px}.order-total b{font-size:11px}
/* invoice */
.invoice-lines{gap:7px}.invoice-line{grid-template-columns:1fr 140px 30px}.invoice-line .input{font-size:9px}.invoice-summary{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
/* global overlays */
.os-popover{background:#11171D;border:1px solid #36414b;box-shadow:0 25px 70px rgba(0,0,0,.62)}.os-popover h3{font-size:16px}.notification-item b{font-size:9px}.notification-item small{font-size:8px}
/* profile */
.large-avatar{width:52px;height:52px}
/* tablet bezel detail */
.screen:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:30px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 -12px 22px rgba(0,0,0,.18)}

/* =========================================================
   MOSLEY OS 1.0 — COMPLETE MASTER UI COMPONENTS
   ========================================================= */
.master-home{display:block}
.hero-row{display:grid;grid-template-columns:1.42fr .88fr;gap:11px}
.master-hero-vehicle,.master-hero-order{min-height:255px}
.hero-vehicle-copy{position:relative;z-index:2;min-width:45%;padding-right:24px}
.hero-vehicle-copy h2{font-size:32px;line-height:1.02;margin:7px 0 7px;letter-spacing:-.045em}
.hero-vehicle-copy .vehicle-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:9px;color:#98a3ad}
.hero-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:22px}
.metric-box{padding-right:13px;margin-right:13px;border-right:1px solid #303840;min-width:0}
.metric-box:last-child{border-right:0;margin-right:0}
.metric-box span{display:block;color:#7f8b95;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.metric-box b{display:block;font-size:20px;line-height:1.15;margin-top:4px;letter-spacing:-.035em;white-space:nowrap}
.metric-box small{display:block;color:#818d97;font-size:7px;margin-top:3px}
.hero-tags{display:flex;gap:5px;margin-top:16px;flex-wrap:wrap}
.hero-vehicle-art{position:absolute;right:0;top:0;bottom:0;width:56%;overflow:hidden;border-left:1px solid rgba(255,255,255,.02);display:flex;align-items:center;justify-content:center}
.hero-vehicle-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151b20 0%,rgba(21,27,32,.62) 18%,transparent 53%,rgba(6,9,12,.2));z-index:2}
.hero-vehicle-art img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.96;filter:contrast(1.12) saturate(.92);mix-blend-mode:screen}
.hero-vehicle-art .art-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,43,221,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,221,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,black 40%,black 100%);opacity:.2}
.art-caption{position:absolute;bottom:11px;right:13px;z-index:3;font-size:7px;color:#6f7b86;letter-spacing:.12em}
.hero-order-id{font-size:29px;font-weight:850;letter-spacing:-.04em;margin-top:4px}.master-hero-order h3{font-size:13px;margin:3px 0 5px}.order-progress-big{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;margin-top:16px}.order-progress-big b,.order-progress-big span{font-size:8px;color:#b6bec5}.order-progress-big .progress{margin:0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quick-grid button{border:1px solid #313a43;background:#171d23;border-radius:7px;padding:9px 8px;text-align:left;cursor:pointer;min-height:59px}.quick-grid button:hover{border-color:rgba(255,43,221,.45);background:#1e1a22}.quick-grid strong{display:block;color:var(--pink);font-size:15px}.quick-grid span{display:block;font-size:7px;color:#d3d8dc;margin-top:7px}
.master-section-head{display:flex;justify-content:space-between;align-items:center;margin:17px 1px 8px}.master-section-head>div{display:flex;align-items:center;gap:8px}.master-section-head span{font-size:9px;font-weight:800;letter-spacing:.11em}.master-section-head b{font-size:8px;color:var(--pink);letter-spacing:.09em}.master-section-head button{border:1px solid #2f3841;background:#13191f;color:#aeb7bf;border-radius:6px;padding:7px 9px;font-size:8px;cursor:pointer}.master-section-head kbd{margin-left:7px;color:#697580;border:1px solid #36414a;padding:2px 5px;border-radius:4px;font-size:7px}
.master-apps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.master-app{position:relative;display:flex;align-items:center;gap:9px;text-align:left;min-height:74px;padding:10px;border:1px solid #303943;background:linear-gradient(145deg,#171d23,#14191e);border-radius:8px;cursor:pointer;overflow:hidden}.master-app:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--app-color,#ff2bdd);opacity:.9}.master-app:hover{border-color:rgba(255,43,221,.42);transform:translateY(-1px)}.master-app-icon{width:28px;height:28px;flex:none;border-radius:7px;display:grid;place-items:center;color:var(--app-color,var(--pink));border:1px solid color-mix(in srgb,var(--app-color,var(--pink)) 22%,#2a323b);background:color-mix(in srgb,var(--app-color,var(--pink)) 7%,#151b21);font-size:14px}.master-app div{min-width:0}.master-app strong{display:block;font-size:8px;line-height:1.2}.master-app small{display:block;margin-top:3px;color:#74808b;font-size:7px}.master-app i{margin-left:auto;color:#697580;font-size:11px;font-style:normal}.accent-0{--app-color:#FF2BDD}.accent-1{--app-color:#63DFFF}.accent-2{--app-color:#9D79FF}.accent-3{--app-color:#55E19A}.accent-4{--app-color:#5C9FFF}.accent-5{--app-color:#FFAC4D}.accent-6{--app-color:#73D1BC}.accent-7{--app-color:#A98BFF}.accent-8{--app-color:#FF8C5A}.accent-9{--app-color:#7D9DBA}.accent-10{--app-color:#AEB8C2}.accent-11{--app-color:#FF67EB}.accent-12{--app-color:#58C7FF}.accent-13{--app-color:#FF9E42}
.master-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.master-stat{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #2c353e;background:#12181d;border-radius:8px;overflow:hidden;position:relative}.master-stat:after{content:"";position:absolute;right:-28px;bottom:-38px;width:100px;height:100px;border-radius:50%;background:var(--pink);opacity:.025}.master-stat-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid #36404a;font-size:10px;color:var(--pink)}.master-stat small,.master-stat em{display:block;font-style:normal}.master-stat small{font-size:7px;color:#788490;text-transform:uppercase;letter-spacing:.08em}.master-stat strong{display:block;font-size:12px;margin-top:3px}.master-stat em{font-size:7px;color:#6d7984;margin-top:2px}.master-stat.ok .master-stat-icon{color:var(--success);border-color:rgba(67,223,140,.24)}.master-stat.cyan .master-stat-icon{color:var(--cyan);border-color:rgba(101,217,255,.22)}.master-stat.pink .master-stat-icon{color:var(--pink);border-color:rgba(255,43,221,.26)}
.master-workshop-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:8px;margin-top:8px}.live-job{position:relative;padding:10px 0 9px;border-bottom:1px solid #242d35;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.live-job:last-child{border-bottom:0}.live-job>div strong{font-size:9px;display:block}.live-job>div small{font-size:7px;color:#77838e;display:block;margin-top:3px}.live-job>b{font-size:10px}.live-job .progress{grid-column:1/-1}.station-code{font-size:7px;font-weight:800;padding:4px 6px;border-radius:4px;border:1px solid #36404a}.station-code.pink{color:var(--pink);background:rgba(255,43,221,.08);border-color:rgba(255,43,221,.22)}.station-code.green{color:var(--success);background:rgba(67,223,140,.07);border-color:rgba(67,223,140,.2)}.station-code.orange{color:var(--orange);background:rgba(255,158,66,.08);border-color:rgba(255,158,66,.18)}.master-alert{display:flex;align-items:flex-start;gap:9px;padding:10px 0;border-bottom:1px solid #242d35}.master-alert:last-child{border-bottom:0}.master-alert>div{flex:1}.master-alert strong{font-size:8px;display:block}.master-alert small{font-size:7px;color:#77838e;display:block;margin-top:3px}.master-alert button{background:none;border:0;color:var(--pink);font-size:7px;cursor:pointer}.alert-pink,.alert-orange,.alert-cyan{width:7px;height:7px;border-radius:50%;margin-top:3px;flex:none}.alert-pink{background:var(--pink);box-shadow:0 0 8px rgba(255,43,221,.4)}.alert-orange{background:var(--orange);box-shadow:0 0 8px rgba(255,158,66,.4)}.alert-cyan{background:var(--cyan);box-shadow:0 0 8px rgba(101,217,255,.4)}
.master-vehicle-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:10px}.master-commandbar{display:flex;justify-content:space-between;gap:15px;align-items:flex-end;padding:11px 13px;border:1px solid #2c353e;background:#11171c;border-radius:8px;margin-bottom:10px}.master-commandbar strong{display:block;font-size:15px;margin-top:3px}.master-commandbar small{display:block;font-size:8px;color:#77838e;margin-top:3px}.camera-tabs{display:flex;gap:5px;flex-wrap:wrap}.camera-tabs button,.master-camera-tabs button{border:1px solid #313a43;background:#151b20;border-radius:5px;padding:7px 9px;font-size:8px;cursor:pointer;color:#9aa5af}.camera-tabs button.active,.master-camera-tabs button.active{background:rgba(255,43,221,.1);border-color:rgba(255,43,221,.46);color:#fff}.vehicle-inspection{position:relative;height:390px;border:1px solid #2b343d;border-radius:9px;background:radial-gradient(circle at 52% 50%,rgba(255,43,221,.08),transparent 42%),#0d1216;overflow:hidden}.vehicle-inspection img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.96;mix-blend-mode:screen;filter:contrast(1.12)}.inspection-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;opacity:.16}.inspection-label{position:absolute;left:13px;top:12px;color:#aeb8c2;font-size:7px;letter-spacing:.13em;background:#0d1216c9;padding:5px 6px;border:1px solid #303943;border-radius:4px}.inspection-tools{position:absolute;right:12px;bottom:12px;display:flex;gap:5px}.inspection-tools button{width:29px;height:29px;border-radius:5px;border:1px solid #34404a;background:#11171dcc;color:#c9d0d6;cursor:pointer}.master-vehicle-side{display:grid;gap:8px}.master-metrics-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.master-metrics-two .metric-box{border-right:0;background:#13191e;border:1px solid #2c353e;border-radius:7px;padding:11px;margin:0}.master-metrics-two .metric-box b{font-size:18px}.service-warning{display:flex;gap:8px;align-items:center;padding:9px;margin-top:10px;background:rgba(242,189,67,.055);border:1px solid rgba(242,189,67,.18);border-radius:6px}.service-warning>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(242,189,67,.12);color:var(--warn);font-size:9px}.service-warning div{flex:1}.service-warning strong{display:block;font-size:8px}.service-warning small{display:block;font-size:7px;color:#7d8994;margin-top:3px}.service-warning button{font-size:7px;border:0;background:none;color:var(--warn);cursor:pointer}.master-detail-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:8px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-grid>div span{display:block;color:#74818c;font-size:7px}.detail-grid>div b{display:block;font-size:9px;margin-top:3px}.master-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.master-actions button{border:1px solid #303943;background:#151b20;border-radius:6px;padding:10px;text-align:left;cursor:pointer}.master-actions button b{display:block;color:var(--pink);font-size:14px}.master-actions button span{display:block;font-size:8px;margin-top:6px}.master-actions button small{display:block;color:#74808a;font-size:7px;margin-top:2px}
.master-tuning-grid{display:grid;grid-template-columns:245px 1fr;gap:10px}.master-category{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;border:1px solid transparent;background:transparent;color:#aeb7bf;border-radius:6px;text-align:left;font-size:9px;cursor:pointer}.master-category:hover{background:#151b20;color:#fff}.master-category.active{background:rgba(255,43,221,.075);border-color:rgba(255,43,221,.28);color:#fff;box-shadow:inset 3px 0 0 var(--pink)}.master-category.active b{color:var(--pink)}.master-tuning-main .card{margin-bottom:8px}.master-part{position:relative;display:grid;grid-template-columns:30px 1fr auto auto auto 15px;gap:9px;align-items:center;width:100%;text-align:left;padding:10px 8px;border:1px solid #2b343c;background:#151b20;border-radius:7px;color:inherit;cursor:pointer;margin-bottom:6px}.master-part:last-child{margin-bottom:0}.master-part:hover,.master-part.selected{border-color:rgba(255,43,221,.48);background:rgba(255,43,221,.045)}.part-symbol{width:24px;height:24px;border-radius:6px;background:#1c2329;display:grid;place-items:center;color:#aeb8c2;font-size:11px}.selected .part-symbol{color:var(--pink)}.part-name strong{display:block;font-size:9px}.part-name small{display:block;color:#77838e;font-size:7px;margin-top:3px}.part-impact{font-size:8px;color:var(--success);white-space:nowrap}.part-price{font-size:8px;color:#d7dce0;white-space:nowrap}.compat{font-size:7px;color:var(--success);border:1px solid rgba(67,223,140,.18);padding:3px 5px;border-radius:4px}.master-part>i{font-size:11px;color:#65707b}.current-chip{padding:10px;border:1px solid #303943;background:#141a20;border-radius:7px}.current-chip span,.current-chip small{display:block;font-size:7px;color:#76818b}.current-chip strong{display:block;font-size:9px;margin-top:4px}.master-preview{position:relative;height:315px;border:1px solid #2d363f;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(255,43,221,.11),transparent 40%),#0d1216}.master-preview img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.95}.preview-tint{position:absolute;inset:0;background:var(--preview);opacity:.15;mix-blend-mode:color}.preview-info{position:absolute;left:11px;bottom:11px;z-index:3;background:#0c1116dc;border:1px solid #303943;border-radius:5px;padding:6px 7px}.preview-info span{display:block;font-size:7px;color:#818c96;text-transform:uppercase;letter-spacing:.08em}.preview-info b{display:block;font-size:9px;margin-top:3px}.master-camera-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}.preview-data{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}.preview-data>div{border:1px solid #2e3740;background:#141a20;border-radius:6px;padding:9px}.preview-data span{display:block;color:#74808a;font-size:7px}.preview-data b{display:block;font-size:10px;margin-top:4px}
.master-paint-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:10px}.master-paint-grid>.card{margin-bottom:8px}.paint-wheel-wrap{display:grid;place-items:center;position:relative;min-height:235px}.paint-wheel{width:210px;height:210px;border-radius:50%;background:conic-gradient(#FF2BDD,#FF5278,#FFD45C,#55E19A,#63DFFF,#8068FF,#FF2BDD);box-shadow:0 0 0 8px #141a20,0 0 30px rgba(255,43,221,.09);position:relative}.paint-wheel:after{content:"";position:absolute;inset:31px;border-radius:50%;background:#101519;border:1px solid #36404a}.paint-wheel-center{position:absolute;width:46px;height:46px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,.75);z-index:3}.paint-hex-row{display:flex;gap:7px;align-items:center}.paint-swatch-large{display:block;width:32px;height:32px;border-radius:6px;border:1px solid #59636d;flex:none}.paint-presets{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.paint-presets button{width:25px;height:25px;border-radius:5px;border:1px solid #414b55;cursor:pointer}.rgb-sliders{display:grid;gap:7px;margin-top:10px}.rgb-sliders label{display:grid;grid-template-columns:18px 1fr 30px;gap:8px;align-items:center}.rgb-sliders label span{font-size:8px;color:#aeb8c2}.rgb-sliders label b{font-size:8px;text-align:right;color:#7c8893}.master-paint-preview{height:410px;position:relative;border:1px solid #2e3740;border-radius:8px;overflow:hidden;background:#0d1216}.master-paint-preview img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:screen;opacity:.95}.paint-layer{position:absolute;inset:0;background:var(--paint);mix-blend-mode:color}.paint-live-row{display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap;padding:8px 0;color:#85909a;font-size:7px}.paint-live-row i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 9px rgba(67,223,140,.45);margin-right:4px}.paint-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.paint-summary>div span{display:block;color:#77838e;font-size:7px}.paint-summary>div b{display:block;font-size:9px;margin-top:3px}.master-zone{display:flex!important;justify-content:space-between!important}.master-zone b{color:var(--pink);font-size:8px}.finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.master-stance-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.stance-preview{height:420px;position:relative;border:1px solid #2e3740;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(255,43,221,.09),transparent 45%),#0d1216}.stance-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.76;filter:contrast(1.08)}.stance-car-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,13,17,.1),transparent,rgba(9,13,17,.12))}.stance-hotspot{position:absolute;width:39px;height:39px;border-radius:50%;border:2px solid #7d8892;background:#0d1318d9;color:#c8d0d6;font-size:8px;font-weight:850;cursor:pointer;z-index:3;transition:.14s}.stance-hotspot:hover,.stance-hotspot.active{border-color:var(--pink);color:var(--pink);box-shadow:0 0 0 5px rgba(255,43,221,.11),0 0 22px rgba(255,43,221,.26);background:#17121b}.stance-hotspot.fl{left:18%;top:25%}.stance-hotspot.fr{right:18%;top:25%}.stance-hotspot.rl{left:18%;bottom:25%}.stance-hotspot.rr{right:18%;bottom:25%}.stance-selection{position:absolute;left:11px;bottom:11px;z-index:4;padding:7px 9px;border-radius:5px;border:1px solid #33404a;background:#0d1216db;color:#82909b;font-size:7px;letter-spacing:.07em}.stance-selection b{color:#fff;margin-left:4px}.stance-readout-master{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}.selected-wheel-head{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,43,221,.23);background:rgba(255,43,221,.045);border-radius:7px}.selected-wheel-head>span{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(255,43,221,.35);color:var(--pink);font-weight:850}.selected-wheel-head b{display:block;font-size:9px}.selected-wheel-head small{display:block;color:#76818c;font-size:7px;margin-top:3px}.stance-control{padding:10px 0}.stance-control>div{display:flex;justify-content:space-between;align-items:center}.stance-control strong{font-size:8px}.stance-control b{font-size:9px;color:var(--pink)}.stance-control input{width:100%;margin-top:7px;accent-color:var(--pink)}.stance-table td{padding:8px}.stance-table .sel{color:var(--pink);font-weight:800}
.master-dyno-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:10px}.dyno-big{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dyno-big>div{padding:14px;border:1px solid #2e3841;background:#141a20;border-radius:7px}.dyno-big span{display:block;font-size:7px;color:#75818c}.dyno-big b{display:block;font-size:22px;margin-top:4px}.dyno-big small{font-size:8px;color:#84909a}.dyno-status{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid #2e3841;background:#11171c;border-radius:7px;margin:9px 0;font-size:8px;color:#aeb8c2}.dyno-status b{margin-left:auto;color:#f3f5f6}.enhanced-chart{height:440px}.enhanced-chart svg{inset:26px}.nitro-gauge{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.nitro-gauge .card{padding:10px}.nitro-gauge .metric{font-size:15px}.nitro-product{display:flex;gap:16px;align-items:center;padding:10px}.nitro-bottle-large{position:relative;width:82px;height:190px;border-radius:21px 21px 14px 14px;background:linear-gradient(105deg,#f6f7f8,#aeb8c2 45%,#5b666f);box-shadow:inset 0 0 17px rgba(255,255,255,.24),0 16px 34px rgba(0,0,0,.35);overflow:hidden}.nitro-bottle-large span{position:absolute;top:59px;left:50%;transform:translateX(-50%);font-weight:950;color:#20272d;font-size:17px}.nitro-bottle-large:before{content:"";position:absolute;top:-27px;left:31px;width:20px;height:31px;background:#8e98a0;border-radius:5px 5px 2px 2px}.nitro-bottle-large i{position:absolute;bottom:0;left:9px;right:9px;border-radius:12px;background:linear-gradient(180deg,rgba(255,43,221,.18),rgba(255,43,221,.64));box-shadow:0 -8px 18px rgba(255,43,221,.08) inset}.nitro-product h2{font-size:30px;margin:4px 0}.nitro-product p{font-size:8px;color:#79858f}.nitro-master-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nitro-slot-master{display:flex;flex-direction:column;gap:5px}.nitro-slot-master strong{font-size:18px}.nitro-slot-master small{color:#76828d;font-size:7px}.master-range{padding:11px 0}.master-range>div{display:flex;justify-content:space-between;font-size:8px}.master-range b{color:var(--pink)}.master-range input{width:100%;margin-top:8px;accent-color:var(--pink)}
.master-order-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.order-command{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.order-command .search,.inventory-toolbar .search{max-width:420px;flex:1}.search{display:flex;align-items:center;gap:7px;border:1px solid #303943;background:#12181d;border-radius:6px;padding:0 9px}.search span{color:#71808b;font-size:12px}.search input{width:100%;border:0;background:transparent;outline:0;color:#e4e8eb;padding:8px 0;font-size:8px}.filter-chip{border:1px solid #303943;background:#151b20;border-radius:5px;padding:7px 9px;color:#81909b;font-size:7px;cursor:pointer}.filter-chip.active,.filter-chip:hover{border-color:rgba(255,43,221,.42);color:#fff;background:rgba(255,43,221,.07)}.master-order-row{display:block;width:100%;padding:11px;border:1px solid #2c353e;background:#13191e;color:inherit;border-radius:7px;text-align:left;cursor:pointer;margin-bottom:6px}.master-order-row:hover{border-color:rgba(255,43,221,.44);background:#17191f}.order-row-top{display:flex;align-items:center;gap:7px}.order-row-top>span{font-size:10px;font-weight:850;color:var(--pink)}.order-row-top small{margin-left:auto;color:#77838e;font-size:7px}.order-row-main{display:grid;grid-template-columns:1fr 1.05fr 1fr auto 12px;gap:9px;align-items:center;margin-top:10px}.order-row-main strong{font-size:8px}.order-row-main span{display:block;color:#77838e;font-size:7px;margin-top:3px}.order-row-main .progress{margin-top:5px}.order-row-main .progress+span{text-align:right}.order-row-main>b{font-size:10px;text-align:right}.order-row-main>i{font-style:normal;color:#697580}.order-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.process-lane{display:flex;justify-content:space-between;gap:3px}.process-lane span{font-size:7px;color:#707b86;padding:5px 6px;border-radius:4px;border:1px solid #2e3740}.process-lane span.active{color:var(--pink);border-color:rgba(255,43,221,.3);background:rgba(255,43,221,.06)}.master-modal-order{display:grid;gap:10px}.modal-order-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #2b343d}.modal-order-head h2{font-size:20px;margin:4px 0}.modal-order-head p{font-size:8px;color:#7f8b96;margin:0}.modal-order-head>b{font-size:17px}.modal-order-head small{display:block;text-align:right;color:#78848e;font-size:7px;margin-top:3px}.order-step-list{display:grid;gap:6px}.order-step{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #2d3740;background:#141a20;border-radius:7px}.order-step.done{border-color:rgba(67,223,140,.2);background:rgba(67,223,140,.035)}.order-step.active{border-color:rgba(255,43,221,.3);background:rgba(255,43,221,.04)}.order-step .step-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid #3b4650;font-size:8px}.order-step.done .step-dot{color:#07120c;background:var(--success);border-color:var(--success)}.order-step.active .step-dot{color:#1c0617;background:var(--pink);border-color:var(--pink)}.order-step div{flex:1}.order-step strong{display:block;font-size:8px}.order-step small{display:block;color:#77838e;font-size:7px;margin-top:3px}.order-modal-footer{display:flex;align-items:center;gap:6px;padding-top:10px;border-top:1px solid #2b343d}.order-modal-footer span{margin-right:auto;color:#8b96a0;font-size:8px}
.service-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.service-health-card{padding:11px;border:1px solid #2c353e;background:#13191e;border-radius:7px}.service-health-card>div{display:flex;justify-content:space-between}.service-health-card span{font-size:8px}.service-health-card b{font-size:10px;color:var(--pink)}.service-health-card .progress{margin-top:8px}.service-health-card small{display:block;color:#78848f;font-size:7px;margin-top:6px}.service-grid-master{display:grid;grid-template-columns:1.4fr .9fr;gap:8px}.service-row-master{display:grid;grid-template-columns:31px 1fr 110px 34px auto;gap:8px;align-items:center;padding:9px;border-bottom:1px solid #242d35}.service-row-master:last-child{border-bottom:0}.service-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#1a2127;font-size:10px}.service-icon.ok{color:var(--success);border:1px solid rgba(67,223,140,.18)}.service-icon.warn{color:var(--warn);border:1px solid rgba(242,189,67,.18)}.service-row-master strong{font-size:8px;display:block}.service-row-master small{font-size:7px;color:#77838e;display:block;margin-top:3px}.service-row-master>b{font-size:8px}.next-service{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.next-service span{display:block;color:#77838e;font-size:7px}.next-service b{display:block;font-size:9px;margin-top:3px}.service-note{display:flex;gap:8px;padding:10px;margin-top:10px;border:1px solid rgba(242,189,67,.18);background:rgba(242,189,67,.04);border-radius:6px}.service-note>span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:rgba(242,189,67,.1);color:var(--warn);font-size:9px}.service-note strong{display:block;font-size:8px}.service-note small{display:block;font-size:7px;color:#7c8791;margin-top:3px}
.master-stock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.inventory-toolbar .search{max-width:430px}.master-invoice-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.invoice-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid #2a333b}.invoice-head span,.recipient small{display:block;color:#77838e;font-size:7px}.invoice-head b,.recipient strong{display:block;font-size:9px;margin-top:3px}.invoice-head small{display:block;color:#7a8791;font-size:7px;margin-top:3px}.invoice-lines-master{display:grid;gap:6px;margin:10px 0}.invoice-line-master{display:grid;grid-template-columns:1fr 115px 30px;gap:6px}.invoice-total{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;padding-top:11px;border-top:1px solid #2a333b;margin-top:10px}.invoice-total span{font-size:8px;color:#77838e}.invoice-total strong{font-size:18px}.invoice-summary-box{display:grid;gap:8px}.invoice-summary-box>div{display:flex;justify-content:space-between}.invoice-summary-box span{font-size:8px;color:#77838e}.invoice-summary-box b{font-size:8px}.invoice-summary-box .total-row{padding-top:9px;margin-top:4px;border-top:1px solid #2b343c}.invoice-summary-box .total-row b{font-size:15px;color:var(--pink)}.recipient{display:flex;align-items:center;gap:9px}.recipient .avatar{flex:none}.recipient strong{font-size:10px}.recipient small{margin-top:3px}
.master-build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.build-master-card{border:1px solid #2c353e;background:#13191e;border-radius:8px;overflow:hidden}.build-master-card.active{border-color:rgba(255,43,221,.36);box-shadow:0 0 0 1px rgba(255,43,221,.05)}.build-image{height:165px;position:relative;background:#0d1216;overflow:hidden}.build-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.92}.build-image span{position:absolute;left:9px;top:9px;padding:4px 6px;background:#0d1216dd;border:1px solid #313b44;color:#bac2c9;border-radius:4px;font-size:7px}.build-info{padding:10px}.build-info .eyebrow{display:block}.build-info>strong{display:block;font-size:13px;margin-top:4px}.build-info>small{display:block;color:#77838e;font-size:7px;margin-top:3px}.build-info>b{display:block;font-size:15px;color:var(--pink);margin-top:6px}.build-actions{display:flex;gap:5px;padding:0 10px 10px}.build-actions .btn{flex:1;padding:7px 4px}
.management-main-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8px}.finance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.finance-chart{height:210px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:15px 5px 8px;margin-top:8px;background:repeating-linear-gradient(0deg,transparent 0 37px,#222b32 38px);border-radius:7px}.finance-col{flex:1;max-width:50px;background:linear-gradient(180deg,var(--pink),rgba(255,43,221,.12));border-radius:4px 4px 2px 2px;position:relative}.finance-col.active{background:linear-gradient(180deg,#ff84f0,rgba(255,43,221,.2));box-shadow:0 0 18px rgba(255,43,221,.16)}.finance-col span{position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:6px;color:#7d8892;white-space:nowrap}.finance-days{display:flex;justify-content:space-between;color:#67727d;font-size:7px;padding:0 4px}.ops-master{display:grid}.ops-master>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #242d35}.ops-master>div:last-child{border-bottom:0}.ops-master span{font-size:8px;color:#77838e}.ops-master b{font-size:10px}.account-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.account-actions button{border:1px solid #303943;background:#151b20;border-radius:6px;padding:10px;cursor:pointer;text-align:center}.account-actions b{display:block;color:var(--pink);font-size:14px}.account-actions span{display:block;font-size:7px;margin-top:4px}
.history-master-head{display:grid;grid-template-columns:160px 1fr auto;gap:12px;align-items:center}.history-car{height:85px;border:1px solid #2d3740;border-radius:7px;overflow:hidden;background:#0d1216}.history-car img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}.history-master-head h2{font-size:20px;margin:5px 0}.history-master-head p{font-size:7px;color:#7c8892;margin:0}.history-kpis{display:flex;gap:18px}.history-kpis span{display:block;font-size:7px;color:#77838e}.history-kpis b{display:block;font-size:11px;margin-top:3px}.master-timeline{margin-top:10px;padding-left:55px}.timeline-master{position:relative;padding:11px 0}.timeline-master>span{position:absolute;left:-55px;top:16px;font-size:7px;color:#6f7b86;width:47px;text-align:right}.timeline-marker{position:absolute;left:-12px;top:18px;width:9px;height:9px;border-radius:50%;border:2px solid #0c1014;box-shadow:0 0 0 1px #46515c}.timeline-marker.pink{background:var(--pink);box-shadow:0 0 0 1px rgba(255,43,221,.3),0 0 14px rgba(255,43,221,.28)}.timeline-marker.ok{background:var(--success)}.timeline-marker.warn{background:var(--warn)}.timeline-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;border:1px solid #2c353e;background:#13191e;border-radius:7px;padding:10px}.timeline-card:before{content:"";position:absolute;left:-9px;top:26px;width:18px;height:1px;background:#39444d}.timeline-card strong{display:block;font-size:9px}.timeline-card small{display:block;color:#77838e;font-size:7px;margin-top:3px}.timeline-card>b{font-size:9px}
.settings-master{display:grid;grid-template-columns:240px 1fr;gap:8px}.settings-tab{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid transparent;background:transparent;border-radius:5px;padding:9px 8px;color:#8d98a2;font-size:8px;text-align:left;cursor:pointer}.settings-tab:hover,.settings-tab.active{background:rgba(255,43,221,.07);border-color:rgba(255,43,221,.22);color:#fff}.settings-tab span{font-size:11px}.settings-stack{display:grid;gap:6px}.profile-master{display:flex;align-items:center;gap:9px}.profile-master strong{display:block;font-size:10px}.profile-master span{display:block;color:#77838e;font-size:7px;margin-top:3px}.profile-master small{display:block;color:var(--pink);font-size:7px;margin-top:3px}.avatar.xl{width:46px;height:46px;border-color:rgba(255,43,221,.45)}.identity-brand{display:flex;align-items:center;gap:10px;padding:9px 0}.brand-symbol{font-size:18px;font-style:italic;font-weight:950;color:var(--pink);letter-spacing:-4px;width:29px;overflow:hidden}.identity-brand strong{display:block;font-size:15px;letter-spacing:.08em}.identity-brand span{display:block;color:#77838e;font-size:7px;letter-spacing:.1em;margin-top:3px}.brand-tokens{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.brand-tokens>div{position:relative;border:1px solid #2e3841;border-radius:6px;padding:8px}.brand-tokens span,.brand-tokens b{display:block;font-size:7px}.brand-tokens span{color:#77838e}.brand-tokens b{margin-top:4px}.brand-tokens i{display:block;width:100%;height:4px;margin-top:7px;border-radius:4px}.device-grid-master{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.device-grid-master>div{padding:9px;border:1px solid #2e3841;background:#141a20;border-radius:6px}.device-grid-master span{display:block;color:#77838e;font-size:6px}.device-grid-master b{display:block;font-size:8px;margin-top:3px}.green-text{color:var(--success)}
@media(max-width:1180px){.master-apps{grid-template-columns:repeat(5,1fr)}.hero-row,.master-vehicle-grid,.master-order-grid,.master-invoice-grid,.management-main-grid,.master-workshop-grid{grid-template-columns:1fr}.master-hero-vehicle,.master-hero-order{min-height:235px}.hero-vehicle-art{width:53%}.master-tuning-grid{grid-template-columns:210px 1fr}.service-grid-master,.nitro-master-grid,.master-stance-grid,.master-dyno-grid{grid-template-columns:1fr}.master-build-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.master-apps{grid-template-columns:repeat(4,1fr)}.hero-metrics{grid-template-columns:repeat(3,1fr);row-gap:10px}.hero-vehicle-art{opacity:.4;width:68%}.master-stat-row,.service-overview,.master-stock-kpis{grid-template-columns:1fr 1fr}.master-detail-grid{grid-template-columns:1fr}.master-commandbar{align-items:flex-start;flex-direction:column}.master-tuning-grid{grid-template-columns:1fr}.master-build-grid{grid-template-columns:1fr}.history-master-head{grid-template-columns:1fr}.history-kpis{gap:10px}.finance-kpis{grid-template-columns:1fr 1fr}.device-grid-master{grid-template-columns:1fr 1fr}}


/* MOSLEY OS 1.1 — HERO CONTAINMENT FIX
   The vehicle artwork is absolutely positioned and MUST be contained
   inside the hero card. Without this, it can escape the card and overlay
   the entire tablet, which was causing the v1.0 screenshot bug. */
.master-hero-vehicle{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
}
.master-hero-vehicle .hero-vehicle-copy{
  position:relative;
  z-index:4;
}
.master-hero-vehicle .hero-vehicle-art{
  z-index:1;
  pointer-events:none;
}
.master-hero-vehicle .hero-vehicle-art:before,
.master-hero-vehicle .hero-vehicle-art .art-grid{
  pointer-events:none;
}
.master-hero-order{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.master-hero-vehicle .hero-vehicle-art img{
  object-position:center;
  transform:scale(1.02);
}
.master-hero-vehicle .hero-vehicle-art{
  width:54%;
}
@media(max-width:1180px){
  .master-hero-vehicle .hero-vehicle-art{width:54%}
}
@media(max-width:900px){
  .master-hero-vehicle .hero-vehicle-art{width:60%;opacity:.42}
}