/* ServiceHub 1.0.4: My Devices lists and pages shown inside the native Mac app. */
.device-list{display:grid;gap:10px}
.device-row{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfdff}
.device-icon{width:42px;height:42px;border-radius:12px;background:#eaf6fb;display:grid;place-items:center;font-size:20px;flex:none}
.device-main{flex:1;min-width:0}
.device-main b{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}
.device-main small{display:block;color:var(--muted);font-size:11px;line-height:1.55;margin-top:2px;overflow-wrap:anywhere}
.device-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}
.device-actions form{margin:0}
.device-actions .btn{padding:7px 12px;font-size:12px}
.device-rename summary{list-style:none}
.device-rename summary::-webkit-details-marker{display:none}
.device-rename[open] form{display:flex;gap:6px;margin-top:8px}
.device-rename[open] input{padding:7px 10px;font-size:12px;min-width:180px}
.device-limit-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.device-limit-form label{margin:0;min-width:160px}
.device-user{border-top:1px solid var(--line);padding:16px 0}
.device-user:first-of-type{border-top:0;padding-top:0}
.device-user-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.device-user-head b{font-size:14px}
@media(max-width:700px){.device-row{flex-wrap:wrap}.device-actions{width:100%;justify-content:flex-start}}

/* Inside the Mac app: the app shows its own sidebar, title bar and account menu. */
body.mac-embedded .sidebar,body.mac-embedded .topbar,body.mac-embedded .mobile-top-nav,body.mac-embedded .site-footer{display:none!important}
body.mac-embedded .main{margin-left:0!important;padding:22px 28px!important;min-height:100vh}
body.mac-embedded{background:#f5f8fc}