.device-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.35fr);gap:2rem;align-items:center}
.device-heading p{max-width:70ch;line-height:1.6;color:var(--muted)}
.device-heading-stat{display:grid;gap:.7rem;padding:1.5rem;border:1px solid #c3d4ef;border-radius:16px;background:#ffffffb8}
.device-heading-stat>span{font-size:2rem;color:var(--blue)}.device-heading-stat>b{font-size:1.2rem}.device-heading-stat small{color:var(--muted)}
.device-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:2rem 0 .75rem}.device-toolbar h2{margin:0}
.device-notice{border-left:4px solid var(--blue);padding:.8rem 1rem;background:#eaf1fc;line-height:1.6}.device-notice:focus{outline:3px solid #2459c4;outline-offset:3px}
.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem;padding:0;list-style:none;margin:1rem 0 2rem}
.device-card{min-width:0;border:1px solid var(--line);border-radius:16px;padding:1.3rem;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}
.device-card h3,.device-card p{margin:0}.device-card h3{font-size:1.2rem;line-height:1.4}.device-card p{line-height:1.5}.device-card button{margin-top:auto;color:#9c2828;max-width:100%}
.device-badge{display:inline-block;border:1px solid #a8d3c2;color:#176347;background:#eaf8f1;border-radius:7px;padding:.3rem .6rem;font-size:.8rem;font-weight:700}.device-badge.revoked{border-color:#cbd1db;background:#f2f4f7;color:#475467}
.device-meta,.device-footer{color:var(--muted);font-size:.9rem;line-height:1.6;overflow-wrap:anywhere;max-width:100%}.device-empty{padding:2rem;background:#fff;border:1px dashed var(--line);border-radius:16px;line-height:1.6}
.device-invite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(1rem,3vw,2rem)}
.device-invite p{color:var(--muted);line-height:1.7}.device-invite fieldset{margin:0;padding:0;border:0;display:grid;gap:1rem}.device-invite legend{font-weight:700;margin-bottom:1rem}
#invite-submit{background:var(--blue);color:#fff;border-color:var(--blue)}#invite-submit:disabled{background:#f2f4f7;color:#667085;border-color:var(--line)}
.device-invitation-result{margin:1.5rem 0;padding:1.5rem;background:#fff;border:2px solid #2459c4;border-radius:16px;line-height:1.6;min-width:0}.device-actions{display:flex;flex-wrap:wrap;gap:.75rem}.device-footer{max-width:90ch;margin:1.5rem 0}
@media(max-width:720px){.device-heading,.device-invite{grid-template-columns:minmax(0,1fr);gap:1rem}.device-heading-stat{padding:1rem}.device-toolbar{align-items:stretch}.device-toolbar button{width:100%}.device-actions{display:grid;grid-template-columns:minmax(0,1fr)}.device-invitation-result{padding:1rem}}
@media(forced-colors:active){.device-card,.device-invite,.device-heading-stat,.device-invitation-result,.device-notice,.device-empty,.device-badge{background:Canvas;color:CanvasText;border-color:CanvasText}.device-card button,#invite-submit{color:ButtonText;background:ButtonFace;border-color:ButtonText}.device-meta,.device-footer,.device-heading p,.device-invite p,.device-heading-stat small{color:CanvasText}.device-notice:focus{outline-color:Highlight}}
.device-search{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;border:1px solid var(--line);border-radius:12px;padding:1rem;margin-bottom:1rem}.device-search label{flex:1;min-width:min(100%,12rem)}.device-search button{max-width:100%}