/* /Pages/Calender.razor.rz.scp.css */
/* Ana kart başlığı */
.calendar-header[b-55d5a6jvx0]{
    display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-bottom:1rem;
}
.calendar-header .muted[b-55d5a6jvx0]{ opacity:.7; font-size:.9rem }

/* Takvim 7 kolon grid */
.calendar[b-55d5a6jvx0]{ width:100%; }
.calendar-grid[b-55d5a6jvx0]{
    display:grid; grid-template-columns:repeat(7, 1fr); gap:.5rem;
}
.calendar-grid.head .cell[b-55d5a6jvx0]{
    text-align:center; font-weight:600; opacity:.75; padding:.25rem 0;
    border-bottom:1px dashed var(--border, #263153);
}
.cell.day[b-55d5a6jvx0]{
    position:relative; background:var(--card, #121a33); border:1px solid var(--border, #263153);
    border-radius:12px; padding:.5rem; text-align:left; min-height:96px; cursor:pointer;
    transition:transform .06s ease, box-shadow .12s ease;
}
.cell.day:hover[b-55d5a6jvx0]{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.2) }
.cell.muted[b-55d5a6jvx0]{ opacity:.45 }
.cell.today[b-55d5a6jvx0]{ outline:2px solid var(--accent2, #9b7aff) }

.date-number[b-55d5a6jvx0]{ font-weight:700; opacity:.9 }
.dots[b-55d5a6jvx0]{ position:absolute; left:.5rem; bottom:.5rem; display:flex; align-items:center; gap:.25rem; flex-wrap:wrap }
.dot[b-55d5a6jvx0]{
    width:8px; height:8px; border-radius:50%;
    background:var(--muted, #9aa3c9); display:inline-block;
    outline:1px solid rgba(255,255,255,.15)
}
.dot.success[b-55d5a6jvx0]{ background:#52d273 }
.dot.warning[b-55d5a6jvx0]{ background:#ffd166 }
.dot.danger[b-55d5a6jvx0]{ background:#ff6b6b }
.dot.muted[b-55d5a6jvx0]{ background:#9aa3c9 }
.more[b-55d5a6jvx0]{ font-size:.75rem; opacity:.8; margin-left:.25rem }

/* Drawer (sağ panel) */
.drawer[b-55d5a6jvx0]{
    position:fixed; top:0; right:-520px; width:min(520px, 92vw); height:100%;
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
    backdrop-filter: blur(12px); border-left:1px solid var(--border, #263153);
    box-shadow:-8px 0 24px rgba(0,0,0,.35); padding:1rem; z-index:50; transition:right .2s ease;
}
.drawer.open[b-55d5a6jvx0]{ right:0 }
.drawer-header[b-55d5a6jvx0]{
    display:flex; align-items:center; justify-content:space-between; margin-bottom:.75rem;
}
.btn.btn-ghost[b-55d5a6jvx0]{ background:transparent; border:0; color:var(--text,#e8ecff); opacity:.8 }
.btn.btn-outline[b-55d5a6jvx0]{ background:transparent; border:1px solid var(--border,#263153) }

/* Backdrop */
.backdrop[b-55d5a6jvx0]{
    position:fixed; inset:0; background:rgba(0,0,0,.3); opacity:0; pointer-events:none; transition:opacity .15s ease; z-index:40;
}
.backdrop.show[b-55d5a6jvx0]{ opacity:1; pointer-events:auto }

/* Küçük düzenlemeler */
.goal-list[b-55d5a6jvx0]{ margin:0; padding:0; list-style:none }
.goal-item[b-55d5a6jvx0]{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem; border-radius:12px; background:rgba(0,0,0,.15); border:1px solid var(--border,#263153); margin-bottom:.5rem }
.goal-item .left[b-55d5a6jvx0]{ display:flex; gap:.75rem; align-items:flex-start }
.goal-item .texts .title[b-55d5a6jvx0]{ font-weight:600 }
.goal-item .texts .sub[b-55d5a6jvx0]{ opacity:.8; font-size:.9rem }
.pill[b-55d5a6jvx0]{ padding:.15rem .5rem; border-radius:999px; font-size:.8rem; border:1px solid rgba(255,255,255,.15) }
.pill.success[b-55d5a6jvx0]{ background:rgba(82,210,115,.15) }
.pill.warning[b-55d5a6jvx0]{ background:rgba(255,209,102,.15) }
.pill.danger[b-55d5a6jvx0]{  background:rgba(255,107,107,.15) }
.pill.muted[b-55d5a6jvx0]{   background:rgba(154,163,201,.12) }

.form-grid[b-55d5a6jvx0]{
    display:grid; grid-template-columns:1fr; gap:.5rem;
}
@media (min-width: 640px){
    .form-grid[b-55d5a6jvx0]{ grid-template-columns:1fr 180px; }
    .form-grid .desc[b-55d5a6jvx0]{ grid-column:1 / -1; }
}

/* Orta alanı tam kaplayan düzen */
.calendar-full[b-55d5a6jvx0]{
    /* Kenar boşluğu ve iç boşluklar ekranla orantılı */
    padding: clamp(16px, 2.2vw, 28px);
    min-height: 100dvh;            /* mobil url barlarına dayanıklı */
    display: flex;
    flex-direction: column;
}

/* Takvim dikeyde tüm alanı kullansın */
.calendar[b-55d5a6jvx0]{
    flex: 1;                        /* header ve drawer harici tüm alan */
    display: flex;
    flex-direction: column;
}

/* Grid boşlukları ve hücre minimum yüksekliği ekranla ölçekli */
.calendar-grid[b-55d5a6jvx0]{
    gap: clamp(6px, 0.9vw, 14px);
}

.calendar-grid.body .cell.day[b-55d5a6jvx0]{
    /* Hücre boyutu: küçük ekranda ~110px, büyükte 180px+ */
    min-height: clamp(110px, 13dvh, 200px);
    padding: clamp(8px, 1.2vh, 16px);
}

/* Tarih yazısı ve nokta boyutları da orantılı */
.date-number[b-55d5a6jvx0]{
    font-weight: 700;
    opacity:.9;
    font-size: clamp(0.95rem, 1.2vw, 1.15rem);
}

.dots[b-55d5a6jvx0]{
    gap: clamp(2px, 0.4vw, 6px);
    left: clamp(6px, 1vw, 12px);
    bottom: clamp(6px, 1vw, 12px);
}
.dot[b-55d5a6jvx0]{
    width: clamp(6px, 0.8vw, 10px);
    height: clamp(6px, 0.8vw, 10px);
}

/* Üst başlık kompaktlaşıp yer bıraksın */
.calendar-header[b-55d5a6jvx0]{
    display:flex; align-items:center; justify-content:space-between; gap:.75rem;
    margin-bottom: clamp(.5rem, 1.5vh, 1rem);
}

/* Drawer zaten sabit; tam yükseklik için garanti */
.drawer[b-55d5a6jvx0]{ height: 100dvh; }

/* Büyük ekranlarda biraz daha iri görünüm hoş duruyor */
@media (min-width: 1280px){
    .calendar-grid.body .cell.day[b-55d5a6jvx0]{ min-height: clamp(140px, 14dvh, 240px); }
}
/* /Pages/ChangePassword.razor.rz.scp.css */
/* Kart genişliği + merkezleme + belirgin kenarlık */
#change-password-page[b-9yv4ss62tf]{
    max-width: 680px !important;
    margin: 24px auto;
    padding: 24px 24px 28px !important;
    border: 1.6px solid color-mix(in srgb, var(--border) 80%, #000) !important;
    border-radius: 16px !important;
}

/* Form genel aralık – cp-form’u tek kaynak yap */
#change-password-page .cp-form[b-9yv4ss62tf]{
    display: grid !important;
    row-gap: 24px !important;      /* üst seviye dikey boşluk */
}

/* Yeni/tekrar iki kolon alanı */
#change-password-page .cp-grid[b-9yv4ss62tf]{
    display: grid !important;
    grid-template-columns: 1fr;
    row-gap: 16px !important;
    column-gap: 16px !important;
}
@media (min-width:768px){
    #change-password-page .cp-grid[b-9yv4ss62tf]{
        grid-template-columns: 1fr 1fr !important;
    }
}

/* Tok kontrol yüksekliği */
.h-control[b-9yv4ss62tf]{
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 14px !important;
}
.h-btn[b-9yv4ss62tf]{
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 12px !important;
    font-weight: 700;
}

/* Şifre göster/gizle butonu */
.input-suffix[b-9yv4ss62tf]{ position: relative; }
.input-suffix .form-control[b-9yv4ss62tf]{ padding-right: 44px !important; }
.reveal[b-9yv4ss62tf]{
    position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
    border: 1px solid var(--border); background: transparent; color: var(--muted);
    border-radius: 8px; padding: 6px 8px; font-size: .85rem; line-height: 1; cursor: pointer;
}
.reveal:hover[b-9yv4ss62tf]{ color:#fff; background: rgba(255,255,255,.05); }

/* Mesaj ve aksiyonlar */
.msg[b-9yv4ss62tf]{
    margin-top: 10px; padding: 10px 12px; border-radius: 10px;
    border: 1px solid var(--border); text-align: center; font-weight: 600;
    color: var(--muted);
}
.msg.success[b-9yv4ss62tf]{ background: rgba(82,210,115,.15); color:#8be28b; border-color: rgba(82,210,115,.3); }
.msg.error[b-9yv4ss62tf]  { background: rgba(255,107,107,.15); color:#ff9b9b; border-color: rgba(255,107,107,.35); }

.actions[b-9yv4ss62tf]{
    display: flex; justify-content: flex-end; gap: 12px; margin-top: 12px;
}
/* /Pages/Chat.razor.rz.scp.css */
:global(:root)[b-ktth7rggmj]{
    --text:#e8eef7;
    --panel:#171b22;
    --border:#2a3341;
    --accent:purple;
}
.avatar-user[b-ktth7rggmj] {
    font-size: 11px;
    color: white;
}
.chat-wrap[b-ktth7rggmj]{ max-width:980px; margin:16px auto; padding:0 12px; color:var(--text); display:flex; flex-direction:column; min-height:calc(100dvh - 110px); }
.chat-header[b-ktth7rggmj]{ padding:4px 2px 8px; }
.chat-header h1[b-ktth7rggmj]{ margin:0; font-size:1.25rem; font-weight:800; color:#fff; }
.chat-header .subtitle[b-ktth7rggmj]{ margin:4px 0 0; font-size:.9rem; opacity:.85; }

.chat-body[b-ktth7rggmj]{ display:flex; flex-direction:column; gap:10px; flex:1 1 auto; min-height:0; border-radius:16px; padding:12px; }

/* History */
.chat-history[b-ktth7rggmj]{
    flex:1 1 auto; overflow:auto; padding:12px;
    background: linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--panel);
    border:1px solid var(--border); border-radius:12px;
    display:flex; flex-direction:column; gap:10px;
}
.empty[b-ktth7rggmj]{ text-align:center; padding:28px 8px; color: var(--muted); }

/* hizalama */
.msg[b-ktth7rggmj]{ display:flex; width:100%; }
.msg-user[b-ktth7rggmj]{ justify-content:flex-start; } /* user solda */
.msg-ai[b-ktth7rggmj]{ justify-content:flex-end; }     /* ai sağda */

/* balon */
.bubble[b-ktth7rggmj]{
    max-width:88%; padding:10px 12px; border-radius:16px; line-height:1.48;
    display:flex; flex-direction:column; gap:6px; font-size:.98rem;
}

/* meta */
.meta[b-ktth7rggmj]{ display:flex; align-items:center; gap:8px; opacity:.95; margin-bottom:4px; }
.avatar[b-ktth7rggmj]{ width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; font-size:14px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.08); }
.avatar-ai[b-ktth7rggmj]{ background:rgba(139,92,246,.18); border-color:rgba(139,92,246,.35); }
.name[b-ktth7rggmj]{ font-size:.78rem; font-weight:700; }
.name-ai[b-ktth7rggmj]{ color:#e9d5ff; }
.name-user[b-ktth7rggmj]{ color:#fff; }

/* user balonu (solda mor) */
.msg-user .bubble[b-ktth7rggmj]{
    background: linear-gradient(180deg,color-mix(in srgb,var(--accent) 85%,#fff),var(--accent));
    color:#fff; border:1px solid color-mix(in srgb,var(--accent) 35%,#000);
    border-top-left-radius:8px; box-shadow:0 8px 20px rgba(139,92,246,.25);
}
.msg-user .text[b-ktth7rggmj]{ color:#fff; }

/* ai balonu (sağda gri) */
.msg-ai .bubble[b-ktth7rggmj]{
    background:#2f3340; color:var(--text);
    border:1px solid var(--border); border-top-right-radius:8px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.msg-ai .text[b-ktth7rggmj]{ color:var(--text); opacity:.94; }

/* typing */
.typing[b-ktth7rggmj]{ display:inline-flex; align-items:center; gap:6px; }
.typing span[b-ktth7rggmj]{ width:6px; height:6px; border-radius:50%; background:#e9d5ff; animation:blink-b-ktth7rggmj 1s infinite ease-in-out; }
.typing span:nth-child(2)[b-ktth7rggmj]{ animation-delay:.15s; }
.typing span:nth-child(3)[b-ktth7rggmj]{ animation-delay:.3s; }
@keyframes blink-b-ktth7rggmj{ 0%,80%,100%{opacity:.3; transform:translateY(0);} 40%{opacity:1; transform:translateY(-2px);} }

/* input */
.chat-input[b-ktth7rggmj]{ position:sticky; bottom:8px; display:flex; flex-direction:column; gap:8px; background:transparent; padding-top:2px; }
.chat-input .form-control[b-ktth7rggmj]{ background-color:rgba(0,0,0,.28); color:#fff; border:1px solid var(--border); border-radius:12px; min-height:88px; resize:vertical; }
.chat-input .form-control[b-ktth7rggmj]::placeholder{ color:#a1a1b3; }
.chat-input .form-control:focus[b-ktth7rggmj]{ border-color:color-mix(in srgb,var(--accent) 55%,#000); box-shadow:0 0 0 3px rgba(139,92,246,.25); }

.input-actions[b-ktth7rggmj]{ display:flex; gap:8px; align-items:center; justify-content:flex-end; }
.send-btn[b-ktth7rggmj]{ min-width:140px; }

@media (max-width:560px){
    .bubble[b-ktth7rggmj]{ max-width:95%; }
    .send-btn[b-ktth7rggmj]{ width:100%; }
}
.copy-btn[b-ktth7rggmj] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    opacity: 0.65;
    padding: .25rem .35rem;
    border-radius: .35rem;
    transition: opacity .2s, background-color .2s;
}
.copy-btn:hover[b-ktth7rggmj] {
    opacity: 1;
    background-color: rgba(0,0,0,.04);
}

/* ---------------- TTS Controls (Language & Voice dropdowns) ---------------- */
.meta-actions[b-ktth7rggmj]{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }

/* Icon buttons (play/pause/stop) for consistent look in CSS file too */
.icon-btn[b-ktth7rggmj]{
  display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:10px;
  border:1px solid var(--border);
  background:transparent; color:var(--text);
  opacity:.9; cursor:pointer; padding:0; transition:.15s ease;
}
.icon-btn:hover[b-ktth7rggmj]{ opacity:1; border-color:color-mix(in srgb,var(--border) 40%, #fff); }
.icon-btn.danger:hover[b-ktth7rggmj]{ border-color:#e74c3c; color:#e74c3c; }

/* Dropdowns */
.tts-select[b-ktth7rggmj]{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  color-scheme: dark; /* ensure native popup uses dark palette */
  background-color: var(--panel);
  color: var(--text);
  -webkit-text-fill-color: var(--text); /* Safari fix */
  border:1px solid var(--border);
  border-radius:10px;
  min-height:32px; height:auto;
  line-height:1.2;
  padding:.25rem .9rem .25rem .6rem; /* right: space for caret */
  font-size:.86rem; font-weight:600;
  letter-spacing:.2px;
  min-width:160px; max-width:260px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right .45rem center; background-size:12px 12px;
}

/* Improve legibility across browsers */
.tts-select option[b-ktth7rggmj], .tts-select optgroup[b-ktth7rggmj]{
  background-color: var(--panel);
  color: var(--text);
}

/* Firefox focus ring sometimes hides text when appearance:none is used */
.tts-select:-moz-focusring[b-ktth7rggmj]{ color: transparent; text-shadow: 0 0 0 var(--text); }

/* Windows/old Edge value color */
.tts-select[b-ktth7rggmj]::-ms-value{ color: var(--text); background-color: var(--panel); }

/* High-contrast hover/focus */
.tts-select:hover[b-ktth7rggmj]{ border-color: color-mix(in srgb,var(--border) 40%, #fff); }
.tts-select:focus[b-ktth7rggmj]{ outline:none; border-color:color-mix(in srgb,var(--accent) 55%, #000); box-shadow:0 0 0 3px rgba(139,92,246,.25); }

/* Compact spacing on very small screens */
@media (max-width:560px){
  .meta-actions[b-ktth7rggmj]{ gap:6px; }
  .tts-select[b-ktth7rggmj]{ min-width:120px; max-width:180px; font-size:.84rem; }
}
/* /Pages/ChatGroup.razor.rz.scp.css */
/* ========== Layout ========== */
.cg-wrap[b-ocu0uqlgid]{
    max-width: 980px;
    margin: 16px auto;
    padding: 0 12px;
    color: var(--text);
    min-height: calc(100dvh - 110px);
    display: flex;
    flex-direction: column;
}

.cg-header[b-ocu0uqlgid]{
    padding: 4px 2px 8px;
}
.cg-header h1[b-ocu0uqlgid]{
    margin:0;
    font-size:1.25rem;
    font-weight:800;
    letter-spacing:.2px;
    color:#fff;
}

/* ========== States ========== */
.cg-loading[b-ocu0uqlgid],
.cg-empty[b-ocu0uqlgid]{
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), var(--panel);
    box-shadow: 0 8px 20px rgba(0,0,0,.25);
    text-align: center;
    color: var(--muted);
}

/* ========== List ========== */
.chat-list[b-ocu0uqlgid]{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Her öğeyi “kart” gibi göster */
.chat-item[b-ocu0uqlgid]{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), var(--panel);
    border: 1px solid var(--border);
    border-radius: 12px;
    cursor: pointer;
    user-select: none;
    transition: background .15s ease, border-color .15s ease, transform .06s ease;
}
.chat-item:hover[b-ocu0uqlgid]{
    background: color-mix(in srgb, var(--accent) 12%, var(--panel));
    border-color: color-mix(in srgb, var(--accent) 35%, #000);
}
.chat-item:active[b-ocu0uqlgid]{ transform: translateY(1px); }

/* Başlık/özet */
.chat-title[b-ocu0uqlgid]{
    font-weight: 700;
    color: #fff;
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Tarih */
.chat-date[b-ocu0uqlgid]{
    color: var(--muted);
    font-size: .85rem;
    flex: 0 0 auto;
}

/* Küçük ekran optimizasyonu */
@media (max-width: 560px){
    .chat-date[b-ocu0uqlgid]{ display:none; }       /* dar ekranda sadece başlık */
    .chat-item[b-ocu0uqlgid]{ padding: 12px; }
}
/* /Pages/Dashboard.razor.rz.scp.css */
.dash-card[b-bd5b0hwajd]{ max-width: 1120px; margin: 24px auto; }

.dash-header[b-bd5b0hwajd]{
    display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:16px;
}
.dash-header .title[b-bd5b0hwajd]{ margin:0; }
.dash-header .subtitle[b-bd5b0hwajd]{ opacity:.85; }
.quick-actions[b-bd5b0hwajd]{ display:flex; gap:8px; flex:0 0 auto; }

.kpi-grid[b-bd5b0hwajd]{
    display:grid; grid-template-columns: repeat(4, 1fr); gap:12px; margin-bottom:16px;
}
@media (max-width: 960px){ .kpi-grid[b-bd5b0hwajd]{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px){ .kpi-grid[b-bd5b0hwajd]{ grid-template-columns: 1fr; } }

.kpi-card[b-bd5b0hwajd]{
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), var(--panel);
    border:1px solid var(--border); border-radius:14px; padding:14px;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
.kpi-top[b-bd5b0hwajd]{ display:flex; align-items:baseline; justify-content:space-between; }
.kpi-label[b-bd5b0hwajd]{ font-size:.95rem; opacity:.8; }
.kpi-value[b-bd5b0hwajd]{ font-size:1.6rem; font-weight:800; color:#fff; }
.kpi-foot[b-bd5b0hwajd]{ font-size:.9rem; opacity:.85; display:flex; align-items:center; gap:6px; margin-top:6px; }
.dot[b-bd5b0hwajd]{ width:10px; height:10px; border-radius:50%; display:inline-block; }
.dot-active[b-bd5b0hwajd]{ background:#8ea7ff; }
.dot-success[b-bd5b0hwajd]{ background:#86f2a1; }
.dot-streak[b-bd5b0hwajd]{ background:#ffd27a; }

/* Dairesel progress */
.kpi-progress[b-bd5b0hwajd]{ display:flex; align-items:center; gap:12px; }
.circular[b-bd5b0hwajd]{ width:68px; height:68px; }
.circular .bg[b-bd5b0hwajd]{ fill:none; stroke:#2e364f; stroke-width:3; opacity:.6; }
.circular .prog[b-bd5b0hwajd]{ fill:none; stroke:var(--accent); stroke-width:3; stroke-linecap:round; transition: stroke-dasharray .4s ease; }
.circular .percentage[b-bd5b0hwajd]{ fill:#fff; font-size:8px; text-anchor:middle; font-weight:700; }
.kpi-caption[b-bd5b0hwajd]{ font-weight:700; }

.grid-2[b-bd5b0hwajd]{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; margin-top:12px; }
@media (max-width: 960px){ .grid-2[b-bd5b0hwajd]{ grid-template-columns: 1fr; } }

.panel[b-bd5b0hwajd]{
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), var(--panel);
    border:1px solid var(--border); border-radius:14px; padding:14px;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
.panel-head[b-bd5b0hwajd]{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.panel-foot[b-bd5b0hwajd]{ display:flex; justify-content:flex-end; margin-top:8px; }

/* Coach kartı */
.coach-card[b-bd5b0hwajd]{ display:flex; gap:10px; background:rgba(255,255,255,.04); border:1px dashed var(--border); border-radius:12px; padding:12px; }
.coach-emoji[b-bd5b0hwajd]{ font-size:24px; }
.coach-text[b-bd5b0hwajd]{ line-height:1.45; }

/* Mini list */
.mini-list[b-bd5b0hwajd]{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.mini-item[b-bd5b0hwajd]{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    padding:10px; border:1px solid var(--border); border-radius:12px;
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.mi-left[b-bd5b0hwajd]{ min-width:0; }
.mi-title[b-bd5b0hwajd]{ font-weight:700; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.mi-sub[b-bd5b0hwajd]{ font-size:.92rem; opacity:.86; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.mi-right[b-bd5b0hwajd]{ display:flex; align-items:center; gap:8px; }
.tag[b-bd5b0hwajd]{ font-size:.78rem; border:1px solid var(--border); padding:4px 8px; border-radius:999px; opacity:.9; }

/* Durum renkleri */
.pill[b-bd5b0hwajd]{
    display:inline-flex; align-items:center; gap:6px;
    font-size:.78rem; font-weight:700;
    padding:4px 8px; border-radius:999px; line-height:1; border:1px solid transparent; margin-right:8px;
}
.pill.muted[b-bd5b0hwajd]{ background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); color: color-mix(in srgb, var(--text) 80%, #000); }
.pill.warning[b-bd5b0hwajd]{ background: color-mix(in srgb, var(--warning) 15%, #000); border-color: color-mix(in srgb, var(--warning) 35%, #000); color: #ffd27a; }
.pill.danger[b-bd5b0hwajd]{ background: color-mix(in srgb, var(--danger) 18%, #000); border-color: color-mix(in srgb, var(--danger) 40%, #000); color: #ff9b9b; }
.pill.success[b-bd5b0hwajd]{ background: color-mix(in srgb, var(--success) 18%, #000); border-color: color-mix(in srgb, var(--success) 40%, #000); color: #86f2a1; }

/* Buton varyantları */
.btn-outline[b-bd5b0hwajd]{
    background:transparent; color:#fff; border:1px solid var(--border);
}
.btn-outline:hover[b-bd5b0hwajd]{ border-color: color-mix(in srgb, var(--accent) 35%, #000); }

.skeleton[b-bd5b0hwajd]{
    border-radius: 12px; background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.12), rgba(255,255,255,.06));
    background-size: 200% 100%; animation: skel-b-bd5b0hwajd 1.2s ease-in-out infinite;
}
.skeleton-block[b-bd5b0hwajd]{ height: 88px; }
.skeleton-item[b-bd5b0hwajd]{ height: 46px; margin-bottom:8px; }
@keyframes skel-b-bd5b0hwajd{ 0%{ background-position: 200% 0; } 100%{ background-position: -200% 0; } }
/* /Pages/Goals.razor.rz.scp.css */
/* KART ve DÜZEN */
.goals-card[b-ve5d3eb0a7]{
    max-width: 820px;
    margin: 24px auto;
}

/* Form yerleşimi: md ve üstünde tarih sağda, açıklama altta tam genişlik */
.form-grid[b-ve5d3eb0a7]{
    display:grid;
    grid-template-columns: 1fr;
    gap: 10px;
}
@media (min-width: 768px){
    .form-grid[b-ve5d3eb0a7]{
        grid-template-columns: 1fr 220px;
        align-items:start;
    }
    .form-grid .desc[b-ve5d3eb0a7]{ grid-column: 1 / -1; }
}

/* Yükseklikleri eşitle */
.h-control[b-ve5d3eb0a7]{ height:44px; min-height:44px; }
.h-textarea[b-ve5d3eb0a7]{ min-height: 96px; resize: vertical; padding-top: 10px; }

/* LİSTE: kurumsal kart görünümü */
.goal-list[b-ve5d3eb0a7]{
    list-style:none; margin:0; padding:0;
    display:flex; flex-direction:column; gap:8px;
}
.goal-item[b-ve5d3eb0a7]{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:12px 14px;
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), var(--panel);
    border:1px solid var(--border);
    border-radius:12px;
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
    transition: border-color .15s ease, transform .06s ease, box-shadow .15s ease, background .15s ease;
}
.goal-item:hover[b-ve5d3eb0a7]{
    border-color: color-mix(in srgb, var(--accent) 35%, #000);
    box-shadow: 0 14px 30px rgba(0,0,0,.28);
}
.goal-item:active[b-ve5d3eb0a7]{ transform: translateY(1px); }

/* Sol blok (checkbox + metinler) */
.goal-item .left[b-ve5d3eb0a7]{ display:flex; align-items:flex-start; gap:10px; flex:1 1 auto; min-width:0; }
.goal-item .form-check-input[b-ve5d3eb0a7]{
    width:18px; height:18px; margin-top:2px;
    accent-color: var(--accent); /* modern tarayıcılar */
}
.goal-item .texts[b-ve5d3eb0a7]{ min-width:0; display:flex; flex-direction:column; gap:4px; }
.goal-item .title[b-ve5d3eb0a7]{
    color:#fff; font-weight:700; line-height:1.25;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.goal-item .sub[b-ve5d3eb0a7]{
    font-size:.92rem;
    color: color-mix(in srgb, var(--text) 82%, #000);
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Sağ blok (aksiyonlar/rozetler) */
.goal-item .right[b-ve5d3eb0a7]{ display:flex; align-items:center; gap:8px; flex:0 0 auto; }

/* Durum rozetleri */
.pill[b-ve5d3eb0a7]{
    display:inline-flex; align-items:center; gap:6px;
    font-size:.78rem; font-weight:600;
    padding:4px 8px; border-radius:999px; line-height:1;
    border:1px solid transparent;
}
.pill.muted[b-ve5d3eb0a7]{
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
    color: color-mix(in srgb, var(--text) 80%, #000);
}
.pill.warning[b-ve5d3eb0a7]{
    background: color-mix(in srgb, var(--warning) 15%, #000);
    border-color: color-mix(in srgb, var(--warning) 35%, #000);
    color: #ffd27a;
}
.pill.danger[b-ve5d3eb0a7]{
    background: color-mix(in srgb, var(--danger) 18%, #000);
    border-color: color-mix(in srgb, var(--danger) 40%, #000);
    color: #ff9b9b;
}
.pill.success[b-ve5d3eb0a7]{
    background: color-mix(in srgb, var(--success) 18%, #000);
    border-color: color-mix(in srgb, var(--success) 40%, #000);
    color: #86f2a1;
}

/* Tamamlanan hedef stili */
.goal-item.completed .title[b-ve5d3eb0a7]{ text-decoration: line-through; opacity:.8; }
.goal-item.completed .sub[b-ve5d3eb0a7]{ opacity:.75; }

/* Küçük ekran */
@media (max-width: 560px){
    .goal-item[b-ve5d3eb0a7]{ padding: 12px; }
    .goal-item .right .pill[b-ve5d3eb0a7]{ display:none; } /* dar ekranda yalnızca metin */
}
/* /Pages/Home.razor.rz.scp.css */
/* ==== HOME: container'ı büyüt, hero'yu güçlendir ==== */

/* Sadece home sayfasında .content genişlesin */
.home-page.content[b-sngjtbkg4o]{
    max-width: 1040px !important;         /* önce 500’dü */
}

/* Hero panel daha premium dursun */
.home-page .hero-panel[b-sngjtbkg4o]{
    padding: 34px 36px 28px !important;
    border-radius: 18px !important;
    border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--border));
    background:
            linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
            var(--hero-surface);
    box-shadow: 0 18px 50px rgba(0,0,0,.32);
}
.home-page .hero-title[b-sngjtbkg4o]{
    font-size: 2.6rem !important;
    letter-spacing: .3px;
    margin-bottom: 6px !important;
}
.home-page .hero-subtitle[b-sngjtbkg4o]{
    font-size: 1.06rem;
    max-width: 66ch;
    opacity: .95;
}

/* CTA’ları biraz büyüt */
.home-page .hero-actions .btn[b-sngjtbkg4o]{
    height: 48px;
    border-radius: 12px;
    padding: 10px 18px;
    font-weight: 700;
}
.home-page .hero-actions .btn + .btn[b-sngjtbkg4o]{ margin-left: 10px; }

/* ==== Özellik kartları: daha büyük ve etkileyici ==== */

.home-page .home-grid[b-sngjtbkg4o]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));  /* 3 kolon */
    gap: 18px;
}
@media (max-width: 1100px){
    .home-page .home-grid[b-sngjtbkg4o]{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
    .home-page .home-grid[b-sngjtbkg4o]{ grid-template-columns: 1fr; }
}

/* Kartların boyutu, arkaplanı ve hover etkisi */
.home-page .feature-card[b-sngjtbkg4o]{
    position: relative;
    padding: 18px 18px 16px;
    min-height: 180px;                      /* ← kart daha büyük */
    border-radius: 14px;
    border: 1px solid var(--border);
    background:
            linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
            var(--panel);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.home-page .feature-card:hover[b-sngjtbkg4o]{
    transform: translateY(-3px);
    box-shadow: 0 16px 38px rgba(0,0,0,.32);
    border-color: color-mix(in srgb, var(--accent) 40%, var(--border));
    background:
            linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0)),
            var(--panel);
}

/* Tipografi biraz büyüsün */
.home-page .feature-card h3[b-sngjtbkg4o]{
    font-size: 1.5rem;
    margin: 0 0 8px;
    color: #fff;
}
.home-page .feature-card p[b-sngjtbkg4o]{
    font-size: .98rem;
    color: color-mix(in srgb, var(--text) 88%, #000);
    opacity: .96;
}

/* Footer çizgisi daha net */
.home-page .footer-muted[b-sngjtbkg4o]{
    text-align: center;
    color: var(--muted);
    border-top: 1px solid var(--border);
    margin-top: 16px;
    padding-top: 10px;
}
/* /Pages/HumanDesign.razor.rz.scp.css */
/* ==== HUMANDESIGN: Modern Dark Theme with Card Grid ==== */

/* Scoped dark theme overrides */
.humandesign-page[b-5mnmls70va] {
    background: linear-gradient(180deg, rgba(42,42,46,.98), rgba(33,37,41,1)) !important;
}

/* Results Grid Layout */
.humandesign-page .hd-results-grid[b-5mnmls70va] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin: 1.5rem 0;
}

.humandesign-page .hd-result-card[b-5mnmls70va] {
    background: linear-gradient(135deg, rgba(42,42,46,.9), rgba(33,37,41,.95));
    border: 1px solid rgba(139,92,246,.25);
    border-radius: 16px;
    padding: 1.8rem;
    transition: all .3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,.25);
}

.humandesign-page .hd-result-card:hover[b-5mnmls70va] {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(139,92,246,.25), 0 4px 15px rgba(0,0,0,.3);
    border-color: rgba(139,92,246,.45);
}

.humandesign-page .hd-card-icon[b-5mnmls70va] {
    font-size: 2.8rem;
    margin-bottom: .8rem;
    text-align: center;
}

.humandesign-page .hd-card-title[b-5mnmls70va] {
    font-size: .9rem;
    color: #a1a1b3;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 600;
    margin-bottom: .6rem;
    text-align: center;
}

.humandesign-page .hd-card-value[b-5mnmls70va] {
    font-size: 1.5rem;
    color: #e0d4ff;
    font-weight: 700;
    margin-bottom: 1rem;
    text-align: center;
}

.humandesign-page .hd-card-desc[b-5mnmls70va] {
    font-size: .92rem;
    color: #d1d1e0;
    line-height: 1.7;
    text-align: left;
}

/* Card type-specific accents */
.humandesign-page .hd-card-type[b-5mnmls70va] {
    border-left: 4px solid rgba(139,92,246,.7);
}

.humandesign-page .hd-card-profile[b-5mnmls70va] {
    border-left: 4px solid rgba(99,102,241,.7);
}

.humandesign-page .hd-card-strategy[b-5mnmls70va] {
    border-left: 4px solid rgba(52,211,153,.7);
}

.humandesign-page .hd-card-authority[b-5mnmls70va] {
    border-left: 4px solid rgba(251,146,60,.7);
}

/* Centers Section */
.humandesign-page .hd-centers-section[b-5mnmls70va] {
    margin: 2.5rem 0;
}

.humandesign-page .hd-section-title[b-5mnmls70va] {
    font-size: 1.4rem;
    color: #e8e8ef;
    font-weight: 700;
    margin-bottom: 1.2rem;
    text-align: center;
}

.humandesign-page .hd-centers-grid[b-5mnmls70va] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem;
}

.humandesign-page .hd-center-card[b-5mnmls70va] {
    background: rgba(0,0,0,.3);
    border: 2px solid rgba(58,58,64,.6);
    border-radius: 14px;
    padding: 1.2rem .9rem;
    text-align: center;
    transition: all .28s ease;
}

.humandesign-page .hd-center-card:hover[b-5mnmls70va] {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 6px 20px rgba(0,0,0,.35);
}

.humandesign-page .hd-center-card.defined[b-5mnmls70va] {
    background: linear-gradient(135deg, rgba(52,211,153,.18), rgba(16,185,129,.12));
    border-color: rgba(52,211,153,.5);
}

.humandesign-page .hd-center-card.open[b-5mnmls70va] {
    background: linear-gradient(135deg, rgba(251,146,60,.18), rgba(245,158,11,.12));
    border-color: rgba(251,146,60,.5);
}

.humandesign-page .hd-center-card .center-icon[b-5mnmls70va] {
    font-size: 2.2rem;
    margin-bottom: .6rem;
}

.humandesign-page .hd-center-card .center-name[b-5mnmls70va] {
    font-size: .95rem;
    color: #e8e8ef;
    font-weight: 600;
    margin-bottom: .5rem;
}

.humandesign-page .hd-center-card .center-badge[b-5mnmls70va] {
    display: inline-block;
    padding: .3rem .7rem;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 600;
}

.humandesign-page .hd-center-card.defined .center-badge[b-5mnmls70va] {
    background: rgba(52,211,153,.25);
    color: #a7f3d0;
}

.humandesign-page .hd-center-card.open .center-badge[b-5mnmls70va] {
    background: rgba(251,146,60,.25);
    color: #fcd34d;
}

/* Characteristics Section */
.humandesign-page .hd-characteristics-section[b-5mnmls70va] {
    margin: 2.5rem 0;
}

.humandesign-page .hd-characteristics-list[b-5mnmls70va] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
}

.humandesign-page .hd-characteristic-item[b-5mnmls70va] {
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(139,92,246,.2);
    border-left: 3px solid rgba(139,92,246,.6);
    border-radius: 10px;
    padding: 1rem 1.2rem;
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    transition: all .25s ease;
}

.humandesign-page .hd-characteristic-item:hover[b-5mnmls70va] {
    background: rgba(139,92,246,.1);
    border-color: rgba(139,92,246,.4);
    transform: translateX(5px);
}

.humandesign-page .hd-characteristic-item .characteristic-bullet[b-5mnmls70va] {
    color: #b99aff;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1;
    flex-shrink: 0;
}

.humandesign-page .hd-characteristic-item .characteristic-text[b-5mnmls70va] {
    color: #d1d1e0;
    font-size: .92rem;
    line-height: 1.6;
}

.humandesign-page .hero-panel[b-5mnmls70va] {
    background: radial-gradient(600px circle at 50% -20%, rgba(139,92,246,.15), transparent 50%),
                linear-gradient(180deg, rgba(139,92,246,.08), rgba(0,0,0,.4)) !important;
    border: 1px solid rgba(139,92,246,.35) !important;
    box-shadow: 0 20px 50px rgba(139,92,246,.22), 0 8px 30px rgba(0,0,0,.45) !important;
}

.humandesign-page .hero-badge[b-5mnmls70va] {
    background: linear-gradient(135deg, rgba(139,92,246,.28), rgba(155,122,255,.22));
    border: 1px solid rgba(139,92,246,.45);
    color: #e0d4ff;
    padding: .5rem 1rem;
    border-radius: 999px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 1.25rem;
}

.humandesign-page .panel[b-5mnmls70va] {
    background: linear-gradient(180deg, rgba(42,42,46,.92), rgba(33,37,41,.96)) !important;
    border: 1px solid rgba(58,58,64,.85) !important;
}

.humandesign-page .panel-head[b-5mnmls70va] {
    background: linear-gradient(180deg, rgba(139,92,246,.12), rgba(139,92,246,.06));
    border-bottom: 1px solid rgba(139,92,246,.25);
}

.humandesign-page .hd-card[b-5mnmls70va] {
    background: linear-gradient(180deg, rgba(42,42,46,.88), rgba(33,37,41,.92)) !important;
    border: 1px solid rgba(58,58,64,.75) !important;
    color: #e8e8ef !important;
}

.humandesign-page .hd-header[b-5mnmls70va] {
    background: linear-gradient(135deg, rgba(139,92,246,.14), rgba(139,92,246,.09));
    border-bottom: 1px solid rgba(139,92,246,.28);
}

.humandesign-page .hd-body[b-5mnmls70va] {
    background: rgba(20,20,24,.65) !important;
    color: #e8e8ef !important;
    padding: 26px !important;
    line-height: 1.8;
}

.humandesign-page .hd-body *[b-5mnmls70va] {
    color: #e8e8ef !important;
}

.humandesign-page .hd-footer[b-5mnmls70va] {
    background: linear-gradient(180deg, rgba(0,0,0,.32), rgba(0,0,0,.42));
    border-top: 1px solid rgba(139,92,246,.22);
}

.humandesign-page .hd-tag[b-5mnmls70va] {
    background: linear-gradient(135deg, rgba(139,92,246,.3), rgba(155,122,255,.24));
    border: 1px solid rgba(139,92,246,.45);
    color: #e0d4ff;
    padding: .5rem .85rem;
    border-radius: 999px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

.humandesign-page .hd-chip[b-5mnmls70va] {
    background: rgba(139,92,246,.2);
    border: 1px solid rgba(139,92,246,.4);
    color: #d4c5ff;
    padding: .45rem .8rem;
    border-radius: 999px;
    font-size: .88rem;
    display: inline-block;
    margin: .3rem .35rem .3rem 0;
}

.humandesign-page .hd-grid[b-5mnmls70va] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    gap: 1.6rem;
    margin-top: 1.25rem;
}

.humandesign-page .hd-card-mini[b-5mnmls70va] {
    background: linear-gradient(180deg, rgba(42,42,46,.82), rgba(33,37,41,.88)) !important;
    border: 1px solid rgba(139,92,246,.28);
    border-radius: 14px;
    padding: 1.6rem;
    box-shadow: 0 5px 18px rgba(0,0,0,.32);
    color: #e8e8ef !important;
}

.humandesign-page .hd-card-mini *[b-5mnmls70va] {
    color: #e8e8ef !important;
}

.humandesign-page .hd-title[b-5mnmls70va] {
    color: #e8e8ef !important;
    font-weight: 700;
    font-size: 1.18rem;
    margin-bottom: .85rem;
}

.humandesign-page .hd-sub[b-5mnmls70va] {
    color: #a1a1b3;
    font-weight: 600;
    font-size: .92rem;
    margin-bottom: .6rem;
}

.humandesign-page .hd-kv[b-5mnmls70va] {
    display: grid;
    grid-template-columns: 145px 1fr;
    gap: .65rem 1.1rem;
}

.humandesign-page .hd-kv .k[b-5mnmls70va] {
    color: #a1a1b3;
    font-weight: 600;
}

.humandesign-page .hd-kv .v[b-5mnmls70va] {
    color: #e8e8ef;
}

.humandesign-page .hd-section[b-5mnmls70va] {
    margin: 1.35rem 0;
    color: #e8e8ef !important;
}

.humandesign-page .hd-section *[b-5mnmls70va] {
    color: #e8e8ef !important;
}

.humandesign-page .centers-grid[b-5mnmls70va] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
    gap: .9rem;
    margin-top: .85rem;
}

.humandesign-page .center-item[b-5mnmls70va] {
    border: 1px solid rgba(58,58,64,.65);
    border-radius: 13px;
    padding: .8rem 1rem;
    display: flex;
    align-items: center;
    gap: .7rem;
    transition: all .28s;
    background: rgba(0,0,0,.28);
}

.humandesign-page .center-item:hover[b-5mnmls70va] {
    transform: translateY(-3px);
    box-shadow: 0 7px 20px rgba(0,0,0,.38);
}

.humandesign-page .center-item.defined[b-5mnmls70va] {
    background: linear-gradient(135deg, rgba(82,210,115,.2), rgba(52,211,153,.14));
    border-color: rgba(82,210,115,.5);
    color: #b8f5d0;
}

.humandesign-page .center-item.open[b-5mnmls70va] {
    background: linear-gradient(135deg, rgba(255,176,32,.2), rgba(251,146,60,.14));
    border-color: rgba(255,176,32,.5);
    color: #ffe5b8;
}

.humandesign-page .center-icon[b-5mnmls70va] {
    font-size: 1.35rem;
}

.humandesign-page .center-name[b-5mnmls70va] {
    font-weight: 600;
    font-size: .92rem;
    flex: 1;
}

.humandesign-page .center-status[b-5mnmls70va] {
    font-size: .82rem;
    opacity: .92;
    font-weight: 500;
}

.humandesign-page details.hd-more summary[b-5mnmls70va] {
    cursor: pointer;
    color: #b99aff;
    font-weight: 600;
    padding: .55rem 0;
    transition: color .22s;
}

.humandesign-page details.hd-more summary:hover[b-5mnmls70va] {
    color: #d4c5ff;
}

.humandesign-page .hd-badges[b-5mnmls70va] {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    margin-bottom: 1.35rem;
}

.humandesign-page .characteristics-list[b-5mnmls70va] {
    list-style: none;
    padding: 0;
    margin: 1.1rem 0 0;
}

.humandesign-page .characteristics-list li[b-5mnmls70va] {
    padding: .65rem 0 .65rem 1.85rem;
    position: relative;
    color: #e8e8ef !important;
    line-height: 1.75;
}

.humandesign-page .characteristics-list li[b-5mnmls70va]::before {
    content: "✦";
    position: absolute;
    left: 0;
    color: #b99aff;
    font-weight: bold;
    font-size: 1.15rem;
}

.humandesign-page .list-row[b-5mnmls70va] {
    background: rgba(0,0,0,.28);
    border: 1px solid rgba(58,58,64,.65);
    border-radius: 13px;
    padding: 1.05rem;
    margin-bottom: .8rem;
    transition: all .28s;
}

.humandesign-page .list-row:hover[b-5mnmls70va] {
    background: rgba(139,92,246,.14);
    border-color: rgba(139,92,246,.45);
    transform: translateX(7px);
}

.humandesign-page .list-row .title[b-5mnmls70va] {
    color: #e8e8ef;
    font-weight: 600;
    margin-bottom: .4rem;
}

.humandesign-page .list-row .muted[b-5mnmls70va] {
    color: #a1a1b3;
    font-size: .9rem;
}

.humandesign-page .footer-muted[b-5mnmls70va] {
    background: rgba(0,0,0,.22);
    border-top: 1px solid rgba(139,92,246,.22);
    padding: 1.6rem;
    text-align: center;
    color: #a1a1b3;
}

.humandesign-page .skeleton[b-5mnmls70va] {
    background: linear-gradient(90deg, rgba(255,255,255,.06) 25%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.06) 75%);
    background-size: 200% 100%;
    animation: skeleton-pulse-b-5mnmls70va 1.6s ease-in-out infinite;
    border-radius: 9px;
    height: 65px;
}

@keyframes skeleton-pulse-b-5mnmls70va {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Loading Overlay */
.hd-loading-overlay[b-5mnmls70va] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.87);
    backdrop-filter: blur(11px);
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-b-5mnmls70va .32s ease-out;
}

@keyframes fadeIn-b-5mnmls70va {
    from { opacity: 0; }
    to { opacity: 1; }
}

.hd-spinner-wrapper[b-5mnmls70va] {
    text-align: center;
    padding: 3.2rem 2.8rem;
    background: linear-gradient(180deg, rgba(42,42,46,.96), rgba(33,37,41,.99));
    border: 1px solid rgba(139,92,246,.45);
    border-radius: 22px;
    box-shadow: 0 28px 75px rgba(139,92,246,.32), 0 12px 45px rgba(0,0,0,.65);
    max-width: 450px;
}

.hd-spinner[b-5mnmls70va] {
    width: 76px;
    height: 76px;
    margin: 0 auto 2.2rem;
    border: 5px solid rgba(139,92,246,.28);
    border-top-color: #8b5cf6;
    border-radius: 50%;
    animation: spin-b-5mnmls70va 1.05s linear infinite;
}

@keyframes spin-b-5mnmls70va {
    to { transform: rotate(360deg); }
}

.hd-loading-text[b-5mnmls70va] {
    color: #e8e8ef;
    font-size: 1.08rem;
    font-weight: 600;
    line-height: 1.65;
    margin: 0;
}

[b-5mnmls70va] .humandesign-page .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .4rem .85rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(139,92,246,.2), rgba(155,122,255,.15));
    border: 1px solid color-mix(in srgb, purple 30%, #3a3a40);
    color: color-mix(in srgb, purple 90%, #fff);
    font-size: .88rem;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 1rem;
}

[b-5mnmls70va] .humandesign-page .panel {
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), #2a2a2e;
    border: 1px solid #3a3a40;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0,0,0,.2);
}

[b-5mnmls70va] .humandesign-page .panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid #3a3a40;
    background: rgba(139,92,246,.04);
}

[b-5mnmls70va] .humandesign-page .panel-head h3 {
    margin: 0;
    font-weight: 700;
    font-size: 1.1rem;
    color: #e8e8ef;
}

[b-5mnmls70va] .humandesign-page .panel-actions {
    display: flex;
    gap: .5rem;
    align-items: center;
}

[b-5mnmls70va] .humandesign-page .btn-group {
    display: inline-flex;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, purple 35%, #3a3a40);
}

[b-5mnmls70va] .humandesign-page .btn-group .btn {
    border-radius: 0 !important;
    border: none !important;
    margin: 0 !important;
}

[b-5mnmls70va] .humandesign-page .btn-group .btn:first-child {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

[b-5mnmls70va] .humandesign-page .btn-group .btn:last-child {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

[b-5mnmls70va] .humandesign-page .form-group {
    margin-bottom: 1.25rem;
}

[b-5mnmls70va] .humandesign-page .form-group label {
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
    color: #a1a1b3;
    font-size: .9rem;
}

[b-5mnmls70va] .humandesign-page .form-input {
    width: 100%;
    background: rgba(0,0,0,.28) !important;
    border: 1px solid #3a3a40 !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    color: #e8e8ef !important;
    transition: all .2s;
}

[b-5mnmls70va] .humandesign-page .form-input:focus {
    border-color: color-mix(in srgb, purple 60%, #3a3a40) !important;
    box-shadow: 0 0 0 3px rgba(139,92,246,.15) !important;
    outline: none !important;
}

[b-5mnmls70va] .humandesign-page .form-actions {
    margin-top: 1.5rem;
}

[b-5mnmls70va] .humandesign-page .hd-card {
    background: linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0)), #2a2a2e;
    border: 1px solid #3a3a40;
    border-radius: 14px;
    overflow: hidden;
}

[b-5mnmls70va] .humandesign-page .hd-header {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 18px 20px;
    background: rgba(139,92,246,.06);
    border-bottom: 1px solid #3a3a40;
}

[b-5mnmls70va] .humandesign-page .hd-icon {
    font-size: 1.5rem;
}

[b-5mnmls70va] .humandesign-page .hd-title {
    font-weight: 700;
    font-size: 1.15rem;
    color: #e8e8ef;
    margin: 0;
}

[b-5mnmls70va] .humandesign-page .hd-body {
    padding: 20px;
    line-height: 1.7;
    color: #e8e8ef;
}

[b-5mnmls70va] .humandesign-page .hd-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    padding: 16px 20px;
    background: rgba(0,0,0,.15);
    border-top: 1px solid #3a3a40;
}

[b-5mnmls70va] .humandesign-page .hd-footer .tag {
    display: inline-flex;
    align-items: center;
    padding: .35rem .7rem;
    border-radius: 999px;
    background: rgba(139,92,246,.12);
    border: 1px solid color-mix(in srgb, purple 25%, #3a3a40);
    color: color-mix(in srgb, #e8e8ef 95%, #fff);
    font-size: .85rem;
    font-weight: 500;
}

[b-5mnmls70va] .humandesign-page .hd-tag {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .4rem .75rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(139,92,246,.22), rgba(155,122,255,.18));
    border: 1px solid color-mix(in srgb, purple 30%, #3a3a40);
    color: color-mix(in srgb, #e8e8ef 98%, #fff);
    font-weight: 600;
    font-size: .88rem;
}

[b-5mnmls70va] .humandesign-page .hd-chip {
    display: inline-block;
    padding: .4rem .7rem;
    border-radius: 999px;
    background: rgba(139,92,246,.12);
    border: 1px solid color-mix(in srgb, purple 25%, #3a3a40);
    color: color-mix(in srgb, #e8e8ef 92%, #fff);
    margin: .25rem .25rem 0 0;
    font-size: .85rem;
    font-weight: 500;
}

[b-5mnmls70va] .humandesign-page .hd-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}

[b-5mnmls70va] .humandesign-page .hd-section {
    margin: 1.25rem 0;
}

[b-5mnmls70va] .humandesign-page .hd-section:first-child {
    margin-top: 0;
}

[b-5mnmls70va] .humandesign-page .hd-section:last-child {
    margin-bottom: 0;
}

[b-5mnmls70va] .humandesign-page .hd-kv {
    display: grid;
    grid-template-columns: 140px 1fr;
    row-gap: .5rem;
    column-gap: 1rem;
    align-items: start;
}

[b-5mnmls70va] .humandesign-page .hd-kv .k {
    color: #a1a1b3;
    font-weight: 600;
    font-size: .9rem;
}

[b-5mnmls70va] .humandesign-page .hd-kv .v {
    color: #e8e8ef;
}

[b-5mnmls70va] .humandesign-page .hd-sub {
    color: #a1a1b3;
    margin-top: .25rem;
    font-size: .9rem;
    font-weight: 600;
}

[b-5mnmls70va] .humandesign-page .hd-card-mini {
    border: 1px solid #3a3a40;
    border-radius: 14px;
    padding: 1.25rem;
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), rgba(0,0,0,.15);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
}

[b-5mnmls70va] .humandesign-page .centers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: .75rem;
}

[b-5mnmls70va] .humandesign-page .center-item {
    border: 1px solid #3a3a40;
    border-radius: 12px;
    padding: .65rem .85rem;
    display: flex;
    align-items: center;
    gap: .6rem;
    transition: all .2s;
}

[b-5mnmls70va] .humandesign-page .center-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
}

[b-5mnmls70va] .humandesign-page .center-item.defined {
    background: linear-gradient(135deg, rgba(34,197,94,.12), rgba(16,185,129,.08));
    border-color: color-mix(in srgb, #52d273 40%, #3a3a40);
    color: color-mix(in srgb, #52d273 95%, #fff);
}

[b-5mnmls70va] .humandesign-page .center-item.open {
    background: linear-gradient(135deg, rgba(251,146,60,.12), rgba(245,158,11,.08));
    border-color: color-mix(in srgb, #ffb020 40%, #3a3a40);
    color: color-mix(in srgb, #ffb020 95%, #fff);
}

[b-5mnmls70va] .humandesign-page .center-icon {
    font-size: 1.25rem;
}

[b-5mnmls70va] .humandesign-page .center-name {
    font-weight: 600;
    font-size: .9rem;
}

[b-5mnmls70va] .humandesign-page .center-status {
    font-size: .8rem;
    opacity: .85;
}

[b-5mnmls70va] .humandesign-page details.hd-more {
    margin-top: .75rem;
}

[b-5mnmls70va] .humandesign-page details.hd-more summary {
    cursor: pointer;
    color: color-mix(in srgb, purple 85%, #fff);
    font-weight: 600;
    font-size: .9rem;
    padding: .4rem 0;
    transition: color .2s;
}

[b-5mnmls70va] .humandesign-page details.hd-more summary:hover {
    color: color-mix(in srgb, purple 100%, #fff);
}

[b-5mnmls70va] .humandesign-page .hd-badges {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-bottom: 1rem;
}

[b-5mnmls70va] .humandesign-page .characteristics-list {
    list-style: none;
    padding: 0;
    margin: .75rem 0 0;
}

[b-5mnmls70va] .humandesign-page .characteristics-list li {
    padding: .5rem 0;
    padding-left: 1.5rem;
    position: relative;
    color: #e8e8ef;
    line-height: 1.6;
}

[b-5mnmls70va] .humandesign-page .characteristics-list li::before {
    content: "✦";
    position: absolute;
    left: 0;
    color: color-mix(in srgb, purple 70%, #fff);
    font-weight: bold;
}

[b-5mnmls70va] .humandesign-page .list {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

[b-5mnmls70va] .humandesign-page .list-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .85rem 1rem;
    background: rgba(0,0,0,.12);
    border: 1px solid #3a3a40;
    border-radius: 12px;
    transition: all .2s;
}

[b-5mnmls70va] .humandesign-page .list-row:hover {
    background: rgba(139,92,246,.08);
    border-color: color-mix(in srgb, purple 30%, #3a3a40);
    transform: translateX(4px);
}

[b-5mnmls70va] .humandesign-page .list-row .left {
    flex: 1;
}

[b-5mnmls70va] .humandesign-page .list-row .title {
    font-weight: 600;
    color: #e8e8ef;
    margin-bottom: .25rem;
}

[b-5mnmls70va] .humandesign-page .list-row .muted {
    color: #a1a1b3;
    font-size: .85rem;
}

[b-5mnmls70va] .humandesign-page .list-row .right {
    margin-left: 1rem;
}

[b-5mnmls70va] .humandesign-page .footer-muted {
    padding: 1.5rem 1.25rem !important;
    text-align: center;
    color: #a1a1b3;
    font-size: .88rem;
    border-top: 1px solid #3a3a40;
    background: rgba(0,0,0,.1);
}

[b-5mnmls70va] .humandesign-page .skeleton {
    background: linear-gradient(90deg, rgba(255,255,255,.04) 25%, rgba(255,255,255,.08) 50%, rgba(255,255,255,.04) 75%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-5mnmls70va 1.5s ease-in-out infinite;
    border-radius: 8px;
}

[b-5mnmls70va] .humandesign-page .skeleton-block {
    height: 60px;
    width: 100%;
}

@keyframes skeleton-loading-b-5mnmls70va {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Loading overlay for AI fetch */
[b-5mnmls70va] .hd-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.75);
    backdrop-filter: blur(8px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: hd-fade-in-b-5mnmls70va .3s ease-out;
}

@keyframes hd-fade-in-b-5mnmls70va {
    from { opacity: 0; }
    to { opacity: 1; }
}

[b-5mnmls70va] .hd-spinner-wrapper {
    text-align: center;
    padding: 2rem;
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0)), #2a2a2e;
    border: 1px solid color-mix(in srgb, purple 30%, #3a3a40);
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(139,92,246,.25), 0 8px 30px rgba(0,0,0,.4);
    max-width: 420px;
}

[b-5mnmls70va] .hd-spinner {
    width: 64px;
    height: 64px;
    margin: 0 auto 1.5rem;
    border: 4px solid rgba(139,92,246,.2);
    border-top-color: purple;
    border-radius: 50%;
    animation: hd-spin-b-5mnmls70va 1s linear infinite;
}

@keyframes hd-spin-b-5mnmls70va {
    to { transform: rotate(360deg); }
}

[b-5mnmls70va] .hd-loading-text {
    color: #e8e8ef;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.5;
}
.humandesign-page.content[b-5mnmls70va] {
    max-width: 1040px !important;
}

.humandesign-page .hero-panel[b-5mnmls70va] {
    padding: 34px 36px 28px !important;
    border-radius: 18px !important;
    border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--border));
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
        var(--hero-surface);
    box-shadow: 0 18px 50px rgba(0,0,0,.32);
}

.humandesign-page .hero-title[b-5mnmls70va] {
    font-size: 2.6rem !important;
    letter-spacing: .3px;
    margin-bottom: 6px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.humandesign-page .hero-subtitle[b-5mnmls70va] {
    font-size: 1.06rem;
    max-width: 66ch;
    opacity: .95;
}

/* Form Card */
.form-card[b-5mnmls70va] {
    padding: 32px;
    border-radius: 16px;
    background: var(--panel);
    border: 1px solid var(--border);
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
}

.form-card h2[b-5mnmls70va] {
    margin-bottom: 8px;
    font-size: 1.8rem;
    color: #fff;
}

.form-description[b-5mnmls70va] {
    color: var(--muted);
    margin-bottom: 28px;
}

.form-group[b-5mnmls70va] {
    margin-bottom: 24px;
}

.form-group label[b-5mnmls70va] {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--text);
}

.form-input[b-5mnmls70va] {
    width: 100%;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text);
    font-size: 1rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.form-input:focus[b-5mnmls70va] {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.form-actions[b-5mnmls70va] {
    margin-top: 32px;
}

.form-actions .btn[b-5mnmls70va] {
    width: 100%;
    height: 48px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1.05rem;
}

/* Results */
.results-header[b-5mnmls70va] {
    margin-bottom: 24px;
}

.result-card[b-5mnmls70va] {
    padding: 28px;
    border-radius: 16px;
    background: var(--panel);
    border: 1px solid var(--border);
    margin-bottom: 20px;
    box-shadow: 0 4px 16px rgba(0,0,0,.12);
    transition: transform .2s ease, box-shadow .2s ease;
}

.result-card:hover[b-5mnmls70va] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
}

.result-card h3[b-5mnmls70va] {
    font-size: 1.4rem;
    margin-bottom: 16px;
    color: #fff;
}

.result-card p[b-5mnmls70va] {
    color: var(--muted);
    line-height: 1.6;
}

/* Type Card */
.type-card[b-5mnmls70va] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%),
                var(--panel);
    border: 2px solid color-mix(in srgb, var(--accent) 30%, var(--border));
}

.type-header[b-5mnmls70va] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.type-icon[b-5mnmls70va] {
    font-size: 3.5rem;
    line-height: 1;
}

.type-header h2[b-5mnmls70va] {
    font-size: 2.2rem;
    margin: 0;
    color: #fff;
}

.type-subtitle[b-5mnmls70va] {
    color: var(--muted);
    font-size: .95rem;
    margin: 4px 0 0;
}

.type-description[b-5mnmls70va] {
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--text) !important;
}

/* Grid Layout */
.grid-2[b-5mnmls70va] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .grid-2[b-5mnmls70va] {
        grid-template-columns: 1fr;
    }
}

.info-value[b-5mnmls70va] {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--accent);
    margin: 12px 0;
}

/* Authority Card */
.authority-card[b-5mnmls70va] {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.08) 0%, rgba(255, 165, 0, 0.08) 100%),
                var(--panel);
}

/* Bodygraph */
.bodygraph-card[b-5mnmls70va] {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.08) 0%, rgba(16, 185, 129, 0.08) 100%),
                var(--panel);
}

.bodygraph-description[b-5mnmls70va] {
    font-size: .95rem;
    color: var(--muted);
    margin-bottom: 24px;
}

.bodygraph-container[b-5mnmls70va] {
    margin-top: 24px;
}

.center-grid[b-5mnmls70va] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 16px;
}

.energy-center[b-5mnmls70va] {
    padding: 20px 16px;
    border-radius: 12px;
    text-align: center;
    transition: all .2s ease;
    border: 2px solid var(--border);
}

.energy-center.defined[b-5mnmls70va] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);
    border-color: rgba(102, 126, 234, 0.5);
}

.energy-center.undefined[b-5mnmls70va] {
    background: var(--surface);
    border-color: var(--border);
    opacity: 0.7;
}

.energy-center:hover[b-5mnmls70va] {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
}

.center-icon[b-5mnmls70va] {
    font-size: 2.5rem;
    margin-bottom: 8px;
}

.center-name[b-5mnmls70va] {
    font-weight: 600;
    color: var(--text);
    margin-bottom: 4px;
    font-size: .95rem;
}

.center-status[b-5mnmls70va] {
    font-size: .85rem;
    color: var(--muted);
}

/* Characteristics */
.characteristics-card[b-5mnmls70va] {
    background: linear-gradient(135deg, rgba(236, 72, 153, 0.08) 0%, rgba(219, 39, 119, 0.08) 100%),
                var(--panel);
}

.characteristics-list[b-5mnmls70va] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.characteristics-list li[b-5mnmls70va] {
    padding: 14px 16px;
    margin-bottom: 10px;
    border-radius: 10px;
    background: var(--surface);
    border-left: 3px solid var(--accent);
    color: var(--text);
    line-height: 1.6;
    transition: transform .2s ease, background .2s ease;
}

.characteristics-list li:hover[b-5mnmls70va] {
    transform: translateX(4px);
    background: color-mix(in srgb, var(--accent) 8%, var(--surface));
}

/* Footer */
.humandesign-page .footer-muted[b-5mnmls70va] {
    text-align: center;
    color: var(--muted);
    border-top: 1px solid var(--border);
    margin-top: 32px;
    padding-top: 20px;
    font-size: .9rem;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 640px) {
    .humandesign-page .hero-title[b-5mnmls70va] {
        font-size: 2rem !important;
    }

    .form-card[b-5mnmls70va] {
        padding: 24px;
    }

    .result-card[b-5mnmls70va] {
        padding: 20px;
    }

    .type-header[b-5mnmls70va] {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }

    .type-icon[b-5mnmls70va] {
        font-size: 2.5rem;
    }

    .type-header h2[b-5mnmls70va] {
        font-size: 1.8rem;
    }

    .center-grid[b-5mnmls70va] {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }
}
/* /Pages/Index.razor.rz.scp.css */
/* Index.razor.css — Page-specific styles (kept minimal).
   Use global utilities/components from app.css for shared patterns. */

.index-page[b-8vfq9setqj] { }

.index-header[b-8vfq9setqj] {
  padding: 16px 20px;
  border-bottom:1px solid var(--border);
  display:flex; align-items:center; gap:12px;
}

.index-grid[b-8vfq9setqj] {
  display:grid;
  grid-template-columns: 1fr;
  gap:16px;
}

@media (min-width: 900px){
  .index-grid[b-8vfq9setqj] { grid-template-columns: 1fr 1fr; }
}

.index-card[b-8vfq9setqj] { /* optional card overrides */ }
/* /Pages/Login.razor.rz.scp.css */
/* ---- LAYOUT & CARD ---- */
#login-page[b-e0bla2yciz] {
    /* content sınıfının 500px sınırını ez: */
    max-width: 620px !important;
    /* ekranda dikey merkezleme */
    min-height: calc(100dvh - 120px);
    display: grid;
    align-content: center; /* içerik yüksekliğine göre ortaya getirir */
    margin: 0 auto !important; /* üst/alt boşluğu content'ten devralma */
    padding: 18px 18px 22px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .35); /* daha belirgin kurumsal gölge */
}

/* Başlık */
#login-page .title[b-e0bla2yciz] {
    text-align: center;
    color: #fff;
    font-weight: 800;
    letter-spacing: .2px;
    line-height: 1.2;
    font-size: 2.1rem;
    margin: 4px 0 14px;
}

/* ---- FORM GRID ---- */
#login-page .form-grid[b-e0bla2yciz] {
    display: grid;
    gap: 18px;
    margin-top: 24px !important;
}

#login-page .form-grid > * + *[b-e0bla2yciz] {
    margin-top: 24px !important;
}

/* Kontrollerin dokunmatik hissi */
#login-page .form-control[b-e0bla2yciz] {
    height: 48px; /* daha ferah */
    min-height: 48px;
}

/* Şifre alanı da aynı hizada kalsın */
#login-page input[type="password"].form-control[b-e0bla2yciz] {
    height: 48px;
    min-height: 48px;
}

/* Ana butonlar: geniş ve tutarlı yükseklik */
#login-page .btn[b-e0bla2yciz] {
    height: 48px;
    border-radius: 12px;
    font-weight: 700;
}

#login-page .btn + .btn[b-e0bla2yciz] {
    margin-top: 14px;
}

/* Divider — OAuth öncesi "veya" çizgisi */
#login-page .or[b-e0bla2yciz] {
    position: relative;
    text-align: center;
    margin: 6px 0 2px;
}

#login-page .or[b-e0bla2yciz]::before,
#login-page .or[b-e0bla2yciz]::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 44%;
    height: 1px;
    background: var(--border);
}

#login-page .or[b-e0bla2yciz]::before {
    left: 0;
}

#login-page .or[b-e0bla2yciz]::after {
    right: 0;
}

#login-page .or span[b-e0bla2yciz] {
    display: inline-block;
    padding: 0 10px;
    color: var(--muted);
    font-size: .9rem;
}

/* OAuth alanını tam genişlik yap */
#login-page .oauth[b-e0bla2yciz] {
    margin-top: 6px;
}

#login-page .g_id_signin > div[b-e0bla2yciz] {
    width: 100% !important;
}

/* Alt yardımcı link */
#login-page .link-btn[b-e0bla2yciz] {
    margin-top: 10px;
    background: transparent;
    border: 0;
    color: var(--muted);
    padding: 8px 10px;
    border-radius: 8px;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 600;
}

#login-page .link-btn:hover[b-e0bla2yciz] {
    color: #fff;
    background: rgba(255, 255, 255, .04);
}

/* Küçük spinner */
#login-page .spinner[b-e0bla2yciz] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid color-mix(in srgb, var(--accent) 35%, #000);
    border-top-color: transparent;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: -3px;
    animation: spin-b-e0bla2yciz .8s linear infinite;
}

@keyframes spin-b-e0bla2yciz {
    to {
        transform: rotate(360deg);
    }
}

/* Küçük ekran optimizasyonu */
@media (max-width: 560px) {
    #login-page[b-e0bla2yciz] {
        max-width: 92% !important;
        padding: 14px;
    }

    #login-page .title[b-e0bla2yciz] {
        font-size: 1.8rem;
        margin-bottom: 10px;
    }
}

/* ── Spacing & Borders: strong overrides for Login ───────────────────────── */

/* Kartın kenarı daha belirgin ve iç padding biraz daha geniş */
#login-page[b-e0bla2yciz] {
    padding: 24px 24px 28px !important;
    border: 1.5px solid color-mix(in srgb, var(--border) 80%, #000) !important;
    border-radius: 16px !important;
}

/* Form öğeleri arası dikey boşluğu artır (grid gap) */
#login-page .form-grid[b-e0bla2yciz] {
    display: grid !important;
    row-gap: 26px !important; /* ← aralık burada büyüyor */
    column-gap: 0 !important;
}

/* Input’ların kenarları ve yüksekliği daha belirgin */
#login-page .form-control[b-e0bla2yciz] {
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 14px !important;
    border: 1.6px solid color-mix(in srgb, var(--border) 70%, #000) !important;
    padding: 12px 14px !important;
}

/* Hover/Focus vurgusu */
#login-page .form-control:hover[b-e0bla2yciz] {
    border-color: color-mix(in srgb, var(--text) 24%, #000) !important;
}

#login-page .form-control:focus[b-e0bla2yciz] {
    border-color: color-mix(in srgb, var(--accent) 65%, #000) !important;
    box-shadow: 0 0 0 4px rgba(139, 92, 246, .22) !important;
    outline: none !important;
}

/* Buton geçişleri ve divider + oauth boşlukları */
#login-page .btn[b-e0bla2yciz] {
    height: 52px;
    border-radius: 12px;
    font-weight: 700;
}

#login-page .btn + .btn[b-e0bla2yciz] {
    margin-top: 18px !important;
}

#login-page .oauth[b-e0bla2yciz] { margin-top: 12px !important; }
#login-page #google-btn > *[b-e0bla2yciz] { width: 100% !important; }

#login-page .link-btn[b-e0bla2yciz] {
    margin-top: 16px !important;
}

/* Divider — "veya e-posta ile ..." çizgisi */
#login-page .or[b-e0bla2yciz] {
    display: flex !important;
    align-items: center;
    gap: 12px;
    margin: 14px 0 10px !important;
    position: static !important; /* eski absolute kurallarını baskıla */
    padding: 0 2px;
}

#login-page .or[b-e0bla2yciz]::before,
#login-page .or[b-e0bla2yciz]::after{
    content:"";
    flex:1 1 auto;
    height:1px;
    background: var(--border) !important;
    border-radius:1px;

    /* önceki kuralları kesin sıfırla */
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:auto !important;
    transform:none !important;
}

#login-page .or span[b-e0bla2yciz] {
    color: var(--muted);
    font-size: .92rem;
    white-space: nowrap;
    line-height: 1;
    padding: 0 2px;
}

/* Mobilde de ferah kalsın */
@media (max-width: 560px) {
    #login-page .form-grid[b-e0bla2yciz] {
        row-gap: 22px !important;
    }

    #login-page .form-control[b-e0bla2yciz] {
        height: 50px !important;
        min-height: 50px !important;
    }
}

/* OAuth butonunu daha iri göster */
#login-page .g_id_signin > div[b-e0bla2yciz] {
    width: 100% !important;
}

/* Form aralığını biraz daha aç */
#login-page .form-grid[b-e0bla2yciz] {
    row-gap: 22px !important;
}

/* Toggle linkini belirginleştir */
#login-page .auth-toggle[b-e0bla2yciz] {
    font-weight: 700;
    text-decoration: none;

    /* Google butonu kapsayıcı ve içindeki elemanı genişlet */
}
/* /Pages/MembershipCompletion.razor.rz.scp.css */
/* MembershipCompletion.razor.css — sadece bu sayfa */

#membership-page[b-x18clbskzj]{
    max-width: 720px !important;
    margin: 20px auto;
    padding: 20px 20px 24px;
}

/* Form iskeleti */
.mc-form[b-x18clbskzj]{ display:grid; gap:16px; }

.mc-grid[b-x18clbskzj]{
    display:grid;
    grid-template-columns: 1fr;
    gap:16px;
    margin-top:6px;
}
.mc-grid .form-field.full[b-x18clbskzj]{ grid-column: 1 / -1; }

@media (min-width:768px){
    .mc-grid[b-x18clbskzj]{ grid-template-columns: 1fr 1fr; }
}

/* Alan başlıkları */
.form-field label[b-x18clbskzj]{
    display:block;
    margin-bottom:6px;
    color: var(--muted);
    font-weight:600;
}

/* Yükseklik/tuşlar (global oranlarla uyumlu) */
.h-control[b-x18clbskzj]{ height:48px; min-height:48px; border-radius:12px !important; }
.h-btn[b-x18clbskzj]{ height:48px; min-height:48px; border-radius:12px; font-weight:700; }

/* Aksiyon satırı */
.actions[b-x18clbskzj]{ display:flex; justify-content:flex-end; margin-top:8px; }

/* Mesajlar */
.msg[b-x18clbskzj]{
    margin-top:12px; padding:10px 12px; border-radius:10px;
    border:1px solid var(--border); color: var(--muted);
}
.msg.success[b-x18clbskzj]{ background: rgba(82,210,115,.15); color:#8be28b; border-color: rgba(82,210,115,.3); }
.msg.error[b-x18clbskzj]{ background: rgba(255,107,107,.15); color:#ff9b9b; border-color: rgba(255,107,107,.35); }

/* Doğrulama mesajları */
.validation-message[b-x18clbskzj]{
    color:#ff9b9b;
    font-size:.9rem;
    margin-top:6px;
    display:block;
}

/* ==== Dark Select: görünürlük ve okunabilirlik ==== */
select.form-control[b-x18clbskzj]{
    /* temel alan */
    background: rgba(12,14,20,.85) !important;   /* daha koyu, opak */
    color: var(--text) !important;
    border: 1.6px solid color-mix(in srgb, var(--border) 70%, #000) !important;
    border-radius: 12px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 12px 42px 12px 14px !important;

    /* native oku gizle + tema oku ekle */
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23a1a1b3' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 16px;
}

select.form-control:hover[b-x18clbskzj]{
    border-color: color-mix(in srgb, var(--text) 24%, #000) !important;
}
select.form-control:focus[b-x18clbskzj]{
    border-color: color-mix(in srgb, var(--accent) 65%, #000) !important;
    box-shadow: 0 0 0 4px rgba(139,92,246,.22) !important;
    outline: none !important;
}

/* Açılan menüde satırlar (tarayıcı desteklediği ölçüde) */
select.form-control option[b-x18clbskzj]{
    background: #0f121a;         /* menü satırı zemini */
    color: var(--text);
}
select.form-control option:hover[b-x18clbskzj],
select.form-control option:checked[b-x18clbskzj]{
    background: color-mix(in srgb, var(--accent) 18%, #0f121a);
    color:#fff;
}

/* Placeholder/Seçiniz rengi */
select.form-control option[value=""][b-x18clbskzj]{
    color: var(--muted);
}
/* Değer boşken kapalı alandaki yazıyı da soluk göster (destekli tarayıcılar) */
select.form-control:has(> option[value=""]:checked)[b-x18clbskzj]{
    color: var(--muted);
}

/* Açılır listenin scrollbar'ı (WebKit) */
select.form-control[b-x18clbskzj]::-webkit-scrollbar{ width:10px; }
select.form-control[b-x18clbskzj]::-webkit-scrollbar-thumb{
    background:#33384a; border-radius:8px;
}
/* /Pages/Notifications.razor.rz.scp.css */
/* Bildirim listesi stilleri */

.notif-actions[b-sno05mbsvm] {
    display: flex;
    gap: .75rem;
    align-items: center;
    margin-top: .5rem;
}

.seg[b-sno05mbsvm] {
    display: inline-flex;
    background: var(--card, #121a33);
    border: 1px solid var(--border, #263153);
    border-radius: 12px;
    padding: 2px;
}
.seg-btn[b-sno05mbsvm] {
    border: 0;
    background: transparent;
    padding: .4rem .8rem;
    border-radius: 10px;
    color: var(--text, #e8ecff);
    cursor: pointer;
    font: inherit;
}
.seg-btn.active[b-sno05mbsvm] {
    background: var(--border, #263153);
}

.notif-list[b-sno05mbsvm] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .75rem;
}

.notif-card[b-sno05mbsvm] {
    background: var(--card, #121a33);
    border: 1px solid var(--border, #263153);
    border-radius: 14px;
    padding: .75rem .75rem .5rem;
    box-shadow: 0 6px 18px rgba(0,0,0,.18);
}
.notif-card.unread[b-sno05mbsvm] {
    outline: 1px solid rgba(122,162,255,.35);
}

.notif-main[b-sno05mbsvm] {
    display: flex;
    gap: .75rem;
    cursor: pointer;
}
.notif-icon[b-sno05mbsvm] {
    font-size: 1.25rem;
    line-height: 1;
}
.notif-body[b-sno05mbsvm] {
    flex: 1;
    min-width: 0;
}
.notif-title[b-sno05mbsvm] {
    font-weight: 600;
    color: var(--text, #e8ecff);
    display: flex;
    align-items: center;
    gap: .5rem;
}
.notif-message[b-sno05mbsvm] {
    color: var(--muted, #9aa3c9);
    margin-top: .25rem;
    max-height: 2.6em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.notif-message.expanded[b-sno05mbsvm] {
    max-height: none;
    -webkit-line-clamp: unset;
}
.notif-meta[b-sno05mbsvm] {
    margin-top: .25rem;
    font-size: .85rem;
    color: #9aa3c9;
}

.notif-actions-row[b-sno05mbsvm] {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    margin-top: .6rem;
}

.btn[b-sno05mbsvm] {
    border: 1px solid var(--border, #263153);
    background: transparent;
    color: var(--text, #e8ecff);
    padding: .45rem .7rem;
    border-radius: 10px;
    cursor: pointer;
}
.btn.ghost[b-sno05mbsvm] {
    opacity: .9;
}
.btn.ok[b-sno05mbsvm] {
    border-color: #3a7f4b;
}
.btn.danger[b-sno05mbsvm] {
    border-color: #913c3c;
}
.btn:disabled[b-sno05mbsvm] {
    opacity: .5;
    cursor: not-allowed;
}

.badge[b-sno05mbsvm] {
    background: linear-gradient(135deg,#7aa2ff,#9b7aff);
    color: white;
    font-size: .7rem;
    padding: .15rem .4rem;
    border-radius: .5rem;
}

.toast[b-sno05mbsvm] {
    position: fixed;
    right: 16px;
    bottom: 16px;
    background: #1e283f;
    color: #e8ecff;
    border: 1px solid #263153;
    padding: .6rem .8rem;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,.25);
    z-index: 99;
}
/* /Pages/Otp.razor.rz.scp.css */
/* Otp.razor.css — Page-specific styles (kept minimal).
   Use global utilities/components from app.css for shared patterns. */

.otp-page[b-o18z8wgf2s] { }

.otp-header[b-o18z8wgf2s] {
    padding: 16px 20px;
    border-bottom:1px solid var(--border);
    display:flex; align-items:center; gap:12px;
}

.otp-grid[b-o18z8wgf2s] {
    display:grid;
    grid-template-columns: 1fr;
    gap:16px;
}

@media (min-width: 900px){
    .otp-grid[b-o18z8wgf2s] { grid-template-columns: 1fr 1fr; }
}

.otp-card[b-o18z8wgf2s] { /* optional card overrides */ }
/* /Pages/Payment.razor.rz.scp.css */
/* Kapsayıcı */
.payment-wrap[b-g72c94w359]{
    max-width: 760px;
    margin: 24px auto;
    padding: 0 12px;
}

/* Kart */
.payment-form[b-g72c94w359]{
    position: relative;
    padding: 22px;
}

/* Başlıklar */
.payment-form .title[b-g72c94w359]{
    color:#fff; margin:0 0 4px; font-weight:800; letter-spacing:.2px;
}
.payment-form .subtitle[b-g72c94w359]{
    color: color-mix(in srgb, var(--text) 85%, #000);
    opacity:.92; margin:0 0 14px; font-size:.95rem;
}

/* Tutar alanı: ₺ eki */
.input-suffix[b-g72c94w359]{ position:relative; margin-bottom:10px; }
.input-suffix .form-control[b-g72c94w359]{
    padding-right: 44px !important; height:48px; min-height:48px;
}
.input-suffix .suffix[b-g72c94w359]{
    position:absolute; right:10px; top:50%; transform: translateY(-50%);
    color: var(--muted); font-weight:700;
}

/* Kart alanları grid: number tam, expiry + cvc yan yana */
.card-grid[b-g72c94w359]{
    display:grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 6px 0 8px;
}
@media (min-width: 680px){
    .card-grid[b-g72c94w359]{
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
          "number number"
          "expiry cvc";
        gap: 10px 12px;
    }
    #card-number[b-g72c94w359]{ grid-area:number; }
    #card-expiry[b-g72c94w359]{ grid-area:expiry; }
    #card-cvc[b-g72c94w359]   { grid-area:cvc; }
}

/* Stripe host kutuları (koyu tema) */
.card-host[b-g72c94w359]{
    background: rgba(0,0,0,.28);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 12px;
}
.card-host:focus-within[b-g72c94w359]{
    border-color: color-mix(in srgb, var(--accent) 55%, #000);
    box-shadow: 0 0 0 3px rgba(139,92,246,.25);
}

/* Öde butonu */
.pay-btn[b-g72c94w359]{
    width:100%;
    height:48px; min-height:48px;
    border-radius:12px; font-weight:700;
    margin-top: 10px;
}

/* Mesajlar */
.msg[b-g72c94w359]{
    margin-top:12px; padding:10px 12px; border-radius:10px; text-align:center; font-weight:600;
    border:1px solid var(--border);
    color: var(--muted);
}
.msg.success[b-g72c94w359]{
    background: color-mix(in srgb, var(--success) 14%, #000);
    color: #86f2a1;
    border-color: color-mix(in srgb, var(--success) 30%, #000);
}
.msg.error[b-g72c94w359]{
    background: color-mix(in srgb, var(--danger) 14%, #000);
    color: #ff9b9b;
    border-color: color-mix(in srgb, var(--danger) 30%, #000);
}

/* İşlem sırasında overlay */
.overlay[b-g72c94w359]{
    position:absolute; inset:0;
    background: rgba(0,0,0,.35);
    display:flex; align-items:center; justify-content:center;
    border-radius: 14px;
}
.loader[b-g72c94w359]{
    width: 28px; height: 28px;
    border: 3px solid rgba(255,255,255,.25);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-g72c94w359 .8s linear infinite;
}
/* Alan aralıkları */
.field + .field[b-g72c94w359] {  }
.form-label[b-g72c94w359]{ margin-bottom: 6px; font-weight: 600; }

@keyframes spin-b-g72c94w359{ to{ transform: rotate(360deg); } }
/* /Pages/PaymentModal.razor.rz.scp.css */
/* Kapsayıcı */
.payment-wrap[b-cx9ud2jiww]{
    max-width: 760px;
    margin: 24px auto;
    padding: 0 12px;
}

/* Kart */
.payment-form[b-cx9ud2jiww]{
    position: relative;
    padding: 22px;
}

/* Başlıklar */
.payment-form .title[b-cx9ud2jiww]{
    color:#fff; margin:0 0 4px; font-weight:800; letter-spacing:.2px;
}
.payment-form .subtitle[b-cx9ud2jiww]{
    color: color-mix(in srgb, var(--text) 85%, #000);
    opacity:.92; margin:0 0 14px; font-size:.95rem;
}

/* Tutar alanı: ₺ eki */
.input-suffix[b-cx9ud2jiww]{ position:relative; margin-bottom:10px; }
.input-suffix .form-control[b-cx9ud2jiww]{
    padding-right: 44px !important; height:48px; min-height:48px;
}
.input-suffix .suffix[b-cx9ud2jiww]{
    position:absolute; right:10px; top:50%; transform: translateY(-50%);
    color: var(--muted); font-weight:700;
}

/* Kart alanları grid: number tam, expiry + cvc yan yana */
.card-grid[b-cx9ud2jiww]{
    display:grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 6px 0 8px;
}
@media (min-width: 680px){
    .card-grid[b-cx9ud2jiww]{
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
          "number number"
          "expiry cvc";
        gap: 10px 12px;
    }
    #card-number[b-cx9ud2jiww]{ grid-area:number; }
    #card-expiry[b-cx9ud2jiww]{ grid-area:expiry; }
    #card-cvc[b-cx9ud2jiww]   { grid-area:cvc; }
}

/* Stripe host kutuları (koyu tema) */
.card-host[b-cx9ud2jiww]{
    background: rgba(0,0,0,.28);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 12px;
}
.card-host:focus-within[b-cx9ud2jiww]{
    border-color: color-mix(in srgb, var(--accent) 55%, #000);
    box-shadow: 0 0 0 3px rgba(139,92,246,.25);
}

/* Öde butonu */
.pay-btn[b-cx9ud2jiww]{
    width:100%;
    height:48px; min-height:48px;
    border-radius:12px; font-weight:700;
    margin-top: 10px;
}

/* Mesajlar */
.msg[b-cx9ud2jiww]{
    margin-top:12px; padding:10px 12px; border-radius:10px; text-align:center; font-weight:600;
    border:1px solid var(--border);
    color: var(--muted);
}
.msg.success[b-cx9ud2jiww]{
    background: color-mix(in srgb, var(--success) 14%, #000);
    color: #86f2a1;
    border-color: color-mix(in srgb, var(--success) 30%, #000);
}
.msg.error[b-cx9ud2jiww]{
    background: color-mix(in srgb, var(--danger) 14%, #000);
    color: #ff9b9b;
    border-color: color-mix(in srgb, var(--danger) 30%, #000);
}

/* İşlem sırasında overlay */
.overlay[b-cx9ud2jiww]{
    position:absolute; inset:0;
    background: rgba(0,0,0,.35);
    display:flex; align-items:center; justify-content:center;
    border-radius: 14px;
}
.loader[b-cx9ud2jiww]{
    width: 28px; height: 28px;
    border: 3px solid rgba(255,255,255,.25);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-cx9ud2jiww .8s linear infinite;
}
/* Alan aralıkları */
.field + .field[b-cx9ud2jiww] {  }
.form-label[b-cx9ud2jiww]{ margin-bottom: 6px; font-weight: 600; }

@keyframes spin-b-cx9ud2jiww{ to{ transform: rotate(360deg); } }
/* /Pages/Pricing.razor.rz.scp.css */
/* PRICING */
.pricing-page .pricing-header[b-2belfgwasz]{
    display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:16px;
}
.pricing-actions[b-2belfgwasz]{ display:flex; align-items:center; gap:8px; }
.pill-inline[b-2belfgwasz]{ background: rgba(255,255,255,.06); border:1px solid var(--border); color:#fff; padding:4px 10px; border-radius:999px; font-weight:700; }

.pricing-grid[b-2belfgwasz]{
    display:grid; grid-template-columns: repeat(3, 1fr); gap:12px;
}
@media (max-width: 960px){ .pricing-grid[b-2belfgwasz]{ grid-template-columns: 1fr; } }

.price-card[b-2belfgwasz]{
    position:relative;
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), var(--panel);
    border:1px solid var(--border); border-radius:16px; padding:16px;
    box-shadow: 0 12px 26px rgba(0,0,0,.18);
    display:flex; flex-direction:column; gap:12px;
    transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease;
}
.price-card:hover[b-2belfgwasz]{ transform: translateY(-2px); box-shadow: 0 16px 36px rgba(0,0,0,.22); border-color: color-mix(in srgb, var(--accent) 28%, #000); }

.price-card.popular[b-2belfgwasz]{ border-color: color-mix(in srgb, var(--accent) 55%, #000); }
.badge-popular[b-2belfgwasz]{
    position:absolute; top:10px; right:10px; z-index:2;
    font-size:.75rem; font-weight:800; letter-spacing:.2px;
    padding:4px 8px; border-radius:999px;
    color:#fff; background: linear-gradient(135deg, #6ea8fe, #9b7aff);
    box-shadow: 0 8px 18px rgba(110,168,254,.35);
}

.pc-head .pc-tier[b-2belfgwasz]{ font-size:1.2rem; font-weight:800; color:#fff; }
.pc-head .pc-desc[b-2belfgwasz]{ opacity:.85; }

.pc-price .amount[b-2belfgwasz]{ display:flex; align-items:flex-end; gap:6px; }
.pc-price .cur[b-2belfgwasz]{ font-weight:800; font-size:1rem; line-height:1; }
.pc-price .num[b-2belfgwasz]{ font-weight:900; font-size:2.2rem; line-height:1; }
.pc-price .per[b-2belfgwasz]{ opacity:.85; margin-left:4px; }
.pc-price .save[b-2belfgwasz]{ font-size:.88rem; margin-top:4px; }

.pc-features[b-2belfgwasz]{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.pc-features li[b-2belfgwasz]{ display:flex; gap:8px; align-items:flex-start; }
.pc-features .ck[b-2belfgwasz]{ font-weight:900; color: var(--success, #86f2a1); }

.pc-cta[b-2belfgwasz]{ display:flex; flex-direction:column; gap:8px; margin-top:auto; }
.btn-block[b-2belfgwasz]{ width:100%; }

.skeleton-card[b-2belfgwasz]{ height:220px; border-radius:16px; }
.error-panel[b-2belfgwasz]{ display:flex; align-items:center; justify-content:space-between; gap:12px; }

/* Plan icon visuals (match menu style) */
.pc-icon[b-2belfgwasz] { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background: transparent; }
.pc-icon svg[b-2belfgwasz] { width:20px; height:20px; display:block; }
.icon-bronze svg[b-2belfgwasz] { color:#b46d2b; }
.icon-silver svg[b-2belfgwasz] { color:#6b7280; }
.icon-gold svg[b-2belfgwasz] { color:#f59e0b; }
/* /Pages/Profile.razor.rz.scp.css */
/* Sayfa genişliği ve kart */
.profile-wrap[b-efd9qw47sh]{ max-width: 820px; margin: 24px auto; padding: 0 12px; }
.profile-card[b-efd9qw47sh]{ padding: 18px 18px 22px; }

/* Üst bilgi */
.profile-card . hero-title[b-efd9qw47sh]{ margin-bottom: 6px; }
.profile-card .hero-subtitle[b-efd9qw47sh]{ margin: 0 0 16px; }

/* İç gövde */
.profile-body[b-efd9qw47sh]{ display: grid; gap: 16px; }

/* Avatar + isim */
.id-row[b-efd9qw47sh]{ display:flex; align-items:center; gap:12px; }
.avatar[b-efd9qw47sh]{
    width:48px; height:48px; border-radius:999px;
    display:flex; align-items:center; justify-content:center;
    background: linear-gradient(180deg, rgba(139,92,246,.28), rgba(155,122,255,.18));
    border:1px solid color-mix(in srgb, var(--accent) 35%, #000);
    color:#fff; font-weight:800; font-size:1.1rem;
}
.name[b-efd9qw47sh]{ color:#fff; font-weight:800; line-height:1.2; }
.email[b-efd9qw47sh]{ font-size:.95rem; }

/* Key/Value alanları */
.kv[b-efd9qw47sh]{
    display:grid;
    grid-template-columns: 200px 1fr;
    column-gap: 14px;
    row-gap: 10px;
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
    border:1px solid var(--border);
    border-radius: 12px;
    padding: 12px;
}
.kv dt[b-efd9qw47sh]{
    color: var(--muted);
    font-weight: 600;
}
.kv dd[b-efd9qw47sh]{
    margin:0;
    color:#fff;
    font-weight:700;
    word-break: break-word;
}

/* Aksiyonlar */
.actions[b-efd9qw47sh]{ display:flex; gap:10px; justify-content:flex-end; }
.h-btn[b-efd9qw47sh]{ height:44px; min-height:44px; border-radius:12px; font-weight:700; }

/* Durum/mesaj */
.msg[b-efd9qw47sh]{
    margin-top:12px; padding:10px 12px; border-radius:10px; text-align:center; font-weight:600;
    border:1px solid var(--border); color: var(--muted);
}
.msg.error[b-efd9qw47sh]{
    background: color-mix(in srgb, var(--danger) 14%, #000);
    color: #ff9b9b;
    border-color: color-mix(in srgb, var(--danger) 30%, #000);
}

/* Küçük yardımcı */
.py-3[b-efd9qw47sh]{ padding-block: 12px; }
/* /Pages/Register.razor.rz.scp.css */
/* Kartı genişlet + dikey ortala */
#register-page[b-gzb21j42py]{
    max-width: 680px !important;        /* login ile uyumlu genişlik */
    min-height: calc(100dvh - 120px);   /* dikeyde merkezi hissiyat */
    display: grid;
    align-content: center;
    margin: 0 auto !important;
    padding: 20px 20px 24px;
    box-shadow: 0 18px 60px rgba(0,0,0,.35);
}

/* Başlık */
#register-page .title[b-gzb21j42py]{
    text-align:center;
    color:#fff; font-weight:800; letter-spacing:.2px; line-height:1.2;
    font-size:2.1rem; margin: 4px 0 14px;
}

/* Grid düzeni: md+ iki sütun */
#register-page .form-grid[b-gzb21j42py]{
    display:grid; 
    gap:18px;
    grid-template-columns: 1fr;
}
#register-page .full[b-gzb21j42py]{ grid-column: 1 / -1; }
@media (min-width:768px){
    #register-page .form-grid[b-gzb21j42py]{ grid-template-columns: 1fr 1fr; row-gap: 18px; column-gap: 16px;}
}

/* Kontrollerin yüksekliği */
#register-page .form-control[b-gzb21j42py]{
    height:48px; min-height:48px;
    border-radius:12px !important;
}
#register-page textarea.form-control[b-gzb21j42py]{ height:auto; min-height:96px; resize:vertical; padding-top:10px; }

/* Küçük label tonu */
#register-page .small-label[b-gzb21j42py]{
    font-size:.85rem; color: var(--muted); margin-top:10px;
}

/* Mesaj kutuları */
#register-page .msg[b-gzb21j42py]{
    margin-top:8px; padding:8px 10px; border-radius:10px;
    border:1px solid var(--border);
}
#register-page .msg.success[b-gzb21j42py]{ background: rgba(82,210,115,.15); }
#register-page .msg.error[b-gzb21j42py]{ background: rgba(255,107,107,.15); }

/* Alt link (Login) */
#register-page .link-btn[b-gzb21j42py]{
    margin-top:10px; background:transparent; border:0; color:var(--muted);
    padding:8px 10px; border-radius:8px; display:block; width:100%; text-align:center; font-weight:600;
}
#register-page .link-btn:hover[b-gzb21j42py]{ color:#fff; background: rgba(255,255,255,.04); }

/* Fiyat rozeti */
#register-page .pill[b-gzb21j42py]{
    display:inline-flex; align-items:center; gap:6px;
    font-size:.82rem; font-weight:700;
    padding:6px 10px; border-radius:999px; line-height:1;
    background: rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    color: color-mix(in srgb, var(--text) 85%, #000);
}

/* Buton yüksekliği */
#register-page .btn[b-gzb21j42py]{ height:48px; border-radius:12px; font-weight:700; }
/* /Pages/Subscribe.razor.rz.scp.css */
/* ---- Genel Layout ---- */
.dash-card.hero-panel[b-szo96wg9rx] {
    max-width: 1120px;
    margin: 24px auto;
}

/* Panel ortak tasarım */
.panel[b-szo96wg9rx] {
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), var(--panel);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 14px;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
.panel-head[b-szo96wg9rx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.panel-foot[b-szo96wg9rx] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

/* Grid */
.grid-2[b-szo96wg9rx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 12px;
}
@media (max-width: 960px) {
    .grid-2[b-szo96wg9rx] { grid-template-columns: 1fr; }
}

/* Plan özeti kısmı */
.mini-item[b-szo96wg9rx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.mi-left[b-szo96wg9rx] { min-width: 0; }
.mi-title[b-szo96wg9rx] {
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.mi-sub[b-szo96wg9rx] {
    font-size: .92rem;
    opacity: .86;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.mi-right[b-szo96wg9rx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Plan özellik listesi */
.pc-features[b-szo96wg9rx] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.pc-features li[b-szo96wg9rx] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.4;
}
.pc-features .ck[b-szo96wg9rx] {
    color: var(--success, #86f2a1);
    font-weight: 800;
}

/* Form alanları */
.form-control[b-szo96wg9rx] {
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
    color: #fff;
    padding: 8px 10px;
    border-radius: 10px;
    width: 100%;
}
.form-control[b-szo96wg9rx]::placeholder { color: rgba(255,255,255,.6); }
.form-control:focus[b-szo96wg9rx] {
    outline: none;
    border-color: color-mix(in srgb, var(--accent) 50%, #000);
}

/* Dropdown */
select.form-control[b-szo96wg9rx] {
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%),
    linear-gradient(135deg, #fff 50%, transparent 50%);
    background-position: calc(100% - 15px) center, calc(100% - 10px) center;
    background-size: 5px 5px;
    background-repeat: no-repeat;
    padding-right: 24px;
}

/* Skeleton & Hata */
.skeleton-block[b-szo96wg9rx] {
    height: 160px;
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.12), rgba(255,255,255,.06));
    background-size: 200% 100%;
    animation: skel-b-szo96wg9rx 1.2s ease-in-out infinite;
}
@keyframes skel-b-szo96wg9rx {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
.error-panel[b-szo96wg9rx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

/* Tag ve kpi değerleri */
.kpi-value[b-szo96wg9rx] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
}
.tag[b-szo96wg9rx] {
    font-size: .78rem;
    border: 1px solid var(--border);
    padding: 4px 8px;
    border-radius: 999px;
    opacity: .9;
}

/* Butonlar */
.btn-outline[b-szo96wg9rx] {
    background: transparent;
    color: #fff;
    border: 1px solid var(--border);
}
.btn-outline:hover[b-szo96wg9rx] {
    border-color: color-mix(in srgb, var(--accent) 35%, #000);
}
.btn-primary[b-szo96wg9rx] {
    background: linear-gradient(135deg, #6ea8fe, #9b7aff);
    color: #fff;
    border: none;
    font-weight: 700;
    border-radius: 10px;
}
.btn-primary:hover[b-szo96wg9rx] {
    filter: brightness(1.15);
}
.btn-block[b-szo96wg9rx] { width: 100%; }

/* Checkout script kutusu */
#card-element[b-szo96wg9rx] {
    background: rgba(255,255,255,.03);
}
#card-errors[b-szo96wg9rx] {
    color: #ff9b9b;
    font-size: .85rem;
}

/* Responsive spacing */
@media (max-width: 560px) {
    .panel[b-szo96wg9rx] { padding: 12px; }
    .form-control[b-szo96wg9rx] { font-size: .95rem; }
}
/* /Pages/Translate.razor.rz.scp.css */
/* Kart ve genişlik */
.translator-card[b-842cset574]{
    max-width: 920px;
    margin: 24px auto;
}

/* Grid yerleşimi: solda metin, sağda diller (md ve üstü); küçük ekranda alt alta */
.tr-grid[b-842cset574]{
    display:grid;
    grid-template-columns: 1fr;
    gap:16px;
}
@media (min-width: 900px){
    .tr-grid[b-842cset574]{ grid-template-columns: 1.4fr 1fr; }
}

/* Alan kutusu */
.tr-field[b-842cset574]{
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), var(--panel);
    border:1px solid var(--border);
    border-radius: 14px;
    padding: 14px;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

/* Satırlar */
.tr-row[b-842cset574]{
    display:flex; align-items:center; gap:10px;
}
.tr-auto[b-842cset574]{ margin-bottom:10px; }
.tr-lang[b-842cset574]{ gap:10px; }

/* Kontroller */
.tr-control[b-842cset574]{
    height:44px; min-height:44px;
    background: color-mix(in srgb, var(--panel) 92%, #000);
    border:1px solid var(--border); color:#fff;
}
.tr-textarea[b-842cset574]{
    min-height: 180px; resize: vertical;
    background: color-mix(in srgb, var(--panel) 92%, #000);
    border:1px solid var(--border); color:#fff;
}

/* Swap butonu */
.tr-swap[b-842cset574]{
    width:44px; height:44px; font-weight:700;
    border-radius:10px; border:1px solid var(--border);
    background: color-mix(in srgb, var(--panel) 92%, #000);
    color:#fff;
    transition: border-color .15s ease, transform .06s ease, box-shadow .15s ease;
}
.tr-swap:hover[b-842cset574]{
    border-color: color-mix(in srgb, var(--accent) 40%, #000);
    box-shadow: 0 10px 22px rgba(0,0,0,.28);
}
.tr-swap:active[b-842cset574]{ transform: translateY(1px); }

/* Birincil CTA */
.tr-primary[b-842cset574]{
    min-width: 160px;
}

/* Sonuç */
.tr-result[b-842cset574]{
    min-height: 180px; resize: vertical;
    background: color-mix(in srgb, var(--panel) 92%, #000);
    border:1px solid var(--border); color:#fff;
}

/* Şık pill buton */
.tr-pill[b-842cset574]{
    display:inline-flex; align-items:center; justify-content:center;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)), var(--panel);
    border:1px solid var(--border); color:#fff; border-radius:999px;
    padding:8px 14px; font-weight:600; line-height:1;
    transition: border-color .15s ease, box-shadow .15s ease, transform .06s ease;
}
.tr-pill:hover[b-842cset574]{
    border-color: color-mix(in srgb, var(--accent) 35%, #000);
    box-shadow: 0 12px 26px rgba(0,0,0,.28);
}
.tr-pill:active[b-842cset574]{ transform: translateY(1px); }

/* Küçük ekran uyumu */
@media (max-width: 560px){
    .tr-row[b-842cset574]{ flex-wrap: wrap; }
    .tr-lang > .tr-control[b-842cset574] { flex: 1 1 46%; min-width: 160px; }
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* =========================================================
   MainLayout.razor.css — sade, şık, çakışmasız
   (Markup değiştirilmez. Grid kullanılmaz; tek kaynak flex.)
   ========================================================= */

/* ---------- Tema Değerleri ---------- */
:root[b-dhe90mk7j6]{
    --panel:#0f162f;
    --panel-2:#121a33;
    --panel-3:#0b1020;
    --border:#263153;
    --text:#cdd6f4;
    --text-strong:#ffffff;
    --primary-1:#6f4cff;
    --primary-2:#9b7aff;
    --glass:rgba(15,23,48,.75);
    --radius:12px;
    --shadow-lg:0 10px 26px rgba(0,0,0,.28);
}
@media (prefers-color-scheme: light){
    :root[b-dhe90mk7j6]{
        --panel:#ffffff;
        --panel-2:#f7f8fc;
        --panel-3:#ffffff;
        --border:#e6e8f0;
        --text:#2b2f42;
        --text-strong:#0f1222;
        --glass:rgba(255,255,255,.85);
        --shadow-lg:0 10px 26px rgba(36,38,58,.12);
    }
}

/* ---------- Ana Düzen ---------- */
.page[b-dhe90mk7j6]{
    display:flex;
    min-height:100vh;
    background:var(--panel);
    color:var(--text);
}

/* Sidebar */
.sidebar[b-dhe90mk7j6]{
    width:260px;
    background:var(--panel-3);
    color:var(--text);
    display:flex; flex-direction:column;
    border-right:1px solid var(--border);
    box-shadow: 0 0 0 1px rgba(0,0,0,.03) inset;
}
.sidebar .brand[b-dhe90mk7j6]{ display:flex; align-items:center; gap:.65rem; padding:1rem .9rem; }
.sidebar .brand .brand-logo[b-dhe90mk7j6]{ width:36px; height:36px; flex:0 0 36px; object-fit:contain; }
.brand-text[b-dhe90mk7j6]{ color:var(--text-strong); font-weight:800; letter-spacing:.2px; font-size:1.05rem; }
.ai-pill[b-dhe90mk7j6]{
    display:inline-block; margin-left:.25rem; padding:.12rem .45rem; border-radius:999px;
    background:linear-gradient(135deg, var(--primary-1), var(--primary-2));
    color:#fff; font-weight:800; font-size:.72rem; line-height:1;
    border:1px solid rgba(255,255,255,.2);
    box-shadow: 0 6px 18px rgba(115,95,255,.35);
}

/* Sidebar içi scroll alanı (NavMenu burada) */
.nav-scrollable[b-dhe90mk7j6]{
    flex:1 1 auto;
    overflow:auto;
    scrollbar-gutter:stable;
    padding:.25rem .5rem 1rem;
}

/* Footer’ı dipte tut */
.sidebar-footer[b-dhe90mk7j6]{
    margin-top:auto;
    padding:1rem;
    border-top:1px solid var(--border);
    opacity:.7; text-align:center;
}

/* ---------- Main ---------- */
.main[b-dhe90mk7j6]{
    flex:1;
    display:flex; flex-direction:column;
    background:var(--panel);
    color:var(--text);
}

/* Top bar (glass + scroll gölgesi) */
.top-row[b-dhe90mk7j6]{
    position:sticky; top:0; z-index:10;
    min-height:64px;
    display:flex; align-items:center;
    background:var(--glass);
    border-bottom:1px solid var(--border);
    backdrop-filter:saturate(160%) blur(10px);
    transition: box-shadow .18s ease, background .2s ease;
}
.top-row.scrolled[b-dhe90mk7j6]{ box-shadow: var(--shadow-lg); }

/* İçerik */
article[b-dhe90mk7j6]{ padding: 1.25rem 1.25rem 2rem; }
@media (min-width: 1200px){
    article[b-dhe90mk7j6]{ padding: 1.5rem 2rem 2.25rem; }
}

/* ---------- Rozet & Butonlar ---------- */
.balance-badge[b-dhe90mk7j6]{
    background: var(--panel-2);
    border:1px solid var(--border);
    color: var(--text);
    padding:.35rem .6rem;
    border-radius:999px;
    font-weight:700; letter-spacing:.2px;
    box-shadow: 0 6px 18px rgba(0,0,0,.18);
}

/* Bootstrap butonlarını yumuşat */
.btn[b-dhe90mk7j6]{
    border-radius: var(--radius);
    border-width:1px;
    transition: transform .06s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}
.btn:hover[b-dhe90mk7j6]{ transform: translateY(-1px); }
.btn:active[b-dhe90mk7j6]{ transform: translateY(0); }

.btn-primary[b-dhe90mk7j6]{
    background: linear-gradient(135deg, var(--primary-1), var(--primary-2));
    border-color: transparent; color:#fff;
    box-shadow: 0 10px 26px rgba(115,95,255,.35);
}
.btn-primary:hover[b-dhe90mk7j6]{ filter: brightness(1.03); }

.btn-outline-primary[b-dhe90mk7j6]{
    color: var(--primary-2);
    border-color: rgba(155,122,255,.55);
    background: transparent;
}
.btn-outline-primary:hover[b-dhe90mk7j6]{
    background: rgba(155,122,255,.08);
    box-shadow: 0 8px 22px rgba(115,95,255,.25);
}

.btn-outline-secondary[b-dhe90mk7j6]{
    color: var(--text);
    border-color: var(--border);
    background: transparent;
}
.btn-outline-secondary:hover[b-dhe90mk7j6]{
    background: rgba(155,122,255,.06);
    border-color: rgba(155,122,255,.45);
}

.btn-danger[b-dhe90mk7j6]{
    border:0;
    background: linear-gradient(135deg, #ff5670, #ff7b7b);
    box-shadow: 0 10px 26px rgba(255,86,112,.35);
}
.btn-danger:hover[b-dhe90mk7j6]{ filter: brightness(1.03); }

/* ---------- Dropdown ---------- */
.dropdown-menu[b-dhe90mk7j6]{
    border-radius:14px;
    border:1px solid var(--border);
    background: var(--panel-2);
    box-shadow: 0 16px 40px rgba(0,0,0,.28);
    overflow:hidden;
}
.dropdown-item[b-dhe90mk7j6]{
    color: var(--text);
    padding:.55rem .85rem;
}
.dropdown-item:hover[b-dhe90mk7j6]{
    background: rgba(155,122,255,.08);
    color: var(--text);
}

/* ---------- Scrollbar ---------- */
*[b-dhe90mk7j6]{
    scrollbar-width: thin;
    scrollbar-color: rgba(155,122,255,.45) transparent;
}
*[b-dhe90mk7j6]::-webkit-scrollbar{ width:10px; height:10px; }
*[b-dhe90mk7j6]::-webkit-scrollbar-thumb{
    background: linear-gradient(180deg, rgba(155,122,255,.55), rgba(111,76,255,.55));
    border-radius:999px; border:2px solid transparent; background-clip: padding-box;
}
*[b-dhe90mk7j6]::-webkit-scrollbar-track{ background: transparent; }

/* ---------- Responsive ---------- */
@media (max-width: 1199.98px){
    .sidebar[b-dhe90mk7j6]{ width:240px; }
}
@media (max-width: 991.98px){
    .sidebar[b-dhe90mk7j6]{ width:220px; }
    .brand-text[b-dhe90mk7j6]{ font-size:1rem; }
}
@media (max-width: 767.98px){
  .page[b-dhe90mk7j6]{ flex-direction: column; }

  .sidebar[b-dhe90mk7j6]{
    position: fixed; top:0; left:0; bottom:0;
    width: 78%; max-width: 320px;
    transform: translateX(-100%);
    transition: transform .2s ease;
    border-right:1px solid var(--border);
    border-bottom:none;
    z-index: 1040;
    background: var(--panel-3);
  }
  .sidebar.open[b-dhe90mk7j6]{ transform: translateX(0); }

  .sidebar-backdrop[b-dhe90mk7j6]{
    position: fixed; inset:0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    z-index:1035;
    display:none;
  }
  .sidebar-backdrop.show[b-dhe90mk7j6]{ display:block; }

  .top-row[b-dhe90mk7j6]{ padding-left:.75rem; padding-right:.75rem; }
  article[b-dhe90mk7j6]{ padding:1rem .75rem; }
}

/* --- Genişlik kademeleri --- */
@media (max-width: 1199.98px){
  .sidebar[b-dhe90mk7j6]{ width:240px; }
}
@media (max-width: 991.98px){
  .sidebar[b-dhe90mk7j6]{ width:220px; }
}
@media (max-width: 575.98px){
  .balance-badge[b-dhe90mk7j6]{ display:none; }
}

/* ---------- Yardımcı ---------- */
.u-appear[b-dhe90mk7j6]{ animation: ufade-b-dhe90mk7j6 .18s ease-out both; }
@keyframes ufade-b-dhe90mk7j6{ from{opacity:0;transform:translateY(4px);} to{opacity:1;transform:translateY(0);} }

@media (prefers-reduced-motion: reduce){
    .btn[b-dhe90mk7j6], .top-row[b-dhe90mk7j6]{ transition:none !important; }
    .btn:hover[b-dhe90mk7j6]{ transform:none !important; }
    .u-appear[b-dhe90mk7j6]{ animation:none !important; }
}
/* /Shared/MainLayoutOld.razor.rz.scp.css */
/* =========================================================
   MainLayout.razor.css — sade, şık, çakışmasız
   (Markup değiştirilmez. Grid kullanılmaz; tek kaynak flex.)
   ========================================================= */

/* ---------- Tema Değerleri ---------- */
:root[b-34eqv06z4g]{
    --panel:#0f162f;
    --panel-2:#121a33;
    --panel-3:#0b1020;
    --border:#263153;
    --text:#cdd6f4;
    --text-strong:#ffffff;
    --primary-1:#6f4cff;
    --primary-2:#9b7aff;
    --glass:rgba(15,23,48,.75);
    --radius:12px;
    --shadow-lg:0 10px 26px rgba(0,0,0,.28);
}
@media (prefers-color-scheme: light){
    :root[b-34eqv06z4g]{
        --panel:#ffffff;
        --panel-2:#f7f8fc;
        --panel-3:#ffffff;
        --border:#e6e8f0;
        --text:#2b2f42;
        --text-strong:#0f1222;
        --glass:rgba(255,255,255,.85);
        --shadow-lg:0 10px 26px rgba(36,38,58,.12);
    }
}

/* ---------- Ana Düzen ---------- */
.page[b-34eqv06z4g]{
    display:flex;
    min-height:100vh;
    background:var(--panel);
    color:var(--text);
}

/* Sidebar */
.sidebar[b-34eqv06z4g]{
    width:260px;
    background:var(--panel-3);
    color:var(--text);
    display:flex; flex-direction:column;
    border-right:1px solid var(--border);
    box-shadow: 0 0 0 1px rgba(0,0,0,.03) inset;
}
.sidebar .brand[b-34eqv06z4g]{ display:flex; align-items:center; gap:.65rem; padding:1rem .9rem; }
.sidebar .brand .brand-logo[b-34eqv06z4g]{ width:36px; height:36px; flex:0 0 36px; object-fit:contain; }
.brand-text[b-34eqv06z4g]{ color:var(--text-strong); font-weight:800; letter-spacing:.2px; font-size:1.05rem; }
.ai-pill[b-34eqv06z4g]{
    display:inline-block; margin-left:.25rem; padding:.12rem .45rem; border-radius:999px;
    background:linear-gradient(135deg, var(--primary-1), var(--primary-2));
    color:#fff; font-weight:800; font-size:.72rem; line-height:1;
    border:1px solid rgba(255,255,255,.2);
    box-shadow: 0 6px 18px rgba(115,95,255,.35);
}

/* Sidebar içi scroll alanı (NavMenu burada) */
.nav-scrollable[b-34eqv06z4g]{
    flex:1 1 auto;
    overflow:auto;
    scrollbar-gutter:stable;
    padding:.25rem .5rem 1rem;
}

/* Footer’ı dipte tut */
.sidebar-footer[b-34eqv06z4g]{
    margin-top:auto;
    padding:1rem;
    border-top:1px solid var(--border);
    opacity:.7; text-align:center;
}

/* ---------- Main ---------- */
.main[b-34eqv06z4g]{
    flex:1;
    display:flex; flex-direction:column;
    background:var(--panel);
    color:var(--text);
}

/* Top bar (glass + scroll gölgesi) */
.top-row[b-34eqv06z4g]{
    position:sticky; top:0; z-index:10;
    min-height:64px;
    display:flex; align-items:center;
    background:var(--glass);
    border-bottom:1px solid var(--border);
    backdrop-filter:saturate(160%) blur(10px);
    transition: box-shadow .18s ease, background .2s ease;
}
.top-row.scrolled[b-34eqv06z4g]{ box-shadow: var(--shadow-lg); }

/* İçerik */
article[b-34eqv06z4g]{ padding: 1.25rem 1.25rem 2rem; }
@media (min-width: 1200px){
    article[b-34eqv06z4g]{ padding: 1.5rem 2rem 2.25rem; }
}

/* ---------- Rozet & Butonlar ---------- */
.balance-badge[b-34eqv06z4g]{
    background: var(--panel-2);
    border:1px solid var(--border);
    color: var(--text);
    padding:.35rem .6rem;
    border-radius:999px;
    font-weight:700; letter-spacing:.2px;
    box-shadow: 0 6px 18px rgba(0,0,0,.18);
}

/* Bootstrap butonlarını yumuşat */
.btn[b-34eqv06z4g]{
    border-radius: var(--radius);
    border-width:1px;
    transition: transform .06s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}
.btn:hover[b-34eqv06z4g]{ transform: translateY(-1px); }
.btn:active[b-34eqv06z4g]{ transform: translateY(0); }

.btn-primary[b-34eqv06z4g]{
    background: linear-gradient(135deg, var(--primary-1), var(--primary-2));
    border-color: transparent; color:#fff;
    box-shadow: 0 10px 26px rgba(115,95,255,.35);
}
.btn-primary:hover[b-34eqv06z4g]{ filter: brightness(1.03); }

.btn-outline-primary[b-34eqv06z4g]{
    color: var(--primary-2);
    border-color: rgba(155,122,255,.55);
    background: transparent;
}
.btn-outline-primary:hover[b-34eqv06z4g]{
    background: rgba(155,122,255,.08);
    box-shadow: 0 8px 22px rgba(115,95,255,.25);
}

.btn-outline-secondary[b-34eqv06z4g]{
    color: var(--text);
    border-color: var(--border);
    background: transparent;
}
.btn-outline-secondary:hover[b-34eqv06z4g]{
    background: rgba(155,122,255,.06);
    border-color: rgba(155,122,255,.45);
}

.btn-danger[b-34eqv06z4g]{
    border:0;
    background: linear-gradient(135deg, #ff5670, #ff7b7b);
    box-shadow: 0 10px 26px rgba(255,86,112,.35);
}
.btn-danger:hover[b-34eqv06z4g]{ filter: brightness(1.03); }

/* ---------- Dropdown ---------- */
.dropdown-menu[b-34eqv06z4g]{
    border-radius:14px;
    border:1px solid var(--border);
    background: var(--panel-2);
    box-shadow: 0 16px 40px rgba(0,0,0,.28);
    overflow:hidden;
}
.dropdown-item[b-34eqv06z4g]{
    color: var(--text);
    padding:.55rem .85rem;
}
.dropdown-item:hover[b-34eqv06z4g]{
    background: rgba(155,122,255,.08);
    color: var(--text);
}

/* ---------- Scrollbar ---------- */
*[b-34eqv06z4g]{
    scrollbar-width: thin;
    scrollbar-color: rgba(155,122,255,.45) transparent;
}
*[b-34eqv06z4g]::-webkit-scrollbar{ width:10px; height:10px; }
*[b-34eqv06z4g]::-webkit-scrollbar-thumb{
    background: linear-gradient(180deg, rgba(155,122,255,.55), rgba(111,76,255,.55));
    border-radius:999px; border:2px solid transparent; background-clip: padding-box;
}
*[b-34eqv06z4g]::-webkit-scrollbar-track{ background: transparent; }

/* ---------- Responsive ---------- */
@media (max-width: 1199.98px){
    .sidebar[b-34eqv06z4g]{ width:240px; }
}
@media (max-width: 991.98px){
    .sidebar[b-34eqv06z4g]{ width:220px; }
    .brand-text[b-34eqv06z4g]{ font-size:1rem; }
}
@media (max-width: 767.98px){
    .page[b-34eqv06z4g]{ flex-direction:column; }
    .sidebar[b-34eqv06z4g]{
        position: sticky; top:0;
        width:100%;
        border-right:none; border-bottom:1px solid var(--border);
    }
    .nav-scrollable[b-34eqv06z4g]{ max-height: 50vh; }
    article[b-34eqv06z4g]{ padding: 1rem; }
}
@media (max-width: 575.98px){
    .balance-badge[b-34eqv06z4g]{ display:none; }
}

/* ---------- Yardımcı ---------- */
.u-appear[b-34eqv06z4g]{ animation: ufade-b-34eqv06z4g .18s ease-out both; }
@keyframes ufade-b-34eqv06z4g{ from{opacity:0;transform:translateY(4px);} to{opacity:1;transform:translateY(0);} }

@media (prefers-reduced-motion: reduce){
    .btn[b-34eqv06z4g], .top-row[b-34eqv06z4g]{ transition:none !important; }
    .btn:hover[b-34eqv06z4g]{ transform:none !important; }
    .u-appear[b-34eqv06z4g]{ animation:none !important; }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.nm-nav[b-xs5d4iuf4a] {
  background: var(--panel, #0f162f);
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 220px;
}

/* Scroll alanı ve linkler mevcut stillerle uyumlu kalsın */
.nm-nav__scroll[b-xs5d4iuf4a]{
  overflow-y:auto;
  padding:.75rem .5rem 1rem;
}

/* Collapse davranışı: lg ve üzeri açık, altında kapalı */
@media (min-width: 992px){
  .nm-nav__scroll.collapse[b-xs5d4iuf4a]{ display:block !important; height:auto !important; }
}
@media (max-width: 991.98px){
  .nm-nav__scroll.collapse[b-xs5d4iuf4a]{
    display:none !important;
  }
}

/* Bölüm başlıkları */
.nm-nav__section[b-xs5d4iuf4a]{
  font-size:.75rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.65;
  padding:.75rem .75rem .35rem;
}

/* Link düzeni */
.nav[b-xs5d4iuf4a] { gap: 2px; }
.nav .nav-item[b-xs5d4iuf4a] { margin: 0; }

.nav .nav-link[b-xs5d4iuf4a]{
  display: flex; align-items: center; gap: .65rem;
  padding: .6rem .75rem;
  border-radius: 12px;
  color: var(--text, #cdd6f4);
  position: relative;
  transition: background .15s ease, transform .08s ease, box-shadow .15s ease;
  outline: none;
  text-decoration: none;
}

.nav .nav-link .icon[b-xs5d4iuf4a]{
  width: 20px; height: 20px; line-height: 0; display: inline-flex;
  align-items:center; justify-content:center;
  opacity:.9;
}
.nav .nav-link .label[b-xs5d4iuf4a]{
  flex: 1;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Hover & Focus */
.nav .nav-link:hover[b-xs5d4iuf4a]{
  background: rgba(155,122,255,.08);
  box-shadow: 0 4px 18px rgba(0,0,0,.18);
  transform: translateY(-1px);
}

/* Küçük iyileştirmeler: mobilde tıklanabilirlik */
@media (max-width: 767.98px){
  .nav .nav-link[b-xs5d4iuf4a]{ padding:.7rem .85rem; }
}

/* Erişilebilirlik odak durumu korunsun */
.nav .nav-link:focus-visible[b-xs5d4iuf4a]{
  box-shadow:0 0 0 2px rgba(155,122,255,.45);
  outline:none;
}

/* Aktif */
.nav .nav-link.active[b-xs5d4iuf4a]{
  color: #fff;
  background: linear-gradient(135deg, #6f4cff 0%, #9b7aff 100%);
  box-shadow: 0 8px 26px rgba(115,95,255,.35);
}
.nav .nav-link.active .icon[b-xs5d4iuf4a]{ opacity: 1; }

/* Responsive */
@media (max-width: 992px){
  .nm-nav[b-xs5d4iuf4a] { min-width: unset; }
}

/* Light mode */
@media (prefers-color-scheme: light){
  .nm-nav[b-xs5d4iuf4a]{ background:#ffffff; }
  .nav .nav-link[b-xs5d4iuf4a]{ color:#2b2f42; }
  .nav .nav-link:hover[b-xs5d4iuf4a]{
    background: rgba(111,76,255,.08);
    box-shadow: 0 6px 20px rgba(36,38,58,.08);
  }
}