.lk-computers { max-width: 1100px; margin: 0 auto; }
.lk-computers__heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.lk-computers h1 { font-size:1.45rem; font-weight:700; margin:0 0 6px; }
.lk-computers h2 { font-size:1.1rem; margin:0 0 18px; }
.lk-computers__toolbar { display:flex; gap:10px; margin:20px 0 12px; }
.lk-computers__toolbar input { max-width:380px; }
.lk-computers__list, .lk-computers__editor { background:white; border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; }
.lk-computers__editor { padding:20px; }
.lk-computers__fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.lk-computers__fields label { font-size:.85rem; }
.lk-computers__fields input { margin-top:6px; }
.lk-computers__url { grid-column:1/-1; }
.lk-computers__labels, .lk-computers__row { display:grid; grid-template-columns:minmax(160px,1fr) 180px 285px; gap:16px; align-items:center; padding:16px 20px; }
.lk-computers__labels { background:#f6f7f8; font-size:.8rem; color:#64748b; }
.lk-computers__labels button { border:0; background:none; padding:0; text-align:left; color:inherit; }
.lk-computers__row + .lk-computers__row { border-top:1px solid #eef0f2; }
.lk-computers__row strong { display:block; overflow-wrap:anywhere; }
.lk-computers__row code { color:#64748b; font-size:.85rem; }
.lk-computers__badge { display:inline-block; font-size:.7rem; background:#eaf3ed; color:#276746; border-radius:5px; padding:2px 6px; margin-top:5px; }
.lk-computers__actions { display:flex; align-items:center; justify-content:flex-end; gap:6px; }
.lk-computers__remote { display:flex; align-items:center; flex-wrap:wrap; gap:12px; background:#eef5fa; border-radius:12px; padding:14px; margin-bottom:16px; }
@media(max-width:800px) {
 .lk-computers__heading { align-items:flex-start; flex-direction:column; }
 .lk-computers__labels { display:none; }
 .lk-computers__row { grid-template-columns:1fr; gap:8px; padding:16px; }
 .lk-computers__actions { justify-content:flex-start; flex-wrap:wrap; margin-top:4px; }
 .lk-computers__fields { grid-template-columns:1fr; }
}

/* Quasar-style compact registry: icons carry the action, text stays out of the way. */
.lk-computers { max-width: 1120px; }
.lk-computers__heading { margin-bottom: 18px; }
.lk-computers__icon-btn, .lk-computers__refresh, .lk-computers__action { border: 0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.lk-computers__icon-btn { gap: 7px; min-height: 42px; padding: 0 14px; border-radius: 7px; color: #fff; background: #ef7f1a; font-weight: 600; }
.lk-computers__icon-btn svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.lk-computers__refresh { gap: 5px; padding: 8px 12px; border: 1px solid #adb5bd; border-radius: 7px; color: #526173; background: #fff; }
.lk-computers__refresh svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.lk-computers__row { grid-template-columns: minmax(220px, 1fr) 190px 150px; min-height: 70px; padding-top: 10px; padding-bottom: 10px; }
.lk-computers__identity { min-width: 0; }
.lk-computers__identity strong { font-size: 1rem; }
.lk-computers__mac { display: none; }
.lk-computers__badge { background: #e7f5eb; color: #198754; }
.lk-computers__action { width: 38px; height: 38px; border-radius: 7px; background: transparent; color: #137a8c; }
.lk-computers__action:hover { background: #edf5f7; }
.lk-computers__action svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.lk-computers__action--wake { color: #12a84c; }
.lk-computers__action--delete { color: #dc3545; }
.lk-computers__actions { gap: 2px; }
.lk-computers__row-feedback { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; padding: 9px 12px; margin: -2px 0 2px; border-radius: 7px; font-size: .86rem; }
.lk-computers__row-feedback.is-ok { color: #17663b; background: #e8f6ed; }
.lk-computers__row-feedback.is-error { color: #9c2430; background: #fff0f1; }
.lk-computers__row-feedback a { color: inherit; font-weight: 600; white-space: nowrap; }
.lk-computers__row-feedback button { margin-left: auto; border: 0; background: transparent; color: inherit; font-size: 1.35rem; line-height: 1; }
.lk-computers__toast { position: fixed; z-index: 1200; right: 24px; bottom: 24px; max-width: min(560px, calc(100vw - 32px)); display: flex; align-items: center; gap: 10px; padding: 13px 16px; border-radius: 10px; box-shadow: 0 8px 30px rgba(20,30,40,.2); font-size: .92rem; }
.lk-computers__toast--ok { background: #e4f5eb; color: #17663b; border: 1px solid #b8e0c6; }
.lk-computers__toast--error { background: #fff0f1; color: #9c2430; border: 1px solid #f2b8be; }
.lk-computers__toast-icon { display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; border-radius: 50%; background: currentColor; color: #fff; font-weight: 700; flex: 0 0 auto; }
.lk-computers__toast-link { color: inherit; font-weight: 700; white-space: nowrap; }
.lk-computers__toast-close { border: 0; background: transparent; color: inherit; font-size: 1.35rem; line-height: 1; margin-left: auto; }
@media(max-width:800px) {
 .lk-computers__heading { flex-direction:row; align-items:center; }
 .lk-computers__heading h1 { font-size:1.3rem; }
 .lk-computers__icon-btn { width:44px; height:44px; padding:0; border-radius:8px; }
 .lk-computers__icon-btn span, .lk-computers__refresh span { display:none; }
 .lk-computers__row { grid-template-columns:1fr auto; min-height:0; padding:10px 16px; }
 .lk-computers__mac--desktop { display:none; }
 .lk-computers__mac { display:block; margin-top:6px; color:#607d9a; font: .82rem ui-monospace, SFMono-Regular, Menlo, monospace; }
 .lk-computers__actions { grid-column:2; grid-row:1; align-self:center; }
 .lk-computers__row-feedback { grid-column:1 / -1; }
 .lk-computers__row-feedback { display:grid; grid-template-columns:1fr auto; gap:7px 10px; }
 .lk-computers__row-feedback > span { grid-column:1 / -1; }
 .lk-computers__row-feedback a { grid-column:1; }
 .lk-computers__row-feedback button { grid-column:2; grid-row:2; }
 .lk-computers__toast { right:12px; left:12px; bottom:74px; max-width:none; }
}