/* YANTES SINAV LMS için ortak yönetim ve öğrenci deneyimi katmanı. */
.srg-console,
.srg-shell {
  --srg-ms-navy: #102342;
  --srg-ms-blue: #1f5eff;
  --srg-ms-aqua: #00b9b4;
  --srg-ms-gold: #f4b41a;
  --srg-ms-ink: #18243a;
  --srg-ms-muted: #64748b;
  --srg-ms-line: #dfe7f1;
  --srg-ms-canvas: #f4f7fb;
}

/* Yönetim merkezi: içerik stüdyosu hissi veren, mevcut WordPress formlarını koruyan görünüm. */
.srg-console .srg-console-hero {
  position: relative;
  overflow: hidden;
  border-color: #183d78;
  background: linear-gradient(135deg, var(--srg-ms-navy) 0%, #1a4da0 53%, var(--srg-ms-blue) 100%);
}
.srg-console .srg-console-hero::after {
  position: absolute;
  right: -6rem;
  bottom: -7rem;
  width: 19rem;
  height: 19rem;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  content: "";
  box-shadow: 0 0 0 2.8rem rgba(255,255,255,.06), 0 0 0 5.6rem rgba(255,255,255,.035);
  pointer-events: none;
}
.srg-console .srg-console-hero > * { position: relative; z-index: 1; }
.srg-console .srg-console-layout { border-color: var(--srg-ms-line); background: var(--srg-ms-canvas); }
.srg-console .srg-console-nav { background: #fff; }
.srg-console .srg-console-nav a.is-active { background: linear-gradient(135deg, var(--srg-ms-blue), #2b78f7); box-shadow: 0 8px 16px rgba(31,94,255,.22); }
.srg-console .srg-panel,
.srg-console .postbox {
  border: 1px solid var(--srg-ms-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(20,39,74,.055);
}
.srg-console .srg-panel { padding: 1.35rem; }
.srg-console .srg-panel h2,
.srg-console .srg-panel h3 { color: var(--srg-ms-ink); }
.srg-console .button-primary,
.srg-console input[type="submit"].button-primary {
  border-color: var(--srg-ms-blue);
  background: var(--srg-ms-blue);
  box-shadow: 0 5px 12px rgba(31,94,255,.19);
}
.srg-console .button-primary:hover,
.srg-console input[type="submit"].button-primary:hover { border-color: #1749ca; background: #1749ca; }
.srg-console .widefat { overflow: hidden; border-color: var(--srg-ms-line); border-radius: 12px; }
.srg-console .widefat thead th { color: #42536e; background: #f7f9fd; font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; }
.srg-console .widefat td { vertical-align: middle; }
.srg-test-question-counts { display: inline-flex; flex-wrap: wrap; gap: .35rem; margin: .55rem 0 .25rem; }
.srg-test-question-counts span { padding: .28rem .48rem; border-radius: 999px; color: #28466e; background: #edf4ff; font-size: .72rem; line-height: 1.25; }
.srg-test-question-counts span:first-child { color: #176553; background: #e6f8f2; }
.srg-test-question-counts b { margin-right: .16rem; font-weight: 800; }

/* Öğrenci arayüzü: katalog, hesap ve sınav bloklarını aynı görsel ailede birleştirir. */
.srg-shell {
  color: var(--srg-ms-ink);
}
.srg-shell .srg-catalog-layout,
.srg-shell .srg-exam-wrap,
.srg-shell .srg-account-layout { position: relative; }
.srg-shell .srg-catalog-sidebar .srg-catalog-filters {
  border-color: #d8e3f3;
  border-radius: 16px;
  background: linear-gradient(160deg, #f9fbff, #fff);
  box-shadow: 0 14px 32px rgba(20,39,74,.075);
}
.srg-shell .srg-category-entry,
.srg-shell .srg-test-card,
.srg-shell .srg-account-card,
.srg-shell .srg-exam-card {
  border-color: var(--srg-ms-line);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(20,39,74,.065);
}
.srg-shell .srg-category-entry:hover,
.srg-shell .srg-test-card:hover { border-color: #b9cff7; box-shadow: 0 16px 32px rgba(20,39,74,.12); }
.srg-shell .srg-card-top { color: var(--srg-ms-muted); }
.srg-shell .srg-badge { border-radius: 999px; font-weight: 800; letter-spacing: .045em; }
.srg-shell .srg-badge.free { color: #126c59; background: #dff7ee; }
.srg-shell .srg-badge.paid { color: #9a5a00; background: #fff3d5; }
.srg-shell .srg-test-title,
.srg-shell .srg-category-title { color: var(--srg-ms-ink); }
.srg-shell .srg-button { border-radius: 8px; font-weight: 750; }
.srg-shell .srg-button:not(.secondary) { border-color: var(--srg-ms-blue); background: var(--srg-ms-blue); box-shadow: 0 6px 12px rgba(31,94,255,.16); }
.srg-shell .srg-button:not(.secondary):hover { background: #1749ca; }
.srg-shell .srg-filter-reset,
.srg-shell .srg-text-link { color: var(--srg-ms-blue); font-weight: 700; }
.srg-shell .srg-public-report,
.srg-shell .srg-results-card { border-color: var(--srg-ms-line); border-radius: 14px; background: #fff; box-shadow: 0 10px 24px rgba(20,39,74,.06); }
.srg-shell .srg-student-dashboard {
  margin: 0 0 1.25rem;
  padding: clamp(1.25rem, 3vw, 2.25rem);
  overflow: hidden;
  border: 1px solid #1d4b9a;
  border-radius: 18px;
  color: #fff;
  background: radial-gradient(circle at 88% 18%, rgba(99,190,255,.36), transparent 24rem), linear-gradient(135deg, #102342, #1f5eff);
  box-shadow: 0 16px 34px rgba(16,35,66,.2);
}
.srg-shell .srg-student-dashboard > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.25rem; }
.srg-shell .srg-student-dashboard h2 { margin: .25rem 0 .45rem; color: #fff; font-size: clamp(1.55rem, 3vw, 2.25rem); }
.srg-shell .srg-student-dashboard p { max-width: 44rem; margin: 0; color: rgba(255,255,255,.83); }
.srg-shell .srg-student-dashboard .srg-eyebrow { color: #a8e9ff; }
.srg-shell .srg-student-dashboard .srg-button.srg-outline { border-color: rgba(255,255,255,.58); color: #fff; background: rgba(255,255,255,.1); box-shadow: none; }
.srg-shell .srg-student-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin: 1.5rem 0 1rem; }
.srg-shell .srg-student-kpis > div { padding: .9rem 1rem; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; background: rgba(6,24,55,.17); }
.srg-shell .srg-student-kpis strong, .srg-shell .srg-student-kpis span { display: block; }
.srg-shell .srg-student-kpis strong { font-size: 1.45rem; line-height: 1.1; }
.srg-shell .srg-student-kpis span { margin-top: .26rem; color: rgba(255,255,255,.78); font-size: .81rem; }
.srg-shell .srg-student-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.srg-shell .srg-student-recent-results,
.srg-shell .srg-student-question-center { margin: 1.25rem 0; padding: clamp(1.15rem, 2.5vw, 1.75rem); border: 1px solid var(--srg-ms-line); border-radius: 16px; background: #fff; box-shadow: 0 10px 24px rgba(20,39,74,.055); }
.srg-shell .srg-student-recent-results h3,
.srg-shell .srg-student-question-center h3 { margin: .25rem 0 .8rem; color: var(--srg-ms-ink); }
.srg-shell .srg-student-result-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .75rem; }
.srg-shell .srg-student-result-grid a { display: grid; gap: .32rem; padding: .95rem; border: 1px solid #dce7f7; border-radius: 12px; color: var(--srg-ms-ink); background: #f8fbff; text-decoration: none; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.srg-shell .srg-student-result-grid a:hover { border-color: #9abcf6; box-shadow: 0 9px 18px rgba(31,94,255,.1); transform: translateY(-2px); }
.srg-shell .srg-student-result-grid span { color: #2b5b9a; font-size: .88rem; }
.srg-shell .srg-student-result-grid small { color: var(--srg-ms-muted); }
.srg-shell .srg-student-question-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem 1rem; margin-top: 1rem; }
.srg-shell .srg-student-question-form p { margin: 0; }
.srg-shell .srg-student-question-form p:nth-of-type(3), .srg-shell .srg-student-question-form button { grid-column: 1 / -1; }
.srg-shell .srg-student-question-form label { display: grid; gap: .35rem; color: #334b70; font-weight: 750; }
.srg-shell .srg-student-question-form input,
.srg-shell .srg-student-question-form select,
.srg-shell .srg-student-question-form textarea { width: 100%; box-sizing: border-box; border: 1px solid #ccd9eb; border-radius: 8px; background: #fff; }
.srg-shell .srg-student-question-form .srg-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.srg-shell .srg-student-question-history { margin-top: 1.25rem; border-top: 1px solid #e4ebf5; }
.srg-shell .srg-student-question-history article { padding: .9rem 0; border-bottom: 1px solid #eaf0f7; }
.srg-shell .srg-student-question-history strong,
.srg-shell .srg-student-question-history span { display: block; }
.srg-shell .srg-student-question-history span { margin-top: .18rem; color: var(--srg-ms-muted); font-size: .82rem; }
.srg-shell .srg-student-question-history p { margin: .5rem 0; }
.srg-shell .srg-student-answer { padding: .7rem .85rem; border-left: 3px solid var(--srg-ms-aqua); border-radius: 0 8px 8px 0; background: #effbf9; }
@media (max-width: 640px) {
  .srg-shell .srg-student-dashboard > header { flex-direction: column; }
  .srg-shell .srg-student-kpis { grid-template-columns: 1fr; }
  .srg-shell .srg-student-question-form { grid-template-columns: 1fr; }
}
@media (max-width: 782px) {
  .srg-console .srg-panel { padding: 1rem; }
  .srg-console .widefat { border-radius: 8px; }
  .srg-test-question-counts { margin-top: .4rem; }
}

/* Giriş yapan kullanıcıya ait öğrenme merkezi. */
.srg-shell .srg-learning-center { --srg-learning-ink: #13243d; --srg-learning-muted: #61718a; --srg-learning-line: #dce6f2; --srg-learning-surface: #fff; margin: 0 auto; max-width: 1260px; color: var(--srg-learning-ink); }
.srg-shell .srg-learning-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; padding: clamp(1.5rem, 4vw, 3rem); overflow: hidden; border: 1px solid #163d79; border-radius: 20px; color: #fff; background: radial-gradient(circle at 83% 17%, rgba(87,210,233,.34), transparent 19rem), linear-gradient(125deg, #0e2442 0%, #174eaa 61%, #2368db 100%); box-shadow: 0 18px 36px rgba(18,51,101,.22); }
.srg-shell .srg-learning-hero > div:first-child { max-width: 44rem; }
.srg-shell .srg-learning-hero .srg-eyebrow, .srg-shell .srg-learning-resume-label { color: #a9edff; }
.srg-shell .srg-learning-hero h2 { margin: .35rem 0 .65rem; color: #fff; font-size: clamp(1.8rem, 3.6vw, 3rem); line-height: 1.1; }
.srg-shell .srg-learning-hero p { margin: 0; color: rgba(255,255,255,.84); font-size: 1.03rem; line-height: 1.65; }
.srg-shell .srg-learning-hero-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.srg-shell .srg-learning-hero .srg-button.srg-outline { border-color: rgba(255,255,255,.55); color: #fff; background: rgba(255,255,255,.1); box-shadow: none; }
.srg-shell .srg-learning-hero .srg-button.srg-outline:hover { border-color: #fff; background: rgba(255,255,255,.19); }
.srg-shell .srg-learning-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.25rem 0 2rem; }
.srg-shell .srg-learning-kpis article { padding: 1.15rem 1.25rem; border: 1px solid var(--srg-learning-line); border-radius: 14px; background: linear-gradient(155deg, #fff, #f8fbff); box-shadow: 0 10px 23px rgba(20,50,92,.055); }
.srg-shell .srg-learning-kpis span, .srg-shell .srg-learning-kpis small { display: block; color: var(--srg-learning-muted); font-size: .82rem; font-weight: 700; letter-spacing: .01em; }
.srg-shell .srg-learning-kpis strong { display: block; margin-top: .35rem; font-size: clamp(1.45rem, 2.5vw, 2.05rem); line-height: 1; }
.srg-shell .srg-learning-kpis strong small { display: inline; margin-left: .18rem; font-size: .78rem; }
.srg-shell .srg-learning-resume { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; margin: 0 0 2rem; padding: 1.3rem 1.5rem; border: 1px solid #9fd4d8; border-radius: 16px; background: linear-gradient(135deg, #eafaf9, #f5fcff); }
.srg-shell .srg-learning-resume-label { color: #17726f; font-size: .72rem; font-weight: 850; letter-spacing: .08em; }
.srg-shell .srg-learning-resume h3 { margin: .32rem 0; color: var(--srg-learning-ink); font-size: 1.25rem; }
.srg-shell .srg-learning-resume p { margin: 0; color: var(--srg-learning-muted); }
.srg-shell .srg-learning-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; margin: 0 0 1rem; }
.srg-shell .srg-learning-section-heading h2 { margin: .28rem 0 0; color: var(--srg-learning-ink); font-size: clamp(1.45rem, 2.6vw, 2rem); }
.srg-shell .srg-learning-section-heading p { max-width: 28rem; margin: 0; color: var(--srg-learning-muted); font-size: .9rem; line-height: 1.55; }
.srg-shell .srg-learning-course-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; }
.srg-shell .srg-learning-course { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--srg-learning-line); border-radius: 16px; background: var(--srg-learning-surface); box-shadow: 0 11px 25px rgba(20,50,92,.065); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.srg-shell .srg-learning-course:hover { border-color: var(--srg-learning-accent); box-shadow: 0 18px 32px rgba(20,50,92,.13); transform: translateY(-3px); }
.srg-shell .srg-learning-course-art { position: relative; display: grid; width: 100%; min-height: 9.5rem; place-items: center; overflow: hidden; color: #fff; background: linear-gradient(135deg, var(--srg-learning-accent), #102342); }
.srg-shell .srg-learning-course-art::after { position: absolute; right: -2.4rem; bottom: -3.8rem; width: 12rem; height: 12rem; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; content: ""; box-shadow: 0 0 0 1.4rem rgba(255,255,255,.08); }
.srg-shell .srg-learning-course-art span { position: relative; z-index: 1; padding: .55rem .62rem; border-radius: 10px; font-size: 1.18rem; font-weight: 900; letter-spacing: .04em; background: rgba(255,255,255,.17); }
.srg-shell .srg-learning-course-art img { width: 100%; min-height: 9.5rem; height: 100%; max-height: 13rem; object-fit: cover; }
.srg-shell .srg-learning-course-body { display: flex; flex: 1; flex-direction: column; padding: 1.15rem; }
.srg-shell .srg-learning-course-top, .srg-shell .srg-learning-course-meta, .srg-shell .srg-learning-progress > div, .srg-shell .srg-learning-course-actions { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.srg-shell .srg-learning-access { display: inline-flex; padding: .32rem .55rem; border-radius: 999px; font-size: .7rem; font-weight: 850; letter-spacing: .025em; }
.srg-shell .srg-learning-access.is-free { color: #116c57; background: #ddf7ef; }
.srg-shell .srg-learning-access.is-paid { color: #85500d; background: #fff1cf; }
.srg-shell .srg-learning-duration { color: var(--srg-learning-muted); font-size: .78rem; font-weight: 700; }
.srg-shell .srg-learning-category { margin: 1rem 0 .3rem; color: var(--srg-learning-accent); font-size: .76rem; font-weight: 850; letter-spacing: .065em; text-transform: uppercase; }
.srg-shell .srg-learning-course h3 { margin: 0; color: var(--srg-learning-ink); font-size: 1.22rem; line-height: 1.32; }
.srg-shell .srg-learning-description { min-height: 4.3em; margin: .65rem 0 1rem; color: var(--srg-learning-muted); font-size: .9rem; line-height: 1.58; }
.srg-shell .srg-learning-course-meta { padding: .7rem 0; border-top: 1px solid #eaf0f7; color: var(--srg-learning-muted); font-size: .78rem; }
.srg-shell .srg-learning-course-meta b { color: var(--srg-learning-ink); }
.srg-shell .srg-learning-progress { margin: .25rem 0 1.1rem; }
.srg-shell .srg-learning-progress > div { margin-bottom: .4rem; color: var(--srg-learning-muted); font-size: .76rem; font-weight: 700; }
.srg-shell .srg-learning-progress strong { color: var(--srg-learning-ink); }
.srg-shell .srg-learning-progress i { display: block; height: .48rem; overflow: hidden; border-radius: 999px; background: #e9eff6; }
.srg-shell .srg-learning-progress em { display: block; height: 100%; border-radius: inherit; background: var(--srg-learning-accent); }
.srg-shell .srg-learning-course-actions { margin-top: auto; align-items: center; }
.srg-shell .srg-learning-course-actions .srg-button { flex: 0 1 auto; padding: .68rem .82rem; font-size: .86rem; }
.srg-shell .srg-learning-last-result { color: var(--srg-learning-muted); font-size: .72rem; text-align: right; }
.srg-shell .srg-learning-focus, .srg-shell .srg-learning-empty { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 1.5rem; padding: 1.5rem; border: 1px solid #d7e5fa; border-radius: 16px; background: #f7fbff; }
.srg-shell .srg-learning-focus h3, .srg-shell .srg-learning-empty h3 { margin: .3rem 0; color: var(--srg-learning-ink); }
.srg-shell .srg-learning-focus p, .srg-shell .srg-learning-empty p { max-width: 45rem; margin: 0; color: var(--srg-learning-muted); line-height: 1.55; }
.srg-shell .srg-learning-empty { display: block; text-align: center; }
.srg-shell .srg-learning-empty .srg-button { margin-top: 1rem; }
.srg-shell .srg-learning-center-guest { max-width: 760px; }
.srg-shell .srg-learning-guest-card { padding: clamp(1.5rem, 5vw, 3rem); border: 1px solid var(--srg-learning-line); border-radius: 20px; text-align: center; background: #f8fbff; box-shadow: 0 14px 30px rgba(20,50,92,.08); }
.srg-shell .srg-learning-guest-card h2 { margin: .35rem 0 .6rem; color: var(--srg-learning-ink); }
.srg-shell .srg-learning-guest-card p { max-width: 34rem; margin: 0 auto 1rem; color: var(--srg-learning-muted); line-height: 1.6; }
@media (max-width: 900px) { .srg-shell .srg-learning-course-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .srg-shell .srg-learning-hero, .srg-shell .srg-learning-resume, .srg-shell .srg-learning-section-heading, .srg-shell .srg-learning-focus { align-items: stretch; flex-direction: column; } .srg-shell .srg-learning-kpis, .srg-shell .srg-learning-course-grid { grid-template-columns: 1fr; } .srg-shell .srg-learning-hero-actions, .srg-shell .srg-learning-hero-actions .srg-button, .srg-shell .srg-learning-resume .srg-button { width: 100%; } .srg-shell .srg-learning-section-heading { gap: .55rem; } .srg-shell .srg-learning-description { min-height: auto; } .srg-shell .srg-learning-course-actions { align-items: stretch; flex-direction: column; } .srg-shell .srg-learning-course-actions .srg-button { width: 100%; text-align: center; } .srg-shell .srg-learning-last-result { text-align: left; } }
