/* css/pc.css — вкладка «Компьютер» */

.pc-view { flex: 1; min-height: 0; overflow-y: auto; }
.pc-content { max-width: 720px; margin: 0 auto; padding: 14px 12px 24px; display: flex; flex-direction: column; gap: 12px; }
.pc-empty, .pc-offline { color: var(--muted, #7a8290); padding: 10px 2px; font-size: 14px; }
.pc-card { border: 1px solid var(--line, #e2e5ea); border-radius: 14px; background: var(--card, #fff); padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
.pc-card-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pc-dot { width: 10px; height: 10px; border-radius: 50%; background: #b9c0ca; flex: none; }
.pc-card.online .pc-dot { background: #2ecc71; box-shadow: 0 0 6px #2ecc8155; }
.pc-card.offline .pc-dot { background: #e05b5b; }
.pc-sub, .pc-seen { color: var(--muted, #7a8290); font-size: 13px; }
.pc-seen { font-size: 12px; margin: 0; }
.pc-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.pc-button { border: 1px solid var(--line, #d9dde3); background: var(--bg, #f4f5f7); color: inherit; border-radius: 10px; padding: 8px 12px; font-size: 14px; cursor: pointer; }
.pc-button:active { transform: scale(0.97); }
.pc-button.mini { padding: 6px 10px; }
.pc-shot-choice { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted, #7a8290); }
.pc-out { display: flex; flex-direction: column; gap: 8px; }
.pc-loading { color: var(--muted, #7a8290); font-size: 14px; }
.pc-error { color: #c0392b; font-size: 14px; background: #fdecea; border-radius: 8px; padding: 8px 10px; }
.pc-warning { color: #7a4f00; font-size: 13px; background: #fff4d6; border-radius: 8px; padding: 8px 10px; }
.pc-shot { width: 100%; border-radius: 10px; border: 1px solid var(--line, #e2e5ea); cursor: zoom-in; display: block; }
.pc-pre { background: #10131a; color: #d7dce4; font-size: 12px; line-height: 1.45; border-radius: 10px; padding: 10px 12px; overflow-x: auto; max-height: 320px; overflow-y: auto; white-space: pre; margin: 0; }