: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-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}}

#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}

/* شعار CarPanel في صفحة الدخول */
.side-brand img.side-logo{display:block;object-fit:cover}