#fleetOverview { display: none; }
body.fleet-server #fleetOverview { display: grid; gap: 16px; margin-bottom: 22px; }
#fleetCards { display: grid; gap: 14px; }
body.fleet-server:not(.mirror-mode) #overview > .overview-command-grid,
body.fleet-server:not(.mirror-mode) #overview > .overview-grid { display: none; }
body.fleet-server:not(.mirror-mode) #automationBtn { display: none; }
.fleet-heading,.fleet-card-head,.fleet-category { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fleet-heading h2 { margin: 2px 0; font-size: clamp(20px,2vw,27px); }
.fleet-card { border: 1px solid #d9ddd4; border-radius: 20px; background: #fff; padding: 20px; display: grid; gap: 16px; }
.fleet-card-head > div { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fleet-card-head a,.fleet-heading a { color: #456885; font-weight: 700; }
.fleet-presence { border-radius: 99px; padding: 5px 10px; background: #e9e9e9; font-size: 12px; text-transform: capitalize; }
.fleet-presence.online { background: #def4da; color: #246038; }
.fleet-presence.offline { background: #fae6dd; color: #a04d30; }
.fleet-presence.paused { background: #fff1d8; color: #785300; }
.fleet-category { flex-wrap: wrap; }
.fleet-meter { flex-basis: 100%; height: 8px; background: #e8ebe5; border-radius: 99px; overflow: hidden; }
.fleet-meter i { display: block; height: 100%; background: #a8e53a; }
.fleet-product { display: flex; align-items: center; gap: 14px; }
.fleet-product img,.fleet-image-empty { width: 76px; height: 76px; border-radius: 12px; object-fit: cover; background: #eef0ec; display: grid; place-items: center; flex: none; }
.fleet-product h3 { margin: 4px 0; font-size: 18px; }
.fleet-product p,.fleet-sync,.fleet-card small { color: #717a72; }
.fleet-steps { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; }
.fleet-steps > span { min-width: 55px; flex: 1; border-top: 3px solid #e0e5dc; padding: 8px 4px 0; text-align: center; font-weight: 700; }
.fleet-steps > span.completed { border-color: #4ea66a; color: #2e7b48; }
.fleet-steps > span.running { border-color: #a8e53a; color: #354e18; }
.fleet-steps small { display: block; font-size: 10px; font-weight: 500; line-height: 1.2; }
.fleet-readonly { padding: 12px 16px; background: #edf4e8; border-radius: 12px; }
.fleet-release { display: flex; align-items: center; gap: 12px; border-top: 1px solid #e5e9e2; padding: 10px 0; }
.fleet-release button,#fleetReleaseForm button { border: 1px solid #263329; border-radius: 8px; background: #a8e53a; padding: 8px 14px; font-weight: 700; cursor: pointer; }
#fleetReleaseForm,#fleetEnrollForm { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; }
#fleetReleaseForm label,#fleetEnrollForm label { display: grid; gap: 5px; font-size: 13px; }
#fleetReleaseForm input,#fleetEnrollForm input,#fleetEnrollForm select { padding: 8px; border: 1px solid #cbd3c7; border-radius: 8px; max-width: 220px; }
#fleetEnrollForm button { border: 1px solid #263329; border-radius: 8px; background: #a8e53a; padding: 8px 14px; font-weight: 700; cursor: pointer; }
.fleet-token { display: block; padding: 12px; overflow-wrap: anywhere; background: #eef4e6; border-radius: 8px; }
.fleet-token[hidden] { display: none; }
body.mirror-mode #automationBtn,
body.mirror-mode .product-card-actions,
body.mirror-mode .detail-header-actions button,
body.mirror-mode .timeline-actions,
body.mirror-mode [data-reupload-product],
body.mirror-mode #addAdminBtn,
body.mirror-mode #settingsForm button { display: none !important; }
@media(max-width:700px) { .fleet-card { padding: 14px; }.fleet-card-head,.fleet-category { align-items: flex-start; }.fleet-card-head { flex-direction: column; } }