/* Üyelik sayfaları (Abonelikler, üye profili) — ana tasarım sistemi token'larını kullanır; App.razor'a <link rel="stylesheet" href="app-members.css" /> eklenmeli. */

.subtabs { display: flex; gap: 2px; border-bottom: 1px solid var(--border); margin: 18px 0 16px; overflow-x: auto; }
.subtabs button { border: 0; background: none; padding: 10px 14px; font-weight: 600; color: var(--muted); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; }
.subtabs button:hover { color: var(--text); }
.subtabs button.on { color: var(--primary); border-bottom-color: var(--primary); }
.subtabs .count { font-size: 0.72rem; background: var(--surface-2); border: 1px solid var(--border); border-radius: 999px; padding: 1px 7px; color: var(--muted); }

.profile-head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.profile-head .who { min-width: 0; }
.profile-head h1 { margin: 0; }
.chips-row { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.profile-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-left: auto; }

.kv { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 8px 12px; font-size: 0.9rem; }
.kv dt { color: var(--muted); }
.kv dd { margin: 0; overflow-wrap: anywhere; }
.kv dd.missing { color: var(--faint); font-style: italic; }

.note-item { padding: 12px 0; border-bottom: 1px solid var(--border); }
.note-item:last-child { border-bottom: 0; }
.note-item .meta { font-size: 0.78rem; color: var(--faint); margin-bottom: 4px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.note-item.done .text { text-decoration: line-through; color: var(--muted); }
.note-item .text { white-space: pre-wrap; }

.plan-card { position: relative; }
.plan-card .price { font-size: 1.4rem; font-weight: 700; letter-spacing: -0.02em; }
.plan-card .desc { color: var(--muted); font-size: 0.86rem; min-height: 1.3em; }
.plan-card.off { opacity: 0.6; }

.bar { height: 6px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--border); overflow: hidden; margin-top: 8px; }
.bar > div { height: 100%; background: var(--primary); }

.dropzone { border: 1.5px dashed var(--border-strong); border-radius: 12px; padding: 22px; text-align: center; color: var(--muted); }
.dropzone input[type=file] { margin-top: 10px; }

.row-actions { display: flex; gap: 6px; justify-content: flex-end; flex-wrap: wrap; }
.hint { font-size: 0.8rem; color: var(--muted); margin-top: 4px; }
.text-danger { color: var(--danger); }
.text-success { color: var(--success); }