/* PX · workbench: device roster and operational controls. */
@import url('/assets/tokens.css');
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);padding:10px 16px;white-space:nowrap;background:var(--white);color:var(--ink);min-height:44px}button:hover{border-color:var(--accent)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{opacity:.55;cursor:wait;transform:none}.primary{background:var(--accent);color:var(--white);border-color:var(--accent);font-weight:650}.primary:hover{background:var(--accent-hover)}.quiet{background:transparent}.danger{background:var(--danger);color:var(--white);border-color:var(--danger)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-.045em;overflow-wrap:anywhere;min-width:0}h2{font-size:23px;line-height:1.3;letter-spacing:-.025em}p{color:var(--muted)}.masthead{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:var(--white);gap:14px}.brand{font-size:29px;font-weight:750;letter-spacing:-.05em;color:var(--ink);display:flex;align-items:center;gap:16px}.brand span{font-size:13px;font-weight:500;letter-spacing:0;border-left:1px solid var(--line);padding-left:16px;color:var(--muted)}#account{display:flex;align-items:center;gap:16px;font-size:14px}main{max-width:1160px;padding:40px 24px 24px;margin:auto}.login{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:80px;align-items:center;min-height:65vh}.login h1{font-size:clamp(38px,5vw,62px)}.login p{margin-top:18px;max-width:360px}form{display:flex;flex-direction:column;gap:10px}#login-form{background:var(--white);padding:32px;border:1px solid var(--line);border-radius:var(--radius)}form h2{margin-bottom:12px}label{font-size:14px;font-weight:600;margin-top:8px}input,select{min-height:46px;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;color:var(--ink);background:var(--white);min-width:0;width:100%}form .primary{margin-top:12px}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.heading p{margin-top:10px}.toolbar{padding:20px 24px;background:var(--tint);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.toolbar>div{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.caption{font-size:13px;color:var(--muted)}#mode{font-size:13px;color:var(--muted)}.device-list{border-top:1px solid var(--line)}.list-head,.device{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1.4fr);gap:18px;align-items:center;padding:16px 12px;border-bottom:1px solid var(--line)}.list-head{font-size:12px;color:var(--muted)}.device{background:var(--white);min-height:88px}.device-name{font-weight:650;overflow-wrap:anywhere}.chosen{font-size:12px;color:var(--accent);display:block;margin-top:4px}.state{display:flex;align-items:center;gap:8px;font-size:14px}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0}.available .dot{background:var(--success)}.priority{font-family:var(--font-mono);font-size:14px}.actions{display:flex;gap:8px;justify-content:flex-end}.actions button{padding:8px 12px;font-size:13px}.revoke{color:var(--danger)}.empty{padding:28px 12px;color:var(--muted)}.traffic{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:16px 12px}.install{margin-top:44px;border-top:1px solid var(--line);padding-top:30px}.install p{margin-top:10px;font-size:14px}.downloads{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:22px}.downloads>a{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--line);padding:12px 0 18px;color:var(--ink)}.downloads strong{font-size:20px}.downloads span{font-size:14px;color:var(--muted)}.downloads .arrow{color:var(--accent);margin-top:8px}.local{margin-top:28px;font-size:14px}.local summary{cursor:pointer;font-weight:600;min-height:44px;padding:10px 0}.local p{margin-top:12px}.local-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:14px}.local-links a{white-space:nowrap}footer{border-top:1px solid var(--line);padding-top:20px;margin-top:38px;font-size:12px;color:var(--muted)}.error{color:var(--danger);font-size:14px;min-height:0}.error:not(:empty){margin:12px 0 18px}.muted{font-size:13px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:var(--radius);padding:28px;max-width:450px;width:calc(100% - 32px);color:var(--ink);background:var(--white)}dialog::backdrop{background:var(--overlay)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dialog-head h2{margin:0}.dialog-head button{padding:6px 12px}dialog p{margin:14px 0}#invitation{display:block;padding:16px;background:var(--tint);font-family:var(--font-mono);font-size:15px;overflow-wrap:anywhere;user-select:all;margin:18px 0}#invite-result>button{width:100%;margin:6px 0}#confirm-revoke{width:100%;margin-top:10px}
@media(max-width:768px){main{padding-top:28px}.login{grid-template-columns:minmax(0,1fr);gap:28px;min-height:auto}.login h1{font-size:38px}.login p{max-width:none}.masthead{padding:0 24px}.heading{align-items:flex-start;flex-direction:column;gap:16px}.heading button{width:100%}.toolbar{align-items:flex-start;flex-direction:column;padding:18px}.toolbar>div{gap:6px 12px}.toolbar button{width:100%}.list-head{display:none}.device{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:18px 12px}.device-name{grid-column:1;grid-row:1}.state{grid-column:1;grid-row:2}.priority{grid-column:2;grid-row:1;color:var(--muted)}.actions{grid-column:2;grid-row:2}.downloads{gap:18px}.traffic{justify-content:flex-start}.local-links{gap:12px}#login-form{padding:24px}#account{gap:8px}.brand span{display:none}}
@media(max-width:375px){main{padding-left:16px;padding-right:16px}.masthead{padding:0 16px}.device{grid-template-columns:minmax(0,1fr)}.priority{grid-column:1;grid-row:3}.priority::before{content:'Prioridad ';font-family:var(--font-body)}.actions{grid-column:1;grid-row:4;justify-content:flex-start}.downloads{grid-template-columns:minmax(0,1fr)}.login h1{font-size:34px}.local-links{display:grid;grid-template-columns:minmax(0,1fr)}dialog{padding:20px}.local-links a{font-size:13px}}