2 lines
13 KiB
CSS
2 lines
13 KiB
CSS
.mesh-view[data-v-09fc6ab6]{padding:24px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:16px;height:100%;overflow:hidden}.mesh-header[data-v-09fc6ab6]{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.mesh-header-left[data-v-09fc6ab6]{flex:1}.mesh-title[data-v-09fc6ab6]{font-size:1.5rem;font-weight:700;color:#fffffff2;margin:0}.mesh-subtitle[data-v-09fc6ab6]{color:#ffffff80;font-size:.85rem;margin:2px 0 0;display:flex;align-items:center;gap:8px}.mesh-subtitle-badge[data-v-09fc6ab6]{font-size:.65rem;font-weight:600;color:#4ade80;background:#4ade801f;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.mesh-flasher-btn[data-v-09fc6ab6]{display:inline-flex;align-items:center;gap:0;padding:8px 16px;font-size:.9rem;text-decoration:none;white-space:nowrap;flex-shrink:0}.mesh-flasher-sep[data-v-09fc6ab6]{margin:0 8px;color:#fff3}.mesh-error[data-v-09fc6ab6]{color:#ef4444;font-size:.85rem;padding:8px 12px;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.2);flex-shrink:0}.mesh-columns[data-v-09fc6ab6]{display:flex;gap:16px;flex:1;min-height:0;overflow:hidden}.mesh-left[data-v-09fc6ab6]{width:380px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.mesh-right[data-v-09fc6ab6]{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.mesh-status-card[data-v-09fc6ab6]{padding:16px;flex-shrink:0}.mesh-status-header[data-v-09fc6ab6]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.mesh-status-indicator[data-v-09fc6ab6]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mesh-status-indicator.connected[data-v-09fc6ab6]{background:#4ade80;box-shadow:0 0 6px #4ade8080}.mesh-status-indicator.disconnected[data-v-09fc6ab6]{background:#ffffff4d}.mesh-section-title[data-v-09fc6ab6]{font-size:.95rem;font-weight:600;color:#ffffffe6;margin:0}.mesh-status-grid[data-v-09fc6ab6]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mesh-stat[data-v-09fc6ab6]{display:flex;flex-direction:column;gap:1px;padding:8px;background:#ffffff0d;border-radius:6px}.mesh-stat-label[data-v-09fc6ab6]{font-size:.65rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.mesh-stat-value[data-v-09fc6ab6]{font-size:.8rem;color:#ffffffd9;font-weight:500}.text-green[data-v-09fc6ab6]{color:#4ade80}.text-orange[data-v-09fc6ab6]{color:#fb923c}.text-muted[data-v-09fc6ab6]{color:#fff6}.mesh-loading[data-v-09fc6ab6],.mesh-empty[data-v-09fc6ab6]{color:#fff6;font-size:.85rem;text-align:center;padding:16px 0}.mesh-detected-devices[data-v-09fc6ab6]{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.mesh-device-row[data-v-09fc6ab6]{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff0a;border-radius:6px}.mesh-device-indicator[data-v-09fc6ab6]{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 4px #4ade8066;flex-shrink:0}.mesh-device-path[data-v-09fc6ab6]{font-family:monospace;font-size:.8rem;color:#ffffffb3}.mesh-offgrid-banner[data-v-09fc6ab6]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fb923c1a;border:1px solid rgba(251,146,60,.3);border-radius:8px;flex-shrink:0}.mesh-offgrid-active[data-v-09fc6ab6]{border-color:#fb923c66!important;color:#fb923c!important}.mesh-actions[data-v-09fc6ab6]{display:flex;gap:8px;flex-shrink:0}.mesh-action-btn[data-v-09fc6ab6]{flex:1;padding:8px 0;font-size:.8rem}.mesh-peers-card[data-v-09fc6ab6]{padding:14px;flex:1;min-height:0;display:flex;flex-direction:column}.mesh-peers-card .mesh-section-title[data-v-09fc6ab6]{margin-bottom:10px;flex-shrink:0}.mesh-peer-list[data-v-09fc6ab6]{display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1;min-height:0}.mesh-peer-row[data-v-09fc6ab6]{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;cursor:pointer;transition:background .15s}.mesh-peer-row[data-v-09fc6ab6]:hover{background:#ffffff0f}.mesh-peer-row.active[data-v-09fc6ab6]{background:#fb923c1a;border:1px solid rgba(251,146,60,.2)}.mesh-peer-avatar[data-v-09fc6ab6]{width:36px;height:36px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff9;flex-shrink:0;font-weight:600}.mesh-peer-avatar.archy[data-v-09fc6ab6]{background:#fb923c26;padding:0;overflow:hidden}.mesh-peer-avatar.archy[data-v-09fc6ab6]>div{width:26px;height:26px;border-radius:50%;overflow:hidden}.mesh-peer-avatar.channel[data-v-09fc6ab6]{background:#3b82f626;color:#3b82f6;font-weight:700;font-size:1.1rem}.mesh-peer-channel-badge[data-v-09fc6ab6]{font-size:.6rem;font-weight:700;color:#3b82f6;background:#3b82f61f;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.mesh-peer-count[data-v-09fc6ab6]{font-size:.75rem;font-weight:600;color:#fff6;background:#ffffff14;padding:2px 8px;border-radius:10px;margin-left:6px;vertical-align:middle}.mesh-peer-row.is-channel[data-v-09fc6ab6]{border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:12px;margin-bottom:4px}.mesh-peer-info[data-v-09fc6ab6]{flex:1;min-width:0}.mesh-peer-name[data-v-09fc6ab6]{font-weight:600;font-size:.85rem;color:#ffffffe6;display:flex;align-items:center;gap:6px}.mesh-peer-archy-badge[data-v-09fc6ab6]{font-size:.6rem;font-weight:700;color:#fb923c;background:#fb923c1f;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.mesh-peer-sub[data-v-09fc6ab6]{font-size:.7rem;color:#ffffff4d;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mesh-peer-signal[data-v-09fc6ab6]{flex-shrink:0}.mesh-signal-bars[data-v-09fc6ab6]{display:flex;align-items:flex-end;gap:2px;height:14px}.mesh-signal-bar[data-v-09fc6ab6]{width:3px;border-radius:1px;background:#ffffff1f}.mesh-signal-bar[data-v-09fc6ab6]:nth-child(1){height:3px}.mesh-signal-bar[data-v-09fc6ab6]:nth-child(2){height:6px}.mesh-signal-bar[data-v-09fc6ab6]:nth-child(3){height:10px}.mesh-signal-bar[data-v-09fc6ab6]:nth-child(4){height:14px}.mesh-signal-bar.active[data-v-09fc6ab6]{background:#4ade80}.mesh-unread-badge[data-v-09fc6ab6]{background:#fb923c;color:#000;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.mesh-chat-card[data-v-09fc6ab6]{padding:0;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.mesh-chat-empty[data-v-09fc6ab6]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff4d;gap:8px;padding:40px}.mesh-chat-empty-icon[data-v-09fc6ab6]{font-size:3rem;opacity:.4}.mesh-chat-empty p[data-v-09fc6ab6]{margin:0;font-size:.9rem}.mesh-chat-empty-sub[data-v-09fc6ab6]{font-size:.75rem!important;color:#fff3}.mesh-chat-header[data-v-09fc6ab6]{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.mesh-chat-back[data-v-09fc6ab6]{background:none;border:none;color:#fff9;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:6px;display:none}.mesh-chat-header-info[data-v-09fc6ab6]{flex:1;min-width:0}.mesh-chat-header-name[data-v-09fc6ab6]{font-weight:600;font-size:.95rem;color:#ffffffe6;display:flex;align-items:center;gap:6px}.mesh-chat-header-sub[data-v-09fc6ab6]{font-size:.7rem;color:#ffffff4d;font-family:monospace}.mesh-chat-header-status[data-v-09fc6ab6]{flex-shrink:0}.mesh-chat-header-time[data-v-09fc6ab6]{font-size:.7rem;color:#ffffff4d}.mesh-chat-messages[data-v-09fc6ab6]{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:0}.mesh-chat-no-messages[data-v-09fc6ab6]{flex:1;display:flex;align-items:center;justify-content:center;color:#ffffff40;font-size:.85rem}.mesh-chat-bubble-wrapper[data-v-09fc6ab6]{display:flex}.mesh-chat-bubble-wrapper.sent[data-v-09fc6ab6]{justify-content:flex-end}.mesh-chat-bubble-wrapper.received[data-v-09fc6ab6]{justify-content:flex-start}.mesh-chat-bubble[data-v-09fc6ab6]{max-width:75%;padding:10px 14px;border-radius:16px;word-break:break-word}.mesh-chat-bubble.sent[data-v-09fc6ab6]{background:#fb923c26;border:1px solid rgba(251,146,60,.2);border-bottom-right-radius:4px}.mesh-chat-bubble.received[data-v-09fc6ab6]{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px}.mesh-chat-bubble-text[data-v-09fc6ab6]{color:#ffffffe6;font-size:.9rem;line-height:1.4}.mesh-chat-bubble-meta[data-v-09fc6ab6]{display:flex;align-items:center;gap:6px;margin-top:4px;justify-content:flex-end}.mesh-chat-bubble-time[data-v-09fc6ab6]{font-size:.65rem;color:#ffffff4d}.mesh-chat-e2e[data-v-09fc6ab6]{font-size:.55rem;font-weight:700;color:#4ade80;padding:0 3px;border:1px solid rgba(74,222,128,.3);border-radius:3px}.mesh-chat-ack[data-v-09fc6ab6]{font-size:.7rem;color:#3b82f6}.mesh-chat-compose[data-v-09fc6ab6]{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.mesh-chat-send-error[data-v-09fc6ab6]{color:#ef4444;font-size:.75rem;margin-bottom:6px}.mesh-chat-compose-row[data-v-09fc6ab6]{display:flex;gap:8px}.mesh-chat-input[data-v-09fc6ab6]{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffe6;padding:10px 16px;font-size:.9rem;font-family:inherit;outline:none}.mesh-chat-input[data-v-09fc6ab6]:focus{border-color:#fb923c66}.mesh-chat-input[data-v-09fc6ab6]::-moz-placeholder{color:#ffffff40}.mesh-chat-input[data-v-09fc6ab6]::placeholder{color:#ffffff40}.mesh-chat-send-btn[data-v-09fc6ab6]{padding:10px 20px;border-radius:20px;font-size:.85rem;background:#fb923c26;border-color:#fb923c40}.mesh-chat-send-btn[data-v-09fc6ab6]:hover:not(:disabled){background:#fb923c40}.mesh-chat-compose-meta[data-v-09fc6ab6]{font-size:.65rem;color:#ffffff40;text-align:right;margin-top:4px}@media(max-width:768px){.mesh-view[data-v-09fc6ab6]{height:auto;padding:16px}.mesh-columns[data-v-09fc6ab6]{flex-direction:column;overflow:visible}.mesh-left[data-v-09fc6ab6]{width:100%;overflow:visible}.mesh-right[data-v-09fc6ab6]{min-height:400px}.mesh-status-grid[data-v-09fc6ab6]{grid-template-columns:repeat(2,1fr)}.mesh-chat-back[data-v-09fc6ab6]{display:block}}.mesh-session-badge[data-v-09fc6ab6]{font-size:.75rem;margin-right:6px;opacity:.7}.session-ratchet[data-v-09fc6ab6]{color:#4ade80;opacity:1}.session-static[data-v-09fc6ab6]{color:#fbbf24}.session-none[data-v-09fc6ab6]{color:#ffffff4d}.mesh-typed-icon[data-v-09fc6ab6]{margin-right:4px}.mesh-typed-label[data-v-09fc6ab6]{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.typed-invoice[data-v-09fc6ab6]{border-left:3px solid #fb923c}.mesh-typed-invoice[data-v-09fc6ab6]{padding:4px 0}.mesh-typed-invoice-header[data-v-09fc6ab6]{display:flex;align-items:center;gap:4px;margin-bottom:4px;color:#fb923c;font-size:.75rem}.mesh-typed-invoice-amount[data-v-09fc6ab6]{font-size:1.1rem;font-weight:700;color:#fb923c}.mesh-typed-invoice-memo[data-v-09fc6ab6]{font-size:.8rem;color:#ffffffb3;margin-top:2px}.mesh-typed-invoice-bolt11[data-v-09fc6ab6]{font-size:.65rem;color:#ffffff4d;font-family:monospace;margin-top:4px;word-break:break-all}.mesh-typed-paid[data-v-09fc6ab6]{background:#4ade8033;color:#4ade80;font-size:.65rem;padding:1px 6px;border-radius:4px;margin-left:auto}.typed-alert[data-v-09fc6ab6]{border-left:3px solid #ef4444}.typed-alert.alert-status[data-v-09fc6ab6]{border-left-color:#3b82f6}.mesh-typed-alert[data-v-09fc6ab6]{padding:4px 0}.mesh-typed-alert-header[data-v-09fc6ab6]{display:flex;align-items:center;gap:4px;margin-bottom:4px;font-size:.75rem}.alert-emergency .mesh-typed-alert-header[data-v-09fc6ab6],.alert-dead_man .mesh-typed-alert-header[data-v-09fc6ab6]{color:#ef4444}.alert-status .mesh-typed-alert-header[data-v-09fc6ab6]{color:#3b82f6}.mesh-typed-alert-message[data-v-09fc6ab6]{font-size:.85rem;color:#ffffffe6}.mesh-typed-alert-location[data-v-09fc6ab6]{display:block;font-size:.75rem;color:#3b82f6;margin-top:4px;text-decoration:underline}.mesh-typed-signed[data-v-09fc6ab6]{font-size:.6rem;color:#4ade80;border:1px solid rgba(74,222,128,.3);padding:0 4px;border-radius:3px;margin-left:auto}.typed-coordinate[data-v-09fc6ab6]{border-left:3px solid #3b82f6}.mesh-typed-coordinate[data-v-09fc6ab6]{padding:4px 0}.mesh-typed-coordinate-header[data-v-09fc6ab6]{display:flex;align-items:center;gap:4px;margin-bottom:4px;color:#3b82f6;font-size:.75rem}.mesh-typed-coordinate-value[data-v-09fc6ab6]{font-size:.9rem;font-family:monospace;color:#fffc}.mesh-typed-coordinate-label[data-v-09fc6ab6]{font-size:.8rem;color:#fff9;margin-top:2px}.mesh-typed-coordinate-link[data-v-09fc6ab6]{display:inline-block;font-size:.75rem;color:#3b82f6;margin-top:4px;text-decoration:underline}.typed-block_header[data-v-09fc6ab6]{border-left:3px solid #a855f7}.mesh-typed-block[data-v-09fc6ab6]{display:flex;align-items:center;gap:4px;color:#a855f7;font-size:.8rem}
|