:root{--bg:#0d0e10;--panel:#151618;--panel-soft:#1d1f22;--sidebar:#17181b;--line:#282a2e;--text:#f4f5f6;--muted:#9a9fa6;--accent:#087bf5;--accent-dim:#264b72;--ok:#22c879;--fail:#f05b68;--radius:10px}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans Arabic','Tajawal',sans-serif;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Tajawal',sans-serif;color:var(--text);letter-spacing:-.015em}button,a,input,select{font:inherit}
.app-shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:23px 14px 17px;background:var(--sidebar);border-left:1px solid #232529;color:#fff}.side-brand{display:flex;align-items:center;gap:10px;padding:0 8px 27px;color:#fff;text-decoration:none}.side-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#f5f6f7;color:#121315;font:800 12px 'Tajawal',sans-serif}.side-brand strong,.side-brand small{display:block}.side-brand strong{font-size:15px}.side-brand small{margin-top:1px;color:#747981;font-size:10px}.side-nav{display:flex;flex-direction:column;gap:6px}.side-tools summary{list-style:none;cursor:pointer}.side-tools summary::-webkit-details-marker{display:none}.side-link{display:flex;align-items:center;gap:10px;padding:11px 11px;border-radius:7px;color:#aeb2b8;text-decoration:none;font-size:13px;font-weight:600;transition:background .15s,color .15s}.side-sublink{display:block;margin:-4px 11px 1px;padding:7px 12px;border-right:1px solid #3a3d43;color:#8f969e;text-decoration:none;font-size:11px;font-weight:600}.side-sublink:hover,.side-sublink.active{color:#fff;border-right-color:var(--accent);background:#1d2024}.side-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.side-link:hover,.side-tools summary:hover{background:#1f2125;color:#fff}.side-link.active{background:#24262b;color:#fff}.side-footer{margin-top:auto;padding:15px 7px 0;border-top:1px solid #292b2f}.user-chip{display:flex;align-items:center;gap:9px;margin-bottom:11px}.user-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#25272b;color:#d4d7da;font-weight:800}.user-chip small,.user-chip strong{display:block}.user-chip small{color:#6e737a;font-size:9px}.user-chip strong{margin-top:1px;color:#e7e9eb;font-size:12px}.side-role{display:block;margin-bottom:11px;color:#7b8087;font-size:11px}.side-logout{width:100%;padding:9px 10px;border:1px solid #33363b;border-radius:7px;background:transparent;color:#a8adb3;cursor:pointer;font-size:12px}.side-logout:hover{background:#202226;color:#fff}
.workspace{min-width:0;background:var(--bg)}.workspace-bar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 27px;border-bottom:1px solid #232529;background:#141517}.workspace-bar>div span,.workspace-bar>div strong{display:block}.workspace-kicker{margin-bottom:2px;color:#70757c;font-size:9px}.workspace-bar>div strong{font-size:14px}.return-link{padding:8px 12px;border:1px solid #34363b;border-radius:7px;color:#c4c7cb;text-decoration:none;font-size:12px;font-weight:700}.return-link:hover{background:#202226;color:#fff}
.status-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#25272b;color:#b6bbc0;font-size:11px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#858a91}.status-pill.online{background:#163126;color:#8be1b7}.status-pill.online .status-dot{background:var(--ok);box-shadow:0 0 8px rgba(34,200,121,.45)}.status-pill.offline{background:#351c20;color:#ffabb3}.status-pill.offline .status-dot{background:var(--fail)}.status-pill.checking .status-dot{background:var(--accent);animation:pulse 1.1s infinite}@keyframes pulse{50%{opacity:.35}}
.dash,.admin{width:min(1160px,100%);margin:0 auto;padding:32px 30px 54px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.page-intro h1{margin:4px 0 7px;font-size:28px;font-weight:800}.page-intro p{margin:0;color:#9ca1a7;font-size:13px}.eyebrow{display:block;color:#6f747b;font-size:10px;font-weight:600}.connection-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px;padding:17px 18px;border:1px solid #26282c;border-radius:9px;background:#151618}.connection-card.connected{border-right:3px solid var(--ok)}.connection-card.disconnected{border-right:3px solid var(--fail)}.connection-copy strong{display:block;margin-top:4px;font-size:14px}.connection-detail{direction:ltr;color:#999fa6;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}
.content-section{padding-top:3px}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:17px;margin-bottom:16px}.section-title-row h2{margin:4px 0 0;font-size:18px}.tabs{display:inline-flex;gap:2px;padding:3px;border-radius:8px;background:#222428}.tab-btn{padding:8px 16px;border:0;border-radius:6px;background:transparent;color:#93989f;cursor:pointer;font-size:12px;font-weight:700}.tab-btn:hover{color:#fff}.tab-btn.active{background:#393b41;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.22)}
#panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px;align-items:start}.model-card{position:relative;margin:0;padding:19px;border:1px solid #25272b;border-radius:9px;background:#141517;box-shadow:none}.model-card h3{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #24262a;font-size:17px}.vehicle-field{margin-bottom:12px}.vehicle-field label{display:flex;flex-direction:column;gap:6px;color:#7f858c;font-size:11px}.vehicle-field input,.form input,.inline-form input,.inline-form select{width:100%;padding:10px 11px;border:1px solid #2a2d31;border-radius:7px;background:#1b1d20;color:#f0f1f2;outline:none}.vehicle-field input[readonly]{background:#1a1c1f;color:#aeb3b9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.vehicle-field input:focus,.form input:focus,.inline-form input:focus,.inline-form select:focus{border-color:#246fbe;box-shadow:0 0 0 3px rgba(8,123,245,.12)}
.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.action-btn{min-height:39px;padding:9px 11px;border:1px solid #303338;border-radius:7px;background:#1c1e21;color:#d4d7da;cursor:pointer;font-size:11px;font-weight:700}.action-btn:hover{border-color:#44484e;background:#232529;color:#fff}.action-btn:disabled{opacity:.55;cursor:wait}.local-apk-picker{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:14px;padding:14px;border:1px solid #24262a;border-radius:8px;background:#191b1e}.picker-copy strong{display:block;font-size:13px}.picker-copy p{margin:4px 0 0;color:#858b92;font-size:10px;line-height:1.55}.file-select{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:0 12px;border:1px solid #3a3d42;border-radius:7px;background:#222428;color:#d7dade;font-size:11px;font-weight:800;cursor:pointer}.file-select:hover{border-color:#5a5e65;color:#fff}.local-apk-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.local-apk-name{grid-column:1/-1;margin:0;color:#7f858c;font-size:10px;overflow-wrap:anywhere}.local-install-btn{grid-column:2;min-width:auto;border-color:var(--accent);background:var(--accent);color:#fff}.local-install-btn:hover{border-color:#0069dc;background:#0069dc;color:#fff}
.operation-progress{margin-top:11px;padding:11px 12px;border:1px solid #292c30;border-radius:8px;background:#181a1d}.operation-progress[hidden]{display:none}.progress-head{display:flex;align-items:center;gap:10px}.progress-track{flex:1;height:6px;overflow:hidden;border-radius:999px;background:#2b2d31}.progress-fill{display:block;width:0;height:100%;border-radius:inherit}.progress-percent{min-width:38px;color:var(--accent);font:800 12px ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left}.progress-percent[hidden]{display:none}.operation-status{display:flex;align-items:center;gap:7px;margin:8px 0 0;color:#8b9097;font-size:11px;font-weight:700}.operation-progress.running{border-color:#234e79;background:#111c27}.operation-progress.running .progress-fill{width:76%;background:var(--accent);animation:install-progress 1.25s ease-in-out infinite}.operation-progress.running .operation-status{color:#75b9ff}.operation-progress.success{border-color:#246846;background:#10231a}.operation-progress.success .progress-fill{width:100%;background:var(--ok)}.operation-progress.success .progress-percent{color:var(--ok)}.operation-progress.success .operation-status{color:#78dca9}.operation-progress.success .operation-status:before{content:'\2713'}.operation-progress.failure{border-color:#71323a;background:#271316}.operation-progress.failure .progress-fill{width:100%;background:var(--fail)}.operation-progress.failure .operation-status{color:#ff929d}.operation-progress.failure .operation-status:before{content:'\00d7'}@keyframes install-progress{0%,100%{opacity:.4;transform:translateX(20%)}50%{opacity:1;transform:translateX(-8%)}}
.toast{position:fixed;z-index:30;bottom:22px;left:50%;max-width:min(90vw,560px);padding:12px 16px;border:1px solid #33363a;border-radius:8px;background:#202226;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.35);transform:translateX(-50%);font-size:12px}.toast.ok{border-color:var(--ok)}.toast.fail{border-color:var(--fail)}
.admin{display:flex;flex-direction:column;gap:14px}.admin .page-intro{margin-bottom:6px}.card{padding:19px;border:1px solid #25272b;border-radius:9px;background:#141517}.card-heading{margin-bottom:13px}.card-heading h2,.section-heading h2{margin:4px 0 0;font-size:17px}.inline-form{display:grid;grid-template-columns:1fr 1fr 130px auto;gap:8px}.inline-form button,.ghost-btn{padding:9px 13px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;cursor:pointer;font-weight:700}.ghost-btn{border-color:#36393e;background:#1d1f22;color:#c8cbd0}.ghost-btn:hover{background:#25272b}.error{margin:9px 0 0;color:var(--fail);font-size:11px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{padding:10px 8px;border-bottom:1px solid #25272a;text-align:right}.data-table th{color:#7c8289;font-size:10px;font-weight:700}.status-ok{color:var(--ok);font-weight:800}.status-fail{color:var(--fail);font-weight:800}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:13px}.log-updated{margin:8px 0 13px;color:#777c83;font-size:10px}.logs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:9px}.log-card{padding:13px;border:1px solid #27292d;border-radius:8px;background:#181a1d}.log-card.log-ok{border-top:2px solid var(--ok)}.log-card.log-fail{border-top:2px solid var(--fail)}.log-header{display:flex;justify-content:space-between;gap:9px}.log-result{font-weight:900}.log-ok .log-result{color:var(--ok)}.log-fail .log-result{color:var(--fail)}.log-sub{margin:6px 0 10px;color:#777d84;font-size:10px}.log-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.log-grid dt{margin-bottom:2px;color:#737980;font-size:9px}.log-grid dd{margin:0;overflow-wrap:anywhere;font-size:11px}.log-details{margin:10px 0 0;padding-top:8px;border-top:1px solid #282a2e;font-size:11px}
.login-body{display:grid;grid-template-columns:minmax(350px,43%) minmax(350px,1fr);min-height:100vh;background:#101113}.login-showcase{display:flex;flex-direction:column;justify-content:space-between;padding:34px;background:#17181b;color:#fff;border-left:1px solid #25272b}.login-showcase .side-brand{padding:0}.login-showcase>div{max-width:460px}.showcase-kicker{display:block;margin-bottom:10px;color:#6e747b;font-size:11px}.login-showcase h1{margin-bottom:14px;color:#fff;font-size:33px;line-height:1.35}.login-showcase p{margin:0;color:#989da4;line-height:1.8}.login-showcase>small{color:#5f646a;font-size:9px}.login-card{width:min(370px,calc(100% - 40px));margin:auto}.login-heading{margin-bottom:24px}.login-heading h2{margin:4px 0 6px;font-size:26px}.login-heading p{color:#8c9299;font-size:12px}.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:7px;color:#92989f;font-size:11px}.form button{margin-top:3px;padding:11px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;cursor:pointer;font-weight:800}.form button:hover{background:#0069dc}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#f0f1f2;-webkit-box-shadow:0 0 0 1000px #1b1d20 inset;transition:background-color 9999s ease-in-out 0s}
@media(max-width:780px){.app-shell{grid-template-columns:150px minmax(0,1fr)}.sidebar{padding:18px 9px 14px}.side-brand{gap:7px;padding:0 6px 22px}.side-logo{width:32px;height:32px}.side-brand strong{font-size:13px}.side-brand small{font-size:9px}.side-link{gap:7px;padding:10px 8px;font-size:11px}.side-link svg{width:17px;height:17px}.side-footer{padding-inline:5px}.workspace-bar{height:62px;padding:0 18px}.dash,.admin{padding:25px 20px 42px}.page-intro{margin-bottom:20px}.page-intro h1{font-size:23px}.section-title-row{align-items:stretch;flex-direction:column}.tabs{display:flex}.tab-btn{flex:1;padding-inline:9px}#panels{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr 1fr}.inline-form button{grid-column:1/-1}}
@media(max-width:520px){.app-shell{display:block}.sidebar{position:static;height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:10px 13px;border-left:0;border-bottom:1px solid #25272b}.side-brand{padding:0}.side-brand small{display:none}.side-nav{flex-direction:row;justify-content:center;gap:2px}.side-link{width:auto;padding:8px}.side-link span{display:none}.side-footer{margin:0;padding:0;border:0}.user-chip,.side-role{display:none}.side-logout{width:auto;font-size:0}.side-logout:after{content:'\2190';font-size:16px}.workspace-bar{height:58px;padding:0 14px}.dash,.admin{padding:22px 14px 36px}.page-intro h1{font-size:21px}.connection-card{align-items:stretch;flex-direction:column}.connection-detail{text-align:right}.action-row{grid-template-columns:1fr}.local-apk-picker{grid-template-columns:1fr}.file-select,.local-install-btn{grid-column:auto}.inline-form,.logs-list,.log-grid{grid-template-columns:1fr}.login-body{display:block}.login-showcase{display:none}.login-card{padding:50px 0}}

/* Eado Plus fixed shortcut panel */
.shortcut-panel{margin-top:14px;padding:15px;border:1px solid #26394c;border-radius:9px;background:linear-gradient(135deg,#151b23,#151719)}
.shortcut-panel-header{margin-bottom:12px}.shortcut-panel-header h4{margin:0 0 4px;color:#e8f2ff;font-size:14px}.shortcut-panel-header p,.shortcut-note{margin:0;color:#8c9aaa;font-size:11px;line-height:1.65}
.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shortcut-slot{min-height:62px;padding:10px;border:1px solid #2a3b4c;border-radius:7px;background:#10161d}.shortcut-position{display:block;margin-bottom:5px;color:#78bfff;font-size:10px;font-weight:800}.shortcut-slot strong{display:block;color:#dfeaf6;font-size:12px;line-height:1.35}
.shortcut-note{margin-top:11px}.shortcut-apply-btn{width:100%;margin-top:13px;border-color:#1677d2;background:#1265b3;color:#fff}.shortcut-apply-btn:hover{border-color:#2b8ce7;background:#1975c7;color:#fff}
@media(max-width:520px){.shortcut-grid{grid-template-columns:1fr}}
\n.agent-tools{display:flex;align-items:center;gap:8px}.pair-device-btn{min-height:34px;padding:7px 11px;border:1px solid #353941;border-radius:7px;background:#1d2127;color:#d7dde5;cursor:pointer;font-size:11px;font-weight:800}.pair-device-btn:hover{border-color:#4b8bc8;background:#202a35;color:#fff}.pair-device-btn:disabled{opacity:.6;cursor:wait}.connection-meta{min-width:0;text-align:left}.connection-hint{max-width:440px;margin:5px 0 0;color:#939ba5;font-size:10px;line-height:1.55;text-align:right}.operation-progress.warning{border-color:#846928;background:#282112}.operation-progress.warning .progress-fill{width:100%;background:#e3b341}.operation-progress.warning .progress-percent,.operation-progress.warning .operation-status{color:#f4d27a}.operation-progress.warning .operation-status:before{content:'!'}@media(max-width:520px){.agent-tools{gap:5px}.pair-device-btn{padding:7px 8px}.connection-meta{text-align:right}.connection-hint{max-width:none}}\n
.connection-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}.pair-device-card-btn{white-space:nowrap;border-color:#376897;background:#1b2b3a;color:#d9ecff}.pair-device-card-btn:hover{border-color:#5a9ed8;background:#223a50}@media(max-width:520px){.connection-actions{align-items:stretch;flex-direction:column;gap:10px}.pair-device-card-btn{width:100%}}

.pair-device-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;min-height:40px;padding:0 14px;border:1px solid #3a5874;border-radius:8px;background:#1b2835;color:#e5eef7;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 1px 2px rgba(0,0,0,.18);font-size:11px;font-weight:800;letter-spacing:.01em;transition:border-color .16s ease,background .16s ease,transform .16s ease}.pair-device-card-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;color:#8fc6f7}.pair-device-card-btn:hover{border-color:#6090bb;background:#213547;color:#fff;transform:translateY(-1px)}.pair-device-card-btn:active{transform:translateY(0);background:#182532}.pair-device-card-btn:disabled{transform:none;border-color:#344656;background:#1a222a;color:#8d9ba8;box-shadow:none}@media(max-width:520px){.pair-device-card-btn{min-width:0;min-height:42px}}

/* Connection action: compact, contextual, and aligned with the device state. */
.connection-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px}.connection-head{display:flex;align-items:center;gap:14px;min-width:0}.connection-copy{min-width:0}.connection-meta{min-width:0;text-align:right}.connection-hint{margin-inline:0;text-align:right}.pair-device-card-btn{flex:0 0 auto;min-width:0;min-height:34px;padding:0 10px;border:1px solid #314a62;border-radius:7px;background:#192632;color:#cfe0f0;box-shadow:none;font-size:10px;font-weight:700;letter-spacing:0}.pair-device-card-btn svg{width:14px;height:14px;color:#7fb4e0;stroke-width:1.9}.pair-device-card-btn:hover{border-color:#5e8eb6;background:#223647;transform:none}.pair-device-card-btn:active{background:#15212b}.pair-device-card-btn:disabled{background:#182128;color:#8494a2}.pair-device-card-btn:disabled svg{color:#71808c}@media(max-width:520px){.connection-card{grid-template-columns:1fr;gap:9px;padding:16px}.connection-head{width:100%;justify-content:space-between;gap:10px}.connection-meta{width:100%;padding-top:8px;border-top:1px solid #242a30}.connection-hint{max-width:none}.pair-device-card-btn{min-height:32px;padding-inline:9px}}

@media(max-width:520px){.pair-device-card-btn{width:auto}}

/* قائمة التطبيقات داخل بطاقة الموديل */
.vehicle-field select{width:100%;padding:10px 11px;border:1px solid #2a2d31;border-radius:7px;background:#1b1d20;color:#f0f1f2;outline:none}.vehicle-field select:focus{border-color:#246fbe;box-shadow:0 0 0 3px rgba(8,123,245,.12)}.vehicle-field select:disabled{color:#858b92}.package-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.package-tools button{padding:6px 8px;border:1px solid #34373c;border-radius:6px;background:#202226;color:#d8dbde;font:inherit;font-size:10px;cursor:pointer}.package-tools button:hover:not(:disabled){border-color:#5b626a;color:#fff}.package-tools button:disabled{opacity:.5;cursor:default}.package-selection-count{margin-inline-start:auto;color:#98a1ab;font-size:10px}.package-choice-help{line-height:1.5}
.package-upload-form{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(180px,1.3fr) auto auto}.package-upload-form input[type="text"]{width:100%;min-height:39px;padding:9px 11px;border:1px solid #2a2d31;border-radius:7px;background:#1b1d20;color:#f0f1f2;outline:none}.package-upload-form input[type="text"]:focus{border-color:#246fbe;box-shadow:0 0 0 3px rgba(8,123,245,.12)}
@media(max-width:780px){.package-upload-form{grid-template-columns:1fr 1fr}.package-upload-form input[type="text"],.package-upload-form button{grid-column:1/-1}}@media(max-width:520px){.package-upload-form{grid-template-columns:1fr}.package-upload-form input[type="text"],.package-upload-form button{grid-column:auto}}

/* تحسينات الواجهة */
.workspace-bar{background:linear-gradient(100deg,#15171b,#101216);box-shadow:0 1px 0 rgba(255,255,255,.025)}.workspace-bar strong{letter-spacing:0}.page-intro{position:relative;padding:22px 24px;border:1px solid #252a31;border-radius:13px;background:radial-gradient(circle at top left,rgba(8,123,245,.16),transparent 42%),linear-gradient(135deg,#171a1f,#121417);overflow:hidden}.page-intro:after{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--accent),#54b0ff)}.page-intro h1{font-size:30px}.page-intro p{max-width:630px;line-height:1.75}.admin{gap:18px}.card{border-color:#272c33;border-radius:13px;background:linear-gradient(145deg,#17191d,#121416);box-shadow:0 12px 26px rgba(0,0,0,.12);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.card:hover{border-color:#353d47;box-shadow:0 16px 30px rgba(0,0,0,.18)}.card-heading,.section-heading{padding-bottom:13px;border-bottom:1px solid #282d34}.card-heading h2,.section-heading h2{font-size:18px}.inline-form{padding:5px;border:1px solid #282e36;border-radius:10px;background:#111317}.inline-form input,.inline-form select,.package-upload-form input[type="text"],.package-upload-form select{min-height:42px;border-color:#303741;background:#191d23}.inline-form button,.package-upload-form button{min-height:42px;border-radius:8px;box-shadow:0 6px 16px rgba(8,123,245,.16)}.ghost-btn{border-radius:8px}.package-manager{border-color:#24476a;background:radial-gradient(circle at top left,rgba(8,123,245,.12),transparent 34%),linear-gradient(145deg,#161b22,#121519)}.package-drive-link{padding:9px 11px;border:1px solid #2d4052;border-radius:9px;background:#121b25}.package-upload-form{padding:10px;border:1px solid #2c3540;border-radius:10px;background:#10141a}.package-apps-list{margin-top:18px}.package-group{border-color:#303842;background:#111419}.package-group h3{padding:12px 14px;background:#1a1f26}.package-app{padding:12px 14px}.package-app:hover{background:#1a1e24}.package-app strong{color:#e8edf3}.package-delete{border-radius:7px}.data-table{border:1px solid #2b3139;border-radius:9px;overflow:hidden}.data-table thead{background:#1a1f26}.data-table th{padding:12px 10px;color:#aeb8c4}.data-table td{padding:12px 10px}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:#1a1f25}.logs-list{gap:12px}.log-card{border-color:#303740;background:linear-gradient(145deg,#191d22,#121519);box-shadow:0 8px 18px rgba(0,0,0,.11)}.log-header{align-items:center}.log-result{padding:4px 8px;border-radius:999px;background:#252b32;font-size:10px}.log-ok .log-result{background:#163326}.log-fail .log-result{background:#3a1d23}.log-details{line-height:1.5}.connection-hint{line-height:1.7}
@media(max-width:780px){.page-intro{padding:19px}.page-intro h1{font-size:26px}.inline-form,.package-upload-form{padding:8px}.card{border-radius:11px}}@media(max-width:520px){.page-intro{padding:17px}.page-intro h1{font-size:23px}.card{padding:15px}.inline-form{gap:7px}}

/* واجهة تسجيل الدخول: تحسين بصري فقط */
.login-body{position:relative;isolation:isolate;background:radial-gradient(circle at 15% 15%,rgba(8,123,245,.18),transparent 30%),radial-gradient(circle at 85% 75%,rgba(49,103,159,.16),transparent 35%),#0d1014}.login-body:before,.login-body:after{content:'';position:fixed;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.login-body:before{width:340px;height:340px;top:-150px;right:35%;background:rgba(8,123,245,.11)}.login-body:after{width:260px;height:260px;bottom:-120px;left:4%;background:rgba(71,141,212,.09)}.login-showcase{position:relative;overflow:hidden;padding:42px;background:linear-gradient(155deg,rgba(25,31,39,.98),rgba(13,17,22,.98));border-left-color:rgba(101,151,198,.22)}.login-showcase:after{content:'';position:absolute;inset:auto -70px -110px auto;width:290px;height:290px;border:1px solid rgba(115,183,239,.13);border-radius:50%;box-shadow:0 0 0 36px rgba(115,183,239,.035),0 0 0 72px rgba(115,183,239,.02)}.login-showcase .side-brand{position:relative;z-index:1}.login-showcase .side-logo{width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,#eaf5ff,#91cbfa);box-shadow:0 8px 23px rgba(8,123,245,.2)}.login-showcase h1{max-width:450px;font-size:38px;line-height:1.28;letter-spacing:-.03em}.login-showcase p{max-width:410px;color:#a9b4c0;font-size:14px}.showcase-kicker{color:#72b8ee;letter-spacing:.04em}.login-showcase>small{position:relative;z-index:1;color:#718191;letter-spacing:.08em}.login-card{padding:32px;border:1px solid rgba(111,135,159,.23);border-radius:16px;background:linear-gradient(145deg,rgba(26,31,38,.94),rgba(17,21,27,.94));box-shadow:0 26px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(12px)}.login-heading{margin-bottom:27px}.login-heading .eyebrow{color:#74b9ee}.login-heading h2{font-size:29px}.login-heading p{line-height:1.7}.form{gap:16px}.form label{gap:8px;color:#b1bac4;font-size:12px}.form input{min-height:46px;border-color:#303a45;background:rgba(11,14,19,.72);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.form input:focus{border-color:#378bd0;background:#101820;box-shadow:0 0 0 4px rgba(8,123,245,.13)}.form button{min-height:46px;border-radius:9px;background:linear-gradient(135deg,#087bf5,#1768bd);box-shadow:0 10px 22px rgba(8,123,245,.25);transition:transform .16s ease,filter .16s ease}.form button:hover{background:linear-gradient(135deg,#168cff,#1768bd);filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:780px){.login-showcase{padding:30px}.login-showcase h1{font-size:31px}.login-card{padding:26px}}@media(max-width:520px){.login-card{width:min(390px,calc(100% - 28px));padding:23px;border-radius:14px}.login-heading h2{font-size:26px}.form input,.form button{min-height:45px}}

.package-manager .connection-hint{max-width:none;margin-bottom:14px}.package-upload-form{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) auto auto;gap:8px;align-items:center}.package-upload-form select{width:100%;min-height:39px;padding:9px 11px;border:1px solid #2a2d31;border-radius:7px;background:#1b1d20;color:#f0f1f2;outline:none}.package-upload-form button{min-height:39px;padding:9px 13px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;cursor:pointer;font-weight:700}.package-upload-form button:disabled{opacity:.6;cursor:wait}.package-file-select{min-height:39px}.package-upload-progress{display:flex;align-items:center;gap:10px;margin-top:10px;color:#8cc7ff;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr}.package-upload-progress progress{width:min(330px,100%);height:8px;accent-color:var(--accent)}.package-apps-list{display:grid;gap:9px;margin-top:16px}.package-group{border:1px solid #2a2d33;border-radius:8px;overflow:hidden;background:#181a1d}.package-group h3{margin:0;padding:10px 12px;border-bottom:1px solid #2a2d33;color:#e4e8ed;font-size:13px}.package-app{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.package-app+.package-app{border-top:1px solid #282a2e}.package-app strong,.package-app small{display:block;overflow-wrap:anywhere}.package-app strong{font-size:12px}.package-app small{margin-top:3px;color:#858b93;font-size:10px}.package-delete{padding:6px 9px;border:1px solid #69333c;border-radius:6px;background:#2a171b;color:#ffabb3;cursor:pointer;font:700 10px inherit}.package-delete:hover{background:#3a1b22;color:#fff}.package-empty{margin:0;color:#858b93;font-size:11px}@media(max-width:780px){.package-upload-form{grid-template-columns:1fr 1fr}.package-upload-form button{grid-column:1/-1}}@media(max-width:520px){.package-upload-form{grid-template-columns:1fr}.package-upload-form button{grid-column:auto}.package-file-select{width:100%}.package-app{align-items:flex-start;flex-direction:column}.package-delete{align-self:flex-start}}

.package-drive-link{display:flex;align-items:center;gap:10px;margin:-3px 0 14px}.package-drive-link span{color:#858b93;font-size:10px}.package-drive-link .ghost-btn{padding:7px 10px;font-size:11px}

.package-model-group{overflow:hidden}.package-model-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;list-style:none;background:#1a1f26;color:#e8edf3}.package-model-summary::-webkit-details-marker{display:none}.package-model-summary:after{content:'+';display:grid;place-items:center;width:24px;height:24px;margin-right:auto;border:1px solid #35404c;border-radius:7px;color:#8cc7ff;font-size:17px;line-height:1}.package-model-group[open]>.package-model-summary:after{content:'−'}.package-model-summary strong{font-size:13px}.package-model-summary span{padding:4px 8px;border-radius:999px;background:#242b33;color:#9eabb8;font-size:10px}.package-model-summary:hover{background:#20262e}.package-model-group[open]>.package-model-summary{border-bottom:1px solid #303842;background:#1d2530}
.package-model-empty{padding:14px;margin:0;background:#12161b;color:#778390}
.package-brand-group{padding:14px;border:1px solid #2d3540;border-radius:12px;background:linear-gradient(145deg,#15191e,#101318)}.package-brand-title{margin:0 0 12px;padding:0 2px 11px;border-bottom:1px solid #2c333c;color:#8cc7ff;font-size:17px}.package-brand-models{display:grid;gap:9px}
.package-copy-tools{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;padding:10px 12px;border-bottom:1px solid #282a2e;background:#14191f}.package-copy-target{min-height:36px;padding:7px 10px;border:1px solid #303944;border-radius:7px;background:#1a2027;color:#e8edf3}.package-copy-all{min-height:36px}.package-app-actions{display:flex;align-items:center;gap:7px}.package-copy-one{padding:6px 10px;border:1px solid #285d86;border-radius:6px;background:#14283a;color:#8cc7ff;cursor:pointer;font:700 10px inherit}.package-copy-one:hover{background:#1b3a54;color:#fff}.package-copy-one:disabled,.package-copy-all:disabled{opacity:.55;cursor:wait}@media(max-width:520px){.package-copy-tools{grid-template-columns:1fr}.package-app-actions{align-self:flex-start}}

/* The connection status is also the refresh action. */
.connection-status-control{border:1px solid transparent;cursor:pointer;appearance:none;font-family:inherit;transition:border-color .16s ease,background .16s ease,transform .16s ease}.connection-status-control .connection-refresh{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.connection-status-control:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.16)}.connection-status-control:active{transform:translateY(0)}.connection-status-control.online:hover{background:#1b3c2d}.connection-status-control.offline:hover{background:#44252b}.connection-status-control.checking:hover{background:#30343a}.connection-status-control:disabled{cursor:wait;transform:none;opacity:.72}.connection-card{grid-template-columns:minmax(0,1fr) auto}.connection-head,.pair-device-card-btn{display:none!important}@media(max-width:520px){.connection-card{grid-template-columns:1fr;gap:9px}.connection-status-control{max-width:190px}}

/* طبقة هادئة وواضحة للوحة الفني: تقلل الوهج وتزيد قابلية القراءة طوال اليوم. */
:root{--bg:#10151b;--panel:#161d25;--panel-soft:#1c2530;--sidebar:#131a22;--line:#2a3541;--text:#edf3f8;--muted:#a4b0bc;--accent:#3d96e8;--accent-dim:#244968;--ok:#42bb82;--fail:#e66d78;--radius:12px}body{background:#10151b;line-height:1.55}.sidebar{background:#131a22;border-left-color:#283441}.workspace{background:#10151b}.workspace-bar{background:#151d26;border-bottom-color:#2a3541}.workspace-kicker,.eyebrow{color:#91a0af}.page-intro{padding:24px 26px;border-color:#2d3a47;background:#18212b}.page-intro:after{width:4px;background:#3d96e8}.page-intro h1{margin-bottom:8px;font-size:29px;line-height:1.3}.page-intro p{color:#b0bcc7;font-size:13px}.connection-card{padding:18px 20px;border-color:#2d3a47;background:#161f29}.connection-copy strong{font-size:15px}.connection-hint{color:#a5b1bc;font-size:11px}.tabs{padding:4px;background:#18212b}.tab-btn{padding:9px 17px;color:#a6b2bd}.tab-btn.active{background:#2a3a4b;box-shadow:none}.model-card{border-color:#2c3946;background:#161f29;box-shadow:none}.model-card:before{background:#3d96e8;opacity:.7}.model-card:hover{transform:none;border-color:#405568;box-shadow:none}.model-card h3{padding-bottom:14px;font-size:18px}.vehicle-field{padding:12px;border-color:#2c3946;background:#121922}.vehicle-field label{gap:8px;color:#b2bec9;font-size:12px}.vehicle-field select{border-color:#344454;background:#18212b}.package-tools button{padding:7px 10px;border-color:#3c4b5a;background:#202b36;color:#d9e4ed}.package-selection-count{padding:5px 9px;background:#203346;color:#b7dcfb}.action-row{gap:10px}.action-btn{min-height:42px;border-color:#3a4a5a;background:#202a35;color:#e3ebf2;font-size:12px}.action-btn:hover:not(:disabled){transform:none;border-color:#587086;background:#273541;box-shadow:none}.action-btn.primary-action{background:#287fca;border-color:#479de7;box-shadow:none}.action-btn.primary-action:hover:not(:disabled){background:#338bd7;border-color:#70b3ee;box-shadow:none}.local-apk-picker{margin-top:16px;padding:16px;border-color:#2c3946;background:#141c25}.picker-copy strong{font-size:14px}.picker-copy p{color:#a6b2bc;font-size:11px}.file-select{min-height:40px;border-color:#41576b;background:#203142}.operation-progress{padding:13px;border-color:#304050;background:#131b24}.operation-status{color:#b5c1cc;font-size:12px}.toast{border-color:#3a4b5c;background:#1b2631;color:#eff6fb;font-size:12px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.side-link{border:1px solid transparent;color:#aab6c1}.side-link.active{border-color:#304457;background:#203141}.side-link:hover,.side-tools summary:hover{background:#1d2a36}.side-sublink{color:#98a7b5}.side-footer{border-top-color:#293744}.user-avatar{background:#263747;color:#d9eafa}.side-logout{border-color:#354654;color:#b9c6d0}@media(max-width:520px){.page-intro{padding:19px}.page-intro h1{font-size:24px}.connection-card{padding:16px}.model-card{padding:16px}.action-btn{min-height:44px}.package-tools{gap:7px}.package-selection-count{width:100%;margin-inline-start:0;text-align:center}}

#catalog.logs-list{display:block}.store-model-group{margin-bottom:14px;border:1px solid #2a2d33;border-radius:9px;overflow:hidden;background:#17191c}.store-model-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:#1d2025;border-bottom:1px solid #2a2d33}.store-model-heading h3{margin:0;font-size:13px;color:#e4e8ed}.store-model-heading span{color:#8baed8;font-size:11px}.store-model-apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:8px;padding:9px}.store-model-apps .log-entry{display:flex;flex-direction:column;gap:6px;padding:11px;border:1px solid #2a2d33;border-radius:7px;background:#141517}.store-model-apps .log-entry strong{font-size:13px}.store-model-apps .log-entry span{color:#9299a3;font-size:10px;overflow-wrap:anywhere}.store-model-apps .log-entry .ghost-btn{align-self:flex-start;padding:6px 10px;font-size:11px}.store-empty{margin:3px;color:#777e88;font-size:11px}

/* لوحة التثبيت: تسلسل بصري واضح للإجراء الرئيسي وحالات البطاقات. */
.model-card{overflow:hidden;border-color:#2a3038;background:linear-gradient(145deg,#171b21,#101216);box-shadow:0 10px 26px rgba(0,0,0,.15);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.model-card:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.52}.model-card:hover{transform:translateY(-2px);border-color:#3a4756;box-shadow:0 16px 34px rgba(0,0,0,.24)}.model-card h3{display:flex;align-items:center;gap:9px;color:#edf5ff}.model-card h3:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.vehicle-field{padding:11px;border:1px solid #2a3038;border-radius:9px;background:#12161b}.vehicle-field label{color:#a6afb8}.package-tools{padding-top:2px}.package-selection-count{padding:4px 8px;border-radius:999px;background:#202a34;color:#a8cdec}.action-row{padding-top:2px}.action-btn{border-color:#38414b;background:#1a2027;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.action-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#5a6978;background:#222c35;box-shadow:0 7px 14px rgba(0,0,0,.18)}.action-btn.primary-action{border-color:var(--accent);background:linear-gradient(135deg,var(--accent),#1768bd);color:#fff;box-shadow:0 8px 18px rgba(8,123,245,.23)}.action-btn.primary-action:hover:not(:disabled){border-color:#69b3ff;background:linear-gradient(135deg,#168cff,#1768bd);box-shadow:0 10px 22px rgba(8,123,245,.32)}.local-apk-picker{border-color:#2b3540;background:linear-gradient(135deg,#171d24,#111419)}.file-select{border-color:#3c536a;background:#1b2a38}.file-select:hover{border-color:#69a4d6;background:#223a50}.operation-progress{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}@media(max-width:520px){.model-card:hover{transform:none}.vehicle-field{padding:10px}.package-selection-count{margin-inline-start:0}}

/* تثبيت الأسلوب الهادئ فوق الطبقات الأقدم. */
.model-card{border-color:#2c3946;background:#161f29;box-shadow:none}.model-card:before{background:#3d96e8;opacity:.7}.model-card:hover{transform:none;border-color:#405568;box-shadow:none}.vehicle-field{padding:12px;border-color:#2c3946;background:#121922}.vehicle-field label{color:#b2bec9}.package-selection-count{padding:5px 9px;background:#203346;color:#b7dcfb}.action-btn{border-color:#3a4a5a;background:#202a35}.action-btn:hover:not(:disabled){transform:none;border-color:#587086;background:#273541;box-shadow:none}.action-btn.primary-action{background:#287fca;border-color:#479de7;box-shadow:none}.action-btn.primary-action:hover:not(:disabled){background:#338bd7;border-color:#70b3ee;box-shadow:none}.local-apk-picker{border-color:#2c3946;background:#141c25}.file-select{border-color:#41576b;background:#203142}.file-select:hover{border-color:#6c9fc9;background:#263d50}.operation-progress{box-shadow:none}

/* تباين حي ومتزن: عمق بصري من دون بهتان أو توهج زائد. */
:root{--bg:#0b111a;--panel:#131d29;--panel-soft:#1a2836;--sidebar:#111925;--line:#2a4055;--text:#f2f7fc;--muted:#aebdcc;--accent:#1589f5;--accent-dim:#214d75}.workspace{background:radial-gradient(900px 480px at 75% -180px,rgba(21,137,245,.13),transparent 66%),#0b111a}.workspace-bar{background:linear-gradient(100deg,#142131,#0f1925);border-bottom-color:#2a4055}.page-intro{border-color:#31516b;background:radial-gradient(620px 200px at 100% 0,rgba(21,137,245,.19),transparent 68%),linear-gradient(135deg,#182a3d,#111c29)}.page-intro:after{background:linear-gradient(#37a0ff,#0875d8)}.connection-card{border-color:#304d65;background:linear-gradient(135deg,#152536,#101b27)}.tabs{background:#142334;border:1px solid #2a465e}.tab-btn.active{background:linear-gradient(135deg,#287fc7,#19588d);box-shadow:0 3px 10px rgba(4,32,59,.34)}.model-card{border-color:#314a60;background:radial-gradient(360px 180px at 100% 0,rgba(21,137,245,.1),transparent 72%),linear-gradient(145deg,#172536,#101a26);box-shadow:0 10px 25px rgba(0,0,0,.18)}.model-card:before{background:linear-gradient(90deg,transparent,#2e9bff,transparent);opacity:.92}.model-card:hover{border-color:#4d779b;box-shadow:0 14px 29px rgba(0,0,0,.25)}.vehicle-field{border-color:#345069;background:#101c29}.vehicle-field select{border-color:#3c5b75;background:#152436}.package-tools button{border-color:#486780;background:#1d3042}.package-selection-count{background:#183b5a;color:#d0eaff}.action-btn{border-color:#46637b;background:#1c2c3b}.action-btn:hover:not(:disabled){border-color:#74a8d0;background:#243b4f}.action-btn.primary-action{background:linear-gradient(135deg,#1594ff,#0871d4);border-color:#58b2ff;box-shadow:0 8px 18px rgba(8,123,245,.25)}.action-btn.primary-action:hover:not(:disabled){background:linear-gradient(135deg,#39a6ff,#0b7ee5);border-color:#91ceff;box-shadow:0 10px 22px rgba(8,123,245,.33)}.local-apk-picker{border-color:#36536c;background:linear-gradient(135deg,#162637,#101a26)}.file-select{border-color:#5a7f9e;background:#213b51}.file-select:hover{border-color:#8cc5f2;background:#294a64}.side-link.active{border-color:#426b8e;background:linear-gradient(135deg,#203d56,#183046)}.side-link:hover,.side-tools summary:hover{background:#1c3043}.operation-progress{border-color:#38546b;background:#111d29}.toast{border-color:#4a6a85;background:#162536}

/* أذونات التطبيقات: تخطيط مستقل لمنع تداخل النصوص في الشاشات الضيقة. */
.permission-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 12px}.permission-mode label{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 11px;border:1px solid #36536c;border-radius:9px;background:#132231;color:#dcecf9;font-size:12px;line-height:1.45;overflow-wrap:anywhere;cursor:pointer}.permission-mode input{flex:0 0 auto;margin:0;accent-color:var(--accent)}.permission-mode label:has(input:checked){border-color:#5aaef4;background:#183850;color:#fff}.content-section .vehicle-field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0 0 12px;color:#b8c8d6;font-size:12px;line-height:1.4}.content-section .vehicle-field select{box-sizing:border-box;width:100%;min-height:43px;padding:9px 11px;border:1px solid #3c5b75;border-radius:8px;background:#152436;color:#edf6ff;font:inherit;direction:ltr;text-align:left}.content-section .vehicle-field select:disabled{opacity:.65}.content-section #perm-grant{width:100%;margin-top:2px;white-space:normal;line-height:1.35}.content-section #perm-status{margin:12px 0 0;color:#b2c4d5;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.content-section #perm-results{max-height:250px;margin:12px 0 0;padding:0 22px 0 0;overflow:auto;color:#c9d9e7;font-size:11px;line-height:1.65}.content-section #perm-results li{padding:6px 0;border-bottom:1px solid rgba(82,117,145,.28);overflow-wrap:anywhere}.content-section #perm-results+ a{display:inline-block;margin-top:14px;color:#88c7fb;font-size:12px}@media(max-width:520px){.permission-mode{grid-template-columns:1fr;gap:7px}.permission-mode label{padding:10px;font-size:11px}.content-section .vehicle-field{padding:10px;font-size:11px}.content-section .vehicle-field select{min-height:42px;font-size:12px}.content-section #perm-grant{min-height:46px;padding:10px;font-size:12px}.content-section #perm-status{font-size:11px}.content-section #perm-results{max-height:205px;font-size:10px}}

/* صفحة التعليمات: البطاقات الأصلية تحت عنوان الشركة. */
.instructions-brand-group{margin-bottom:27px}.instructions-brand-heading{margin:0 0 11px;padding:0 3px}.instructions-brand-heading .eyebrow{margin-bottom:3px}.instructions-brand-heading h2{margin:0;color:#edf6ff;font-size:18px}
.instructions-guide-card{margin:0 0 14px;padding:0}.instructions-guide-card>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;cursor:pointer;list-style:none}.instructions-guide-card>summary::-webkit-details-marker{display:none}.instructions-guide-card>summary h3{flex:1;margin:0!important;padding:0!important;border:0!important;font-size:18px!important;font-weight:800!important;line-height:1.3}.instructions-guide-card>summary>span{display:grid;place-items:center;flex:0 0 auto;width:29px;height:29px;border:1px solid #4b718f;border-radius:8px;background:#173148;color:#b7e0ff;font-size:20px;line-height:1;transition:transform .18s ease,background .18s ease}.instructions-guide-card[open]>summary{border-bottom:1px solid #35516a;background:linear-gradient(135deg,rgba(25,67,102,.52),rgba(16,26,38,.18))}.instructions-guide-card[open]>summary>span{transform:rotate(180deg);background:#205177;color:#fff}.instructions-guide-card>summary:hover{background:rgba(28,62,89,.35)}.instructions-guide-card ol{margin:0;padding:11px 44px 18px 20px;color:#dce8f2;counter-reset:item}.instructions-guide-card li{padding:10px 2px;font-size:13px;font-weight:600;line-height:1.8}.instructions-guide-card li+li{border-top:1px solid rgba(70,104,133,.28)}.instructions-guide-card code{display:inline-block;direction:ltr;unicode-bidi:isolate;margin:6px 0 0;padding:5px 9px;border:1px solid #4a7698;border-radius:6px;background:#102b41;color:#aee1ff;font:800 13px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em}.instructions-guide-card mark{padding:3px 7px;border-radius:5px;background:#1f425d;color:#e1f2ff;font:800 12px inherit}.instructions-guide-card[open]{border-color:#4d779b}@media(max-width:520px){.instructions-guide-card>summary{padding:15px}.instructions-guide-card>summary h3{font-size:16px!important}.instructions-guide-card ol{padding:8px 35px 15px 14px}.instructions-guide-card li{padding:9px 1px;font-size:12px}.instructions-guide-card code{font-size:12px}.instructions-guide-card>summary>span{width:27px;height:27px;font-size:18px}}
.instructions-guide-note{margin:0 20px 14px;padding:11px 12px;border:1px solid #36536c;border-radius:8px;background:#112433;color:#d7e7f3;font-size:12px;font-weight:600;line-height:1.75}.instructions-guide-note+.instructions-guide-note{border-color:#755e2e;background:#2b2517;color:#f2ddb0}@media(max-width:520px){.instructions-guide-note{margin:0 14px 12px;padding:10px;font-size:11px}}
.instructions-guide-note-important{margin-top:14px;border-color:#80642c;background:#2c2515;color:#f7dfaa}
.instructions-guide-card>summary{position:relative}.instructions-guide-card>summary h3{letter-spacing:.01em}.instructions-guide-card>summary h3:after{content:'اضغط لعرض الخطوات';display:block;margin-top:5px;color:#8dbbdf;font-size:10px;font-weight:600;letter-spacing:0}.instructions-guide-card[open]>summary h3:after{content:'اضغط لإخفاء الخطوات';color:#b9dbf5}.instructions-guide-card ol{position:relative;list-style:none;counter-reset:guide-step}.instructions-guide-card li{position:relative;counter-increment:guide-step;padding-right:40px}.instructions-guide-card li::before{content:counter(guide-step);position:absolute;top:10px;right:0;display:grid;place-items:center;width:24px;height:24px;border:1px solid #4c7595;border-radius:50%;background:#173149;color:#c9eaff;font:800 11px ui-monospace,SFMono-Regular,Consolas,monospace}.instructions-guide-card li:last-child{padding-bottom:12px}.instructions-guide-card[open] ol{animation:guide-steps-in .22s ease-out}@keyframes guide-steps-in{from{opacity:.35;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.instructions-guide-card>summary h3:after{font-size:9px}.instructions-guide-card li{padding-right:34px}.instructions-guide-card li::before{top:9px;width:21px;height:21px;font-size:10px}}
.instructions-guide-card>summary>span{font-size:0;transition:background .18s ease,border-color .18s ease}.instructions-guide-card>summary>span::before{content:'';width:8px;height:8px;margin-top:-4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}.instructions-guide-card[open]>summary>span{transform:none}.instructions-guide-card[open]>summary>span::before{margin-top:4px;transform:rotate(225deg)}
.instructions-guide-card>summary>span{width:32px;height:32px;border-radius:50%;border-color:#426887;background:rgba(25,70,105,.32);color:#cfeaff}.instructions-guide-card>summary:hover>span{border-color:#6eadd8;background:#214966}.instructions-guide-card[open]>summary>span{background:#2b6f9b;color:#fff}

/* تحسين بصري عام: يحافظ على الوظائف ويضبط التسلسل البصري في كامل الموقع. */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);text-rendering:optimizeLegibility}::selection{background:rgba(69,159,239,.34);color:#fff}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #73baff;outline-offset:3px}.page-intro,.connection-card,.model-card,.card,.store-model-group,.package-brand-group{box-shadow:0 10px 28px rgba(0,0,0,.14)}.page-intro{overflow:hidden}.model-card,.card,.store-model-group,.package-brand-group{transition:border-color .18s ease,box-shadow .18s ease}.model-card:hover,.card:hover,.store-model-group:hover,.package-brand-group:hover{border-color:#527998;box-shadow:0 14px 32px rgba(0,0,0,.2)}.action-btn,.ghost-btn,.file-select,.package-copy-one,.package-delete,.pair-device-card-btn{transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.action-btn:focus-visible,.ghost-btn:focus-visible,.file-select:focus-visible,.package-copy-one:focus-visible,.package-delete:focus-visible{box-shadow:0 0 0 3px rgba(102,184,255,.2)}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:rgba(55,104,143,.14)}.data-table td{vertical-align:middle}.connection-hint,.page-intro p,.picker-copy p{line-height:1.7}.toast{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#101a25}::-webkit-scrollbar-thumb{border:2px solid #101a25;border-radius:999px;background:#385a76}::-webkit-scrollbar-thumb:hover{background:#537d9f}@media(max-width:520px){.page-intro,.connection-card,.model-card,.card{box-shadow:0 7px 20px rgba(0,0,0,.13)}.model-card:hover,.card:hover{box-shadow:0 7px 20px rgba(0,0,0,.13)}.toast{width:calc(100% - 28px);text-align:center}}
.instructions-guide-label{margin:16px 20px 0;color:#9ed2ff;font-size:13px;font-weight:800}@media(max-width:520px){.instructions-guide-label{margin:14px 14px 0;font-size:12px}}
.instructions-guide-card>summary h3{overflow-wrap:anywhere}.instructions-guide-card>summary:focus-visible{outline:2px solid #78bded;outline-offset:-3px}.instructions-guide-card[open]>summary h3{color:#f4fbff}
.guide-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;margin:-4px 0 14px;padding:6px 10px;border:1px solid #456985;border-radius:7px;background:#173047;color:#cce9ff;font-size:11px;font-weight:800;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease}.guide-link:hover{border-color:#76b9e8;background:#214966;color:#fff}.guide-link:focus-visible{outline:2px solid #79c4f5;outline-offset:3px}

/* ألوان أوضح وإجراءات بارزة للفني أثناء العمل. */
:root{--accent:#10a4ff;--accent-dim:#15547e;--text:#f7fbff;--muted:#b9c9d8}.workspace{background:radial-gradient(900px 520px at 82% -170px,rgba(16,164,255,.2),transparent 64%),linear-gradient(145deg,#0a1420,#0d1724)}.sidebar{background:linear-gradient(180deg,#14243a,#0e1827);border-left-color:#315474}.workspace-bar{background:linear-gradient(100deg,#19314a,#101d2c);border-bottom-color:#365c7e}.page-intro{border-color:#477da9;background:radial-gradient(620px 220px at 100% 0,rgba(19,169,255,.28),transparent 67%),linear-gradient(135deg,#1b3854,#102338)}.connection-card{border-color:#3e6f97;background:linear-gradient(135deg,#18324b,#102131)}.tabs{border-color:#3b6d96;background:#152e46}.tab-btn{color:#c5d7e6}.tab-btn.active{background:linear-gradient(135deg,#159df2,#1764b1);color:#fff;box-shadow:0 5px 14px rgba(9,111,200,.38)}.model-card{border-color:#3d6d94;background:radial-gradient(400px 200px at 100% 0,rgba(23,158,247,.16),transparent 72%),linear-gradient(145deg,#18334b,#0f1e2d)}.model-card:before{background:linear-gradient(90deg,transparent,#4cc4ff,transparent)}.model-card h3{color:#fff}.vehicle-field{border-color:#416f95;background:#10253a}.vehicle-field label{color:#c4d5e3}.action-btn,.ghost-btn{min-height:43px;border-color:#5b84a8;background:#21425e;color:#f5fbff;font-weight:800}.action-btn:hover:not(:disabled),.ghost-btn:hover:not(:disabled){border-color:#9bd8ff;background:#2c5b80;color:#fff;box-shadow:0 6px 15px rgba(0,0,0,.24)}.action-btn.primary-action,.form button,.package-upload-form button{border-color:#77caff;background:linear-gradient(135deg,#16b5ff,#0874dc);color:#fff;box-shadow:0 8px 19px rgba(0,133,240,.38)}.action-btn.primary-action:hover:not(:disabled),.form button:hover,.package-upload-form button:hover{border-color:#c3ecff;background:linear-gradient(135deg,#39c5ff,#1686ed);box-shadow:0 10px 23px rgba(0,144,247,.5)}.file-select{border-color:#6ca6d1;background:#275375;color:#f6fbff;font-weight:800}.file-select:hover{border-color:#a9ddff;background:#3471a0}.guide-link{min-height:36px;border-color:#64b9ed;background:linear-gradient(135deg,#21618e,#17405f);color:#f1fbff;font-size:12px;box-shadow:0 5px 12px rgba(0,0,0,.18)}.guide-link:hover{border-color:#a8e0ff;background:linear-gradient(135deg,#2d80b7,#1d5780);box-shadow:0 7px 16px rgba(0,0,0,.23)}.side-link{color:#d0dfeb}.side-link.active{border-color:#69baff;background:linear-gradient(135deg,#236b9c,#1b4669);color:#fff;box-shadow:inset 3px 0 0 #4ec3ff}.side-link:hover,.side-tools summary:hover{background:#1d4565;color:#fff}.side-sublink{color:#b7cfdf}.package-tools button{border-color:#5c8cb1;background:#24506f;color:#eef9ff}.package-selection-count{background:#185782;color:#e1f4ff}.local-apk-picker{border-color:#3c719a;background:linear-gradient(135deg,#173650,#102333)}

/* طابع داكن نظيف: تباين واضح، أسطح محايدة، وإجراء رئيسي محدد. */
html:root{--bg:#050505;--panel:#121212;--panel-soft:#191919;--sidebar:#090909;--line:#2c2c2c;--text:#f5f5f5;--muted:#9a9a9a;--accent:#2699ff;--accent-dim:#153b5a}body .workspace{background:#050505}body .sidebar{background:#090909;border-left-color:#252525}body .workspace-bar{background:#090909;border-bottom-color:#292929}body .page-intro{border-color:#2e2e2e;background:#121212}body .page-intro:after{width:3px;background:#2699ff}body .connection-card{border-color:#2d2d2d;background:#111}body .tabs{padding:5px;border-color:#2b2b2b;border-radius:999px;background:#111}body .tab-btn{border-radius:999px;color:#aaa}body .tab-btn.active{background:#2b2b2b;color:#fff;box-shadow:none}body .model-card{border-color:#2d2d2d;background:#121212;box-shadow:none}body .model-card:before{display:none}body .model-card:hover{border-color:#454545;box-shadow:none}body .vehicle-field{border-color:#303030;background:#0c0c0c}body .vehicle-field label{color:#b5b5b5}body .action-btn,body .ghost-btn{min-height:42px;border-color:#3a3a3a;border-radius:999px;background:#1c1c1c;color:#ececec;font-weight:700;box-shadow:none}body .action-btn:hover:not(:disabled),body .ghost-btn:hover:not(:disabled){border-color:#666;background:#292929;box-shadow:none}body .action-btn.primary-action,body .form button,body .package-upload-form button{border-color:#2699ff;border-radius:999px;background:#2699ff;color:#fff;box-shadow:none}body .action-btn.primary-action:hover:not(:disabled),body .form button:hover,body .package-upload-form button:hover{border-color:#58b3ff;background:#58b3ff;box-shadow:none}body .file-select{border-color:#474747;border-radius:999px;background:#202020;color:#eee}body .file-select:hover{border-color:#747474;background:#292929}body .guide-link{min-height:34px;border-color:#454545;border-radius:999px;background:#202020;color:#f1f1f1;box-shadow:none}body .guide-link:hover{border-color:#777;background:#292929;box-shadow:none}body .local-apk-picker{border-color:#2d2d2d;background:#101010}body .side-link{border-radius:8px;color:#b7b7b7}body .side-link.active{border-color:transparent;background:#202020;color:#fff;box-shadow:inset 3px 0 0 #2699ff}body .side-link:hover,body .side-tools summary:hover{background:#181818;color:#fff}body .side-sublink{color:#969696}body .package-tools button{border-color:#444;background:#202020;color:#e7e7e7}body .package-selection-count{background:#202020;color:#d7d7d7}

/* أزرار عملية وواضحة: تمييز الإجراء الرئيسي مع مظهر موحد. */
body .action-btn,body .ghost-btn{min-height:42px;padding:9px 14px;border:1px solid #526777;border-radius:9px;background:linear-gradient(180deg,#2a3c49,#20303b);color:#edf6fb;font-size:12px;font-weight:800;letter-spacing:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 5px rgba(0,0,0,.18)}body .action-btn:hover:not(:disabled),body .ghost-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#78a4c0;background:linear-gradient(180deg,#344c5c,#273b48);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 6px 13px rgba(0,0,0,.22)}body .action-btn:active:not(:disabled),body .ghost-btn:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 2px 5px rgba(0,0,0,.24)}body .action-btn.primary-action,body .form button,body .package-upload-form button{border-color:#56a9e7;background:linear-gradient(180deg,#319eea,#1d79c6);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 11px rgba(18,112,190,.32)}body .action-btn.primary-action:hover:not(:disabled),body .form button:hover,body .package-upload-form button:hover{border-color:#8bc9f4;background:linear-gradient(180deg,#43acf2,#2586d5);box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 7px 15px rgba(18,112,190,.4)}body .file-select{min-height:40px;border:1px solid #55758d;border-radius:9px;background:linear-gradient(180deg,#294458,#203747);color:#e9f5fc;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}body .file-select:hover{border-color:#82b4d5;background:linear-gradient(180deg,#335269,#284457)}body .guide-link{min-height:36px;padding:7px 12px;border:1px solid #52738b;border-radius:9px;background:linear-gradient(180deg,#29455a,#203747);color:#e8f5fe;font-size:11px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}body .guide-link:hover{border-color:#85b8da;background:linear-gradient(180deg,#35546b,#294457)}

/* تخطيط هادئ وواضح: تسلسل ثابت من الحالة إلى الاختيار ثم التنفيذ. */
html:root{--bg:#20242a;--panel:#2a3037;--panel-soft:#303740;--sidebar:#181c21;--line:#424a54;--text:#f1f4f7;--muted:#bac1c9;--accent:#2f8fdf;--accent-dim:#294b66}body{background:#20242a}body .workspace{background:#20242a}body .sidebar{background:#181c21;border-left-color:#39414a}body .workspace-bar{background:#20242a;border-bottom-color:#424a54}body .dash,body .admin{width:min(1180px,100%);padding-top:28px}body .page-intro{margin-bottom:16px;border-color:#48525d;background:#2a3037}body .connection-card{margin-bottom:24px;border-color:#48525d;background:#2a3037}body .content-section{padding:20px;border:1px solid #48525d;border-radius:12px;background:#252a30}body .section-title-row{align-items:center;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #424a54}body .tabs{padding:4px;border-color:#48525d;border-radius:9px;background:#20252b}body .tab-btn{border-radius:7px}body .tab-btn.active{background:#3a4652}body #panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body .model-card{padding:18px;border-color:#4b5560;background:#2c333b}body .model-card h3{margin-bottom:13px;border-bottom-color:#46505a}body .vehicle-field{background:#252b31;border-color:#46515c}body .local-apk-picker{margin-top:15px;background:#252b31;border-color:#46515c}body .operation-progress{background:#252b31;border-color:#46515c}@media(max-width:780px){body .content-section{padding:16px}body #panels{grid-template-columns:1fr}}@media(max-width:520px){body .dash,body .admin{padding-top:20px}body .content-section{padding:13px;border-radius:10px}body .section-title-row{gap:12px;margin-bottom:14px;padding-bottom:13px}}

/* ضبط داكن عملي: إبراز الإجراء الأساسي فقط. */
:root{--accent:#2f8fdf;--accent-dim:#234a69;--text:#edf3f8;--muted:#aab7c3}.workspace{background:radial-gradient(820px 440px at 80% -210px,rgba(46,126,190,.11),transparent 65%),#10151b}.sidebar{background:#141b23;border-left-color:#2b3a48}.workspace-bar{background:#161f29;border-bottom-color:#2d3c4b}.page-intro{border-color:#34485b;background:radial-gradient(560px 190px at 100% 0,rgba(46,126,190,.13),transparent 68%),linear-gradient(135deg,#1a2632,#141d26)}.connection-card{border-color:#334657;background:#17212b}.tabs{border-color:#33485a;background:#18232e}.tab-btn{color:#acbac6}.tab-btn.active{background:#294864;color:#f4f9fc;box-shadow:none}.model-card{border-color:#35495b;background:radial-gradient(360px 180px at 100% 0,rgba(47,143,223,.08),transparent 72%),linear-gradient(145deg,#182531,#121a22);box-shadow:0 8px 20px rgba(0,0,0,.16)}.model-card:before{background:linear-gradient(90deg,transparent,#3d9ee8,transparent);opacity:.62}.model-card:hover{border-color:#466278;box-shadow:0 10px 24px rgba(0,0,0,.2)}.vehicle-field{border-color:#354b5e;background:#111a22}.vehicle-field label{color:#b5c3ce}.action-btn,.ghost-btn{min-height:42px;border-color:#42576a;background:#1d2a35;color:#e3ebf1;font-weight:700;box-shadow:none}.action-btn:hover:not(:disabled),.ghost-btn:hover:not(:disabled){border-color:#66839a;background:#263744;box-shadow:none}.action-btn.primary-action,.form button,.package-upload-form button{border-color:#55a7e6;background:linear-gradient(135deg,#258cd7,#1a70b5);color:#fff;box-shadow:0 5px 13px rgba(18,108,178,.26)}.action-btn.primary-action:hover:not(:disabled),.form button:hover,.package-upload-form button:hover{border-color:#83c4f4;background:linear-gradient(135deg,#359de5,#247dc2);box-shadow:0 7px 16px rgba(18,108,178,.32)}.file-select{border-color:#536f86;background:#243847;color:#e8f2f8;font-weight:700}.file-select:hover{border-color:#7798b1;background:#2d4557}.guide-link{min-height:34px;border-color:#4f7a9a;background:#1b3b54;color:#d9edfc;font-size:11px;box-shadow:none}.guide-link:hover{border-color:#78acd0;background:#24506f;box-shadow:none}.side-link{color:#bdc9d4}.side-link.active{border-color:#476c89;background:#20384b;color:#fff;box-shadow:inset 3px 0 0 #3e9de5}.side-link:hover,.side-tools summary:hover{background:#1d2f3d;color:#fff}.side-sublink{color:#aebdca}.package-tools button{border-color:#4c687e;background:#223847;color:#deedf7}.package-selection-count{background:#1d4059;color:#d3e9fa}.local-apk-picker{border-color:#354b5e;background:#141f28}

