/* =====================================================================
   Tarot Burada — Flat (Apple-vari Minimal) Tema
   Aktif olduğunda body.theme-flat sınıfı taşır.
   main.css kurallarını seçici olarak ezerek minimal hesabım, admin
   dashboard ve diğer hesap ekranlarını yeniden boyar.
   ===================================================================== */

body.theme-flat {
\tfont-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif;
\tbackground: #fff;
\tcolor: #1d1d1f;
\t-webkit-font-smoothing: antialiased;
}

body.theme-flat .auth-shell,
body.theme-flat .auth-shell--wide {
\tbackground: transparent;
\tpadding: 0;
}

/* ---------- Hesabım: hero ---------- */
body.theme-flat .auth-card--account-premium,
body.theme-flat .auth-card.admin-dashboard-card,
body.theme-flat .auth-card {
\tbackground: #fff;
\tborder: 0;
\tbox-shadow: none;
\tborder-radius: 24px;
\tpadding: 0;
\tmargin: 24px auto;
\tmax-width: 980px;
}

body.theme-flat .breadcrumbs,
body.theme-flat .account-page-breadcrumbs {
\tfont-size: 13px;
\tcolor: #86868b;
\tmargin: 18px 20px 22px;
\tfont-weight: 500;
\tletter-spacing: -.005em;
}
body.theme-flat .breadcrumbs a,
body.theme-flat .account-page-breadcrumbs a {
\tcolor: #86868b;
\ttext-decoration: none;
\ttransition: color .2s;
}
body.theme-flat .breadcrumbs a:hover {
\tcolor: #6b3fa0;
}

body.theme-flat .account-modern-hero {
\tdisplay: flex;
\talign-items: center;
\tgap: 28px;
\tpadding: 36px 36px 32px;
\tbackground: #fff;
\tborder: 1px solid #ebe4d6;
\tborder-radius: 22px;
\tflex-wrap: wrap;
}

body.theme-flat .account-modern-hero__avatar {
\twidth: 76px;
\theight: 76px;
\tborder-radius: 50%;
\tbackground: linear-gradient(135deg, #6b3fa0, #c9a45a);
\tcolor: #fff;
\tdisplay: flex;
\talign-items: center;
\tjustify-content: center;
\tfont-size: 30px;
\tfont-weight: 700;
\tletter-spacing: -.02em;
\tflex-shrink: 0;
\tbox-shadow: 0 8px 24px -10px rgba(107,63,160,.4);
}

body.theme-flat .account-modern-hero__content {
\tflex: 1;
\tmin-width: 0;
}
body.theme-flat .account-modern-hero__content .auth-kicker {
\tdisplay: inline-block;
\tfont-size: 11px;
\tletter-spacing: .16em;
\ttext-transform: uppercase;
\tcolor: #6b3fa0;
\tbackground: rgba(107,63,160,.08);
\tpadding: 5px 12px;
\tborder-radius: 999px;
\tfont-weight: 700;
\tmargin-bottom: 12px;
}
body.theme-flat .account-modern-hero__content h1 {
\tfont-size: clamp(26px, 3vw, 36px);
\tline-height: 1.1;
\tletter-spacing: -.022em;
\tcolor: #1d1d1f;
\tmargin: 0 0 6px;
\tfont-weight: 700;
}
body.theme-flat .account-modern-hero__content p {
\tfont-size: 15px;
\tcolor: #86868b;
\tmargin: 0 0 14px;
\tline-height: 1.5;
}

body.theme-flat .account-modern-hero__chips {
\tdisplay: flex;
\tgap: 8px;
\tflex-wrap: wrap;
}
body.theme-flat .account-modern-chip {
\tdisplay: inline-flex;
\talign-items: center;
\tpadding: 5px 12px;
\tborder-radius: 999px;
\tbackground: #f5f5f7;
\tcolor: #1d1d1f;
\tfont-size: 12px;
\tfont-weight: 600;
\tletter-spacing: -.005em;
}
body.theme-flat .account-modern-chip--accent {
\tbackground: rgba(201,164,90,.16);
\tcolor: #8b6a2a;
}

body.theme-flat .account-modern-hero__actions {
\tdisplay: flex;
\tflex-direction: column;
\tgap: 10px;
\tmin-width: 220px;
}
body.theme-flat .account-cta,
body.theme-flat .auth-submit {
\tdisplay: inline-flex;
\talign-items: center;
\tjustify-content: center;
\tpadding: 12px 24px;
\tborder-radius: 999px;
\tbackground: #1d1d1f;
\tcolor: #fff !important;
\tfont-size: 14px;
\tfont-weight: 600;
\ttext-decoration: none;
\tborder: 1.5px solid #1d1d1f;
\ttransition: all .2s cubic-bezier(.22,.61,.36,1);
\tletter-spacing: -.01em;
}
body.theme-flat .account-cta:hover,
body.theme-flat .auth-submit:hover {
\tbackground: #6b3fa0;
\tborder-color: #6b3fa0;
\ttransform: translateY(-1px);
\tbox-shadow: 0 8px 18px -8px rgba(107,63,160,.45);
}
body.theme-flat .account-cta--ghost,
body.theme-flat .auth-submit--ghost {
\tbackground: #fff;
\tcolor: #1d1d1f !important;
\tborder-color: #d2d2d7;
}
body.theme-flat .account-cta--ghost:hover {
\tbackground: #f5f5f7;
\tborder-color: #1d1d1f;
\tcolor: #1d1d1f !important;
}

/* ---------- Alerts ---------- */
body.theme-flat .auth-alert {
\tpadding: 14px 18px;
\tborder-radius: 14px;
\tfont-size: 14px;
\tmargin: 18px 20px;
\tborder: 0;
\tbackground: #f5f5f7;
\tcolor: #1d1d1f;
\tfont-weight: 500;
}
body.theme-flat .auth-alert--success {
\tbackground: #e8f5ec;
\tcolor: #1f6b3a;
}
body.theme-flat .auth-alert--error {
\tbackground: #fbe8e8;
\tcolor: #86222e;
}

/* ---------- Grid cards (Profil, Üyelik Durumu, Hızlı Erişim) ---------- */
body.theme-flat .account-modern-grid {
\tdisplay: grid;
\tgrid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
\tgap: 18px;
\tmargin: 22px 20px 24px;
}
body.theme-flat .account-modern-card,
body.theme-flat .auth-section {
\tbackground: #fff;
\tborder: 1px solid #ebe4d6;
\tborder-radius: 18px;
\tpadding: 22px 24px;
\tbox-shadow: none;
}

body.theme-flat .account-modern-card h2,
body.theme-flat .account-modern-card h3,
body.theme-flat .auth-section h2 {
\tfont-size: 17px;
\tfont-weight: 700;
\tcolor: #1d1d1f;
\tmargin: 0 0 18px;
\tletter-spacing: -.01em;
\tpadding: 0;
\tborder: 0;
\tposition: relative;
\tpadding-left: 12px;
}
body.theme-flat .account-modern-card h2::before,
body.theme-flat .account-modern-card h3::before,
body.theme-flat .auth-section h2::before {
\tcontent: "";
\tposition: absolute;
\tleft: 0;
\ttop: 2px;
\tbottom: 2px;
\twidth: 3px;
\tborder-radius: 2px;
\tbackground: linear-gradient(180deg, #c9a45a, #6b3fa0);
}

body.theme-flat .account-modern-row {
\tdisplay: flex;
\talign-items: center;
\tjustify-content: space-between;
\tpadding: 13px 0;
\tborder-bottom: 1px solid #f3ecdf;
\tgap: 12px;
}
body.theme-flat .account-modern-row:last-child {
\tborder-bottom: 0;
\tpadding-bottom: 0;
}
body.theme-flat .account-modern-row__label {
\tfont-size: 14px;
\tcolor: #86868b;
\tfont-weight: 500;
}
body.theme-flat .account-modern-row__value,
body.theme-flat .account-modern-row strong {
\tfont-size: 14px;
\tcolor: #1d1d1f;
\tfont-weight: 600;
\tletter-spacing: -.005em;
}
body.theme-flat .account-modern-row__edit-btn {
\twidth: 30px;
\theight: 30px;
\tborder-radius: 50%;
\tborder: 1px solid #d2d2d7;
\tbackground: #fff;
\tcolor: #6b3fa0;
\tcursor: pointer;
\tdisplay: inline-flex;
\talign-items: center;
\tjustify-content: center;
\ttransition: all .2s;
\tpadding: 0;
}
body.theme-flat .account-modern-row__edit-btn:hover {
\tborder-color: #6b3fa0;
\tbackground: rgba(107,63,160,.05);
}

/* ---------- Membership status block ---------- */
body.theme-flat .account-modern-membership__plan-label {
\tdisplay: inline-block;
\tfont-size: 11px;
\tletter-spacing: .14em;
\ttext-transform: uppercase;
\tcolor: #86868b;
\tfont-weight: 600;
\tmargin-bottom: 4px;
}
body.theme-flat .account-modern-membership__plan-name {
\tfont-size: 22px;
\tfont-weight: 700;
\tcolor: #1d1d1f;
\tletter-spacing: -.015em;
\tmargin: 0 0 16px;
\tline-height: 1.2;
}
body.theme-flat .account-modern-membership__cta {
\tdisplay: inline-flex;
\tpadding: 11px 22px;
\tborder-radius: 999px;
\tbackground: #1d1d1f;
\tcolor: #fff !important;
\tfont-size: 14px;
\tfont-weight: 600;
\ttext-decoration: none;
\tmargin-bottom: 18px;
\ttransition: all .2s;
}
body.theme-flat .account-modern-membership__cta:hover {
\tbackground: #6b3fa0;
\ttransform: translateY(-1px);
}

/* ---------- Hızlı Erişim list ---------- */
body.theme-flat .account-modern-quicklinks a,
body.theme-flat .account-modern-quicklink {
\tdisplay: flex;
\talign-items: center;
\tjustify-content: space-between;
\tpadding: 12px 16px;
\tborder-radius: 12px;
\tbackground: #faf7f2;
\tcolor: #1d1d1f;
\ttext-decoration: none;
\tfont-size: 14px;
\tfont-weight: 600;
\tmargin-bottom: 8px;
\ttransition: all .2s;
\tborder: 1px solid transparent;
}
body.theme-flat .account-modern-quicklinks a:hover,
body.theme-flat .account-modern-quicklink:hover {
\tbackground: rgba(107,63,160,.05);
\tborder-color: #6b3fa0;
\tcolor: #6b3fa0;
}
body.theme-flat .account-modern-quicklinks a::after,
body.theme-flat .account-modern-quicklink::after {
\tcontent: "\\203A";
\tfont-size: 20px;
\tcolor: #c9a45a;
\tline-height: 1;
}

/* ---------- Bottom row (delete / signout) ---------- */
body.theme-flat .account-modern-footer,
body.theme-flat .account-modern-actions-row {
\tdisplay: flex;
\talign-items: center;
\tjustify-content: space-between;
\tpadding: 18px 24px;
\tmargin: 18px 20px 24px;
\tborder-top: 1px solid #ebe4d6;
\tfont-size: 14px;
}
body.theme-flat .account-modern-footer a,
body.theme-flat .account-modern-delete-link {
\tcolor: #86868b;
\ttext-decoration: underline;
\tfont-weight: 500;
\ttransition: color .2s;
}
body.theme-flat .account-modern-footer a:hover {
\tcolor: #d12f2f;
}
body.theme-flat .account-modern-logout-link {
\tcolor: #86868b !important;
\ttext-decoration: none;
\tfont-weight: 500;
}
body.theme-flat .account-modern-logout-link:hover {
\tcolor: #6b3fa0 !important;
}

/* ---------- Admin dashboard ---------- */
body.theme-flat .admin-dashboard-shell {
\tbackground: transparent;
}
body.theme-flat .admin-dashboard-head {
\tpadding: 30px 32px 18px;
\ttext-align: left;
\tborder: 0;
}
body.theme-flat .admin-dashboard-head h1 {
\tfont-size: clamp(28px, 3.2vw, 38px);
\tletter-spacing: -.022em;
\tcolor: #1d1d1f;
\tmargin: 4px 0 6px;
\tfont-weight: 700;
}
body.theme-flat .admin-dashboard-head p {
\tfont-size: 15px;
\tcolor: #86868b;
\tmargin: 0;
}

body.theme-flat .admin-metric-grid {
\tdisplay: grid;
\tgrid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
\tgap: 14px;
\tmargin: 18px 28px 24px;
}
body.theme-flat .admin-metric-card {
\tbackground: #fff;
\tborder: 1px solid #ebe4d6;
\tborder-radius: 16px;
\tpadding: 18px 20px;
\tdisplay: flex;
\tflex-direction: column;
\tgap: 6px;
}
body.theme-flat .admin-metric-card span {
\tfont-size: 12px;
\tcolor: #86868b;
\tfont-weight: 600;
\tletter-spacing: .02em;
\ttext-transform: uppercase;
}
body.theme-flat .admin-metric-card strong {
\tfont-size: 26px;
\tcolor: #1d1d1f;
\tfont-weight: 700;
\tletter-spacing: -.015em;
}

body.theme-flat .admin-section,
body.theme-flat .admin-dashboard-card section {
\tbackground: #fff;
\tborder: 1px solid #ebe4d6;
\tborder-radius: 18px;
\tpadding: 22px 24px;
\tmargin: 16px 28px;
\tbox-shadow: none;
}

body.theme-flat .admin-section h2,
body.theme-flat .admin-dashboard-card section > h2,
body.theme-flat .admin-dashboard-card section > h3 {
\tfont-size: 17px;
\tfont-weight: 700;
\tcolor: #1d1d1f;
\tmargin: 0 0 14px;
\tletter-spacing: -.01em;
\tposition: relative;
\tpadding-left: 12px;
}
body.theme-flat .admin-section h2::before,
body.theme-flat .admin-dashboard-card section > h2::before,
body.theme-flat .admin-dashboard-card section > h3::before {
\tcontent: "";
\tposition: absolute;
\tleft: 0;
\ttop: 2px;
\tbottom: 2px;
\twidth: 3px;
\tborder-radius: 2px;
\tbackground: linear-gradient(180deg, #c9a45a, #6b3fa0);
}

body.theme-flat .admin-dashboard-card table {
\twidth: 100%;
\tborder-collapse: collapse;
\tfont-size: 13.5px;
}
body.theme-flat .admin-dashboard-card table th {
\tbackground: #faf7f2;
\tcolor: #86868b;
\tfont-weight: 600;
\tfont-size: 11px;
\tletter-spacing: .06em;
\ttext-transform: uppercase;
\ttext-align: left;
\tpadding: 10px 12px;
\tborder-bottom: 1px solid #ebe4d6;
}
body.theme-flat .admin-dashboard-card table td {
\tpadding: 11px 12px;
\tborder-bottom: 1px solid #f3ecdf;
\tcolor: #1d1d1f;
}
body.theme-flat .admin-dashboard-card table tr:last-child td {
\tborder-bottom: 0;
}

body.theme-flat .admin-dashboard-card input[type=text],
body.theme-flat .admin-dashboard-card input[type=email],
body.theme-flat .admin-dashboard-card input[type=search],
body.theme-flat .admin-dashboard-card input[type=number],
body.theme-flat .admin-dashboard-card select,
body.theme-flat .admin-dashboard-card textarea {
\tpadding: 10px 14px;
\tborder: 1px solid #d2d2d7;
\tborder-radius: 12px;
\tfont-size: 14px;
\tcolor: #1d1d1f;
\tfont-family: inherit;
\tbackground: #fff;
\ttransition: all .15s;
}
body.theme-flat .admin-dashboard-card input:focus,
body.theme-flat .admin-dashboard-card select:focus,
body.theme-flat .admin-dashboard-card textarea:focus {
\toutline: none;
\tborder-color: #6b3fa0;
\tbox-shadow: 0 0 0 3px rgba(107,63,160,.12);
}

body.theme-flat .admin-dashboard-card button,
body.theme-flat .admin-dashboard-card input[type=submit] {
\tpadding: 10px 22px;
\tborder: 0;
\tborder-radius: 999px;
\tbackground: #1d1d1f;
\tcolor: #fff;
\tfont-size: 14px;
\tfont-weight: 600;
\tcursor: pointer;
\ttransition: all .2s;
\tfont-family: inherit;
}
body.theme-flat .admin-dashboard-card button:hover,
body.theme-flat .admin-dashboard-card input[type=submit]:hover {
\tbackground: #6b3fa0;
\ttransform: translateY(-1px);
}
body.theme-flat .admin-dashboard-card .btn-ghost,
body.theme-flat .admin-dashboard-card button.is-ghost {
\tbackground: #fff;
\tcolor: #1d1d1f;
\tborder: 1px solid #d2d2d7;
}
body.theme-flat .admin-dashboard-card .btn-ghost:hover {
\tbackground: #f5f5f7;
\tborder-color: #1d1d1f;
\tcolor: #1d1d1f;
}

/* ---------- Mobile ---------- */
@media (max-width: 720px) {
\tbody.theme-flat .account-modern-hero {
\t\tpadding: 26px 20px;
\t\tgap: 18px;
\t}
\tbody.theme-flat .account-modern-hero__actions {
\t\tmin-width: 100%;
\t}
\tbody.theme-flat .account-modern-grid {
\t\tmargin: 18px 14px;
\t\tgrid-template-columns: 1fr;
\t}
\tbody.theme-flat .admin-metric-grid {
\t\tmargin: 14px 16px;
\t}
\tbody.theme-flat .admin-section {
\t\tmargin: 12px 16px;
\t\tpadding: 18px;
\t}
}