.phone-dialog{width:min(640px,calc(100vw - 32px));max-height:90vh;overflow:auto;box-sizing:border-box;padding:24px}
.phone-dialog .dialog-head{gap:16px}.phone-dialog h2{font-size:1.3rem;overflow-wrap:anywhere}.phone-dialog p{line-height:1.55;overflow-wrap:anywhere}
.phone-dialog a{color:#b2da78;text-decoration:underline}.phone-dialog li{padding-bottom:9px;line-height:1.55}.phone-help{margin:22px 0}.phone-help summary{cursor:pointer;font-weight:600}
.phone-route{padding:14px;border:1px solid #7776;border-radius:8px;line-height:1.5}.phone-route[data-verified=true]{border-color:#87b95a;color:#c3e49f}
.phone-error{color:#ffaf96;min-height:1em}.phone-switch{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:1.1rem}.phone-switch input{width:40px;height:24px;accent-color:#a9cc75;flex-shrink:0}
.phone-choose{display:flex;flex-direction:column;gap:8px}.phone-choose select{max-width:100%;min-height:40px}.phone-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.phone-signin{border-top:1px solid #7775;padding-top:12px}.phone-signin button{margin:10px 0 10px 12px}.phone-qr canvas{display:block;max-width:100%;height:auto;margin:12px auto}
.phone-admin-list article{padding:12px 0;border-bottom:1px solid #7775}.phone-open{white-space:nowrap}.phone-dialog [hidden]{display:none!important}
.phone-switch input{appearance:none;border:1px solid #858585;background:#454545;border-radius:99px;position:relative;cursor:pointer;width:44px;height:26px}
.phone-switch input::before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#ddd;transition:transform .15s}
.phone-switch input:checked{background:#71933e;border-color:#a9cc75}.phone-switch input:checked::before{transform:translateX(18px);background:white}.phone-switch input:disabled{opacity:.5;cursor:wait}.phone-switch input:focus-visible{outline:2px solid #c1e394;outline-offset:4px}
@media(max-width:440px){.phone-dialog{padding:16px}.phone-dialog .dialog-head{align-items:flex-start}.phone-signin button{margin-left:0;display:block}.tile-actions{flex-wrap:wrap}}

.tile{container-type:inline-size;container-name:connection-tile}
.tile-foot{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.connection-context{grid-column:1;grid-row:1;display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}
.connection-summary{grid-column:2;grid-row:1;text-align:center;font:11px var(--mono);color:#c3d4bd;overflow-wrap:anywhere;min-width:0}
.tile-foot>.tile-actions{grid-column:3;grid-row:1;justify-self:end}
.tile:fullscreen .tile-actions{margin-left:0}
@container connection-tile (max-width:850px){
  .tile-foot{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
  .tile-foot>.tile-actions{grid-column:2}
  .connection-summary{grid-column:1 / -1;grid-row:2;padding-bottom:3px}
}

.phone-setup-steps{padding-left:22px}
.phone-dialog{font:14px/1.5 'Segoe UI',Tahoma,sans-serif}
.phone-help p{font-size:13px}
.phone-setup-steps>li{padding-left:3px;margin-bottom:8px}
.phone-os-guide{margin-top:10px;padding:10px 12px;border:1px solid #7775;border-radius:6px}
.phone-os-guide summary{font-size:13px}
.phone-os-guide p{margin:10px 0 4px}
.phone-os-guide a{font-size:12px}
