:root {
  --paper: #ffffff;
  --paper-deep: #f0efff;
  --ink: #27266a;
  --ink-soft: #5f6380;
  --brick: #11e5b3;
  --brick-dark: #0aa987;
  --mint: #11e5b3;
  --mint-dark: #087d67;
  --moss: #3f8e79;
  --sun: #6d61c8;
  --white: #ffffff;
  --line: rgba(39, 38, 106, 0.14);
  --line-strong: rgba(39, 38, 106, 0.27);
  --display: 'Inter', 'Segoe UI', Arial, sans-serif;
  --interface: 'Inter', 'Segoe UI', Arial, sans-serif;
  color-scheme: light;
  font-family: var(--interface);
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--ink); background: var(--paper); }
::selection { color: var(--ink); background: var(--brick); }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }

.ty-page-loader {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  place-items: center;
  gap: 12px;
  color: var(--ink);
  background: rgba(255, 255, 255, .76);
  backdrop-filter: blur(7px);
  opacity: 1;
  transition: opacity .16s ease, visibility .16s ease;
}
.ty-page-loader[hidden] { display: grid; visibility: hidden; opacity: 0; pointer-events: none; }
.ty-page-loader-ring {
  display: block;
  width: 30px;
  height: 30px;
  border: 3px solid rgba(39, 38, 106, .14);
  border-top-color: var(--brick);
  border-right-color: var(--ink);
  border-radius: 50%;
  animation: tyv3-loader-spin .72s linear infinite;
}
.ty-page-loader-label { font-size: .78rem; font-weight: 750; letter-spacing: .01em; }
@keyframes tyv3-loader-spin { to { transform: rotate(360deg); } }

.ty-logout-modal {
  position: fixed;
  z-index: 110;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(39, 38, 106, .26);
  backdrop-filter: blur(5px);
}
.ty-logout-modal[hidden] { display: none; }
.ty-logout-modal-card {
  width: min(100%, 390px);
  padding: 26px;
  border: 1px solid rgba(39, 38, 106, .12);
  border-radius: 20px;
  background: var(--white);
  box-shadow: 0 24px 70px rgba(39, 38, 106, .2);
}
.ty-logout-modal-card h2 { margin: 0; color: var(--ink); font-size: 1.35rem; }
.ty-logout-modal-card p { margin: 9px 0 22px; color: var(--ink-soft); font-size: .86rem; line-height: 1.55; }
.ty-logout-modal-actions { display: flex; justify-content: flex-end; gap: 9px; }
.ty-logout-modal-actions button { min-height: 42px; padding: 9px 15px; border: 1px solid var(--ink); border-radius: 10px; font: inherit; font-size: .8rem; font-weight: 750; cursor: pointer; }
.ty-logout-cancel { color: var(--ink); background: var(--white); }
.ty-logout-confirm { color: var(--white); background: var(--ink); }
.ty-logout-modal-actions button:hover,
.ty-logout-modal-actions button:focus-visible { transform: translateY(-1px); }

.shell { width: min(1180px, calc(100% - 64px)); margin: 0 auto; }
.skip-link { position: fixed; z-index: 10; top: 12px; left: 12px; padding: 10px 14px; color: var(--white); background: var(--ink); transform: translateY(-140%); transition: transform .2s ease; }
.skip-link:focus { transform: translateY(0); }

.site-header { border-bottom: 1px solid var(--line); }
.header-inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
.brand-mark { display: grid; width: 43px; height: 43px; place-items: center; border: 1.5px solid var(--ink); border-radius: 50%; color: var(--brick); background: var(--paper-deep); }
.brand-mark svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.brand-copy { display: flex; flex-direction: column; gap: 1px; }
.brand-copy strong { font-family: var(--display); font-size: 1.25rem; font-weight: 600; letter-spacing: -.035em; }
.brand-copy small { max-width: 270px; color: var(--ink-soft); font-size: .67rem; letter-spacing: .015em; line-height: 1.25; }
.main-nav { display: flex; align-items: center; gap: 24px; font-size: .85rem; font-weight: 600; }
.main-nav a { text-decoration: none; }
.main-nav a:not(.nav-action) { color: var(--ink-soft); }

.nav-action { display: inline-flex; align-items: center; gap: 10px; padding: 11px 15px; border: 1px solid var(--ink); border-radius: 10px; }

.auth-link { color: var(--ink-soft); }
.auth-link:hover { color: var(--ink); }
.nav-register { border-color: var(--brick); color: var(--ink); background: var(--brick); box-shadow: 0 8px 18px rgba(17, 229, 179, .18); }
.nav-register:hover { color: var(--ink); background: var(--brick-dark); }
.nav-workspace { border-color: var(--ink); }
.header-inner.is-authenticated { min-height: 94px; }
.header-inner.is-authenticated .main-nav { gap: 20px; }
.header-inner.is-authenticated .nav-workspace { min-height: 48px; padding: 0 22px; }

.hero { display: grid; grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr); gap: clamp(50px, 7vw, 104px); align-items: center; padding-top: clamp(68px, 9vw, 126px); padding-bottom: clamp(90px, 11vw, 148px); }
.hero-copy { max-width: 560px; }
.hero-kicker, .section-label { display: flex; align-items: center; gap: 10px; margin: 0 0 22px; color: var(--brick-dark); font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.kicker-rule { width: 34px; height: 1px; background: var(--brick); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--display); font-weight: 600; letter-spacing: -.04em; }
h1 { max-width: 590px; margin-bottom: 28px; font-size: clamp(3.3rem, 6.4vw, 6.05rem); line-height: .95; }
h1 em, h2 em { color: var(--brick); font-style: normal; }
.hero-lead { max-width: 49ch; margin-bottom: 32px; color: var(--ink-soft); font-size: 1.02rem; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 49px; padding: 0 19px; border: 1px solid transparent; border-radius: 10px; font-size: .84rem; font-weight: 700; text-decoration: none; transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--white); background: var(--brick); box-shadow: 0 10px 22px rgba(198, 94, 68, .2); }
.button-primary:hover { background: var(--brick-dark); }
.button-large { min-height: 58px; padding: 0 24px; }
.text-link { color: var(--ink); font-size: .83rem; font-weight: 700; text-decoration: none; }
.text-link span { display: inline-block; margin-left: 5px; color: var(--brick); transition: transform .2s ease; }
.text-link:hover span { transform: translateX(4px); }
.hero-note { display: flex; align-items: center; gap: 9px; margin: 38px 0 0; color: var(--ink-soft); font-size: .74rem; }
.note-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--moss); }

.hero-proof { position: relative; padding: 18px 0 0 18px; }
.hero-proof::before, .hero-proof::after { position: absolute; z-index: -1; content: ''; width: 74px; height: 74px; border-top: 1px solid var(--brick); border-left: 1px solid var(--brick); }
.hero-proof::before { top: 0; left: 0; }
.hero-proof::after { right: -5px; bottom: 51px; transform: rotate(180deg); }
.proof-paper { position: relative; overflow: hidden; padding: 22px 24px 0; border: 1px solid var(--line-strong); border-radius: 15px; background: var(--white); box-shadow: 0 22px 52px rgba(24, 49, 58, .13); }
.paper-topline, .paper-footer { display: flex; align-items: center; justify-content: space-between; color: var(--ink-soft); font-size: .63rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.paper-status { display: inline-flex; align-items: center; gap: 6px; color: var(--moss); }
.paper-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--moss); }
.paper-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-top: 32px; }
.paper-label { color: var(--brick-dark); font-size: .61rem; font-weight: 700; letter-spacing: .11em; }
.paper-heading h2 { margin: 7px 0 0; font-size: clamp(1.8rem, 3.8vw, 3.1rem); line-height: .98; }
.paper-count { color: var(--ink-soft); font-size: .72rem; }
.paper-rule { height: 1px; margin: 20px 0 25px; background: var(--line); }
.paper-body { display: grid; grid-template-columns: minmax(0, 1fr) 145px; gap: 28px; min-height: 250px; }
.paper-text { max-width: 40ch; font-family: var(--display); font-size: clamp(1.05rem, 2vw, 1.4rem); line-height: 1.56; }
.paper-text p { margin: 0; }
.paper-text-trail { color: var(--ink-soft); filter: blur(1.35px); opacity: .38; }
.paper-error-underline { color: inherit; text-decoration: underline; text-decoration-color: rgba(17, 229, 179, .9); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.paper-text-correction { color: var(--ink); font-weight: 600; }
mark { color: inherit; background: transparent; }
.mark-amber { box-shadow: inset 0 -8px 0 rgba(213, 169, 79, .37); }
.margin-note { position: relative; align-self: start; padding: 15px 13px 14px 15px; border: 1px solid rgba(198, 94, 68, .42); border-radius: 11px; background: #fff7ed; transform: rotate(1.3deg); }
.note-pin { position: absolute; top: 17px; left: -6px; width: 10px; height: 10px; border-radius: 50%; background: var(--brick); box-shadow: 0 0 0 4px var(--white); }
.margin-label { display: block; margin-bottom: 10px; color: var(--brick-dark); font-size: .6rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.margin-note strong { display: block; margin-bottom: 7px; font-family: var(--display); font-size: 1.16rem; font-weight: 600; }
.margin-note p { margin: 0; color: var(--ink-soft); font-size: .72rem; line-height: 1.45; }
.paper-footer { margin: 20px -24px 0; padding: 13px 24px; border-top: 1px solid var(--line); }
.proof-tabs { display: flex; justify-content: flex-end; gap: 6px; margin-top: 14px; }
.version-button { padding: 8px 10px; border: 0; border-bottom: 2px solid transparent; color: var(--ink-soft); background: transparent; cursor: pointer; font: 600 .72rem var(--interface); }
.version-button span { margin-left: 6px; color: currentColor; font-size: .62rem; opacity: .65; }
.version-button:hover { color: var(--ink); }
.version-button.is-active { border-bottom-color: var(--brick); color: var(--ink); }
.proof-live { margin: 9px 0 0; color: var(--ink-soft); font-size: .7rem; text-align: right; }
.hero-proof[data-view='revision'] .mark-amber { box-shadow: inset 0 -8px 0 rgba(113, 130, 103, .34); }
.hero-proof[data-view='revision'] .margin-note { border-color: rgba(113, 130, 103, .52); background: #f1f5ed; }



.section-flow { display: grid; grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr); gap: clamp(48px, 10vw, 156px); padding-top: 108px; padding-bottom: 122px; border-top: 1px solid var(--line); }
.section-intro { max-width: 320px; }
.section-label { margin-bottom: 18px; }
h2 { margin-bottom: 18px; font-size: clamp(2.35rem, 4vw, 4.2rem); line-height: .99; }
.section-intro > p:last-child, .roles-lead > p:last-child { color: var(--ink-soft); font-size: .94rem; line-height: 1.65; }
.flow-list { margin: 0; padding: 0; list-style: none; }
.flow-item { display: grid; grid-template-columns: 44px 1fr 30px; gap: 21px; align-items: start; padding: 23px 0; border-top: 1px solid var(--line); }
.flow-item:last-child { border-bottom: 1px solid var(--line); }
.flow-number { padding-top: 4px; color: var(--brick); font: 600 1.05rem var(--display); }
.flow-item h3 { margin-bottom: 6px; font-size: 1.48rem; line-height: 1; }
.flow-item p { max-width: 48ch; margin-bottom: 0; color: var(--ink-soft); font-size: .85rem; line-height: 1.55; }
.flow-mark { color: var(--ink-soft); font-size: 1.2rem; text-align: right; }
.flow-item-feedback .flow-number, .flow-item-feedback .flow-mark { color: var(--sun); }


.roles-section { padding: 110px 0 115px; color: var(--white); background: var(--ink); }
.roles-grid { display: grid; grid-template-columns: minmax(270px, .85fr) minmax(0, 1.15fr); gap: clamp(50px, 10vw, 150px); align-items: center; }
.roles-lead { max-width: 430px; }
.roles-lead .section-label { color: #e4b9a7; }
.roles-lead h2 { margin-bottom: 24px; }
.roles-lead > p:last-child { color: #bcc7c6; }
.role-notes { padding-top: 12px; }
.role-note { display: grid; grid-template-columns: 46px 1fr 28px; gap: 18px; align-items: start; padding: 26px 0; border-top: 1px solid rgba(255, 253, 248, .27); }
.role-note:last-child { border-bottom: 1px solid rgba(255, 253, 248, .27); }
.role-index { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: .75rem; font-weight: 700; }
.role-note h3 { margin: 0 0 7px; color: var(--white); font-size: 1.55rem; }
.role-note p { max-width: 46ch; margin: 0; color: #bcc7c6; font-size: .86rem; line-height: 1.55; }
.role-note-learner .role-index, .role-note-learner .role-arrow { color: #e4b9a7; }
.role-note-teacher .role-index, .role-note-teacher .role-arrow { color: #becaaa; }
.role-arrow { padding-top: 5px; text-align: right; }

.closing-section { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 50px; padding-top: 111px; padding-bottom: 115px; }
.closing-line { position: absolute; top: 51px; left: 0; width: min(130px, 18vw); height: 1px; background: var(--brick); }
.closing-copy h2 { margin: 0; }
.closing-copy .section-label { margin-bottom: 18px; }
.closing-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.closing-note { max-width: 30rem; margin: 0; color: var(--ink-soft); font-size: .88rem; line-height: 1.5; }
.site-footer { border-top: 1px solid var(--line); }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 0; color: var(--ink-soft); font-size: .68rem; }
.footer-brand { display: grid; gap: 4px; }
.footer-brand strong { color: var(--ink); font-size: .8rem; letter-spacing: -.02em; }
.footer-brand span, .footer-copy { color: var(--ink-soft); }
.footer-nav a { color: var(--ink-soft); font-size: .72rem; font-weight: 700; text-decoration: none; }
.footer-nav a:hover, .footer-nav a:focus-visible { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; gap: 58px; }
  .hero-copy { max-width: 700px; }
  .hero-proof { max-width: 700px; justify-self: end; width: 100%; }
  .section-flow, .roles-grid { gap: 58px; }
}

@media (max-width: 680px) {
  .ty-logout-modal-actions { flex-direction: column-reverse; }
  .ty-logout-modal-actions button { width: 100%; }
  
  .shell { width: min(100% - 36px, 520px); }
  .header-inner { min-height: 76px; }
  .main-nav { gap: 15px; }
  .main-nav a:not(.nav-action) { display: none; }
  .nav-action { padding: 9px 11px; }
  .hero { padding-top: 60px; padding-bottom: 84px; }
  h1 { font-size: clamp(3rem, 14vw, 4.6rem); }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; }
  .hero-proof { padding: 12px 0 0 12px; }
  .proof-paper { padding: 18px 18px 0; }
  .paper-body { grid-template-columns: 1fr; gap: 18px; min-height: 0; }
  .paper-text { max-width: none; }
  .margin-note { max-width: 220px; margin-left: 10px; }
  .paper-footer { margin-left: -18px; margin-right: -18px; padding-left: 18px; padding-right: 18px; }
  .proof-tabs { justify-content: flex-start; }
  .proof-live { text-align: left; }
  .section-flow, .roles-grid { grid-template-columns: 1fr; padding-top: 82px; padding-bottom: 88px; }
  .section-intro, .roles-lead { max-width: 520px; }
  .roles-section { padding: 84px 0 88px; }
  .closing-section { align-items: flex-start; flex-direction: column; padding-top: 90px; padding-bottom: 88px; }
  .closing-line { top: 42px; }
  .footer-inner { align-items: flex-start; flex-direction: column; }
}

/* Sistem yöneticisi çalışma alanı ve rapor yüzeyi. */
#tyv3-icerik.ty-dashboard .ty-system-admin-welcome {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

#tyv3-icerik.ty-dashboard .ty-system-admin-welcome .button { flex: 0 0 auto; }
#tyv3-icerik.ty-dashboard .ty-system-admin-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#tyv3-icerik.ty-dashboard .ty-system-admin-management-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
#tyv3-icerik.ty-dashboard .ty-system-admin-management-link {
  display: flex;
  min-width: 0;
  min-height: 112px;
  flex-direction: column;
  gap: 7px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--ink);
  background: var(--white);
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
#tyv3-icerik.ty-dashboard .ty-system-admin-management-link:hover,
#tyv3-icerik.ty-dashboard .ty-system-admin-management-link:focus-visible {
  border-color: var(--mint);
  box-shadow: 0 12px 24px rgba(34, 32, 94, .1);
  outline: 0;
  transform: translateY(-2px);
}
#tyv3-icerik.ty-dashboard .ty-system-admin-management-link strong { font-size: .88rem; }
#tyv3-icerik.ty-dashboard .ty-system-admin-management-link span { color: var(--workspace-muted); font-size: .76rem; line-height: 1.55; }
#tyv3-icerik.ty-dashboard .ty-system-admin-management-link b { margin-top: auto; color: var(--mint-deep); font-size: .74rem; }

.ty-expert-case-text {
  margin-top: 12px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: var(--ink);
  background: var(--paper-deep);
  line-height: 1.75;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.ty-report-page-head { margin-bottom: 18px; padding: 0 4px; }
.ty-report-page-head h1 { margin: 0; color: var(--ink); }
.ty-report-page-head p { max-width: 680px; margin: 7px 0 0; color: var(--workspace-muted); line-height: 1.55; }
.ty-report-filter {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 20px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--workspace-soft);
}
.ty-report-filter label { display: grid; min-width: 210px; gap: 6px; color: var(--ink); font-size: .75rem; font-weight: 750; }
.ty-report-filter select, .ty-report-filter .button { margin: 0; }
.ty-report-filter .button { align-self: end; min-height: 42px; }
.ty-report-period { margin: 0 0 14px; color: var(--workspace-muted); font-size: .78rem; }
.ty-report-institution { margin-top: 18px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); }
.ty-report-institution-head h2 { margin: 0; color: var(--ink); font-size: 1.05rem; }
.ty-report-institution-head p { margin: 5px 0 0; color: var(--workspace-muted); font-size: .76rem; }
.ty-report-table-wrap { margin-top: 14px; overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; }
.ty-report-table { min-width: 680px; margin: 0 !important; }
.ty-report-table th { background: var(--paper-deep); }
.ty-report-empty { margin-top: 12px; padding: 16px; border: 1px dashed var(--line); border-radius: 12px; background: var(--workspace-soft); }
.ty-report-empty strong { display: block; color: var(--ink); }
.ty-report-empty p { margin: 5px 0 0; color: var(--workspace-muted); }

.ty-class-join-page { width: min(calc(100% - 36px), 900px); margin: 32px auto; padding: 16px; }

@media (max-width: 960px) {
  #tyv3-icerik.ty-dashboard .ty-system-admin-management-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  #tyv3-icerik.ty-dashboard .ty-system-admin-welcome { align-items: stretch; flex-direction: column; }
  #tyv3-icerik.ty-dashboard .ty-system-admin-welcome .button { width: 100%; text-align: center; }

#tyv3-icerik.ty-dashboard .ty-system-admin-stats,
#tyv3-icerik.ty-dashboard .ty-system-admin-management-grid { grid-template-columns: 1fr; }
  .ty-report-filter { align-items: stretch; flex-direction: column; }
  .ty-report-filter label, .ty-report-filter .button { width: 100%; min-width: 0; }
  .ty-report-filter .button { text-align: center; }
  .ty-report-institution { padding: 15px; }
  .ty-report-table-wrap { margin-right: -1px; margin-left: -1px; }
  .ty-class-join-page { width: min(calc(100% - 24px), 900px); margin-top: 20px; padding: 12px; }
}

/* Frontend authentication surfaces share the product shell without exposing wp-login.php. */
#tyv3-auth-page.ty-auth-page {
  display: grid;
  min-height: min(720px, calc(100vh - 100px));
  max-width: none !important;
  margin: 0 !important;
  padding: 72px 24px !important;
  place-items: center;
  background: linear-gradient(135deg, rgba(240, 239, 255, .66), rgba(238, 249, 251, .6) 52%, rgba(255, 255, 255, .96));
}
#tyv3-auth-page .ty-auth-card {
  width: min(100%, 500px);
  padding: clamp(28px, 5vw, 52px);
  border: 1px solid rgba(39, 38, 106, .11);
  border-radius: 28px;
  background: var(--white);
  box-shadow: 0 24px 70px rgba(39, 38, 106, .12);
}
#tyv3-auth-page .ty-auth-kicker { margin: 0 0 12px; color: var(--mint-dark, #087d67); font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
#tyv3-auth-page h1 { margin: 0 0 12px; color: var(--ink); font-size: clamp(2rem, 5vw, 3.35rem); line-height: .98; }
#tyv3-auth-page .ty-auth-intro { margin: 0 0 22px; color: var(--ink-soft); }
#tyv3-auth-page .ty-auth-form { display: grid; gap: 14px; margin-top: 20px; }
#tyv3-auth-page .ty-auth-form p { margin: 0; }
#tyv3-auth-page .ty-auth-form label { display: grid; gap: 7px; color: var(--ink); font-size: .78rem; font-weight: 750; }
#tyv3-icerik.ty-yazma .ty-teacher-registration-form fieldset { min-width: 0; margin: 20px 0; padding: 18px 0 0; border: 0; border-top: 1px solid rgba(39, 38, 106, .12); }
#tyv3-icerik.ty-yazma .ty-teacher-registration-form legend { padding: 0; color: var(--ink); font-family: var(--display); font-size: 1.2rem; font-weight: 800; letter-spacing: -.02em; }
#tyv3-icerik.ty-yazma .ty-teacher-registration-form fieldset > p { margin: 16px 0; }
#tyv3-icerik.ty-yazma .ty-teacher-registration-form .ty-fieldset-intro { margin: 6px 0 16px; color: var(--workspace-muted); font-size: .82rem; }
#tyv3-icerik.ty-yazma .ty-teacher-registration-form .ty-field-help { display: block; margin: -8px 0 12px; color: var(--workspace-muted); font-size: .75rem; line-height: 1.45; }
#tyv3-icerik.ty-yazma .ty-teacher-registration-form .ty-field-optional { color: var(--workspace-muted); font-size: .72rem; font-weight: 600; }
#tyv3-icerik.ty-yazma .ty-teacher-year-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
#tyv3-icerik.ty-yazma .ty-teacher-year-grid p { margin: 0 !important; }
#tyv3-auth-page .ty-auth-form input:not([type="checkbox"]),
#tyv3-auth-page.ty-yazma input:not([type="checkbox"]),
#tyv3-icerik.ty-auth-page input:not([type="checkbox"]) {
  width: 100%;
  max-width: 100%;
  min-height: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 13px;
  border: 1px solid rgba(39, 38, 106, .2);
  border-radius: 10px;
  color: var(--ink);
  background: var(--white);
  font: .92rem/1.45 var(--interface);
}
#tyv3-icerik.ty-login-surface .ty-login-form input:not([type="checkbox"]):focus {
  border-color: #5c52b9;
  box-shadow: 0 0 0 3px rgba(92, 82, 185, .16);
  outline: 0;
  outline-offset: 0;
}
#tyv3-auth-page .ty-auth-check label { display: inline-flex; grid-template-columns: auto 1fr; align-items: center; gap: 8px; font-weight: 600; }
#tyv3-auth-page .ty-auth-switch { margin: 22px 0 0; color: var(--ink-soft); font-size: .84rem; }
#tyv3-auth-page .ty-status, #tyv3-auth-page .ty-uyari { margin: 0 0 18px; }
#tyv3-auth-page button[type="submit"] { justify-self: start; }

@media (max-width: 560px) {
  #tyv3-auth-page.ty-auth-page { min-height: calc(100vh - 82px); padding: 38px 16px !important; }
  #tyv3-auth-page .ty-auth-card { border-radius: 22px; padding: 28px 20px; }
  #tyv3-auth-page button[type="submit"] { width: 100%; }
  #tyv3-icerik.ty-yazma .ty-teacher-year-grid { grid-template-columns: 1fr; gap: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .ty-page-loader-ring { animation: none; }
}

/* Shared WordPress/plugin surface */
.site-fallback { padding-top: clamp(76px, 10vw, 140px); padding-bottom: clamp(90px, 12vw, 160px); }
.fallback-panel { max-width: 660px; padding: clamp(32px, 6vw, 70px); border: 1px solid var(--line-strong); border-radius: 15px; background: var(--white); box-shadow: 0 20px 48px rgba(24, 49, 58, .1); }
.fallback-panel h1 { margin-bottom: 20px; font-size: clamp(2.8rem, 6vw, 5rem); }
.fallback-panel p:not(.section-label) { max-width: 55ch; margin-bottom: 28px; color: var(--ink-soft); line-height: 1.65; }

/* Ücretlendirme sayfası: durumu açıklayan, satış vaadi içermeyen tek yüzey. */
.pricing-page-main { overflow: hidden; }
.pricing-hero {
  max-width: 1080px;
  min-height: 0;
  padding-top: clamp(72px, 10vw, 128px);
  padding-bottom: clamp(86px, 11vw, 140px);
}
.pricing-intro { max-width: 900px; }
.pricing-intro h1 { margin-bottom: 22px; font-size: clamp(3.4rem, 7vw, 6.2rem); line-height: .92; }
.pricing-lead { max-width: 19ch; margin-bottom: 18px; color: var(--ink); font-family: var(--display); font-size: clamp(1.45rem, 2.8vw, 2.15rem); font-weight: 600; letter-spacing: -.035em; line-height: 1.06; }
.pricing-copy { max-width: 52ch; margin: 0; color: var(--ink-soft); font-size: 1rem; line-height: 1.7; }
.pricing-details { display: grid; grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr); gap: clamp(48px, 10vw, 156px); padding-top: 96px; padding-bottom: 124px; border-top: 1px solid var(--line); }
.pricing-details-heading { max-width: 340px; }
.pricing-details-heading h2 { margin-bottom: 0; }
.pricing-details-list { border-top: 1px solid var(--line); }
.pricing-detail { display: grid; grid-template-columns: 44px 1fr; gap: 21px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.pricing-detail-index { padding-top: 3px; color: var(--brick-dark); font: 700 1rem var(--display); }
.pricing-detail h3 { margin: 0 0 7px; font-size: 1.4rem; line-height: 1; }
.pricing-detail p { max-width: 46ch; margin: 0; color: var(--ink-soft); font-size: .86rem; line-height: 1.6; }

@media (max-width: 760px) {
  .pricing-hero { padding-top: 64px; padding-bottom: 88px; }
  .pricing-intro { max-width: 680px; }
  .pricing-details { grid-template-columns: 1fr; gap: 40px; padding-top: 78px; padding-bottom: 92px; }
  .pricing-details-heading { max-width: 520px; }
}

@media (max-width: 460px) {
  .pricing-hero { padding-top: 48px; padding-bottom: 70px; }
  .pricing-intro h1 { font-size: clamp(2.5rem, 13vw, 4.2rem); overflow-wrap: anywhere; }
  .pricing-lead { font-size: 1.4rem; }
  .pricing-details { padding-top: 66px; padding-bottom: 78px; }
}

/* 404 surface: the same indigo–mint language, with a route-aware message. */
.not-found-page { position: relative; overflow: hidden; }
.not-found-page::before {
  position: absolute;
  z-index: -1;
  top: 9%;
  right: -8%;
  width: min(48vw, 620px);
  height: min(48vw, 620px);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(240, 239, 255, .95) 0%, rgba(240, 239, 255, .42) 50%, transparent 72%);
  content: '';
  pointer-events: none;
}
.not-found-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, .76fr); gap: clamp(46px, 9vw, 130px); align-items: center; min-height: min(700px, calc(100vh - 170px)); padding-top: clamp(68px, 9vw, 120px); padding-bottom: clamp(88px, 11vw, 145px); }
.not-found-copy { max-width: 620px; }
.not-found-code { margin: 0 0 9px; color: #7b70d3; font-size: clamp(1rem, 2vw, 1.4rem); font-weight: 800; letter-spacing: .18em; line-height: 1; }
.not-found-copy h1 { max-width: 620px; margin-bottom: 24px; font-size: clamp(3rem, 6vw, 5.45rem); line-height: .96; }
.not-found-lead { max-width: 48ch; margin-bottom: 32px; color: var(--ink-soft); font-size: 1.02rem; line-height: 1.65; }
.not-found-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.not-found-card { position: relative; isolation: isolate; min-height: 380px; padding: 27px; overflow: hidden; border: 1px solid rgba(39, 38, 106, .1); border-radius: 28px; background: rgba(255, 255, 255, .82); box-shadow: 0 26px 70px rgba(39, 38, 106, .13); }
.not-found-card-topline, .not-found-card-footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; color: #6d7190; font-size: .63rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.not-found-card-footer { position: absolute; right: 27px; bottom: 25px; left: 27px; align-items: end; padding-top: 18px; border-top: 1px solid rgba(39, 38, 106, .1); }
.not-found-card-footer strong { color: var(--ink); font-size: .7rem; }
.not-found-visual { display: block; width: 100%; height: auto; margin: 30px 0 22px; overflow: visible; }
.not-found-route { fill: none; stroke: #7b70d3; stroke-dasharray: 6 7; stroke-linecap: round; stroke-width: 2; }
.not-found-node { stroke: var(--white); stroke-width: 4; }
.not-found-node-start { fill: var(--brick); }
.not-found-node-end { fill: var(--ink); }
.not-found-sheet { filter: drop-shadow(0 16px 14px rgba(39, 38, 106, .14)); }
.not-found-sheet rect { fill: var(--white); stroke: rgba(39, 38, 106, .25); stroke-width: 1.5; }
.not-found-sheet-fold { fill: var(--paper-deep); stroke: rgba(39, 38, 106, .16); stroke-width: 1.5; }
.not-found-sheet line { stroke: #c9c5ff; stroke-linecap: round; stroke-width: 3; }
.not-found-sheet-accent { fill: var(--brick); stroke: var(--white); stroke-width: 3; }

#tyv3-icerik.ty-yazma { width: min(1180px, calc(100% - 64px)) !important; max-width: none !important; margin: clamp(48px, 7vw, 92px) auto !important; padding: 0 !important; color: var(--ink); font-family: var(--interface); }
#tyv3-icerik h1, #tyv3-icerik h2, #tyv3-icerik h3, #tyv3-icerik h4, #tyv3-icerik h5, #tyv3-icerik h6 { color: var(--ink); font-family: var(--display); letter-spacing: -.03em; }
#tyv3-icerik h1 { max-width: 760px; margin-bottom: 30px; font-size: clamp(2.8rem, 5vw, 5rem); line-height: .98; }
#tyv3-icerik h2 { margin-top: 42px; margin-bottom: 18px; font-size: clamp(2rem, 3.4vw, 3.3rem); line-height: 1; }
#tyv3-icerik h3 { font-size: 1.55rem; }
#tyv3-icerik p, #tyv3-icerik li { color: var(--ink-soft); line-height: 1.6; }
#tyv3-icerik > section, #tyv3-icerik > article { margin: 24px 0; padding: clamp(22px, 4vw, 36px); border: 1px solid var(--line); border-radius: 15px; background: var(--white); box-shadow: 0 14px 35px rgba(24, 49, 58, .07); }
#tyv3-icerik form { margin: 18px 0; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255, 253, 248, .7); }
#tyv3-icerik label { color: var(--ink); font-size: .82rem; font-weight: 600; }
#tyv3-icerik input:not([type="hidden"]), #tyv3-icerik select, #tyv3-icerik textarea { width: 100%; max-width: 100%; margin-top: 7px; padding: 11px 12px; border: 1px solid var(--line-strong); border-radius: 8px; color: var(--ink); background: var(--white); font: .9rem var(--interface); }
#tyv3-icerik input[type="checkbox"], #tyv3-icerik input[type="radio"] { width: auto; margin-right: 7px; accent-color: var(--brick); }
#tyv3-icerik button, #tyv3-icerik input[type="submit"], #tyv3-icerik .button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; margin-top: 10px; padding: 0 15px; border: 1px solid var(--brick); border-radius: 9px; color: var(--white); background: var(--brick); cursor: pointer; font: 700 .8rem var(--interface); text-decoration: none; }
#tyv3-icerik button:hover, #tyv3-icerik input[type="submit"]:hover, #tyv3-icerik .button:hover { border-color: var(--brick-dark); background: var(--brick-dark); }
#tyv3-icerik table { width: 100%; border-collapse: collapse; background: var(--white); }
#tyv3-icerik th, #tyv3-icerik td { padding: 12px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
#tyv3-icerik th { color: var(--ink); font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
#tyv3-icerik td { font-size: .84rem; }
#tyv3-icerik [role="alert"], #tyv3-icerik [role="status"] { margin: 0 0 20px; padding: 13px 15px; border: 1px solid rgba(198, 94, 68, .45); border-radius: 10px; color: var(--brick-dark); background: #fff7ed; }
#tyv3-icerik [role="status"] { border-color: rgba(113, 130, 103, .5); color: #536746; background: #f1f5ed; }
#tyv3-icerik code { padding: 2px 5px; border-radius: 4px; color: var(--brick-dark); background: #fff0e7; font-size: .88em; }
#tyv3-icerik .ty-version-comparison > div { align-items: start; }
#tyv3-icerik .ty-version-comparison article { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); }

@media (max-width: 680px) {
  
  #tyv3-icerik.ty-yazma { width: min(100% - 36px, 520px) !important; }
  #tyv3-icerik > section, #tyv3-icerik > article { padding: 20px 16px; }
  #tyv3-icerik .ty-version-comparison > div { grid-template-columns: 1fr !important; }
  #tyv3-icerik table { display: block; overflow-x: auto; }
}

/* Rayyan-inspired SaaS adaptation: indigo, mint, lavender and generous space. */
html { background: var(--paper); }
body {
  background:
    radial-gradient(circle at 86% 11%, rgba(240, 239, 255, .9), transparent 23rem),
    radial-gradient(circle at 12% 35%, rgba(238, 249, 251, .8), transparent 21rem),
    var(--paper);
}

.site-header {
  position: relative;
  z-index: 2;
  border-bottom: 1px solid rgba(39, 38, 106, .08);
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 8px 28px rgba(39, 38, 106, .05);
  backdrop-filter: blur(14px);
}
.header-inner { min-height: 82px; }
.brand-mark {
  border: 0;
  border-radius: 14px;
  color: var(--ink);
  background: var(--paper-deep);
  box-shadow: inset 0 0 0 1px rgba(39, 38, 106, .08);
}
.brand-mark svg { stroke-width: 1.9; }
.brand-copy strong { color: var(--ink); font-size: 1.2rem; font-weight: 750; letter-spacing: -.045em; }
.brand-copy small { max-width: 270px; color: var(--ink-soft); letter-spacing: .015em; }
.main-nav { gap: 23px; color: var(--ink); }
.main-nav a:not(.nav-action) { color: #3f416d; }
.main-nav a:not(.nav-action):hover { color: var(--ink); }
.nav-action {
  min-height: 42px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  color: var(--ink);
  background: var(--brick);
  box-shadow: 0 9px 20px rgba(17, 229, 179, .2);
}
.nav-action:hover { color: var(--white); background: var(--ink); }

.hero {
  position: relative;
  isolation: isolate;
  gap: clamp(48px, 7vw, 96px);
  padding-top: clamp(88px, 11vw, 150px);
  padding-bottom: clamp(106px, 13vw, 170px);
}
.hero::before {
  position: absolute;
  z-index: -1;
  top: 2%;
  right: -4%;
  width: min(47vw, 580px);
  height: min(47vw, 580px);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(240, 239, 255, .96) 0%, rgba(240, 239, 255, .45) 48%, transparent 72%);
  content: '';
  pointer-events: none;
}
.hero-kicker, .section-label { color: #5c52b9; }
.kicker-rule { background: var(--brick); }
h1, h2, h3 { color: var(--ink); font-weight: 700; letter-spacing: -.045em; }
h1 { max-width: 650px; font-size: clamp(3.15rem, 6.2vw, 5.9rem); line-height: .98; }
h1 em, h2 em { color: #5c52b9; }
.hero-lead { color: #555a78; font-size: 1.04rem; }
.hero-note { color: var(--ink-soft); }
.note-dot { background: var(--brick); }
.hero-actions { gap: 18px; }
.button {
  min-height: 52px;
  border-radius: 999px;
  font-weight: 700;
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.button-primary {
  color: var(--ink);
  background: var(--brick);
  box-shadow: 0 12px 25px rgba(17, 229, 179, .22);
}
.button-primary:hover { color: var(--white); background: var(--ink); box-shadow: 0 12px 25px rgba(39, 38, 106, .2); }
.text-link { color: var(--ink); }
.text-link span { color: #5c52b9; }

.hero-proof { padding: 18px 0 0 18px; }
.hero-proof::before, .hero-proof::after { border-color: rgba(92, 82, 185, .45); }
.proof-paper {
  padding: 25px 26px 0;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 24px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 25px 70px rgba(39, 38, 106, .14);
}
.paper-topline, .paper-footer { color: #6d7190; }
.paper-status { color: var(--moss); }
.paper-heading { margin-top: 35px; }
.paper-label { color: #5c52b9; }
.paper-heading h2 { color: var(--ink); }
.paper-rule { background: rgba(39, 38, 106, .1); }
.paper-text { color: #303257; }
.mark-amber { box-shadow: inset 0 -8px 0 rgba(17, 229, 179, .34); }
.margin-note {
  border-color: rgba(92, 82, 185, .24);
  border-radius: 16px;
  background: #f6f4ff;
  transform: rotate(.8deg);
}
.note-pin { background: var(--brick); box-shadow: 0 0 0 4px var(--white); }
.margin-label { color: #5c52b9; }
.margin-note strong { color: var(--ink); }
.margin-note p { color: var(--ink-soft); }
.paper-footer { border-top-color: rgba(39, 38, 106, .1); }
.proof-tabs { gap: 8px; }
.version-button { border-radius: 999px; color: var(--ink-soft); }
.version-button.is-active { border-bottom-color: var(--brick); color: var(--ink); background: var(--paper-deep); }
.proof-live { color: var(--ink-soft); }
.hero-proof[data-view='revision'] .mark-amber { box-shadow: inset 0 -8px 0 rgba(109, 97, 200, .25); }
.hero-proof[data-view='revision'] .margin-note { border-color: rgba(17, 229, 179, .46); background: #effffb; }
.hero-proof[data-view='revision'] .note-pin { background: var(--moss); }
.hero-proof[data-view='revision'] .margin-label { color: var(--moss); }

.section-flow,
.flow-item { border-top-color: rgba(39, 38, 106, .1); }
.flow-item:last-child { border-bottom-color: rgba(39, 38, 106, .1); }
.flow-number { color: #5c52b9; }
.flow-item-feedback .flow-number, .flow-item-feedback .flow-mark { color: #7b70d3; }
.flow-item-revision .flow-number, .flow-item-revision .flow-mark { color: var(--moss); }

.roles-section {
  background: linear-gradient(135deg, var(--ink) 0%, var(--ink-dark, #1e1c57) 100%);
}
.roles-section h2 { color: var(--white); }
.roles-lead .section-label { color: var(--brick); }
.role-note { border-top-color: rgba(255, 255, 255, .18); }
.role-note:last-child { border-bottom-color: rgba(255, 255, 255, .18); }
.role-note-learner .role-index, .role-note-learner .role-arrow { color: var(--brick); }
.role-note-teacher .role-index, .role-note-teacher .role-arrow { color: #c9c5ff; }
.role-note p, .roles-lead > p:last-child { color: #c5c7e0; }
.closing-section { padding-top: 124px; padding-bottom: 126px; }
.closing-line { background: var(--brick); }
.site-footer { border-top-color: rgba(39, 38, 106, .1); background: rgba(255, 255, 255, .72); }
/* Plugin surfaces use the same system without changing plugin behavior. */
#tyv3-icerik.ty-yazma,
#tyv3-icerik h1, #tyv3-icerik h2, #tyv3-icerik h3, #tyv3-icerik h4, #tyv3-icerik h5, #tyv3-icerik h6 { color: var(--ink); }
#tyv3-icerik > section, #tyv3-icerik > article {
  border-color: rgba(39, 38, 106, .1);
  border-radius: 20px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 18px 48px rgba(39, 38, 106, .08);
}
#tyv3-icerik form {
  border-color: rgba(39, 38, 106, .1);
  border-radius: 16px;
  background: #f8f8ff;
}
#tyv3-icerik input:not([type="hidden"]), #tyv3-icerik select, #tyv3-icerik textarea {
  border-color: rgba(39, 38, 106, .22);
  border-radius: 10px;
  background: var(--white);
}
#tyv3-icerik input:not([type="hidden"]):focus, #tyv3-icerik select:focus, #tyv3-icerik textarea:focus {
  border-color: #5c52b9;
  box-shadow: 0 0 0 3px rgba(92, 82, 185, .16);
  outline: 0;
}
#tyv3-icerik button, #tyv3-icerik input[type="submit"], #tyv3-icerik .button {
  min-height: 44px;
  border: 0;
  border-radius: 999px;
  color: var(--ink);
  background: var(--brick);
  box-shadow: 0 8px 18px rgba(17, 229, 179, .18);
}
#tyv3-icerik button:hover, #tyv3-icerik input[type="submit"]:hover, #tyv3-icerik .button:hover {
  border: 0;
  color: var(--white);
  background: var(--ink);
}
#tyv3-icerik th { color: var(--ink); background: var(--paper-deep); }
#tyv3-icerik th, #tyv3-icerik td { border-bottom-color: rgba(39, 38, 106, .1); }
#tyv3-icerik [role="alert"] { border-color: rgba(224, 107, 103, .42); color: #a84f50; background: #fff3f2; }
#tyv3-icerik [role="status"] { border-color: rgba(17, 229, 179, .42); color: #287763; background: var(--paper-deep); }
#tyv3-icerik code { color: var(--ink); background: #e9e8ff; }
#tyv3-icerik .ty-version-comparison article { border-color: rgba(39, 38, 106, .1); border-radius: 16px; background: #f8f8ff; }

@media (max-width: 680px) {
  
  .hero { padding-top: 64px; padding-bottom: 92px; }
  .hero::before { top: 9%; right: -35%; width: 92vw; height: 92vw; }
  .hero-proof { padding-top: 10px; }
  .proof-paper { padding: 20px 18px 0; border-radius: 20px; }
  .paper-footer { margin-left: -18px; margin-right: -18px; }
  .section-flow { background: rgba(240, 239, 255, .34); }
  .roles-section { background: linear-gradient(155deg, var(--ink) 0%, #1e1c57 100%); }
  #tyv3-icerik > section, #tyv3-icerik > article { border-radius: 16px; }
}

/* Final UX polish: calmer hero wrapping and an accessible mobile menu. */
.header-inner { position: relative; }
.mobile-menu-toggle, .mobile-navigation { display: none; }
.hero { grid-template-columns: minmax(0, 1fr) minmax(460px, 1.05fr); gap: clamp(42px, 6vw, 82px); }
h1 { max-width: 620px; font-size: clamp(2.85rem, 4.5vw, 4.35rem); }

@media (max-width: 1100px) and (min-width: 901px) {
  .hero { grid-template-columns: minmax(0, .92fr) minmax(410px, 1.08fr); gap: 42px; }
  h1 { font-size: clamp(2.85rem, 4.7vw, 4.2rem); }
}

@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; }
  h1 { max-width: 700px; font-size: clamp(3rem, 8vw, 5.15rem); }
  .not-found-shell { grid-template-columns: 1fr; min-height: 0; }
  .not-found-card { width: min(100%, 560px); min-height: 320px; }
}

@media (max-width: 680px) {
  
  .main-nav { display: none; }
  .brand-copy small { max-width: 190px; font-size: .6rem; }
  .mobile-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    padding: 0 13px;
    border: 1px solid rgba(39, 38, 106, .15);
    border-radius: 999px;
    color: var(--ink);
    background: var(--white);
    cursor: pointer;
    font: 700 .76rem var(--interface);
  }
  .mobile-menu-toggle:hover, .mobile-menu-toggle.is-open { border-color: var(--ink); background: var(--paper-deep); }
  .mobile-menu-toggle span { display: block; width: 13px; height: 1.5px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
  .mobile-menu-toggle b { font-weight: 700; }
  .mobile-menu-toggle.is-open span:nth-child(1) { transform: translateY(3px) rotate(45deg); }
  .mobile-menu-toggle.is-open span:nth-child(2) { opacity: 0; }
  .mobile-menu-toggle.is-open span:nth-child(3) { transform: translateY(-3px) rotate(-45deg); }
  .mobile-navigation:not([hidden]) {
    position: absolute;
    z-index: 4;
    top: calc(100% + 12px);
    right: 18px;
    left: 18px;
    display: grid;
    gap: 5px;
    padding: 12px;
    border: 1px solid rgba(39, 38, 106, .1);
    border-radius: 18px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 20px 45px rgba(39, 38, 106, .16);
  }
  .mobile-navigation a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 13px;
    border-radius: 12px;
    color: var(--ink);
    text-decoration: none;
    font-size: .86rem;
    font-weight: 700;
  }
  .mobile-navigation a:not(.nav-action):hover { background: var(--paper-deep); }
  .mobile-navigation .nav-action { justify-content: center; margin-top: 5px; }
  body.logged-in .header-inner.is-authenticated { min-height: 88px; }
  body.logged-in .header-inner.is-authenticated .main-nav { display: flex; margin-left: auto; }
  body.logged-in .header-inner.is-authenticated .nav-workspace { min-height: 44px; padding: 0 16px; font-size: .74rem; }
  body.logged-in .header-inner.is-authenticated .mobile-menu-toggle,
  body.logged-in .header-inner.is-authenticated .mobile-navigation { display: none !important; }
  h1 { font-size: clamp(2.85rem, 13vw, 4.35rem); }
  .not-found-shell { padding-top: 62px; padding-bottom: 86px; }
  .not-found-copy h1 { font-size: clamp(2.75rem, 13vw, 4.35rem); }
  .not-found-actions { align-items: flex-start; flex-direction: column; gap: 17px; }
  .not-found-card { min-height: 270px; padding: 21px; border-radius: 21px; }
  .not-found-card-footer { right: 21px; bottom: 20px; left: 21px; }
  .not-found-visual { margin-top: 18px; margin-bottom: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-menu-toggle span { transition: none; }
}

/*
 * Workspace surfaces: authenticated product screens use the same visual
 * language as the landing page, but prioritize scanability and task focus.
 * This layer is intentionally presentation-only; plugin routes, forms and
 * permission decisions remain unchanged.
 */
#tyv3-icerik.ty-yazma {
  --workspace-surface: rgba(255, 255, 255, .96);
  --workspace-soft: #f8f8ff;
  --workspace-muted: #686c89;
  --workspace-success: #287763;
  --workspace-success-surface: #effffb;
  --workspace-danger: #a84f50;
  --workspace-danger-surface: #fff3f2;
  --workspace-shadow: 0 18px 48px rgba(39, 38, 106, .08);
  width: min(1180px, calc(100% - 64px)) !important;
  margin: clamp(48px, 7vw, 92px) auto !important;
}

#tyv3-icerik.ty-yazma > h1 {
  max-width: 820px;
  margin: 0 0 20px;
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  line-height: .98;
}

#tyv3-icerik.ty-yazma > h1 + p:not([role]) {
  max-width: 70ch;
  margin-bottom: 30px;
  color: var(--workspace-muted);
  font-size: 1rem;
  line-height: 1.65;
}

#tyv3-icerik.ty-yazma > section,
#tyv3-icerik.ty-yazma > article {
  margin: 28px 0;
  padding: clamp(24px, 4vw, 40px);
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 22px;
  background: var(--workspace-surface);
  box-shadow: var(--workspace-shadow);
}

#tyv3-icerik.ty-yazma > section > h2:first-child,
#tyv3-icerik.ty-yazma > section > h3:first-child,
#tyv3-icerik.ty-yazma > article > h2:first-child,
#tyv3-icerik.ty-yazma > article > h3:first-child {
  margin-top: 0;
}

#tyv3-icerik.ty-yazma h2 {
  margin-top: 34px;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  line-height: 1.02;
}

#tyv3-icerik.ty-yazma h3 {
  margin-top: 28px;
  margin-bottom: 12px;
  font-size: 1.35rem;
  line-height: 1.1;
}

#tyv3-icerik.ty-yazma h4,
#tyv3-icerik.ty-yazma h5,
#tyv3-icerik.ty-yazma h6 {
  margin-top: 24px;
  margin-bottom: 10px;
  font-size: 1rem;
  line-height: 1.2;
}

#tyv3-icerik.ty-yazma p,
#tyv3-icerik.ty-yazma li {
  color: var(--workspace-muted);
  line-height: 1.65;
}

#tyv3-icerik.ty-yazma ul,
#tyv3-icerik.ty-yazma ol {
  padding-left: 1.25rem;
}

#tyv3-icerik.ty-yazma > ul,
#tyv3-icerik.ty-yazma > ol {
  margin: 22px 0;
  padding: 20px 24px 20px 42px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 18px;
  background: var(--workspace-surface);
}

#tyv3-icerik.ty-yazma form {
  margin: 22px 0;
  padding: 22px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 16px;
  background: var(--workspace-soft);
}

#tyv3-icerik.ty-yazma form p:last-child,
#tyv3-icerik.ty-yazma form fieldset:last-child {
  margin-bottom: 0;
}

#tyv3-icerik.ty-yazma label {
  display: inline-block;
  color: var(--ink);
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.4;
}

#tyv3-icerik.ty-yazma.ty-dashboard--bireysel > form label {
  display: block;
  width: 100%;
}

#tyv3-icerik.ty-yazma input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
#tyv3-icerik.ty-yazma select,
#tyv3-icerik.ty-yazma textarea {
  width: 100%;
  max-width: 100%;
  margin-top: 8px;
  padding: 12px 13px;
  border: 1px solid rgba(39, 38, 106, .2);
  border-radius: 12px;
  color: var(--ink);
  background: var(--white);
  font: .92rem/1.45 var(--interface);
}

#tyv3-icerik.ty-yazma textarea {
  min-height: 120px;
  resize: vertical;
}

#tyv3-icerik.ty-yazma input[type="checkbox"],
#tyv3-icerik.ty-yazma input[type="radio"] {
  width: auto;
  margin-right: 7px;
  accent-color: var(--brick-dark);
}

#tyv3-icerik.ty-yazma input:not([type="hidden"]):focus,
#tyv3-icerik.ty-yazma select:focus,
#tyv3-icerik.ty-yazma textarea:focus {
  border-color: #5c52b9;
  box-shadow: 0 0 0 4px rgba(92, 82, 185, .15);
  outline: 0;
}

#tyv3-icerik.ty-yazma button,
#tyv3-icerik.ty-yazma input[type="submit"],
#tyv3-icerik.ty-yazma .button {
  min-height: 44px;
  margin-top: 10px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  color: var(--ink);
  background: var(--brick);
  box-shadow: 0 8px 18px rgba(17, 229, 179, .18);
  cursor: pointer;
  font: 700 .82rem var(--interface);
  text-decoration: none;
}

#tyv3-icerik.ty-yazma button:hover,
#tyv3-icerik.ty-yazma input[type="submit"]:hover,
#tyv3-icerik.ty-yazma .button:hover {
  color: var(--white);
  background: var(--ink);
  box-shadow: 0 10px 22px rgba(39, 38, 106, .18);
}

#tyv3-icerik.ty-yazma .button-link-delete,
#tyv3-icerik.ty-yazma button.button-link-delete {
  min-height: auto;
  padding: 5px 0;
  border: 0;
  border-radius: 0;
  color: var(--workspace-danger);
  background: transparent;
  box-shadow: none;
  font-size: .8rem;
}

#tyv3-icerik.ty-yazma .button-link-delete:hover,
#tyv3-icerik.ty-yazma button.button-link-delete:hover {
  color: #7f3638;
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

#tyv3-icerik.ty-yazma table {
  width: 100%;
  margin: 20px 0;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 16px;
  background: var(--white);
}

#tyv3-icerik.ty-yazma th,
#tyv3-icerik.ty-yazma td {
  padding: 14px 13px;
  border-bottom: 1px solid rgba(39, 38, 106, .09);
  text-align: left;
  vertical-align: top;
}

#tyv3-icerik.ty-yazma tr:last-child td {
  border-bottom: 0;
}

#tyv3-icerik.ty-yazma th {
  color: var(--ink);
  background: var(--paper-deep);
  font-size: .7rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#tyv3-icerik.ty-yazma td {
  color: var(--workspace-muted);
  font-size: .86rem;
}

#tyv3-icerik.ty-yazma details {
  margin: 14px 0;
  padding: 0 18px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 14px;
  background: var(--white);
}

#tyv3-icerik.ty-yazma details[open] {
  padding-bottom: 18px;
  border-color: rgba(92, 82, 185, .28);
  background: #fbfbff;
}

#tyv3-icerik.ty-yazma summary {
  padding: 17px 0;
  color: var(--ink);
  cursor: pointer;
  font-weight: 750;
  line-height: 1.4;
}

#tyv3-icerik.ty-yazma .ty-corpus-metrics,
#tyv3-icerik.ty-yazma .ty-corpus-result,
#tyv3-icerik.ty-yazma .ty-ai-result,
#tyv3-icerik.ty-yazma .ty-teacher-feedback,
#tyv3-icerik.ty-yazma .ty-expert-case {
  margin: 22px 0;
  padding: 22px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 18px;
  background: var(--workspace-soft);
}

#tyv3-icerik.ty-yazma .ty-corpus-metrics {
  border-color: rgba(92, 82, 185, .22);
  background: var(--paper-deep);
}

#tyv3-icerik.ty-yazma .ty-corpus-result {
  overflow: hidden;
  border-color: rgba(92, 82, 185, .2);
  background: var(--white);
  box-shadow: 0 10px 24px rgba(39, 38, 106, .05);
}

#tyv3-icerik.ty-yazma .ty-corpus-result-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(92, 82, 185, .12);
}

#tyv3-icerik.ty-yazma .ty-corpus-result-head h5 { margin-bottom: 4px; }
#tyv3-icerik.ty-yazma .ty-corpus-result-head p,
#tyv3-icerik.ty-yazma .ty-corpus-result-note,
#tyv3-icerik.ty-yazma .ty-corpus-result-empty {
  margin: 0;
  color: var(--ink-soft);
  font-size: .8rem;
  line-height: 1.55;
}

#tyv3-icerik.ty-yazma .ty-corpus-result-count,
#tyv3-icerik.ty-yazma .ty-corpus-level-group > header span {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid rgba(92, 82, 185, .16);
  border-radius: 999px;
  color: var(--ink-soft);
  background: var(--paper-deep);
  font-size: .7rem;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
}

#tyv3-icerik.ty-yazma .ty-corpus-level-groups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin-top: 18px;
}

#tyv3-icerik.ty-yazma .ty-corpus-level-group {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 14px;
  background: #fbfbff;
}

#tyv3-icerik.ty-yazma .ty-corpus-level-group > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

#tyv3-icerik.ty-yazma .ty-corpus-level-group h6 {
  margin: 0;
  color: var(--ink);
  font-size: .8rem;
}

#tyv3-icerik.ty-yazma .ty-corpus-level-group > header span {
  min-height: 0;
  padding: 3px 7px;
  background: var(--white);
  font-size: .64rem;
}

#tyv3-icerik.ty-yazma .ty-corpus-level-group ul,
#tyv3-icerik.ty-yazma .ty-corpus-phrase-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tyv3-icerik.ty-yazma .ty-corpus-level-group li code,
#tyv3-icerik.ty-yazma .ty-corpus-phrase-list li code {
  display: inline-block;
  max-width: 100%;
  padding: 5px 8px;
  overflow-wrap: anywhere;
  border: 1px solid rgba(92, 82, 185, .13);
  border-radius: 8px;
  color: var(--ink);
  background: var(--white);
  font-family: inherit;
  font-size: .75rem;
}

#tyv3-icerik.ty-yazma .ty-corpus-phrase-list {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(92, 82, 185, .12);
}

#tyv3-icerik.ty-yazma .ty-corpus-phrase-list summary {
  padding: 0 0 12px;
  color: var(--ink);
  font-size: .78rem;
}

#tyv3-icerik.ty-yazma .ty-corpus-result-note,
#tyv3-icerik.ty-yazma .ty-corpus-result-empty { margin-top: 18px; }

#tyv3-icerik.ty-yazma .ty-ai-result {
  padding: 0;
  overflow: hidden;
  border-color: rgba(92, 82, 185, .22);
  background: var(--white);
  box-shadow: 0 12px 28px rgba(39, 38, 106, .08);
}

#tyv3-icerik.ty-yazma .ty-ai-result-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px;
  border-bottom: 1px solid rgba(92, 82, 185, .12);
  background: var(--paper-deep);
}

#tyv3-icerik.ty-yazma .ty-ai-result-header h5 {
  margin-bottom: 4px;
  font-size: 1rem;
}

#tyv3-icerik.ty-yazma .ty-ai-result-header p,
#tyv3-icerik.ty-yazma .ty-ai-result-note {
  margin: 0;
  color: var(--ink-soft);
  font-size: .8rem;
  line-height: 1.55;
}

#tyv3-icerik.ty-yazma .ty-ai-status {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid rgba(92, 82, 185, .2);
  border-radius: 999px;
  color: var(--ink);
  background: var(--white);
  font-size: .72rem;
  font-weight: 750;
  line-height: 1.2;
}

#tyv3-icerik.ty-yazma .ty-ai-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--sun);
}

#tyv3-icerik.ty-yazma .ty-ai-result.is-basarili .ty-ai-status-dot { background: var(--mint-dark); }
#tyv3-icerik.ty-yazma .ty-ai-result.is-kalici_hata .ty-ai-status-dot,
#tyv3-icerik.ty-yazma .ty-ai-result.is-ayar_hatasi .ty-ai-status-dot { background: #b84e58; }

#tyv3-icerik.ty-yazma .ty-ai-result-summary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px 8px;
}

#tyv3-icerik.ty-yazma .ty-ai-result-summary strong {
  color: var(--ink);
  font-size: .9rem;
  line-height: 1.45;
}

#tyv3-icerik.ty-yazma .ty-ai-result-summary span {
  flex: 0 0 auto;
  color: var(--ink-soft);
  font-size: .75rem;
  font-variant-numeric: tabular-nums;
}

#tyv3-icerik.ty-yazma .ty-ai-result-note {
  padding: 0 22px 20px;
}

#tyv3-icerik.ty-yazma .ty-ai-result > h6,
#tyv3-icerik.ty-yazma .ty-ai-result > ul,
#tyv3-icerik.ty-yazma .ty-ai-result > p:not(.ty-ai-result-note) {
  margin-right: 22px;
  margin-left: 22px;
}

#tyv3-icerik.ty-yazma .ty-ai-result > h6 {
  margin-top: 18px;
}

#tyv3-icerik.ty-yazma .ty-rubric-scores {
  display: grid;
  gap: 16px;
  margin: 22px 0;
  padding: 22px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 18px;
  background: var(--workspace-soft);
}

#tyv3-icerik.ty-yazma .ty-rubric-scores-head h3,
#tyv3-icerik.ty-yazma .ty-rubric-scores-head h5 {
  margin: 0;
  color: var(--ink);
  font-size: 1rem;
}

#tyv3-icerik.ty-yazma .ty-rubric-scores-head p {
  margin: 6px 0 0;
  color: var(--workspace-muted);
  font-size: .78rem;
  line-height: 1.5;
}

#tyv3-icerik.ty-yazma .ty-rubric-score-list {
  display: grid;
  gap: 12px;
}

#tyv3-icerik.ty-yazma .ty-rubric-score-card {
  padding: 16px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 12px;
  background: var(--white);
}

#tyv3-icerik.ty-yazma .ty-rubric-score-card.is-ai { border-color: rgba(92, 82, 185, .22); }
#tyv3-icerik.ty-yazma .ty-rubric-score-card.is-teacher { border-color: rgba(17, 151, 117, .24); }

#tyv3-icerik.ty-yazma .ty-rubric-score-card > header,
#tyv3-icerik.ty-yazma .ty-ai-rubric-item-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

#tyv3-icerik.ty-yazma .ty-rubric-score-card > header strong,
#tyv3-icerik.ty-yazma .ty-ai-rubric-item-head strong {
  display: block;
  color: var(--ink);
  font-size: .88rem;
  line-height: 1.4;
}

#tyv3-icerik.ty-yazma .ty-rubric-score-source,
#tyv3-icerik.ty-yazma .ty-ai-rubric-item-head > div:first-child span {
  display: block;
  color: var(--workspace-muted);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1.4;
  text-transform: uppercase;
}

#tyv3-icerik.ty-yazma .ty-rubric-total {
  display: grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  gap: 0 6px;
  min-width: max-content;
  color: var(--ink);
}

#tyv3-icerik.ty-yazma .ty-rubric-total small {
  grid-column: 1 / -1;
  color: var(--workspace-muted);
  font-size: .65rem;
  font-weight: 800;
}

#tyv3-icerik.ty-yazma .ty-rubric-total b {
  font-size: 1.1rem;
  font-variant-numeric: tabular-nums;
}

#tyv3-icerik.ty-yazma .ty-rubric-total > span,
#tyv3-icerik.ty-yazma .ty-ai-rubric-score {
  color: var(--workspace-muted);
  font-size: .72rem;
  font-variant-numeric: tabular-nums;
}

#tyv3-icerik.ty-yazma .ty-rubric-score-comment {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

#tyv3-icerik.ty-yazma .ty-rubric-score-comment strong {
  display: block;
  color: var(--ink);
  font-size: .72rem;
}

#tyv3-icerik.ty-yazma .ty-rubric-score-comment p,
#tyv3-icerik.ty-yazma .ty-ai-rubric-item > p {
  margin: 5px 0 0;
  color: var(--workspace-muted);
  font-size: .8rem;
  line-height: 1.55;
}

#tyv3-icerik.ty-yazma .ty-ai-rubric-intro {
  margin: 0 22px 12px;
  color: var(--workspace-muted);
  font-size: .76rem;
  line-height: 1.5;
}

#tyv3-icerik.ty-yazma .ty-ai-rubric-list {
  display: grid;
  gap: 10px;
  margin: 12px 22px 0;
  padding: 0;
  list-style: none;
}

#tyv3-icerik.ty-yazma .ty-ai-rubric-item {
  padding: 13px 14px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 11px;
  background: #fbfbff;
}

#tyv3-icerik.ty-yazma .ty-ai-rubric-item-head > div:first-child {
  display: grid;
  min-width: 0;
  gap: 4px;
}

#tyv3-icerik.ty-yazma .ty-rubric-stars {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 2px;
  color: var(--workspace-muted);
}

#tyv3-icerik.ty-yazma .ty-rubric-star {
  width: 17px;
  height: 17px;
  fill: transparent;
  stroke: currentColor;
  stroke-width: 1.5;
}

#tyv3-icerik.ty-yazma .ty-rubric-star.is-filled,
#tyv3-icerik.ty-yazma .ty-rubric-star.is-partial {
  color: #d18a1c;
  fill: currentColor;
}

@media (max-width: 680px) {
  #tyv3-icerik.ty-yazma .ty-rubric-score-card > header,
  #tyv3-icerik.ty-yazma .ty-ai-rubric-item-head {
    flex-direction: column;
    align-items: stretch;
  }

  #tyv3-icerik.ty-yazma .ty-rubric-total { align-self: flex-start; }

  #tyv3-icerik.ty-yazma .ty-ai-rubric-list,
  #tyv3-icerik.ty-yazma .ty-ai-rubric-intro {
    margin-right: 16px;
    margin-left: 16px;
  }
}

@media (max-width: 640px) {
  #tyv3-icerik.ty-yazma .ty-corpus-result-head {
    flex-direction: column;
    gap: 10px;
  }

  #tyv3-icerik.ty-yazma .ty-corpus-result-count { white-space: normal; }
  #tyv3-icerik.ty-yazma .ty-corpus-level-groups { grid-template-columns: 1fr; }

  #tyv3-icerik.ty-yazma .ty-ai-result-header,
  #tyv3-icerik.ty-yazma .ty-ai-result-summary {
    align-items: flex-start;
    flex-direction: column;
  }

  #tyv3-icerik.ty-yazma .ty-ai-result-header { gap: 12px; }
  #tyv3-icerik.ty-yazma .ty-ai-result-summary { gap: 6px; }
}

#tyv3-icerik.ty-yazma .ty-corpus-metrics h4,
#tyv3-icerik.ty-yazma .ty-corpus-result h5,
#tyv3-icerik.ty-yazma .ty-ai-result h5,
#tyv3-icerik.ty-yazma .ty-teacher-feedback h5,
#tyv3-icerik.ty-yazma .ty-expert-case h3:first-child {
  margin-top: 0;
  color: var(--ink);
}

#tyv3-icerik.ty-yazma .ty-version-comparison {
  padding: 0;
  overflow: hidden;
  border-color: rgba(92, 82, 185, .22);
  background: #fbfbff;
}

#tyv3-icerik.ty-yazma .ty-version-comparison-head {
  padding: 22px;
  border-bottom: 1px solid rgba(92, 82, 185, .12);
  background: var(--paper-deep);
}

#tyv3-icerik.ty-yazma .ty-version-comparison-head h5 {
  margin: 0 0 5px;
  color: var(--ink);
  font-size: 1.05rem;
}

#tyv3-icerik.ty-yazma .ty-version-comparison-head p {
  margin: 0;
  color: var(--ink-soft);
  font-size: .8rem;
  line-height: 1.55;
}

#tyv3-icerik.ty-yazma .ty-version-comparison-controls { flex: 0 0 auto; }
#tyv3-icerik.ty-yazma .ty-version-comparison-controls .button { white-space: nowrap; }

#tyv3-icerik.ty-yazma .ty-version-diff {
  margin: 0 22px 22px;
  border: 1px solid rgba(92, 82, 185, .18);
  border-radius: 14px;
  background: var(--white);
  overflow: hidden;
}
#tyv3-icerik.ty-yazma .ty-version-diff > header { padding: 16px 18px; border-bottom: 1px solid rgba(39, 38, 106, .08); background: #f7f7ff; }
#tyv3-icerik.ty-yazma .ty-version-diff h6 { margin: 0 0 4px; color: var(--ink); font-size: .88rem; }
#tyv3-icerik.ty-yazma .ty-version-diff > header p { margin: 0; color: var(--ink-soft); font-size: .74rem; line-height: 1.5; }
#tyv3-icerik.ty-yazma .ty-version-diff-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 16px; }
#tyv3-icerik.ty-yazma .ty-version-diff-card { min-width: 0; padding: 14px; border: 1px solid rgba(39, 38, 106, .1); border-radius: 11px; background: #fbfbff; }
#tyv3-icerik.ty-yazma .ty-version-diff-card > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#tyv3-icerik.ty-yazma .ty-version-diff-card h6 { margin: 0; font-size: .78rem; }
#tyv3-icerik.ty-yazma .ty-version-diff-card > header span { color: var(--ink-soft); font-size: .68rem; font-weight: 750; }
#tyv3-icerik.ty-yazma .ty-version-diff-text { margin: 12px 0 0; color: var(--ink); font-size: .8rem; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
#tyv3-icerik.ty-yazma .ty-version-diff-text del,
#tyv3-icerik.ty-yazma .ty-version-diff-text ins { padding: 1px 3px; border-radius: 4px; text-decoration-thickness: 2px; text-decoration-color: #b6424e; background: #ffe2e1; }
#tyv3-icerik.ty-yazma .ty-version-diff-text ins { text-decoration: none; text-decoration-color: transparent; background: #d7f6ea; box-shadow: inset 0 -2px 0 #1a9775; }

#tyv3-icerik.ty-yazma [role="alert"],
#tyv3-icerik.ty-yazma [role="status"] {
  margin: 0 0 22px;
  padding: 15px 17px;
  border-radius: 14px;
  font-weight: 650;
  line-height: 1.55;
}

#tyv3-icerik.ty-yazma [role="alert"] {
  border: 1px solid rgba(224, 107, 103, .42);
  color: var(--workspace-danger);
  background: var(--workspace-danger-surface);
}

#tyv3-icerik.ty-yazma [role="status"] {
  border: 1px solid rgba(17, 229, 179, .42);
  color: var(--workspace-success);
  background: var(--workspace-success-surface);
}

#tyv3-icerik.ty-yazma code {
  padding: 2px 6px;
  border-radius: 6px;
  color: var(--ink);
  background: #e9e8ff;
  font-size: .88em;
}

#tyv3-icerik.ty-yazma pre {
  max-width: 100%;
  overflow: auto;
  padding: 18px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 14px;
  color: var(--ink);
  background: var(--white);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 680px) {
  
  #tyv3-icerik.ty-yazma {
    width: min(100% - 36px, 520px) !important;
    margin-top: 38px !important;
    margin-bottom: 60px !important;
  }

  #tyv3-icerik.ty-yazma > section,
  #tyv3-icerik.ty-yazma > article {
    padding: 22px 17px;
    border-radius: 18px;
  }

  #tyv3-icerik.ty-yazma form {
    padding: 18px 15px;
  }

  #tyv3-icerik.ty-yazma label {
    display: block;
    margin-bottom: 14px;
  }

  #tyv3-icerik.ty-yazma table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #tyv3-icerik.ty-yazma .ty-version-comparison-head { align-items: stretch; flex-direction: column; }
  #tyv3-icerik.ty-yazma .ty-version-comparison-controls .button { width: 100%; justify-content: center; }
  #tyv3-icerik.ty-yazma .ty-version-diff { margin-right: 16px; margin-left: 16px; }
  #tyv3-icerik.ty-yazma .ty-version-diff-grid { grid-template-columns: 1fr; }

}

/* Authenticated workspace shell: shared navigation, role context and mobile drawer. */
.app-shell {
  display: flex;
  min-height: 100vh;
  overflow-x: clip;
  color: var(--ink);
  background: #f7f8fc;
}

.app-sidebar {
  position: fixed;
  z-index: 30;
  inset: 0 auto 0 0;
  display: flex;
  width: 248px;
  flex-direction: column;
  padding: 24px 16px 18px;
  border-right: 1px solid rgba(39, 38, 106, .1);
  background: var(--white);
}

.app-sidebar-head { padding: 0 10px 24px; }
.app-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; }
.app-brand .brand-mark { width: 39px; height: 39px; }
.app-brand .brand-mark svg { width: 27px; height: 27px; }
.app-brand-copy { display: flex; flex-direction: column; gap: 2px; }
.app-brand-copy strong { font-family: var(--display); font-size: 1.05rem; letter-spacing: -.04em; }
.app-brand-copy small { color: var(--ink-soft); font-size: .65rem; font-weight: 650; }
.app-role-label { margin: 0 10px 12px; color: var(--ink-soft); font-size: .65rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.app-sidebar-nav { display: flex; flex-direction: column; gap: 4px; }
.app-nav-link {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--ink-soft);
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
}
.app-nav-link:hover { color: var(--ink); background: #fafaff; }
.app-nav-link.is-active { border-color: rgba(92, 82, 185, .1); color: var(--ink); background: var(--paper-deep); }
.app-nav-icon { display: inline-grid; width: 24px; height: 24px; place-items: center; color: var(--sun); font-size: .9rem; font-weight: 800; }
.app-nav-link.is-active .app-nav-icon { color: var(--brick-dark); }
.app-sidebar-foot { margin-top: auto; padding: 18px 10px 0; border-top: 1px solid rgba(39, 38, 106, .09); }
.app-logout-link { display: inline-flex; align-items: center; gap: 9px; color: var(--ink-soft); font-size: .78rem; font-weight: 700; text-decoration: none; }
.app-logout-link:hover { color: var(--ink); }
.app-body { min-width: 0; width: calc(100% - 248px); margin-left: 248px; }
.app-topbar { position: sticky; z-index: 20; top: 0; border-bottom-color: rgba(39, 38, 106, .09); background: rgba(255, 255, 255, .92); backdrop-filter: blur(18px); }
.app-header-inner { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 20px; }
.app-header-leading { display: flex; align-items: center; gap: 13px; }
.app-page-context { color: var(--ink); font-size: .84rem; font-weight: 750; }
.app-sidebar-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: var(--white); cursor: pointer; }
.app-sidebar-toggle span { display: block; width: 19px; height: 2px; margin: 4px auto; border-radius: 9px; background: currentColor; }
.app-user { position: relative; }
.app-user-toggle { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 4px 8px 4px 5px; border: 1px solid transparent; border-radius: 999px; color: var(--ink); background: transparent; cursor: pointer; text-align: left; }
.app-user-toggle:hover, .app-user-toggle.is-open { border-color: rgba(39, 38, 106, .11); background: #fafaff; }
.app-avatar { display: inline-grid; width: 35px; height: 35px; place-items: center; border-radius: 50%; color: var(--ink); background: var(--brick); font-size: .7rem; font-weight: 800; }
.app-user-copy { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.app-user-copy strong { max-width: 190px; overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.app-user-copy small { color: var(--ink-soft); font-size: .66rem; }
.app-user-chevron { color: var(--ink-soft); font-size: .9rem; transition: transform .2s ease; }
.app-user-toggle.is-open .app-user-chevron { transform: rotate(180deg); }
.app-profile-menu { position: absolute; z-index: 35; top: calc(100% + 10px); right: 0; display: flex; width: 230px; flex-direction: column; gap: 7px; padding: 16px; border: 1px solid rgba(39, 38, 106, .11); border-radius: 16px; background: var(--white); box-shadow: 0 18px 44px rgba(39, 38, 106, .14); }
.app-profile-menu[hidden] { display: none; }
.app-profile-menu strong { font-size: .82rem; }
.app-profile-menu > span { margin-bottom: 5px; color: var(--ink-soft); font-size: .7rem; }
.app-profile-institution { display: grid; gap: 3px; margin: 2px 0 4px; padding: 9px 0 8px; border-top: 1px solid rgba(39, 38, 106, .09); border-bottom: 1px solid rgba(39, 38, 106, .09); }
.app-profile-institution small { color: var(--ink-soft); font-size: .62rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.app-profile-institution strong { color: var(--ink); font-size: .75rem; }
.app-profile-menu a { padding-top: 9px; border-top: 1px solid rgba(39, 38, 106, .09); color: var(--ink); font-size: .76rem; font-weight: 700; text-decoration: none; }
.app-profile-menu a:hover { color: var(--brick-dark); }
.app-sidebar-backdrop { display: none; }
html:has(#tyv3-icerik.ty-dashboard) { scroll-padding-top: 112px; }
.app-shell .site-footer { background: transparent; }
.app-shell #tyv3-icerik.ty-yazma { width: min(1480px, calc(100% - 72px)); }

body.admin-bar .app-sidebar,
body.admin-bar .app-topbar { top: 32px; }

@media (max-width: 900px) {
  .app-sidebar { transform: translateX(-100%); transition: transform .25s ease; }
  .app-sidebar.is-open { transform: translateX(0); }
  .app-body { width: 100%; margin-left: 0; }
  .app-sidebar-toggle { display: block; }
  .app-sidebar-backdrop { position: fixed; z-index: 25; inset: 0; display: block; background: rgba(20, 22, 61, .32); }
  .app-sidebar-backdrop[hidden] { display: none; }
  body.admin-bar .app-sidebar-backdrop { top: 32px; }

.app-header-inner,
.app-shell #tyv3-icerik.ty-yazma { width: min(100% - 36px, 680px); }
}

@media (max-width: 520px) {
  .app-header-inner { min-height: 68px; }
  .app-page-context { font-size: .78rem; }
  .app-user-copy { display: none; }
  .app-user-toggle { padding-right: 5px; }
  .app-profile-menu { right: -4px; width: min(230px, calc(100vw - 32px)); }
}

@media (prefers-reduced-motion: reduce) {
  .app-sidebar, .app-user-chevron { transition: none; }
}

/* Role dashboards: shared shell, role-specific work queues and calm scan paths. */
#tyv3-icerik.ty-dashboard {
  width: min(1480px, calc(100% - 72px)) !important;
  margin-top: clamp(42px, 6vw, 78px) !important;
  margin-bottom: 72px !important;
}

#tyv3-icerik.ty-dashboard > .ty-dashboard-welcome {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin: 0 0 18px;
  padding: clamp(28px, 4vw, 44px);
  border: 1px solid rgba(92, 82, 185, .18);
  border-radius: 24px;
  background: var(--paper-deep);
  box-shadow: 0 16px 38px rgba(39, 38, 106, .06);
}

#tyv3-icerik.ty-dashboard > .ty-dashboard-welcome h1 {
  max-width: 760px;
  margin: 0 0 12px;
  font-size: clamp(2.25rem, 5vw, 4.2rem);
  line-height: .98;
}

#tyv3-icerik.ty-dashboard > .ty-dashboard-welcome p {
  max-width: 64ch;
  margin: 0;
  color: var(--workspace-muted);
  line-height: 1.65;
}

#tyv3-icerik.ty-dashboard .ty-manager-welcome,
#tyv3-icerik.ty-dashboard .ty-teacher-welcome {
  align-items: center;
  gap: 24px;
}
#tyv3-icerik.ty-dashboard .ty-dashboard-welcome-logo {
  flex: 0 0 92px;
  width: 92px;
  height: 92px;
  order: 2;
  margin-left: auto;
}
#tyv3-icerik.ty-dashboard .ty-dashboard-welcome-logo-image,
#tyv3-icerik.ty-dashboard .ty-dashboard-welcome-logo-empty {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(39, 38, 106, .12);
  border-radius: 24px;
  background: var(--white);
  box-shadow: 0 12px 24px rgba(39, 38, 106, .08);
}
#tyv3-icerik.ty-dashboard .ty-dashboard-welcome-logo-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#tyv3-icerik.ty-dashboard .ty-dashboard-welcome-logo-empty {
  gap: 5px;
  padding: 12px;
  color: var(--workspace-muted);
  background: rgba(255, 255, 255, .62);
  text-align: center;
}
#tyv3-icerik.ty-dashboard .ty-dashboard-welcome-logo-empty svg {
  width: 32px;
  height: 32px;
  fill: none;
  stroke: var(--sun);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
}
#tyv3-icerik.ty-dashboard .ty-dashboard-welcome-logo-empty span {
  font-size: .62rem;
  font-weight: 750;
  line-height: 1.1;
}
#tyv3-icerik.ty-dashboard .ty-dashboard-welcome-copy { min-width: 0; }

#tyv3-icerik.ty-dashboard > .ty-dashboard-welcome .button {
  flex: 0 0 auto;
  margin: 0;
  white-space: nowrap;
}

#tyv3-icerik.ty-dashboard > .ty-dashboard-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 34px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#tyv3-icerik.ty-dashboard .ty-dashboard-stat {
  display: flex;
  min-height: 124px;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 20px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 16px;
  background: var(--white);
  box-shadow: 0 10px 28px rgba(39, 38, 106, .045);
}

#tyv3-icerik.ty-dashboard .ty-dashboard-stat span {
  color: var(--workspace-muted);
  font-size: .7rem;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#tyv3-icerik.ty-dashboard .ty-dashboard-stat strong {
  color: var(--ink);
  font-size: 2rem;
  letter-spacing: -.04em;
  line-height: 1;
}

#tyv3-icerik.ty-dashboard .ty-dashboard-stat small {
  color: var(--workspace-muted);
  font-size: .72rem;
}

#tyv3-icerik.ty-dashboard .ty-dashboard-panel {
  margin: 26px 0;
  padding: 28px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 22px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 16px 38px rgba(39, 38, 106, .055);
}

#tyv3-icerik.ty-dashboard .ty-dashboard-panel > h2,
#tyv3-icerik.ty-dashboard .ty-dashboard-panel-head h2 {
  margin: 0 0 8px;
  font-size: clamp(1.65rem, 3vw, 2.35rem);
}

.ty-dashboard-panel-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
}

.ty-dashboard-panel-head p,
.ty-class-panel-head p {
  margin: 0;
  color: var(--workspace-muted);
  font-size: .82rem;
}

#tyv3-icerik.ty-dashboard .ty-dashboard-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 20px 0 26px;
  padding: 0;
  list-style: none;
}

#tyv3-icerik.ty-dashboard .ty-dashboard-list li {
  min-width: 0;
  margin: 0;
  padding: 16px 18px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 14px;
  background: var(--white);
  color: var(--workspace-muted);
}

#tyv3-icerik.ty-dashboard .ty-dashboard-list a,
#tyv3-icerik.ty-dashboard .ty-task-card h3 a {
  color: var(--ink);
  font-weight: 800;
  text-decoration: none;
}

#tyv3-icerik.ty-dashboard .ty-dashboard-list a:hover,
#tyv3-icerik.ty-dashboard .ty-task-card h3 a:hover {
  color: var(--brick-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#tyv3-icerik.ty-dashboard .ty-class-panel,
#tyv3-icerik.ty-dashboard .ty-learner-class {
  margin: 18px 0 0;
  padding: 22px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 18px;
  background: var(--workspace-soft);
}

.ty-class-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

#tyv3-icerik.ty-dashboard .ty-class-panel-head h3 {
  margin: 0 0 5px;
  color: var(--ink);
  font-size: 1.15rem;
}
#tyv3-icerik.ty-dashboard .ty-review-focus-panel {
  border-color: rgba(109, 97, 200, .18);
  background: linear-gradient(135deg, rgba(240, 239, 255, .9), var(--workspace-soft));
}
#tyv3-icerik.ty-dashboard .ty-review-focus-panel .ty-class-panel-head { margin-bottom: 20px; }
#tyv3-icerik.ty-dashboard .ty-review-focus-panel h1 { margin: 8px 0 5px; color: var(--ink); font-size: clamp(1.55rem, 3vw, 2.25rem); line-height: 1.05; }
#tyv3-icerik.ty-dashboard .ty-review-focus-panel .ty-review-focus-back { margin: 0; }
#tyv3-icerik.ty-dashboard .ty-review-focus-panel .ty-review-focus-back a { font-size: .76rem; font-weight: 800; }
#tyv3-icerik.ty-dashboard .ty-class-assignment-launcher {
  margin: 0 0 22px;
  padding: 18px;
  border: 1px solid rgba(109, 97, 200, .2);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(240, 239, 255, .96), rgba(255, 255, 255, .96));
}
#tyv3-icerik.ty-dashboard .ty-class-detail > .ty-class-assignment-launcher {
  margin-top: 20px;
}
#tyv3-icerik.ty-dashboard .ty-class-assignment-launcher > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}
#tyv3-icerik.ty-dashboard .ty-class-assignment-launcher h4 {
  margin: 0;
  color: var(--ink);
  font-size: 1rem;
}
#tyv3-icerik.ty-dashboard .ty-class-assignment-launcher header p {
  margin: 5px 0 0;
  color: var(--workspace-muted);
  font-size: .76rem;
}
#tyv3-icerik.ty-dashboard .ty-class-assignment-badge {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  color: var(--ink);
  background: rgba(255, 255, 255, .82);
  font-size: .68rem;
  font-weight: 800;
}
#tyv3-icerik.ty-dashboard .ty-class-assignment-launcher form { margin: 0; }
#tyv3-icerik.ty-dashboard .ty-class-assignment-fields {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(130px, .7fr) minmax(0, 1fr);
  gap: 12px;
  margin-bottom: 14px;
}
#tyv3-icerik.ty-dashboard .ty-class-assignment-fields label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--ink);
  font-size: .74rem;
  font-weight: 750;
}

#tyv3-icerik.ty-dashboard .ty-class-assignment-fields label span,
#tyv3-icerik.ty-dashboard .ty-class-assignment-fields label small {
  color: var(--workspace-muted);
  font-size: .68rem;
  font-weight: 600;
}
#tyv3-icerik.ty-dashboard .ty-class-assignment-fields select,
#tyv3-icerik.ty-dashboard .ty-class-assignment-fields input { margin: 0; }
#tyv3-icerik.ty-dashboard .ty-class-assignment-launcher form > .button { margin-top: 0; }

.ty-panel-count {
  flex: 0 0 auto;
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--sun);
  background: var(--paper-deep);
  font-size: .7rem;
  font-weight: 800;
}

#tyv3-icerik.ty-dashboard details.ty-assignment-panel {
  margin: 10px 0;
  border-color: rgba(39, 38, 106, .1);
  background: var(--white);
}

#tyv3-icerik.ty-dashboard details.ty-assignment-panel summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

#tyv3-icerik.ty-dashboard details.ty-assignment-panel summary span {
  color: var(--workspace-muted);
  font-size: .72rem;
  font-weight: 650;
}
#tyv3-icerik.ty-dashboard .ty-assignment-deadline {
  color: var(--ink);
  margin-top: 12px;
  font-size: .78rem;
}
#tyv3-icerik.ty-dashboard .ty-assignment-deadline strong {
  color: var(--brand);
  font-weight: 800;
}



#tyv3-icerik.ty-dashboard .ty-task-list { display: grid; gap: 14px; }
#tyv3-icerik.ty-dashboard .ty-task-all-link { flex: 0 0 auto; align-self: center; }
#tyv3-icerik.ty-dashboard .ty-task-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: -2px 0 18px; }
#tyv3-icerik.ty-dashboard .ty-task-filter-button { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(39, 38, 106, .12); border-radius: 999px; color: var(--workspace-muted); background: var(--white); font: inherit; font-size: .72rem; font-weight: 800; cursor: pointer; }
#tyv3-icerik.ty-dashboard .ty-task-filter-button strong { display: inline-grid; min-width: 20px; min-height: 20px; place-items: center; padding: 0 5px; border-radius: 999px; color: var(--ink); background: var(--workspace-soft); font-size: .65rem; }
#tyv3-icerik.ty-dashboard .ty-task-filter-button:hover,
#tyv3-icerik.ty-dashboard .ty-task-filter-button:focus-visible { border-color: rgba(92, 82, 185, .4); color: var(--ink); outline: none; box-shadow: 0 0 0 3px rgba(92, 82, 185, .12); }
#tyv3-icerik.ty-dashboard .ty-task-filter-button.is-active { border-color: var(--ink); color: var(--white); background: var(--ink); }
#tyv3-icerik.ty-dashboard .ty-task-filter-button.is-active strong { color: var(--ink); background: var(--mint); }
#tyv3-icerik.ty-dashboard .ty-task-filter-empty { margin-top: 4px; padding: 22px; border: 1px dashed rgba(39, 38, 106, .2); border-radius: 16px; color: var(--workspace-muted); background: var(--workspace-soft); text-align: center; }
#tyv3-icerik.ty-dashboard .ty-task-filter-empty strong { color: var(--ink); }
#tyv3-icerik.ty-dashboard .ty-task-filter-empty p { margin: 5px 0 0; font-size: .76rem; }
#tyv3-icerik.ty-dashboard .ty-task-list [hidden] { display: none; }

#tyv3-icerik.ty-dashboard .ty-learner-overview-context {
  margin-bottom: 18px;
  padding: 18px 20px;
  border-color: rgba(109, 97, 200, .16);
  background: linear-gradient(135deg, rgba(240, 239, 255, .86), rgba(255, 255, 255, .96));
}
#tyv3-icerik.ty-dashboard .ty-learner-overview-context .ty-dashboard-panel-head {
  margin-bottom: 14px;
}
#tyv3-icerik.ty-dashboard .ty-learner-overview-context h2,
#tyv3-icerik.ty-dashboard .ty-learner-feedback-panel h2 {
  margin-bottom: 4px;
}
#tyv3-icerik.ty-dashboard .ty-learner-context-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(39, 38, 106, .09);
  border-radius: 12px;
  background: rgba(39, 38, 106, .08);
}
#tyv3-icerik.ty-dashboard .ty-learner-context-facts > div {
  min-width: 0;
  padding: 11px 13px;
  background: rgba(255, 255, 255, .78);
}
#tyv3-icerik.ty-dashboard .ty-learner-context-facts dt {
  color: var(--workspace-muted);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}
#tyv3-icerik.ty-dashboard .ty-learner-context-facts dd {
  margin: 5px 0 0;
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: .78rem;
  font-weight: 750;
  line-height: 1.4;
}

#tyv3-icerik.ty-dashboard .ty-learner-feedback-panel {
  margin-bottom: 18px;
  padding: 18px 20px;
  border-color: rgba(17, 229, 179, .24);
  background: linear-gradient(135deg, rgba(233, 248, 246, .72), rgba(255, 255, 255, .98));
}
#tyv3-icerik.ty-dashboard .ty-learner-feedback-summary {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  padding-top: 2px;
}
#tyv3-icerik.ty-dashboard .ty-learner-feedback-summary > div:first-child {
  min-width: 0;
}
#tyv3-icerik.ty-dashboard .ty-learner-feedback-summary h3 {
  margin: 10px 0 4px;
  color: var(--ink);
  font-size: 1rem;
}
#tyv3-icerik.ty-dashboard .ty-learner-feedback-summary p {
  margin: 0;
  color: var(--workspace-muted);
  font-size: .75rem;
}
#tyv3-icerik.ty-dashboard .ty-learner-feedback-summary blockquote {
  max-width: 68ch;
  margin: 10px 0 0;
  color: var(--ink-soft);
  font-size: .78rem;
  line-height: 1.55;
}
#tyv3-icerik.ty-dashboard .ty-learner-feedback-action {
  display: grid;
  flex: 0 0 auto;
  justify-items: end;
  gap: 5px;
}
#tyv3-icerik.ty-dashboard .ty-learner-feedback-action strong {
  color: var(--ink);
  font-size: 1.05rem;
  line-height: 1;
}
#tyv3-icerik.ty-dashboard .ty-learner-feedback-action small {
  color: var(--workspace-muted);
  font-size: .65rem;
  font-weight: 750;
}

.ty-task-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(39, 38, 106, .11);
  border-radius: 18px;
  background: linear-gradient(145deg, var(--white), #fbfbff);
  box-shadow: 0 12px 28px rgba(39, 38, 106, .055);
}

.ty-task-card-head {
  display: flex;
  align-items: center;
  padding: 16px 18px 0;
  gap: 8px;
}

.ty-task-card-kicker { margin-left: auto; color: var(--workspace-muted); font-size: .66rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

.ty-task-status,
.ty-task-level {
  padding: 5px 8px;
  border-radius: 999px;
  font-size: .66rem;
  font-weight: 800;
}

.ty-task-status.is-new { color: var(--workspace-muted); background: #eef0f7; }
.ty-task-status.is-draft { color: #6652ae; background: var(--paper-deep); }
.ty-task-status.is-submitted { color: var(--workspace-success); background: var(--workspace-success-surface); }
.ty-task-level { color: var(--ink); background: #e9f8f6; }

#tyv3-icerik.ty-dashboard .ty-task-card h3 {
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.25;
}

#tyv3-icerik.ty-dashboard .ty-task-card p,
#tyv3-icerik.ty-dashboard .ty-task-card small {
  margin: 0;
  color: var(--workspace-muted);
  font-size: .76rem;
  line-height: 1.55;
}

.ty-task-card-main { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; padding: 18px 18px 16px; }
.ty-task-card-main > div { min-width: 0; }
.ty-task-card-prompt { display: -webkit-box; overflow: hidden; margin-top: 7px !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ty-task-link { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(39, 38, 106, .12); border-radius: 11px; color: var(--ink); background: var(--white); font-size: .74rem; font-weight: 800; text-decoration: none; box-shadow: 0 5px 12px rgba(39, 38, 106, .05); }
.ty-task-link:hover { color: var(--brick-dark); border-color: rgba(39, 38, 106, .2); background: var(--paper-deep); }
.ty-task-card-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 0 18px; border: 1px solid rgba(39, 38, 106, .08); border-radius: 12px; background: rgba(39, 38, 106, .08); overflow: hidden; }
.ty-task-card-facts span { display: grid; gap: 4px; min-width: 0; padding: 11px 12px; background: rgba(255, 255, 255, .78); }
.ty-task-card-facts small { color: var(--workspace-muted); font-size: .62rem !important; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.ty-task-card-facts strong { overflow: hidden; color: var(--ink); font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.ty-task-card-facts span.is-exhausted { background: #fff7ed; box-shadow: inset 0 3px 0 #c65e44; }
.ty-task-card-facts span.is-exhausted strong { color: #71372e; }
.ty-task-card-facts span.is-exhausted em { display: block; margin-top: 2px; color: #8e4639; font-size: .62rem; font-style: normal; font-weight: 800; line-height: 1.3; }
.ty-writing-limit-alert { margin: 14px 0 22px; padding: 12px 14px; border: 1px solid rgba(198, 94, 68, .42); border-radius: 12px; color: #8e4639; background: #fff7ed; }
.ty-writing-limit-alert strong { display: block; color: #71372e; font-size: .76rem; line-height: 1.35; }
.ty-writing-limit-alert p { margin: 3px 0 0 !important; color: #8e4639 !important; font-size: .72rem !important; line-height: 1.5 !important; }
.ty-task-card-deadline { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin: 14px 18px 16px; color: var(--workspace-muted); font-size: .72rem; }
.ty-task-card-deadline strong { color: var(--ink); font-size: .74rem; }

.ty-task-card-deadline.is-late,
.ty-task-card-deadline.is-late strong { color: var(--brick-dark); }

.ty-task-card--compact .ty-task-card-prompt,
.ty-task-card--compact .ty-task-card-facts span:nth-child(n + 3) { display: none; }
.ty-task-card--compact .ty-task-card-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }

#tyv3-icerik.ty-dashboard .ty-dashboard-empty {
  margin-top: 18px;
  padding: 28px;
  border: 1px dashed rgba(39, 38, 106, .2);
  border-radius: 16px;
  background: var(--workspace-soft);
  text-align: center;
}

#tyv3-icerik.ty-dashboard .ty-dashboard-empty strong { color: var(--ink); }
#tyv3-icerik.ty-dashboard .ty-dashboard-empty p { margin-bottom: 0; }
#tyv3-icerik.ty-dashboard .ty-writing-focus { width: min(100%, 980px); margin: 0 auto; }
#tyv3-icerik.ty-dashboard .ty-writing-focus > .ty-writing-detail { margin-top: 0; }
#tyv3-icerik.ty-dashboard .ty-writing-detail { scroll-margin-top: 110px; }
#tyv3-icerik.ty-dashboard form.ty-draft-form-shell { margin: 22px 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
#tyv3-icerik.ty-dashboard .ty-event-info {
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(39, 38, 106, .12);
  border-radius: 18px;
  background: var(--white);
  box-shadow: 0 12px 26px rgba(39, 38, 106, .05);
}
#tyv3-icerik.ty-dashboard .ty-event-info[open] { padding-bottom: 0; }
#tyv3-icerik.ty-dashboard .ty-event-info > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 20px;
  color: var(--ink);
  background: var(--paper-deep);
}
#tyv3-icerik.ty-dashboard .ty-event-info > summary::-webkit-details-marker { display: none; }
#tyv3-icerik.ty-dashboard .ty-event-info > summary::after {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .18s ease;
  content: '';
}
#tyv3-icerik.ty-dashboard .ty-event-info[open] > summary::after { transform: rotate(225deg) translate(-1px, -1px); }
#tyv3-icerik.ty-dashboard .ty-event-info-summary { display: grid; gap: 3px; min-width: 0; }
#tyv3-icerik.ty-dashboard .ty-event-info-summary strong { font-size: .9rem; }
#tyv3-icerik.ty-dashboard .ty-event-info-summary small,
#tyv3-icerik.ty-dashboard .ty-event-info-toggle { color: var(--workspace-muted); font-size: .72rem; font-weight: 700; }
#tyv3-icerik.ty-dashboard .ty-event-info-toggle { margin-left: auto; white-space: nowrap; }
#tyv3-icerik.ty-dashboard .ty-event-preview-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: rgba(39, 38, 106, .1);
}
#tyv3-icerik.ty-dashboard .ty-event-preview-item { min-width: 0; padding: 15px 18px; background: var(--white); }
#tyv3-icerik.ty-dashboard .ty-event-preview-item.is-wide { grid-column: 1 / -1; }
#tyv3-icerik.ty-dashboard .ty-event-preview-item dt { color: var(--workspace-muted); font-size: .64rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
#tyv3-icerik.ty-dashboard .ty-event-preview-item dd { margin: 6px 0 0; color: var(--ink); font-size: .82rem; line-height: 1.55; overflow-wrap: anywhere; }
#tyv3-icerik.ty-dashboard .ty-writing-limits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 22px 0 26px; }
#tyv3-icerik.ty-dashboard .ty-writing-limits article { min-width: 0; padding: 14px 16px; border: 1px solid rgba(39, 38, 106, .1); border-radius: 14px; background: var(--workspace-soft); }
#tyv3-icerik.ty-dashboard .ty-writing-limits small,
#tyv3-icerik.ty-dashboard .ty-writing-limits span { display: block; color: var(--workspace-muted); font-size: .68rem; font-weight: 750; }
#tyv3-icerik.ty-dashboard .ty-writing-limits strong { display: block; margin: 7px 0 4px; color: var(--ink); font-size: .9rem; line-height: 1.25; overflow-wrap: anywhere; }
#tyv3-icerik.ty-dashboard .ty-writing-limit-alert { margin-top: -10px; }
#tyv3-icerik.ty-dashboard .ty-writing-detail > .ty-event-group:not([open]) { margin-bottom: 24px; }
#tyv3-icerik.ty-dashboard .ty-learner-draft-form {
  padding: 24px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 18px;
  background: var(--workspace-soft);
}
#tyv3-icerik.ty-dashboard .ty-draft-form-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}
#tyv3-icerik.ty-dashboard .ty-draft-form-head h3 { margin: 0 0 6px; color: var(--ink); }
#tyv3-icerik.ty-dashboard .ty-draft-form-head p { margin: 0; max-width: 62ch; font-size: .82rem; }
#tyv3-icerik.ty-dashboard .ty-draft-save-note {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  color: var(--brand);
  background: var(--lavender);
  font-size: .7rem;
  font-weight: 800;
}
#tyv3-icerik.ty-dashboard .ty-learner-draft-form > p { margin: 0 0 16px; }
#tyv3-icerik.ty-dashboard .ty-learner-draft-form label { display: block; width: 100%; }
#tyv3-icerik.ty-dashboard .ty-learner-draft-form input:not([type="hidden"]),
#tyv3-icerik.ty-dashboard .ty-learner-draft-form textarea { display: block; width: 100%; max-width: 100%; }
#tyv3-icerik.ty-dashboard .ty-learner-draft-form textarea { min-height: 360px; resize: vertical; }
#tyv3-icerik.ty-dashboard .ty-learner-draft-form .ty-word-count { margin: 0 0 4px; color: var(--workspace-muted); font-size: .78rem; font-weight: 700; }
#tyv3-icerik.ty-dashboard .ty-event-editor {
  margin-top: 30px;
  padding-top: 28px;
  border-top: 1px solid rgba(39, 38, 106, .11);
}
#tyv3-icerik.ty-dashboard .ty-event-editor > h3 { margin-top: 0; color: var(--ink); }

#tyv3-icerik.ty-dashboard .ty-event-group,
#tyv3-icerik.ty-dashboard .ty-expert-case { background: var(--white); }

#tyv3-icerik.ty-dashboard .ty-pool-group {
  overflow: hidden;
  border: 1px solid rgba(39, 38, 106, .12);
  border-radius: 18px;
  background: var(--white);
  box-shadow: 0 10px 24px rgba(39, 38, 106, .045);
}
#tyv3-icerik.ty-dashboard .ty-pool-group > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  color: var(--ink);
  background: var(--paper-deep);
}
#tyv3-icerik.ty-dashboard .ty-pool-summary-main { display: inline-flex; min-width: 0; align-items: center; gap: 12px; }
#tyv3-icerik.ty-dashboard .ty-pool-summary-main > span:last-child { display: grid; gap: 3px; min-width: 0; }
#tyv3-icerik.ty-dashboard .ty-pool-summary-main strong { font-size: .88rem; }
#tyv3-icerik.ty-dashboard .ty-pool-summary-main small { color: var(--workspace-muted); font-size: .72rem; }
#tyv3-icerik.ty-dashboard .ty-pool-summary-icon { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border-radius: 12px; color: var(--sun); background: var(--white); box-shadow: 0 5px 12px rgba(39, 38, 106, .08); }
#tyv3-icerik.ty-dashboard .ty-pool-summary-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
#tyv3-icerik.ty-dashboard .ty-pool-count { flex: 0 0 auto; padding: 6px 10px; border-radius: 999px; color: var(--ink); background: rgba(255, 255, 255, .72); font-size: .68rem; font-weight: 800; }
#tyv3-icerik.ty-dashboard .ty-pool-intro { padding: 18px 20px 4px; }
#tyv3-icerik.ty-dashboard .ty-pool-intro p { max-width: 68ch; margin: 0; color: var(--workspace-muted); font-size: .8rem; line-height: 1.6; }
#tyv3-icerik.ty-dashboard .ty-pool-list { padding: 0 20px 20px; }
#tyv3-icerik.ty-dashboard .ty-pool-item { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 18px 0; border-top: 1px solid rgba(39, 38, 106, .09); }
#tyv3-icerik.ty-dashboard .ty-pool-item-copy { min-width: 0; }
#tyv3-icerik.ty-dashboard .ty-pool-item-type { display: inline-flex; margin-bottom: 7px; padding: 4px 8px; border-radius: 999px; color: var(--sun); background: var(--paper-deep); font-size: .64rem; font-weight: 850; }
#tyv3-icerik.ty-dashboard .ty-pool-item h3 { margin: 0; color: var(--ink); font-size: 1rem; line-height: 1.25; }
#tyv3-icerik.ty-dashboard .ty-pool-item h3 a { color: inherit; text-decoration: none; }
#tyv3-icerik.ty-dashboard .ty-pool-item h3 a:hover, #tyv3-icerik.ty-dashboard .ty-pool-item h3 a:focus-visible { color: var(--brick-dark); text-decoration: underline; text-underline-offset: 3px; }
#tyv3-icerik.ty-dashboard .ty-pool-item-copy p { margin: 6px 0 0; color: var(--workspace-muted); font-size: .72rem; }
#tyv3-icerik.ty-dashboard .ty-pool-item-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
#tyv3-icerik.ty-dashboard .ty-pool-item-meta span { display: grid; gap: 3px; min-width: 116px; padding: 8px 10px; border: 1px solid rgba(39, 38, 106, .08); border-radius: 10px; background: var(--workspace-soft); }
#tyv3-icerik.ty-dashboard .ty-pool-item-meta small { color: var(--workspace-muted); font-size: .62rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
#tyv3-icerik.ty-dashboard .ty-pool-item-meta strong { color: var(--ink); font-size: .72rem; }
#tyv3-icerik.ty-dashboard .ty-pool-item-excerpt { max-width: 68ch; }
#tyv3-icerik.ty-dashboard .ty-pool-item-action { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 12px; }
#tyv3-icerik.ty-dashboard .ty-pool-item-action form { margin: 0; }
#tyv3-icerik.ty-dashboard .ty-pool-item-action .button { white-space: nowrap; }
#tyv3-icerik.ty-dashboard .ty-pool-status { display: inline-flex; align-items: center; gap: 9px; min-width: 205px; padding: 9px 12px; border: 1px solid rgba(63, 142, 121, .24); border-radius: 12px; color: #176550; background: rgba(17, 229, 179, .1); }
#tyv3-icerik.ty-dashboard .ty-pool-status-mark { display: grid; flex: 0 0 22px; width: 22px; height: 22px; place-items: center; border-radius: 50%; color: var(--white); background: var(--moss); font-size: .72rem; font-weight: 900; }
#tyv3-icerik.ty-dashboard .ty-pool-status span:last-child { display: grid; gap: 2px; }
#tyv3-icerik.ty-dashboard .ty-pool-status strong { font-size: .72rem; }
#tyv3-icerik.ty-dashboard .ty-pool-status small { color: inherit; font-size: .66rem; }
#tyv3-icerik.ty-dashboard .ty-action-feedback { margin: 18px 0; padding: 13px 16px; border: 1px solid rgba(39, 38, 106, .14); border-radius: 13px; font-size: .82rem; font-weight: 750; line-height: 1.5; }
#tyv3-icerik.ty-dashboard .ty-action-feedback.is-success { border-color: rgba(63, 142, 121, .28); color: #176550; background: rgba(17, 229, 179, .1); }
#tyv3-icerik.ty-dashboard .ty-action-feedback.is-info { border-color: rgba(109, 97, 200, .24); color: var(--ink); background: var(--paper-deep); }

#tyv3-icerik.ty-dashboard .ty-learner-progress-heading { display: flex; min-width: 0; align-items: center; gap: 12px; }
#tyv3-icerik.ty-dashboard .ty-learner-avatar-wrap { display: grid; flex: 0 0 52px; width: 52px; height: 52px; place-items: center; overflow: hidden; border-radius: 15px; background: var(--paper-deep); }
#tyv3-icerik.ty-dashboard .ty-learner-avatar { display: block; width: 52px; height: 52px; object-fit: cover; }
#tyv3-icerik.ty-dashboard .ty-learner-progress-heading h2 { margin: 0; }
#tyv3-icerik.ty-dashboard .ty-learner-progress-heading p { margin: 5px 0 0; color: var(--workspace-muted); font-size: .72rem; }
#tyv3-icerik.ty-dashboard .ty-learner-progress-facts { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 16px 0; padding: 12px 14px; border-radius: 12px; background: var(--workspace-soft); }
#tyv3-icerik.ty-dashboard .ty-learner-progress-facts span { display: grid; gap: 3px; color: var(--workspace-muted); font-size: .74rem; }
#tyv3-icerik.ty-dashboard .ty-learner-progress-facts strong { color: var(--ink); font-size: .64rem; text-transform: uppercase; letter-spacing: .04em; }

#tyv3-icerik.ty-dashboard .ty-teacher-action-grid,
#tyv3-icerik.ty-dashboard .ty-teacher-class-grid,
#tyv3-icerik.ty-dashboard .ty-profile-assignment-list {
  display: grid;
  gap: 14px;
}

#tyv3-icerik.ty-dashboard .ty-teacher-action-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#tyv3-icerik.ty-dashboard .ty-teacher-class-grid {
  grid-template-columns: minmax(0, 1fr);
}

#tyv3-icerik.ty-dashboard .ty-teacher-action,
#tyv3-icerik.ty-dashboard .ty-teacher-class-card,
#tyv3-icerik.ty-dashboard .ty-profile-assignment {
  min-width: 0;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 16px;
  background: var(--white);
}

#tyv3-icerik.ty-dashboard .ty-teacher-action {
  display: flex;
  min-height: 124px;
  flex-direction: column;
  gap: 8px;
  padding: 18px;
  color: var(--ink);
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(39, 38, 106, .04);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#tyv3-icerik.ty-dashboard .ty-teacher-action:hover,
#tyv3-icerik.ty-dashboard .ty-teacher-action:focus-visible {
  border-color: rgba(17, 229, 179, .7);
  box-shadow: 0 12px 26px rgba(39, 38, 106, .08);
  transform: translateY(-2px);
}

#tyv3-icerik.ty-dashboard .ty-teacher-action strong {
  color: var(--ink);
  font-size: .95rem;
}

#tyv3-icerik.ty-dashboard .ty-teacher-action span,
#tyv3-icerik.ty-dashboard .ty-teacher-class-card p,
#tyv3-icerik.ty-dashboard .ty-learner-list span,
#tyv3-icerik.ty-dashboard .ty-profile-assignment p,
#tyv3-icerik.ty-dashboard .ty-profile-facts dt {
  color: var(--workspace-muted);
  font-size: .76rem;
  line-height: 1.5;
}

#tyv3-icerik.ty-dashboard .ty-teacher-action b {
  margin-top: auto;
  color: var(--mint-dark);
  font-size: 1.1rem;
}

#tyv3-icerik.ty-dashboard .ty-individual-action-grid,
#tyv3-icerik.ty-dashboard .ty-individual-event-grid,
#tyv3-icerik.ty-dashboard .ty-individual-task-list,
#tyv3-icerik.ty-dashboard .ty-individual-submission-list {
  display: grid;
  gap: 14px;
}

#tyv3-icerik.ty-dashboard .ty-individual-action-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#tyv3-icerik.ty-dashboard .ty-individual-event-grid,
#tyv3-icerik.ty-dashboard .ty-individual-task-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#tyv3-icerik.ty-dashboard .ty-individual-event-grid.is-list {
  grid-template-columns: 1fr;
}

#tyv3-icerik.ty-dashboard .ty-individual-pool-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin: -4px 0 16px;
  color: var(--workspace-muted);
  font-size: .76rem;
  font-weight: 750;
}

#tyv3-icerik.ty-dashboard .ty-individual-pool-filter,
#tyv3-icerik.ty-dashboard .ty-individual-pool-layout {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
}

#tyv3-icerik.ty-dashboard .ty-individual-filter-label {
  color: var(--ink);
  font-size: .72rem;
  font-weight: 800;
}

#tyv3-icerik.ty-dashboard .ty-level-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#tyv3-icerik.ty-dashboard .ty-level-filter button {
  margin: 0;
  padding: 7px 11px;
  border: 1px solid rgba(39, 38, 106, .14);
  border-radius: 999px;
  color: var(--workspace-muted);
  background: var(--white);
  box-shadow: none;
  font-size: .7rem;
  font-weight: 700;
}

#tyv3-icerik.ty-dashboard .ty-level-filter button.is-active,
#tyv3-icerik.ty-dashboard .ty-level-filter button:hover,
#tyv3-icerik.ty-dashboard .ty-level-filter button:focus-visible {
  border-color: var(--brick);
  color: var(--ink);
  background: var(--brick);
}

#tyv3-icerik.ty-dashboard .ty-individual-filter-empty {
  margin-top: 14px;
}

#tyv3-icerik.ty-dashboard .ty-view-switch {
  display: inline-flex;
  gap: 3px;
  padding: 3px;
  border: 1px solid rgba(39, 38, 106, .12);
  border-radius: 999px;
  background: var(--workspace-soft);
}

#tyv3-icerik.ty-dashboard .ty-view-switch button {
  margin: 0;
  padding: 7px 11px;
  border: 0;
  border-radius: 999px;
  color: var(--workspace-muted);
  background: transparent;
  box-shadow: none;
  font-size: .7rem;
  font-weight: 800;
}

#tyv3-icerik.ty-dashboard .ty-view-switch button.is-active,
#tyv3-icerik.ty-dashboard .ty-view-switch button:hover,
#tyv3-icerik.ty-dashboard .ty-view-switch button:focus-visible {
  color: var(--ink);
  background: var(--white);
}

#tyv3-icerik.ty-dashboard .ty-individual-action,
#tyv3-icerik.ty-dashboard .ty-individual-event-card,
#tyv3-icerik.ty-dashboard .ty-individual-task-card,
#tyv3-icerik.ty-dashboard .ty-individual-submission-card {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 16px;
  background: var(--white);
  box-shadow: 0 8px 22px rgba(39, 38, 106, .04);
}

#tyv3-icerik.ty-dashboard .ty-individual-action {
  display: flex;
  min-height: 120px;
  flex-direction: column;
  gap: 8px;
  color: var(--ink);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#tyv3-icerik.ty-dashboard .ty-individual-action:hover,
#tyv3-icerik.ty-dashboard .ty-individual-action:focus-visible {
  border-color: rgba(17, 229, 179, .7);
  box-shadow: 0 12px 26px rgba(39, 38, 106, .08);
  transform: translateY(-2px);
}

#tyv3-icerik.ty-dashboard .ty-individual-action strong,
#tyv3-icerik.ty-dashboard .ty-individual-event-card h3,
#tyv3-icerik.ty-dashboard .ty-individual-task-card h4,
#tyv3-icerik.ty-dashboard .ty-individual-submission-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.3;
}

#tyv3-icerik.ty-dashboard .ty-individual-action span,
#tyv3-icerik.ty-dashboard .ty-individual-event-card p,
#tyv3-icerik.ty-dashboard .ty-individual-task-card p,
#tyv3-icerik.ty-dashboard .ty-individual-submission-card p {
  margin: 0;
  color: var(--workspace-muted);
  font-size: .76rem;
  line-height: 1.55;
}

#tyv3-icerik.ty-dashboard .ty-individual-action b {
  margin-top: auto;
  color: var(--mint-dark);
  font-size: 1.1rem;
}

#tyv3-icerik.ty-dashboard .ty-individual-event-card,
#tyv3-icerik.ty-dashboard .ty-individual-task-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#tyv3-icerik.ty-dashboard .ty-individual-event-card-head,
#tyv3-icerik.ty-dashboard .ty-individual-event-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

#tyv3-icerik.ty-dashboard .ty-individual-event-label,
#tyv3-icerik.ty-dashboard .ty-individual-event-meta {
  color: var(--workspace-muted);
  font-size: .72rem;
}

#tyv3-icerik.ty-dashboard .ty-individual-event-card h3 {
  overflow-wrap: anywhere;
}

#tyv3-icerik.ty-dashboard .ty-individual-event-prompt {
  padding: 13px 14px;
  border-left: 3px solid var(--mint-dark);
  border-radius: 0 12px 12px 0;
  background: var(--workspace-soft);
}

#tyv3-icerik.ty-dashboard .ty-individual-event-prompt strong {
  color: var(--ink);
  font-size: .72rem;
}

#tyv3-icerik.ty-dashboard .ty-individual-event-prompt p {
  margin: 6px 0 0;
  color: var(--ink-soft);
  font-size: .8rem;
  line-height: 1.6;
}

#tyv3-icerik.ty-dashboard .ty-individual-event-meta strong {
  color: var(--ink);
}

#tyv3-icerik.ty-dashboard .ty-individual-event-card form { margin-top: auto; }
#tyv3-icerik.ty-dashboard .ty-individual-event-card button { margin-top: 8px; }
#tyv3-icerik.ty-dashboard .ty-individual-task-card h4 a,
#tyv3-icerik.ty-dashboard .ty-individual-submission-card h3 a {
  color: inherit;
  text-decoration: none;
}

#tyv3-icerik.ty-dashboard .ty-individual-task-card h4 a:hover,
#tyv3-icerik.ty-dashboard .ty-individual-task-card h4 a:focus-visible,
#tyv3-icerik.ty-dashboard .ty-individual-submission-card h3 a:hover,
#tyv3-icerik.ty-dashboard .ty-individual-submission-card h3 a:focus-visible {
  color: var(--brick-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#tyv3-icerik.ty-dashboard .ty-individual-task-group + .ty-individual-task-group {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(39, 38, 106, .1);
}

#tyv3-icerik.ty-dashboard .ty-individual-task-group > h3 {
  margin: 0 0 14px;
  color: var(--ink);
  font-size: 1.1rem;
}

#tyv3-icerik.ty-dashboard .ty-individual-submission-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

#tyv3-icerik.ty-dashboard .ty-individual-submission-card h3 { margin-top: 10px; }

#tyv3-icerik.ty-dashboard .ty-individual-submission-history-list {
  margin-top: 24px;
}

#tyv3-icerik.ty-dashboard details.ty-individual-submission-history {
  margin: 12px 0 0;
  padding: 0 18px 18px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 16px;
  background: var(--white);
}

#tyv3-icerik.ty-dashboard details.ty-individual-submission-history summary {
  margin: 0 -18px;
  padding: 17px 18px;
  border-radius: 16px;
  color: var(--ink);
}

#tyv3-icerik.ty-dashboard details.ty-individual-submission-history[open] summary {
  border-bottom: 1px solid rgba(39, 38, 106, .08);
  border-radius: 16px 16px 0 0;
  background: var(--workspace-soft);
}

#tyv3-icerik.ty-dashboard .ty-individual-submission-content {
  padding-top: 18px;
}

#tyv3-icerik.ty-dashboard .ty-individual-submission-content h4,
#tyv3-icerik.ty-dashboard .ty-individual-ai-result h4,
#tyv3-icerik.ty-dashboard .ty-individual-ai-result h5 {
  margin-top: 0;
  color: var(--ink);
}

#tyv3-icerik.ty-dashboard .ty-individual-submission-content p,
#tyv3-icerik.ty-dashboard .ty-individual-ai-result p,
#tyv3-icerik.ty-dashboard .ty-individual-ai-result li {
  overflow-wrap: anywhere;
}

#tyv3-icerik.ty-dashboard .ty-individual-submission-content p {
  margin-bottom: 0;
  white-space: pre-wrap;
  color: var(--workspace-muted);
  line-height: 1.7;
}

#tyv3-icerik.ty-dashboard .ty-individual-ai-result,
#tyv3-icerik.ty-dashboard .ty-individual-ai-result ul {
  margin-bottom: 0;
}

#tyv3-icerik.ty-dashboard .ty-individual-ai-result code {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

@media (prefers-reduced-motion: reduce) {
  #tyv3-icerik.ty-dashboard .ty-individual-action { transition: none; }
  #tyv3-icerik.ty-dashboard .ty-individual-action:hover { transform: none; }
}

#tyv3-icerik.ty-dashboard .ty-teacher-class-card {
  padding: 20px;
}

#tyv3-icerik.ty-dashboard .ty-teacher-class-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

#tyv3-icerik.ty-dashboard .ty-teacher-class-card h2,
#tyv3-icerik.ty-dashboard .ty-profile-assignment h3 {
  margin: 0 0 5px;
  color: var(--ink);
  font-size: 1.05rem;
}

#tyv3-icerik.ty-dashboard .ty-teacher-class-card h2 a {
  color: inherit;
  text-decoration: none;
}

#tyv3-icerik.ty-dashboard .ty-teacher-class-card h2 a:hover,
#tyv3-icerik.ty-dashboard .ty-teacher-class-card h2 a:focus-visible {
  color: var(--brick-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#tyv3-icerik.ty-dashboard .ty-profile-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 28px;
}

#tyv3-icerik.ty-dashboard .ty-profile-facts div {
  min-width: 0;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--workspace-soft);
}

#tyv3-icerik.ty-dashboard .ty-profile-facts dt { margin-bottom: 5px; font-weight: 750; }
#tyv3-icerik.ty-dashboard .ty-profile-facts dd { margin: 0; color: var(--ink); font-size: .88rem; overflow-wrap: anywhere; }
#tyv3-icerik.ty-dashboard .ty-profile-facts a { color: var(--ink); font-weight: 750; }

#tyv3-icerik.ty-dashboard .ty-profile-icon-link {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(39, 38, 106, .14);
  border-radius: 50%;
  color: var(--ink);
  background: var(--workspace-soft);
  text-decoration: none;
}

#tyv3-icerik.ty-dashboard .ty-profile-icon-link:hover,
#tyv3-icerik.ty-dashboard .ty-profile-icon-link:focus-visible {
  border-color: var(--sun);
  color: var(--brick-dark);
  background: var(--white);
}

#tyv3-icerik.ty-dashboard .ty-profile-icon-link svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.8;
}

#tyv3-icerik.ty-dashboard .ty-profile-danger-action { margin: 24px 0 0; }
#tyv3-icerik.ty-dashboard .ty-profile-danger-action button { border-color: rgba(168, 79, 80, .28); color: var(--workspace-danger); background: var(--workspace-danger-surface); }
#tyv3-icerik.ty-dashboard .ty-profile-danger-action button:hover,
#tyv3-icerik.ty-dashboard .ty-profile-danger-action button:focus-visible { border-color: var(--workspace-danger); background: #ffe8e7; }

#tyv3-icerik.ty-dashboard .ty-institution-logo {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(39, 38, 106, .1);
}

#tyv3-icerik.ty-dashboard .ty-institution-logo h3 { margin: 0; font-size: 1rem; }
#tyv3-icerik.ty-dashboard .ty-institution-logo .ty-dashboard-panel-head p { margin: 5px 0 0; color: var(--workspace-muted); font-size: .76rem; }
#tyv3-icerik.ty-dashboard .ty-institution-logo-badge { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; color: var(--workspace-muted); background: var(--workspace-soft); font-size: .66rem; font-weight: 750; }
#tyv3-icerik.ty-dashboard .ty-institution-logo-preview,
#tyv3-icerik.ty-dashboard .ty-institution-logo-empty { display: flex; min-height: 142px; align-items: center; justify-content: center; margin: 0 0 16px; padding: 16px; border: 1px solid rgba(39, 38, 106, .1); border-radius: 16px; background: linear-gradient(135deg, var(--workspace-soft), rgba(255, 255, 255, .92)); }
#tyv3-icerik.ty-dashboard .ty-institution-logo-preview img { display: block; width: 120px; height: 120px; object-fit: contain; border-radius: 16px; background: var(--white); box-shadow: 0 10px 22px rgba(39, 38, 106, .08); }
#tyv3-icerik.ty-dashboard .ty-institution-logo-empty { justify-content: flex-start; gap: 14px; color: var(--workspace-muted); }
#tyv3-icerik.ty-dashboard .ty-institution-logo-empty > span { display: grid; width: 48px; height: 48px; place-items: center; border: 1px dashed rgba(39, 38, 106, .24); border-radius: 14px; color: var(--sun); font-size: 1.5rem; }
#tyv3-icerik.ty-dashboard .ty-institution-logo-empty strong,
#tyv3-icerik.ty-dashboard .ty-institution-logo-empty small,
#tyv3-icerik.ty-dashboard .ty-institution-logo-picker strong,
#tyv3-icerik.ty-dashboard .ty-institution-logo-picker small { display: block; }
#tyv3-icerik.ty-dashboard .ty-institution-logo-empty strong { color: var(--ink); font-size: .82rem; }
#tyv3-icerik.ty-dashboard .ty-institution-logo-empty small,
#tyv3-icerik.ty-dashboard .ty-institution-logo-picker small { margin-top: 4px; color: var(--workspace-muted); font-size: .72rem; }
#tyv3-icerik.ty-dashboard .ty-institution-logo-upload { padding: 14px; border: 1px solid rgba(39, 38, 106, .1); border-radius: 16px; background: var(--workspace-soft); }
#tyv3-icerik.ty-dashboard .ty-institution-logo-picker { position: relative; display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 10px 12px; border: 1px dashed rgba(39, 38, 106, .22); border-radius: 12px; background: var(--white); cursor: pointer; }
#tyv3-icerik.ty-dashboard .ty-institution-logo-picker:hover,
#tyv3-icerik.ty-dashboard .ty-institution-logo-picker:focus-within { border-color: var(--sun); box-shadow: 0 0 0 3px rgba(242, 188, 74, .14); }
#tyv3-icerik.ty-dashboard .ty-institution-logo-picker-icon { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: var(--ink); background: var(--lavender); }
#tyv3-icerik.ty-dashboard .ty-institution-logo-picker-icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
#tyv3-icerik.ty-dashboard .ty-institution-logo-picker input[type="file"] { position: absolute; width: 1px !important; height: 1px !important; min-width: 1px !important; margin: 0 !important; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; clip-path: inset(50%); }
#tyv3-icerik.ty-dashboard .ty-institution-logo-upload > p { margin: 12px 0 0; }
#tyv3-icerik.ty-dashboard .ty-manager-membership-help { display: block; margin: -4px 0 0; color: var(--workspace-muted); font-size: .72rem; line-height: 1.55; }
#tyv3-icerik.ty-dashboard .ty-manager-membership-help code { padding: 2px 5px; border-radius: 5px; background: var(--workspace-soft); }

#tyv3-icerik.ty-dashboard .ty-profile-welcome > div { width: 100%; }
#tyv3-icerik.ty-dashboard .ty-profile-welcome h1 { margin-bottom: 8px; }
#tyv3-icerik.ty-dashboard .ty-profile-welcome p { margin: 0; max-width: 62ch; }
#tyv3-icerik.ty-dashboard .ty-profile-tabs {
  display: flex;
  gap: 8px;
  margin: 0 0 14px;
  padding: 5px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 999px;
  background: var(--workspace-soft);
}
#tyv3-icerik.ty-dashboard .ty-profile-tabs a {
  flex: 1 1 0;
  padding: 9px 14px;
  border-radius: 999px;
  color: var(--workspace-muted);
  font-size: .78rem;
  font-weight: 750;
  text-align: center;
  text-decoration: none;
}
#tyv3-icerik.ty-dashboard .ty-profile-tabs a:hover,
#tyv3-icerik.ty-dashboard .ty-profile-tabs a:focus-visible,
#tyv3-icerik.ty-dashboard .ty-profile-tabs a.is-active {
  color: var(--ink);
  background: var(--white);
  box-shadow: 0 6px 16px rgba(39, 38, 106, .08);
}

#tyv3-icerik.ty-dashboard .ty-tracking-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 20px;
  padding: 5px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 14px;
  background: var(--workspace-soft);
}

#tyv3-icerik.ty-dashboard .ty-tracking-tabs a {
  flex: 1 1 180px;
  min-width: 0;
  padding: 10px 14px;
  border-radius: 10px;
  color: var(--workspace-muted);
  font-size: .82rem;
  font-weight: 750;
  text-align: center;
  text-decoration: none;
}

#tyv3-icerik.ty-dashboard .ty-tracking-tabs a:hover,
#tyv3-icerik.ty-dashboard .ty-tracking-tabs a:focus-visible,
#tyv3-icerik.ty-dashboard .ty-tracking-tabs a.is-active {
  color: var(--ink);
  background: var(--white);
  box-shadow: 0 6px 16px rgba(39, 38, 106, .08);
}

#tyv3-icerik.ty-dashboard .ty-table-meta {
  display: block;
  margin-top: 4px;
  color: var(--workspace-muted);
  font-size: .72rem;
  font-weight: 600;
  white-space: nowrap;
}
#tyv3-icerik.ty-dashboard .ty-profile-identity {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
#tyv3-icerik.ty-dashboard .ty-profile-identity h2 { margin: 0 0 4px; }
#tyv3-icerik.ty-dashboard .ty-profile-identity .ty-dashboard-panel-note { margin: 0; }
#tyv3-icerik.ty-dashboard .ty-manager-learner-profile-head { align-items: flex-start; }
#tyv3-icerik.ty-dashboard .ty-manager-learner-profile-head .ty-profile-identity { margin-bottom: 0; }
#tyv3-icerik.ty-dashboard .ty-manager-learner-profile-head .ty-profile-identity p { margin: 0; color: var(--workspace-muted); font-size: .76rem; }
#tyv3-icerik.ty-dashboard .ty-profile-feedback {
  margin: 18px 0 0;
  padding: 14px 16px;
  border: 1px solid rgba(39, 38, 106, .14);
  border-radius: 14px;
  background: var(--workspace-soft);
  color: var(--ink);
  font-size: .84rem;
  font-weight: 750;
  line-height: 1.5;
}
#tyv3-icerik.ty-dashboard .ty-profile-feedback.is-success {
  border-color: rgba(0, 150, 115, .28);
  background: rgba(17, 229, 179, .12);
  color: #075c4b;
}
#tyv3-icerik.ty-dashboard .ty-profile-feedback.is-error {
  border-color: rgba(177, 61, 61, .3);
  background: rgba(177, 61, 61, .08);
  color: #8b2f35;
}
#tyv3-icerik.ty-dashboard .ty-profile-teacher-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  grid-column: 1 / -1;
  margin: 4px 0 0;
  padding: 22px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 18px;
  background: var(--workspace-soft);
}
#tyv3-icerik.ty-dashboard .ty-profile-edit-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 20px;
  padding: 22px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 20px;
  background: var(--workspace-soft);
}
#tyv3-icerik.ty-dashboard .ty-profile-password-panel {
  margin-top: 20px;
}
#tyv3-icerik.ty-dashboard .ty-profile-password-panel .ty-dashboard-panel-head {
  margin-bottom: 0;
}
#tyv3-icerik.ty-dashboard .ty-profile-password-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 20px;
  padding: 22px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 20px;
  background: var(--workspace-soft);
}
#tyv3-icerik.ty-dashboard .ty-profile-password-form p { margin: 0; }
#tyv3-icerik.ty-dashboard .ty-profile-password-form label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  color: var(--ink);
  font-size: .76rem;
  font-weight: 750;
}
#tyv3-icerik.ty-dashboard .ty-profile-password-form input { margin-top: 0; }
#tyv3-icerik.ty-dashboard .ty-profile-password-help {
  grid-column: 1 / -1;
  margin-top: -2px !important;
  color: var(--workspace-muted);
  font-size: .74rem;
  line-height: 1.5;
}
#tyv3-icerik.ty-dashboard .ty-profile-password-form > .button {
  grid-column: 1 / -1;
  justify-self: start;
  margin-top: 2px;
}
#tyv3-icerik.ty-dashboard .ty-profile-edit-form > input[type="hidden"] { display: none; }
#tyv3-icerik.ty-dashboard .ty-profile-core-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column: 1 / -1;
  gap: 16px;
}
#tyv3-icerik.ty-dashboard .ty-profile-edit-form p { margin: 0; }
#tyv3-icerik.ty-dashboard .ty-profile-edit-form label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  color: var(--ink);
  font-size: .76rem;
  font-weight: 750;
}
#tyv3-icerik.ty-dashboard .ty-profile-edit-form input:not([type="hidden"]),
#tyv3-icerik.ty-dashboard .ty-profile-edit-form textarea { margin-top: 0; }
#tyv3-icerik.ty-dashboard .ty-profile-teacher-fields h3 {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--ink);
  font-size: 1.05rem;
}
#tyv3-icerik.ty-dashboard .ty-profile-teacher-fields .ty-dashboard-panel-note {
  grid-column: 1 / -1;
  margin: -8px 0 0;
}
#tyv3-icerik.ty-dashboard .ty-profile-teacher-fields > p:last-child { grid-column: 1 / -1; }
#tyv3-icerik.ty-dashboard .ty-profile-edit-form > .button {
  grid-column: 1 / -1;
  justify-self: start;
  margin-top: 2px;
}
#tyv3-icerik.ty-dashboard .ty-profile-avatar,
#tyv3-icerik.ty-dashboard .ty-profile-avatar img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
}
#tyv3-icerik.ty-dashboard .ty-profile-avatar {
  flex: 0 0 72px;
  overflow: hidden;
  background: var(--lavender);
}
#tyv3-icerik.ty-dashboard .ty-profile-avatar-upload {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid rgba(39, 38, 106, .1);
}
#tyv3-icerik.ty-dashboard .ty-profile-avatar-upload-head h3 {
  margin: 0;
  color: var(--ink);
  font-size: 1rem;
}
#tyv3-icerik.ty-dashboard .ty-profile-avatar-upload-head p,
#tyv3-icerik.ty-dashboard .ty-profile-avatar-upload-preview span {
  margin: 4px 0 0;
  color: var(--workspace-muted);
  font-size: .74rem;
}
#tyv3-icerik.ty-dashboard .ty-profile-avatar-upload-preview,
#tyv3-icerik.ty-dashboard .ty-profile-avatar-upload-empty {
  display: flex;
  min-height: 142px;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
  padding: 16px;
  border: 1px solid rgba(39, 38, 106, .12);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(240, 239, 255, .92), rgba(255, 255, 255, .98));
}
#tyv3-icerik.ty-dashboard .ty-profile-avatar-upload-image {
  display: block;
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  background: var(--white);
  box-shadow: 0 8px 18px rgba(39, 38, 106, .12);
}
#tyv3-icerik.ty-dashboard .ty-profile-avatar-upload-empty {
  color: var(--workspace-muted);
}
#tyv3-icerik.ty-dashboard .ty-profile-avatar-upload-empty > span {
  display: grid;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px dashed rgba(39, 38, 106, .24);
  border-radius: 14px;
  color: var(--sun);
  font-size: 1.5rem;
}
#tyv3-icerik.ty-dashboard .ty-profile-avatar-upload-empty strong,
#tyv3-icerik.ty-dashboard .ty-profile-avatar-upload-empty small,
#tyv3-icerik.ty-dashboard .ty-profile-avatar-picker strong,
#tyv3-icerik.ty-dashboard .ty-profile-avatar-picker small { display: block; }
#tyv3-icerik.ty-dashboard .ty-profile-avatar-upload-empty strong { color: var(--ink); font-size: .82rem; }
#tyv3-icerik.ty-dashboard .ty-profile-avatar-upload-empty small,
#tyv3-icerik.ty-dashboard .ty-profile-avatar-picker small { margin-top: 4px; color: var(--workspace-muted); font-size: .72rem; }
#tyv3-icerik.ty-dashboard .ty-profile-avatar-form {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 16px;
  background: var(--workspace-soft);
}
#tyv3-icerik.ty-dashboard .ty-profile-avatar-form > input[type="hidden"] { display: none; }
#tyv3-icerik.ty-dashboard .ty-profile-avatar-picker {
  position: relative;
  display: flex;
  min-height: 58px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px dashed rgba(39, 38, 106, .22);
  border-radius: 12px;
  background: var(--white);
  cursor: pointer;
}
#tyv3-icerik.ty-dashboard .ty-profile-avatar-picker:hover,
#tyv3-icerik.ty-dashboard .ty-profile-avatar-picker:focus-within { border-color: var(--sun); box-shadow: 0 0 0 3px rgba(242, 188, 74, .14); }
#tyv3-icerik.ty-dashboard .ty-profile-avatar-picker-icon {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  color: var(--ink);
  background: var(--lavender);
}
#tyv3-icerik.ty-dashboard .ty-profile-avatar-picker-icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
#tyv3-icerik.ty-dashboard .ty-profile-avatar-picker input[type="file"] { position: absolute; width: 1px !important; height: 1px !important; min-width: 1px !important; margin: 0 !important; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; clip-path: inset(50%); }
#tyv3-icerik.ty-dashboard .ty-profile-avatar-form > p { margin: 12px 0 0; }


#tyv3-icerik.ty-dashboard .ty-profile-assignment-list { margin-top: 12px; }
#tyv3-icerik.ty-dashboard .ty-profile-assignment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
}

#tyv3-icerik.ty-dashboard .ty-profile-assignment h3 { font-size: .95rem; }
#tyv3-icerik.ty-dashboard .ty-profile-assignment p { margin: 0; }
#tyv3-icerik.ty-dashboard .ty-profile-assignment .ty-progress-state { flex: 0 0 auto; }

#tyv3-icerik.ty-dashboard .ty-learner-profile-head { align-items: center; }
#tyv3-icerik.ty-dashboard .ty-learner-profile-title { display: flex; min-width: 0; align-items: center; gap: 14px; }
#tyv3-icerik.ty-dashboard .ty-learner-profile-title h2 { margin: 0; font-size: clamp(2rem, 3.4vw, 3.15rem); line-height: 1; }
#tyv3-icerik.ty-dashboard .ty-learner-profile-avatar,
#tyv3-icerik.ty-dashboard .ty-profile-avatar-image { width: 64px; height: 64px; border-radius: 18px; }
#tyv3-icerik.ty-dashboard .ty-learner-profile-avatar { flex: 0 0 64px; overflow: hidden; background: var(--paper-deep); }
#tyv3-icerik.ty-dashboard .ty-profile-avatar-image { display: block; object-fit: cover; }
#tyv3-icerik.ty-dashboard .ty-profile-metrics { margin-top: 28px; padding-top: 26px; border-top: 1px solid rgba(39, 38, 106, .1); }
#tyv3-icerik.ty-dashboard .ty-profile-metrics .ty-dashboard-panel-head { margin-bottom: 14px; }
#tyv3-icerik.ty-dashboard .ty-profile-metrics-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
#tyv3-icerik.ty-dashboard .ty-profile-metrics-summary .ty-dashboard-stat { min-height: 108px; padding: 14px 15px; box-shadow: none; background: var(--workspace-soft); }
#tyv3-icerik.ty-dashboard .ty-profile-metrics-summary .ty-dashboard-stat strong { font-size: 1.35rem; overflow-wrap: anywhere; }
#tyv3-icerik.ty-dashboard .ty-profile-assignments { margin-top: 30px; padding-top: 26px; border-top: 1px solid rgba(39, 38, 106, .1); }
#tyv3-icerik.ty-dashboard .ty-profile-assignment-summary { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid rgba(39, 38, 106, .08); }

#tyv3-icerik.ty-dashboard .ty-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

#tyv3-icerik.ty-dashboard .ty-metric-card {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(39, 38, 106, .08);
  border-radius: 16px;
  background: var(--workspace-soft);
}

#tyv3-icerik.ty-dashboard .ty-metric-label,
#tyv3-icerik.ty-dashboard .ty-metric-note {
  display: block;
  color: var(--workspace-muted);
  font-size: .76rem;
}

#tyv3-icerik.ty-dashboard .ty-metric-label { font-weight: 750; }
#tyv3-icerik.ty-dashboard .ty-metric-card strong { display: block; margin: 8px 0 4px; color: var(--ink); font-size: clamp(1.8rem, 4vw, 2.35rem); line-height: 1; }










@media (prefers-reduced-motion: reduce) {
  #tyv3-icerik.ty-dashboard .ty-teacher-action { transition: none; }
  #tyv3-icerik.ty-dashboard .ty-teacher-action:hover { transform: none; }
}

@media (max-width: 960px) {

#tyv3-icerik.ty-dashboard > .ty-dashboard-stats,
#tyv3-icerik.ty-dashboard .ty-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  
  #tyv3-icerik.ty-dashboard .ty-teacher-action-grid { grid-template-columns: 1fr; }
  #tyv3-icerik.ty-dashboard .ty-individual-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  
  #tyv3-icerik.ty-dashboard {
    width: min(100% - 36px, 560px) !important;
    margin-top: 34px !important;
  }

  #tyv3-icerik.ty-dashboard > .ty-dashboard-welcome {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    padding: 24px 19px;
    border-radius: 18px;
  }

  #tyv3-icerik.ty-dashboard .ty-dashboard-welcome-logo {
    align-self: flex-end;
    width: 78px;
    height: 78px;
    margin-left: 0;
  }

  #tyv3-icerik.ty-dashboard > .ty-dashboard-welcome .button { width: 100%; }
  #tyv3-icerik.ty-dashboard .ty-dashboard-panel { padding: 20px 15px; border-radius: 18px; }
  #tyv3-icerik.ty-dashboard .ty-dashboard-list { grid-template-columns: 1fr; }
  #tyv3-icerik.ty-dashboard .ty-class-panel,
  #tyv3-icerik.ty-dashboard .ty-learner-class { padding: 17px 13px; }
  .ty-class-panel-head { align-items: flex-start; }
  .ty-class-panel-head, #tyv3-icerik.ty-dashboard details.ty-assignment-panel summary { flex-wrap: wrap; }
  #tyv3-icerik.ty-dashboard .ty-class-assignment-launcher > header { flex-direction: column; }
  #tyv3-icerik.ty-dashboard .ty-class-assignment-fields { grid-template-columns: 1fr; }
  #tyv3-icerik.ty-dashboard .ty-learner-draft-form { padding: 17px 14px; }
  #tyv3-icerik.ty-dashboard .ty-draft-form-head { flex-direction: column; gap: 10px; }
  #tyv3-icerik.ty-dashboard .ty-learner-draft-form textarea { min-height: 280px; }
  #tyv3-icerik.ty-dashboard .ty-event-info > summary { align-items: flex-start; padding: 15px 14px; }
  #tyv3-icerik.ty-dashboard .ty-event-info-toggle { display: none; }
  #tyv3-icerik.ty-dashboard .ty-event-preview-values { grid-template-columns: 1fr; }
  #tyv3-icerik.ty-dashboard .ty-event-preview-item.is-wide { grid-column: auto; }
  #tyv3-icerik.ty-dashboard .ty-event-preview-item { padding: 13px 14px; }
  #tyv3-icerik.ty-dashboard .ty-writing-limits { grid-template-columns: 1fr; }
  
  #tyv3-icerik.ty-dashboard .ty-task-card-main { align-items: stretch; flex-direction: column; gap: 16px; }
  #tyv3-icerik.ty-dashboard .ty-task-link { justify-content: center; }
  #tyv3-icerik.ty-dashboard .ty-task-card-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #tyv3-icerik.ty-dashboard .ty-learner-context-facts { grid-template-columns: 1fr; }
  #tyv3-icerik.ty-dashboard .ty-learner-feedback-summary { align-items: stretch; flex-direction: column; gap: 16px; }
  #tyv3-icerik.ty-dashboard .ty-learner-feedback-action { justify-items: start; }
  #tyv3-icerik.ty-dashboard .ty-learner-feedback-action .text-link { width: 100%; justify-content: center; }
  #tyv3-icerik.ty-dashboard .ty-task-card-kicker { display: none; }
  #tyv3-icerik.ty-dashboard .ty-teacher-class-grid,
  #tyv3-icerik.ty-dashboard .ty-profile-facts,
  #tyv3-icerik.ty-dashboard .ty-metric-grid,
  #tyv3-icerik.ty-dashboard .ty-individual-action-grid,
  #tyv3-icerik.ty-dashboard .ty-individual-event-grid,
  #tyv3-icerik.ty-dashboard .ty-individual-task-list { grid-template-columns: 1fr; }
  #tyv3-icerik.ty-dashboard .ty-teacher-class-card { padding: 17px 15px; }
  #tyv3-icerik.ty-dashboard .ty-profile-edit-form,
  #tyv3-icerik.ty-dashboard .ty-profile-password-form,
  #tyv3-icerik.ty-dashboard .ty-profile-core-fields,
  #tyv3-icerik.ty-dashboard .ty-profile-teacher-fields { grid-template-columns: 1fr; }

#tyv3-icerik.ty-dashboard .ty-profile-edit-form,
#tyv3-icerik.ty-dashboard .ty-profile-teacher-fields { padding: 17px 15px; }
  #tyv3-icerik.ty-dashboard .ty-profile-assignment { align-items: flex-start; flex-direction: column; }

#tyv3-icerik.ty-dashboard .ty-learner-profile-head,
#tyv3-icerik.ty-dashboard .ty-learner-profile-title { align-items: flex-start; }
  #tyv3-icerik.ty-dashboard .ty-profile-metrics-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #tyv3-icerik.ty-dashboard .ty-individual-submission-card { align-items: flex-start; flex-direction: column; }
  #tyv3-icerik.ty-dashboard .ty-individual-pool-toolbar { align-items: stretch; flex-direction: column; }
  #tyv3-icerik.ty-dashboard .ty-individual-pool-filter,
  #tyv3-icerik.ty-dashboard .ty-individual-pool-layout { justify-content: space-between; }
  #tyv3-icerik.ty-dashboard .ty-individual-pool-filter { align-items: flex-start; flex-direction: column; }
  #tyv3-icerik.ty-dashboard .ty-manager-teacher-row { grid-template-columns: 1fr; gap: 10px; }
  #tyv3-icerik.ty-dashboard .ty-manager-class-membership header,
  #tyv3-icerik.ty-dashboard .ty-event-section-head { align-items: flex-start; flex-direction: column; }
  #tyv3-icerik.ty-dashboard .ty-manager-class-title { width: 100%; }
  #tyv3-icerik.ty-dashboard .ty-manager-class-header-meta { justify-items: start; width: 100%; text-align: left; }
  #tyv3-icerik.ty-dashboard .ty-manager-class-add { align-items: stretch; flex-direction: column; }

#tyv3-icerik.ty-dashboard .ty-manager-class-add select,
  #tyv3-icerik.ty-dashboard .ty-manager-class-add button,
#tyv3-icerik.ty-dashboard .ty-event-section-head .button { width: 100%; }
  #tyv3-icerik.ty-dashboard .ty-pool-group > summary { align-items: flex-start; flex-direction: column; gap: 12px; }
  #tyv3-icerik.ty-dashboard .ty-pool-list { padding: 0 15px 15px; }
  #tyv3-icerik.ty-dashboard .ty-pool-intro { padding: 16px 15px 4px; }
  #tyv3-icerik.ty-dashboard .ty-pool-item { align-items: flex-start; flex-direction: column; gap: 14px; }
  #tyv3-icerik.ty-dashboard .ty-pool-item-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #tyv3-icerik.ty-dashboard .ty-pool-item-action,
  #tyv3-icerik.ty-dashboard .ty-pool-item-action form,
  #tyv3-icerik.ty-dashboard .ty-pool-item-action .button,
  #tyv3-icerik.ty-dashboard .ty-pool-status { width: 100%; }
  #tyv3-icerik.ty-dashboard .ty-pool-item-action { align-items: stretch; justify-content: flex-start; }
  #tyv3-icerik.ty-dashboard .ty-ai-usage-chart-head { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  #tyv3-icerik.ty-dashboard * { scroll-behavior: auto; }
  #tyv3-icerik.ty-dashboard .ty-workspace-tabs a { transition: none; }
}

#tyv3-icerik.ty-dashboard .ty-dashboard-panel-note {
  max-width: 72ch;
  margin: -2px 0 18px;
  color: var(--workspace-muted);
  font-size: .82rem;
  line-height: 1.6;
}

#tyv3-icerik.ty-dashboard .ty-workspace-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0 0 22px;
  padding: 6px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 16px;
  background: var(--workspace-soft);
}

#tyv3-icerik.ty-dashboard .ty-workspace-tabs a {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 11px;
  color: var(--workspace-muted);
  font-size: .76rem;
  font-weight: 750;
  text-align: center;
  text-decoration: none;
  transition: color .18s ease, background .18s ease, box-shadow .18s ease;
}

#tyv3-icerik.ty-dashboard .ty-manager-person-list {
  display: grid;
  gap: 10px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

#tyv3-icerik.ty-dashboard .ty-manager-person-row {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(0, 1.25fr) minmax(150px, .7fr);
  gap: 18px;
  align-items: center;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 14px;
  background: var(--white);
}

#tyv3-icerik.ty-dashboard .ty-manager-person-identity,
#tyv3-icerik.ty-dashboard .ty-manager-person-detail,
#tyv3-icerik.ty-dashboard .ty-manager-person-actions {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

#tyv3-icerik.ty-dashboard .ty-manager-person-identity > span:last-child,
#tyv3-icerik.ty-dashboard .ty-manager-person-detail,
#tyv3-icerik.ty-dashboard .ty-manager-person-actions {
  flex-direction: column;
  align-items: flex-start;
}

#tyv3-icerik.ty-dashboard .ty-manager-person-avatar-wrap,
#tyv3-icerik.ty-dashboard .ty-manager-person-avatar-wrap img {
  width: 36px;
  height: 36px;
}

#tyv3-icerik.ty-dashboard .ty-manager-person-avatar-wrap {
  display: block;
  flex: 0 0 36px;
  overflow: hidden;
  border-radius: 12px;
  background: var(--paper-deep);
}

#tyv3-icerik.ty-dashboard .ty-manager-person-avatar { display: block; width: 100%; height: 100%; object-fit: cover; }
#tyv3-icerik.ty-dashboard .ty-manager-person-row strong { color: var(--ink); overflow-wrap: anywhere; }
#tyv3-icerik.ty-dashboard .ty-manager-person-row small,
#tyv3-icerik.ty-dashboard .ty-manager-person-detail > span,
#tyv3-icerik.ty-dashboard .ty-manager-person-status { color: var(--workspace-muted); font-size: .72rem; }
#tyv3-icerik.ty-dashboard .ty-manager-person-detail strong { font-size: .84rem; font-weight: 700; }
#tyv3-icerik.ty-dashboard .ty-manager-person-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; min-width: 0; margin: 0; }
#tyv3-icerik.ty-dashboard .ty-manager-person-facts div { min-width: 0; }
#tyv3-icerik.ty-dashboard .ty-manager-person-facts dt { color: var(--workspace-muted); font-size: .62rem; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
#tyv3-icerik.ty-dashboard .ty-manager-person-facts dd { margin: 4px 0 0; color: var(--ink); font-size: .76rem; overflow-wrap: anywhere; }
#tyv3-icerik.ty-dashboard .ty-manager-person-actions { justify-content: center; }
#tyv3-icerik.ty-dashboard .ty-manager-person-actions .text-link { white-space: nowrap; }
#tyv3-icerik.ty-dashboard .ty-manager-person-row--membership,
#tyv3-icerik.ty-dashboard .ty-manager-person-row--teacher { grid-template-columns: minmax(180px, .9fr) minmax(0, 1fr) minmax(150px, .6fr); }
#tyv3-icerik.ty-dashboard .ty-manager-person-row--teacher { grid-template-columns: minmax(180px, .9fr) minmax(0, 1.1fr); }
#tyv3-icerik.ty-dashboard .ty-manager-person-row--membership .ty-manager-person-actions,
#tyv3-icerik.ty-dashboard .ty-manager-person-row--teacher .ty-manager-person-actions { align-items: flex-end; }
#tyv3-icerik.ty-dashboard .ty-manager-class-member-list,
#tyv3-icerik.ty-dashboard .ty-manager-class-teacher-list { display: grid; gap: 8px; margin: 0; padding: 14px 18px; }
#tyv3-icerik.ty-dashboard .ty-manager-class-member-list .ty-manager-person-row,
#tyv3-icerik.ty-dashboard .ty-manager-class-teacher-list .ty-manager-person-row { border-color: rgba(39, 38, 106, .08); }
#tyv3-icerik.ty-dashboard .ty-manager-class-member-list + .ty-manager-class-add { margin-top: 0; }

#tyv3-icerik.ty-dashboard .ty-workspace-tabs a:hover,
#tyv3-icerik.ty-dashboard .ty-workspace-tabs a:focus-visible,
#tyv3-icerik.ty-dashboard .ty-workspace-tabs a.is-active {
  color: var(--ink);
  background: var(--white);
  box-shadow: 0 6px 16px rgba(39, 38, 106, .08);
}

#tyv3-icerik.ty-dashboard .ty-event-section-head { align-items: flex-start; }
#tyv3-icerik.ty-dashboard .ty-event-section-head .button { flex: 0 0 auto; }
#tyv3-icerik.ty-dashboard .ty-event-list { grid-template-columns: 1fr; gap: 12px; }
#tyv3-icerik.ty-dashboard .ty-event-item { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 20px 22px; border: 1px solid rgba(39, 38, 106, .1); border-radius: 16px; background: linear-gradient(135deg, rgba(240, 239, 255, .82), rgba(255, 255, 255, .98)); box-shadow: 0 10px 24px rgba(39, 38, 106, .045); }
#tyv3-icerik.ty-dashboard .ty-event-item-main { min-width: 0; }
#tyv3-icerik.ty-dashboard .ty-event-item-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }
#tyv3-icerik.ty-dashboard .ty-event-item-level,
#tyv3-icerik.ty-dashboard .ty-event-item-status { display: inline-flex; padding: 4px 8px; border-radius: 999px; font-size: .64rem; font-weight: 800; }
#tyv3-icerik.ty-dashboard .ty-event-item-level { color: var(--sun); background: var(--paper-deep); }
#tyv3-icerik.ty-dashboard .ty-event-item-status { color: #176550; background: rgba(17, 229, 179, .12); }
#tyv3-icerik.ty-dashboard .ty-event-item h3 { margin: 0; color: var(--ink); font-size: 1.08rem; line-height: 1.25; }
#tyv3-icerik.ty-dashboard .ty-event-item h3 a { color: inherit; text-decoration: none; }
#tyv3-icerik.ty-dashboard .ty-event-item h3 a:hover,
#tyv3-icerik.ty-dashboard .ty-event-item h3 a:focus-visible { color: var(--brick-dark); text-decoration: underline; text-underline-offset: 3px; }
#tyv3-icerik.ty-dashboard .ty-event-item-excerpt { max-width: 72ch; margin: 7px 0 0; color: var(--workspace-muted); font-size: .75rem; line-height: 1.55; }
#tyv3-icerik.ty-dashboard .ty-event-item-meta { display: grid; grid-template-columns: repeat(3, minmax(110px, 1fr)); gap: 8px; margin-top: 16px; }
#tyv3-icerik.ty-dashboard .ty-event-item-meta span { display: grid; gap: 3px; min-width: 0; padding: 9px 10px; border: 1px solid rgba(39, 38, 106, .08); border-radius: 10px; background: rgba(255, 255, 255, .72); }
#tyv3-icerik.ty-dashboard .ty-event-item-meta small { color: var(--workspace-muted); font-size: .6rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
#tyv3-icerik.ty-dashboard .ty-event-item-meta strong { min-width: 0; overflow-wrap: anywhere; color: var(--ink); font-size: .72rem; }
#tyv3-icerik.ty-dashboard .ty-event-item-action { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 8px; align-self: center; color: var(--ink); font-size: .72rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
#tyv3-icerik.ty-dashboard .ty-event-item-action:hover,
#tyv3-icerik.ty-dashboard .ty-event-item-action:focus-visible { color: var(--brick-dark); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 900px) {
  #tyv3-icerik.ty-dashboard .ty-event-item { flex-direction: column; gap: 15px; }
  #tyv3-icerik.ty-dashboard .ty-event-item-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #tyv3-icerik.ty-dashboard .ty-event-item-action { align-self: flex-start; }
}

#tyv3-icerik.ty-dashboard .ty-manager-class-memberships { margin-top: 22px; }
#tyv3-icerik.ty-dashboard .ty-manager-class-membership {
  padding: 0;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 16px;
  background: var(--white);
  box-shadow: 0 10px 24px rgba(39, 38, 106, .045);
  overflow: hidden;
}
#tyv3-icerik.ty-dashboard .ty-manager-class-membership + .ty-manager-class-membership { margin-top: 12px; }
#tyv3-icerik.ty-dashboard .ty-manager-class-membership header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 18px; background: var(--paper-deep); }
#tyv3-icerik.ty-dashboard .ty-manager-class-title { display: flex; min-width: 0; align-items: center; gap: 11px; }
#tyv3-icerik.ty-dashboard .ty-manager-class-icon { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 11px; color: var(--sun); background: var(--white); }
#tyv3-icerik.ty-dashboard .ty-manager-class-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
#tyv3-icerik.ty-dashboard .ty-manager-class-membership h3 { margin: 0; color: var(--ink); font-size: 1rem; overflow-wrap: anywhere; }
#tyv3-icerik.ty-dashboard .ty-manager-class-count,
#tyv3-icerik.ty-dashboard .ty-manager-class-label { color: var(--workspace-muted); font-size: .72rem; }
#tyv3-icerik.ty-dashboard .ty-manager-class-count { display: block; margin-top: 3px; }
#tyv3-icerik.ty-dashboard .ty-manager-class-label { white-space: nowrap; }
#tyv3-icerik.ty-dashboard .ty-manager-class-member-list { margin: 0; padding: 0 18px; list-style: none; }
#tyv3-icerik.ty-dashboard .ty-manager-class-member-list form { flex: 0 0 auto; margin: 0; }
#tyv3-icerik.ty-dashboard .ty-manager-membership-remove { padding: 7px 10px; border: 1px solid rgba(168, 79, 80, .22); border-radius: 9px; color: var(--workspace-danger); background: var(--workspace-danger-surface); font-size: .7rem; font-weight: 750; }
#tyv3-icerik.ty-dashboard .ty-manager-membership-remove:hover,
#tyv3-icerik.ty-dashboard .ty-manager-membership-remove:focus-visible { border-color: var(--workspace-danger); background: #ffe8e7; }
#tyv3-icerik.ty-dashboard .ty-manager-class-membership > form { margin: 0; padding: 14px 18px 16px; border-top: 1px solid rgba(39, 38, 106, .08); background: var(--workspace-soft); }
#tyv3-icerik.ty-dashboard .ty-manager-class-add { display: flex; align-items: end; gap: 10px; margin: 0; }
#tyv3-icerik.ty-dashboard .ty-manager-class-add label { flex: 1 1 auto; margin: 0; }
#tyv3-icerik.ty-dashboard .ty-manager-class-header-meta { display: grid; justify-items: end; gap: 4px; min-width: 0; text-align: right; }
#tyv3-icerik.ty-dashboard .ty-manager-class-teacher-summary { max-width: 28ch; color: var(--workspace-muted); font-size: .68rem; line-height: 1.45; }
#tyv3-icerik.ty-dashboard .ty-manager-class-teacher-summary strong { color: var(--ink); }
#tyv3-icerik.ty-dashboard .ty-manager-class-teacher-management { padding: 14px 18px 16px; border-top: 1px solid rgba(39, 38, 106, .08); background: var(--workspace-soft); }
#tyv3-icerik.ty-dashboard .ty-manager-class-teacher-management > header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 0 0 11px; background: transparent; }
#tyv3-icerik.ty-dashboard .ty-manager-class-teacher-management h4 { margin: 0; color: var(--ink); font-size: .82rem; }
#tyv3-icerik.ty-dashboard .ty-manager-class-teacher-management > header p { margin: 3px 0 0; color: var(--workspace-muted); font-size: .7rem; line-height: 1.45; }
#tyv3-icerik.ty-dashboard .ty-manager-class-teacher-management > header > span { flex: 0 0 auto; color: var(--workspace-muted); font-size: .7rem; }
#tyv3-icerik.ty-dashboard .ty-manager-class-teacher-list { margin: 0; padding: 0; list-style: none; }
#tyv3-icerik.ty-dashboard .ty-manager-class-teacher-list form { flex: 0 0 auto; margin: 0; }
#tyv3-icerik.ty-dashboard .ty-manager-class-teacher-empty { margin: 0; color: var(--workspace-muted); font-size: .73rem; }
#tyv3-icerik.ty-dashboard .ty-manager-class-teacher-add { margin-top: 10px; padding-top: 12px; border-top: 1px solid rgba(39, 38, 106, .08); }

@media (max-width: 680px) {
  #tyv3-icerik.ty-dashboard .ty-workspace-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #tyv3-icerik.ty-dashboard .ty-manager-person-row,
  #tyv3-icerik.ty-dashboard .ty-manager-person-row--membership,
  #tyv3-icerik.ty-dashboard .ty-manager-person-row--teacher { grid-template-columns: 1fr; gap: 12px; align-items: stretch; }
  #tyv3-icerik.ty-dashboard .ty-manager-person-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
  #tyv3-icerik.ty-dashboard .ty-manager-person-actions,
  #tyv3-icerik.ty-dashboard .ty-manager-person-row--membership .ty-manager-person-actions,
  #tyv3-icerik.ty-dashboard .ty-manager-person-row--teacher .ty-manager-person-actions { align-items: stretch; }
  #tyv3-icerik.ty-dashboard .ty-manager-person-actions .text-link,
  #tyv3-icerik.ty-dashboard .ty-manager-person-actions form,
  #tyv3-icerik.ty-dashboard .ty-manager-person-actions button { width: 100%; }
  #tyv3-icerik.ty-dashboard .ty-manager-person-actions .text-link { text-align: left; }
  #tyv3-icerik.ty-dashboard .ty-manager-class-member-list,
  #tyv3-icerik.ty-dashboard .ty-manager-class-teacher-list { padding-right: 15px; padding-left: 15px; }
  #tyv3-icerik.ty-dashboard .ty-manager-summary-table,
  #tyv3-icerik.ty-dashboard .ty-report-table { display: block; min-width: 0 !important; }
  #tyv3-icerik.ty-dashboard .ty-manager-summary-table thead,
  #tyv3-icerik.ty-dashboard .ty-report-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  #tyv3-icerik.ty-dashboard .ty-manager-summary-table tbody,
  #tyv3-icerik.ty-dashboard .ty-manager-summary-table tr,
  #tyv3-icerik.ty-dashboard .ty-report-table tbody,
  #tyv3-icerik.ty-dashboard .ty-report-table tr { display: block; }
  #tyv3-icerik.ty-dashboard .ty-manager-summary-table tr,
  #tyv3-icerik.ty-dashboard .ty-report-table tr { margin: 0; padding: 12px; border-top: 1px solid var(--line); background: var(--white); }
  #tyv3-icerik.ty-dashboard .ty-manager-summary-table tr:first-child,
  #tyv3-icerik.ty-dashboard .ty-report-table tr:first-child { border-top: 0; }
  #tyv3-icerik.ty-dashboard .ty-manager-summary-table th,
  #tyv3-icerik.ty-dashboard .ty-manager-summary-table td,
  #tyv3-icerik.ty-dashboard .ty-report-table th,
  #tyv3-icerik.ty-dashboard .ty-report-table td { display: grid; grid-template-columns: minmax(92px, .42fr) minmax(0, 1fr); gap: 10px; min-width: 0; padding: 7px 0; border: 0; text-align: left; }
  #tyv3-icerik.ty-dashboard .ty-manager-summary-table td::before,
  #tyv3-icerik.ty-dashboard .ty-report-table td::before { content: attr(data-label); color: var(--workspace-muted); font-size: .66rem; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
  #tyv3-icerik.ty-dashboard .ty-manager-summary-table td .ty-table-meta { display: block; }
  #tyv3-icerik.ty-dashboard .ty-report-table td[colspan] { display: block; }
}

#tyv3-icerik.ty-dashboard .ty-ai-usage-chart {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 16px;
  background: var(--workspace-soft);
}
#tyv3-icerik.ty-dashboard .ty-ai-usage-chart-head,
#tyv3-icerik.ty-dashboard .ty-ai-usage-legend { display: flex; justify-content: space-between; gap: 12px; }
#tyv3-icerik.ty-dashboard .ty-ai-usage-chart-head { align-items: baseline; }
#tyv3-icerik.ty-dashboard .ty-ai-usage-chart-head strong { color: var(--ink); font-size: 1rem; }
#tyv3-icerik.ty-dashboard .ty-ai-usage-chart-head span,
#tyv3-icerik.ty-dashboard .ty-ai-usage-legend { color: var(--workspace-muted); font-size: .76rem; }
#tyv3-icerik.ty-dashboard .ty-ai-usage-bar { height: 10px; margin: 14px 0 12px; overflow: hidden; border-radius: 999px; background: rgba(39, 38, 106, .1); }
#tyv3-icerik.ty-dashboard .ty-ai-usage-bar span { display: block; height: 100%; border-radius: inherit; background: var(--mint); }
#tyv3-icerik.ty-dashboard .ty-ai-usage-legend { flex-wrap: wrap; }
#tyv3-icerik.ty-dashboard .ty-ai-usage-legend b { color: var(--ink); }

#tyv3-icerik.ty-dashboard .ty-class-title-link {
  color: inherit;
  text-decoration: none;
}

#tyv3-icerik.ty-dashboard .ty-class-title-link:hover,
#tyv3-icerik.ty-dashboard .ty-class-title-link:focus-visible {
  color: var(--brick-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#tyv3-icerik.ty-dashboard .ty-queue-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
  margin: 0 0 20px;
  padding: 16px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 16px;
  background: var(--workspace-soft);
}

#tyv3-icerik.ty-dashboard .ty-queue-filters label {
  display: grid;
  min-width: 170px;
  gap: 5px;
  color: var(--ink);
  font-size: .72rem;
  font-weight: 750;
}

#tyv3-icerik.ty-dashboard .ty-queue-filters select {
  min-width: 0;
  margin: 0;
}

#tyv3-icerik.ty-dashboard .ty-queue-filters .button,
#tyv3-icerik.ty-dashboard .ty-queue-filters .text-link {
  margin: 0;
}

.ty-review-queue-list,
.ty-learner-progress-list {
  display: grid;
  gap: 10px;
}

.ty-review-queue-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 16px;
  background: var(--white);
}

.ty-review-queue-item h3 {
  margin: 9px 0 4px;
  color: var(--ink);
  font-size: 1rem;
}

.ty-review-queue-item p,
.ty-review-queue-meta span {
  margin: 0;
  color: var(--workspace-muted);
  font-size: .76rem;
}

.ty-review-queue-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.ty-review-status,
.ty-progress-state {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 800;
}

.ty-review-status.is-tamamlandi,
.ty-progress-state.is-tamamlandi { color: var(--workspace-success); background: var(--workspace-success-surface); }
.ty-review-status.is-geri-bildirim-bekliyor,
.ty-progress-state.is-geri-bildirim-bekliyor { color: #6652ae; background: var(--paper-deep); }
.ty-review-status.is-ai-hatasi,
.ty-progress-state.is-ai-hatasi { color: #9b3d35; background: #fff0ed; }
.ty-review-status.is-bekliyor,
.ty-progress-state.is-bekliyor,
.ty-progress-state.is-new { color: var(--workspace-muted); background: #eef0f7; }

#tyv3-icerik.ty-dashboard .ty-class-detail {
  background: linear-gradient(145deg, rgba(240, 239, 255, .72), rgba(255, 255, 255, .94));
}

.ty-learner-progress-card {
  overflow: hidden;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 18px;
  background: var(--white);
  box-shadow: 0 10px 24px rgba(39, 38, 106, .05);
}

.ty-learner-progress-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px 16px;
  background: linear-gradient(135deg, rgba(240, 239, 255, .94), rgba(255, 255, 255, .98));
}

#tyv3-icerik.ty-dashboard .ty-learner-progress-card h2 {
  margin: 0;
  color: var(--ink);
  font-size: 1.15rem;
  line-height: 1.15;
}

.ty-learner-profile-link { color: inherit; text-decoration: none; }
.ty-learner-profile-link:hover,
.ty-learner-profile-link:focus-visible { color: var(--brick-dark); text-decoration: underline; text-underline-offset: 3px; }

.ty-learner-progress-card header span {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(109, 97, 200, .18);
  border-radius: 999px;
  color: var(--ink);
  background: rgba(255, 255, 255, .78);
  font-size: .68rem;
  font-weight: 750;
  line-height: 1.2;
}

#tyv3-icerik.ty-dashboard .ty-learner-progress-card .ty-learner-progress-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 14px 20px 0;
  background: var(--white);
}

#tyv3-icerik.ty-dashboard .ty-learner-progress-card .ty-learner-progress-facts span {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(39, 38, 106, .08);
  border-radius: 12px;
  background: var(--workspace-soft);
}

#tyv3-icerik.ty-dashboard .ty-learner-progress-card .ty-progress-states {
  margin: 14px 20px 20px;
  padding-top: 14px;
  border-top: 1px solid rgba(39, 38, 106, .08);
}

.ty-progress-states {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ty-progress-state {
  color: var(--ink);
  text-decoration: none;
}

a.ty-progress-state:hover,
a.ty-progress-state:focus-visible {
  outline: 2px solid var(--mint);
  outline-offset: 2px;
}

.ty-feedback-edit {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.ty-feedback-edit summary {
  color: var(--ink);
  cursor: pointer;
  font-size: .72rem;
  font-weight: 750;
}

.ty-feedback-edit form {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(0, 1.6fr);
  gap: 14px 18px;
  align-items: start;
  margin-top: 12px;
}

.ty-feedback-edit form > p {
  grid-column: 1 / -1;
  margin: 0;
}

.ty-feedback-edit form > label {
  display: block;
  min-width: 0;
  color: var(--ink);
  font-size: .72rem;
  font-weight: 750;
}

.ty-feedback-edit-category,
.ty-feedback-edit-content,
.ty-feedback-edit-visible,
.ty-feedback-edit-submit {
  min-width: 0;
}

.ty-feedback-edit-category { grid-column: 1; }
.ty-feedback-edit-content { grid-column: 2; }

.ty-feedback-edit select,
.ty-feedback-edit textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 7px;
}

.ty-feedback-edit select {
  min-height: 42px;
}

.ty-feedback-edit textarea {
  min-height: 104px;
  resize: vertical;
}

.ty-feedback-edit-visible {
  grid-column: 1;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  color: var(--workspace-muted) !important;
  font-weight: 700 !important;
}

.ty-feedback-edit-visible input { margin: 0; }

.ty-feedback-edit-submit {
  grid-column: 2;
  justify-self: start;
}

.ty-teacher-feedback > ul {
  display: grid;
  gap: 12px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.ty-teacher-feedback-item {
  display: grid;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 16px;
  border: 1px solid rgba(39, 38, 106, .12);
  border-radius: 14px;
  background: var(--white);
  box-shadow: 0 8px 18px rgba(39, 38, 106, .05);
}

.ty-teacher-feedback-item.is-yorum { border-color: rgba(92, 90, 197, .24); }
.ty-teacher-feedback-item.is-not { border-color: rgba(189, 123, 16, .3); background: #fffaf0; }
.ty-teacher-feedback-item.is-hata { border-color: rgba(186, 62, 75, .28); background: #fff7f5; }

.ty-teacher-feedback-item-head {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.ty-teacher-feedback-item-label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

.ty-teacher-feedback-item-type,
.ty-teacher-feedback-item-category {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 800;
  line-height: 1.1;
}

.ty-teacher-feedback-item-type { color: var(--ink); background: #ecebff; }
.ty-teacher-feedback-item.is-not .ty-teacher-feedback-item-type { color: #8c5a0b; background: #ffedb8; }
.ty-teacher-feedback-item.is-hata .ty-teacher-feedback-item-type { color: #9d303b; background: #ffe1df; }
.ty-teacher-feedback-item-category { color: var(--workspace-muted); background: rgba(255, 255, 255, .76); }

.ty-teacher-feedback-item-quote {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 8px 10px;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 9px;
  color: var(--ink);
  background: rgba(255, 255, 255, .75);
  font-size: .72rem;
  line-height: 1.45;
}

.ty-teacher-feedback-item-content {
  margin: 0;
  color: var(--ink) !important;
  font-size: .78rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.ty-teacher-feedback-item-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  padding-top: 11px;
  border-top: 1px solid rgba(39, 38, 106, .1);
}

.ty-teacher-feedback-delete-form,
.ty-teacher-feedback-item-actions .ty-feedback-edit form {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.ty-teacher-feedback-delete-form .button-link-delete { margin: 0; }
.ty-teacher-feedback-item-actions .ty-feedback-edit { flex: 1 1 100%; }
/* The workspace defaults style every form/details element as a card. These
 * feedback-specific surfaces are intentionally flattened so the outer
 * review panel remains the single visual container. */
.ty-teacher-feedback-composer .ty-teacher-feedback-form,
#tyv3-icerik.ty-yazma .ty-teacher-feedback-composer > form.ty-teacher-feedback-form,
#tyv3-icerik.ty-yazma .ty-teacher-feedback-item-actions .ty-feedback-edit form,
#tyv3-icerik.ty-yazma .ty-teacher-feedback-delete-form {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

#tyv3-icerik.ty-yazma .ty-teacher-feedback > ul {
  margin: 16px 0 0;
  padding: 0;
}

#tyv3-icerik.ty-yazma .ty-teacher-feedback-item-actions .ty-feedback-edit,
#tyv3-icerik.ty-yazma .ty-teacher-feedback-item-actions .ty-feedback-edit[open] {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.ty-teacher-feedback-composer {
  margin-top: 18px;
  padding: 20px;
  border: 1px solid rgba(92, 82, 185, .18);
  border-radius: 16px;
  background: var(--paper-deep);
}

.ty-teacher-feedback-composer > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.ty-teacher-feedback-composer h5 {
  margin: 0;
  color: var(--ink);
  font-size: .9rem;
}

.ty-teacher-feedback-composer > header p {
  max-width: 52ch;
  margin: 0;
  color: var(--workspace-muted);
  font-size: .76rem;
  line-height: 1.5;
}

.ty-teacher-feedback-form {
  display: grid;
  gap: 14px;
}

.ty-teacher-feedback-content,
.ty-teacher-feedback-content label {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  color: var(--ink);
  font-size: .76rem;
  font-weight: 750;
}

.ty-teacher-feedback-content textarea {
  display: block;
  width: 100%;
  max-width: none;
  min-height: 128px;
  margin-top: 7px;
  box-sizing: border-box;
  resize: vertical;
}

.ty-teacher-feedback-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.ty-teacher-feedback-actions label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--workspace-muted);
  font-size: .74rem;
  font-weight: 700;
}

.ty-teacher-feedback-actions input { margin: 0; }

.ty-selectable-submission-text {
  cursor: text;
  user-select: text;
}

.ty-selectable-submission-text::selection {
  color: var(--ink);
  background: rgba(17, 229, 179, .34);
}









.ty-annotation-mark {
  position: relative;
  scroll-margin-top: 112px;
  padding: .08em .12em;
  border-radius: 4px;
  color: var(--ink);
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  transition: background-color .16s ease, box-shadow .16s ease;
}
.ty-annotation-mark:hover,
.ty-annotation-mark:focus-visible {
  outline: 3px solid rgba(39, 38, 106, .2);
  outline-offset: 2px;
  box-shadow: 0 5px 14px rgba(39, 38, 106, .12);
}
.ty-annotation-mark.is-yorum { background: #e6e7ff; text-decoration-color: #5c5ac5; }
.ty-annotation-mark.is-not { background: #fff1c7; text-decoration-color: #bd7b10; }
.ty-annotation-mark.is-hata { background: #ffe0df; text-decoration-color: #ba3e4b; }
.ty-annotation-mark.is-category-yazim { background: #ffe1dc; text-decoration-color: #bb3b39; }
.ty-annotation-mark.is-category-sozcuk_kullanimi { background: #ffedd0; text-decoration-color: #b66b16; }
.ty-annotation-mark.is-category-bicimbilgisi_ek { background: #eee2ff; text-decoration-color: #7546b5; }
.ty-annotation-mark.is-category-dilbilgisi { background: #e3eaff; text-decoration-color: #3e64b3; }
.ty-annotation-mark.is-category-soz_dizimi { background: #ddf5ef; text-decoration-color: #1c806b; }
.ty-annotation-mark.is-category-noktalama { background: #e8f3d8; text-decoration-color: #5f832e; }
.ty-annotation-mark.is-multi { border-bottom: 2px dotted currentColor; }

.ty-annotation-toolbar {
  position: fixed;
  z-index: 10050;
  width: min(380px, calc(100vw - 16px));
  padding: 16px;
  border: 1px solid rgba(39, 38, 106, .18);
  border-radius: 14px;
  color: var(--ink);
  background: var(--white);
  box-shadow: 0 18px 42px rgba(39, 38, 106, .2);
}
.ty-annotation-toolbar[hidden] { display: none; }
.ty-annotation-toolbar [hidden] { display: none !important; }
.ty-annotation-toolbar-heading,
.ty-annotation-toolbar-footer,
.ty-annotation-toolbar-actions { display: flex; align-items: center; gap: 8px; }
.ty-annotation-toolbar-heading { justify-content: space-between; margin-bottom: 11px; }
.ty-annotation-toolbar-heading strong { font-size: .82rem; }
.ty-annotation-toolbar-close,
.ty-annotation-toolbar-back { padding: 3px 6px; border: 0; color: var(--workspace-muted); background: transparent; cursor: pointer; font-size: .76rem; font-weight: 750; }
.ty-annotation-toolbar-close { font-size: 1.2rem; line-height: 1; }
.ty-annotation-toolbar-close:hover,
.ty-annotation-toolbar-close:focus-visible,
.ty-annotation-toolbar-back:hover,
.ty-annotation-toolbar-back:focus-visible { color: var(--ink); }
.ty-annotation-toolbar-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ty-annotation-tool { min-height: 42px; padding: 10px 12px; border: 1px solid rgba(39, 38, 106, .12); border-radius: 10px; color: var(--ink); background: var(--workspace-soft); cursor: pointer; font-size: .76rem; font-weight: 800; }
.ty-annotation-tool:hover,
.ty-annotation-tool:focus-visible { border-color: currentColor; box-shadow: 0 0 0 3px rgba(39, 38, 106, .1); }
.ty-annotation-tool.is-note { color: #8c5a0b; background: #fff6dc; }
.ty-annotation-tool.is-error { color: #9d303b; background: #fff0ee; }
.ty-annotation-toolbar-editor label,
.ty-annotation-toolbar-content { display: block; color: var(--workspace-muted); font-size: .7rem; font-weight: 750; }
.ty-annotation-toolbar-editor select,
.ty-annotation-toolbar-editor textarea { display: block; width: 100%; max-width: 100%; margin-top: 5px; box-sizing: border-box; }
.ty-annotation-toolbar-editor select,
.ty-annotation-toolbar-editor textarea { padding: 9px 10px; border: 1px solid rgba(39, 38, 106, .2); border-radius: 10px; color: var(--ink); background: #fbfbff; font: 500 .78rem/1.45 var(--interface); }
.ty-annotation-toolbar-editor select { min-height: 38px; }
.ty-annotation-toolbar-editor textarea { min-height: 74px; resize: vertical; }
.ty-annotation-toolbar-editor textarea:focus,
.ty-annotation-toolbar-editor select:focus,
.ty-teacher-feedback-content textarea:focus {
  outline: 3px solid rgba(17, 229, 179, .28);
  outline-offset: 1px;
}
.ty-annotation-toolbar-category { margin-bottom: 9px; }
.ty-annotation-toolbar-visible { display: flex !important; align-items: center; gap: 6px; margin: 10px 0; }
.ty-annotation-toolbar-visible input { margin: 0; }
.ty-annotation-toolbar-footer { justify-content: flex-end; margin-top: 13px; padding-top: 12px; border-top: 1px solid rgba(39, 38, 106, .1); }
.ty-annotation-toolbar-footer .button,
.ty-annotation-toolbar-footer .button-link { min-height: 36px; margin: 0; padding: 0 14px; border: 1px solid rgba(39, 38, 106, .18); border-radius: 999px; cursor: pointer; font: 700 .76rem var(--interface); text-decoration: none; }
.ty-annotation-toolbar-footer .button { color: var(--ink); background: var(--brick); box-shadow: 0 6px 14px rgba(17, 229, 179, .16); }
.ty-annotation-toolbar-footer .button:hover,
.ty-annotation-toolbar-footer .button:focus-visible { color: var(--white); border-color: var(--ink); background: var(--ink); }
.ty-annotation-toolbar-footer .button-link { color: var(--workspace-muted); background: var(--white); }
.ty-annotation-toolbar-footer .button-link:hover,
.ty-annotation-toolbar-footer .button-link:focus-visible { color: var(--ink); border-color: rgba(39, 38, 106, .38); background: var(--workspace-soft); }
.ty-annotation-toolbar-status { min-height: 1.2em; margin: 8px 0 0; color: var(--workspace-muted); font-size: .72rem; }
.ty-annotation-toolbar-status.is-error { color: #8b2f35; font-weight: 750; }
.ty-annotation-detail-item { padding: 9px 0; border-top: 1px solid rgba(39, 38, 106, .1); }
.ty-annotation-detail-item:first-of-type { border-top: 0; }
.ty-annotation-detail-item strong { display: block; font-size: .74rem; }
.ty-annotation-detail-item p { margin: 4px 0 0; color: var(--workspace-muted); font-size: .76rem; line-height: 1.45; }
.ty-annotation-detail-item code { display: block; margin-top: 6px; padding: 5px 7px; overflow-wrap: anywhere; border-radius: 6px; color: var(--ink); background: var(--workspace-soft); font-size: .7rem; }

@media (max-width: 680px) {
  
  #tyv3-icerik.ty-dashboard .ty-queue-filters {
    align-items: stretch;
    flex-direction: column;
  }
  .ty-annotation-toolbar { top: auto !important; right: 8px; bottom: 8px; left: 8px !important; width: auto; max-height: calc(100vh - 16px); overflow-y: auto; }
  .ty-annotation-toolbar-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ty-annotation-tool { min-width: 0; }

  .ty-teacher-feedback-composer { padding: 16px; }
  .ty-teacher-feedback-composer > header { display: block; }
  .ty-teacher-feedback-composer > header p { margin-top: 6px; }
  .ty-teacher-feedback-actions { align-items: stretch; flex-direction: column; }
  .ty-teacher-feedback-actions .button { width: 100%; }

  .ty-feedback-edit form { grid-template-columns: 1fr; }
  .ty-feedback-edit-category,
  .ty-feedback-edit-content,
  .ty-feedback-edit-visible,
  .ty-feedback-edit-submit { grid-column: 1; }
  .ty-feedback-edit-submit { justify-self: stretch; }

  #tyv3-icerik.ty-dashboard .ty-queue-filters label,
  #tyv3-icerik.ty-dashboard .ty-queue-filters select,
  #tyv3-icerik.ty-dashboard .ty-queue-filters .button {
    width: 100%;
  }

  .ty-review-queue-item,
  .ty-learner-progress-card header {
    align-items: flex-start;
    flex-direction: column;
  }

  .ty-learner-progress-card header > span { align-self: flex-start; }
  #tyv3-icerik.ty-dashboard .ty-learner-progress-card .ty-learner-progress-facts { grid-template-columns: 1fr; }

  .ty-review-queue-meta { justify-content: flex-start; }
  .ty-review-queue-meta .button { width: 100%; text-align: center; }
}

/* Logged-in visitors keep a direct, role-aware dashboard path on the home page. */
body.logged-in .header-inner.is-authenticated .main-nav { display: flex; margin-left: auto; flex: 0 0 auto; }
body.logged-in .header-inner.is-authenticated .nav-dashboard { display: inline-flex; align-items: center; justify-content: center; min-width: max-content; white-space: nowrap; }

@media (max-width: 680px) {
  
  body.logged-in .header-inner.is-authenticated .brand-copy small { display: none; }
  body.logged-in .header-inner.is-authenticated .nav-dashboard { min-height: 42px; padding: 0 10px; font-size: .68rem; gap: 7px; }
}

/* Class join links: each shareable link is a distinct, scannable card. */
#tyv3-icerik.ty-yazma > .class-join-help { margin-top: -8px; color: var(--ink-soft); }
#tyv3-icerik.ty-yazma > ul.class-join-list { display: grid; gap: 16px; margin: 22px 0; padding: 0; border: 0; background: transparent; list-style: none; }
#tyv3-icerik.ty-yazma > ul.class-join-list > li.class-join-card { margin: 0; padding: 22px; border: 1px solid rgba(39, 38, 106, .13); border-radius: 18px; background: var(--white); box-shadow: 0 10px 28px rgba(39, 38, 106, .06); list-style: none; }
.class-join-card-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 16px; color: var(--ink); }
.class-join-card-head strong { font-size: 1rem; }
.class-join-status { padding: 5px 9px; border-radius: 999px; color: var(--workspace-success); background: var(--workspace-success-surface); font-size: .68rem; font-weight: 750; }
.class-join-expiry { width: 100%; color: var(--ink-soft); font-size: .76rem; }
.class-join-url-row { display: flex; align-items: stretch; gap: 9px; }
#tyv3-icerik.ty-yazma .class-join-url-row input { min-width: 0; margin: 0; }
#tyv3-icerik.ty-yazma button.class-join-copy { display: inline-grid; flex: 0 0 46px; width: 46px; min-height: 46px; margin: 0; padding: 0; place-items: center; border: 1px solid rgba(39, 38, 106, .15); color: var(--ink); background: var(--paper-deep); box-shadow: none; }
#tyv3-icerik.ty-yazma button.class-join-copy:hover,
#tyv3-icerik.ty-yazma button.class-join-copy.is-copied { color: var(--white); background: var(--ink); }
.class-join-copy svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.class-join-actions { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin-top: 12px; }
#tyv3-icerik.ty-yazma .class-join-actions form { display: flex; align-items: end; gap: 9px; margin: 0; padding: 0; border: 0; background: transparent; }
#tyv3-icerik.ty-yazma .class-join-actions label { margin: 0; color: var(--ink-soft); font-size: .68rem; }
#tyv3-icerik.ty-yazma .class-join-actions input { width: 150px; margin: 5px 0 0; padding: 9px 10px; font-size: .8rem; }
#tyv3-icerik.ty-yazma .class-join-actions button { min-height: 42px; margin: 0; padding: 0 15px; font-size: .76rem; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; padding: 0; border: 0; clip: rect(0, 0, 0, 0); white-space: nowrap; }

@media (max-width: 680px) {
  
  #tyv3-icerik.ty-yazma > ul.class-join-list > li.class-join-card { padding: 18px 15px; }
  .class-join-url-row { gap: 7px; }
  #tyv3-icerik.ty-yazma button.class-join-copy { flex-basis: 44px; width: 44px; }
  .class-join-actions { align-items: stretch; }
  #tyv3-icerik.ty-yazma .class-join-actions form { width: 100%; align-items: end; }
  #tyv3-icerik.ty-yazma .class-join-actions form:first-child label { flex: 1; }
  #tyv3-icerik.ty-yazma .class-join-actions input { width: 100%; }
}

/* Public WordPress blog archive and post reading surface. */
.blog-archive {
  padding: clamp(58px, 8vw, 104px) 0 clamp(78px, 10vw, 132px);
  background: linear-gradient(180deg, rgba(240, 239, 255, .72), rgba(255, 255, 255, 0) 520px);
}

.blog-archive-intro {
  max-width: 1080px;
  margin-bottom: clamp(38px, 5vw, 64px);
}

.blog-kicker {
  margin: 0 0 13px;
  color: var(--sun);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.blog-archive-intro h1,
.blog-single-header h1 {
  max-width: 920px;
  margin: 0;
  color: var(--ink);
  font-size: clamp(2.8rem, 7vw, 5.4rem);
  letter-spacing: -.055em;
  line-height: .98;
}

.blog-archive-intro > p:last-child {
  max-width: 58ch;
  margin: 22px 0 0;
  color: var(--ink-soft);
  font-size: 1rem;
  line-height: 1.65;
}

.blog-back-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 22px;
  color: var(--ink-soft);
  font-size: .78rem;
  font-weight: 800;
  text-decoration: none;
  text-underline-offset: 3px;
}

.blog-back-link:hover,
.blog-back-link:focus-visible {
  color: var(--ink);
  text-decoration: underline;
}

.blog-archive-content {
  min-width: 0;
}

.blog-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  margin-bottom: clamp(32px, 4vw, 48px);
}

.blog-archive-controls { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: clamp(32px, 4vw, 48px); }
.blog-archive-controls .blog-filters { margin-bottom: 0; }
.blog-view-switcher { display: flex; flex: 0 0 auto; align-items: center; gap: 12px; }
.blog-view-list { display: flex; gap: 4px; padding: 3px; border: 1px solid rgba(39, 38, 106, .14); border-radius: 999px; background: rgba(255, 255, 255, .72); }
.blog-view-option { display: inline-flex; min-height: 34px; align-items: center; padding: 0 12px; border-radius: 999px; color: var(--ink-soft); font-size: .74rem; font-weight: 800; text-decoration: none; }
.blog-view-option:hover, .blog-view-option:focus-visible { color: var(--ink); background: var(--white); }
.blog-view-option:focus-visible { outline: 3px solid rgba(17, 229, 179, .3); outline-offset: 2px; }
.blog-view-option.is-active { color: var(--white); background: var(--ink); }

.blog-filters-label {
  color: var(--ink-soft);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.blog-filter-list {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: 8px;
}

.blog-filter {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid rgba(39, 38, 106, .14);
  border-radius: 999px;
  color: var(--ink-soft);
  background: rgba(255, 255, 255, .72);
  font-size: .78rem;
  font-weight: 800;
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.blog-filter:hover,
.blog-filter:focus-visible {
  border-color: rgba(39, 38, 106, .34);
  color: var(--ink);
  background: var(--white);
  transform: translateY(-1px);
}

.blog-filter:focus-visible {
  outline: 3px solid rgba(17, 229, 179, .3);
  outline-offset: 2px;
}

.blog-filter.is-active {
  border-color: var(--ink);
  color: var(--white);
  background: var(--ink);
}

.blog-filter-count {
  display: inline-grid;
  min-width: 22px;
  min-height: 22px;
  place-items: center;
  padding: 0 5px;
  border-radius: 999px;
  color: var(--ink);
  background: #eef0ff;
  font-size: .68rem;
  line-height: 1;
}

.blog-filter.is-active .blog-filter-count {
  color: var(--ink);
  background: var(--sun);
}

.blog-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.blog-section-heading h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  letter-spacing: -.035em;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.blog-grid.is-list { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.blog-grid.is-list .blog-card-link { display: grid; grid-template-columns: minmax(220px, 31%) minmax(0, 1fr); align-items: stretch; }
.blog-grid.is-list .blog-card-media { aspect-ratio: auto; min-height: 190px; }
.blog-grid.is-list .blog-card-copy { justify-content: center; }

.blog-card {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 20px;
  background: var(--white);
  box-shadow: 0 16px 38px rgba(39, 38, 106, .07);
  transition: border-color .18s ease, box-shadow .18s ease;
}

.blog-card-link {
  display: flex;
  height: 100%;
  min-width: 0;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

.blog-card-link:focus-visible {
  outline: 3px solid var(--brick-dark);
  outline-offset: 4px;
}

.blog-card:hover {
  border-color: rgba(39, 38, 106, .2);
  box-shadow: 0 20px 44px rgba(39, 38, 106, .1);
}

.blog-card-media {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--paper-deep);
}

.blog-card-media img,
.blog-card-media svg {
  display: block;
  width: 100%;
  height: 100%;
}

.blog-card-media img,
.blog-card-media-fallback svg { object-fit: cover; }

.blog-card-copy {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  padding: 24px;
}

.blog-card-copy h3 {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: clamp(1.2rem, 2vw, 1.55rem);
  letter-spacing: -.035em;
  line-height: 1.08;
}

.blog-card-copy p {
  margin: 13px 0 0;
  color: var(--ink-soft);
  font-size: .92rem;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.blog-card-read {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 24px;
  color: var(--ink);
  font-size: .76rem;
  font-weight: 800;
}

.blog-card-link:hover .blog-card-read,
.blog-card-link:focus-visible .blog-card-read { color: var(--brick-dark); }

.blog-pagination {
  margin-top: 34px;
}

.blog-pagination ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.blog-pagination a,
.blog-pagination span {
  display: inline-flex;
  min-width: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid rgba(39, 38, 106, .12);
  border-radius: 999px;
  color: var(--ink);
  background: var(--white);
  font-size: .78rem;
  font-weight: 750;
  text-decoration: none;
}

.blog-pagination .current,
.blog-pagination a:hover,
.blog-pagination a:focus-visible {
  border-color: var(--sun);
  color: var(--ink);
  background: var(--paper-deep);
}

.blog-empty {
  padding: clamp(38px, 6vw, 70px);
  border: 1px solid rgba(39, 38, 106, .1);
  border-radius: 20px;
  background: var(--white);
  text-align: center;
}

.blog-empty h2 {
  margin: 0;
  color: var(--ink);
  font-size: 1.5rem;
}

.blog-empty p {
  margin: 10px 0 0;
  color: var(--ink-soft);
}

.blog-single {
  padding: clamp(58px, 8vw, 104px) 0 clamp(78px, 10vw, 132px);
  background: linear-gradient(180deg, rgba(240, 239, 255, .72), rgba(255, 255, 255, 0) 520px);
}

.blog-single-header { max-width: 860px; }
.blog-single-header time { display: block; margin-top: 20px; color: var(--ink-soft); font-size: .82rem; }

.blog-single-media {
  margin-top: clamp(34px, 5vw, 60px);
}

.blog-single-image {
  display: block;
  width: 100%;
  max-height: 620px;
  object-fit: cover;
  border-radius: 20px;
}

.blog-single-content {
  max-width: 900px;
  margin-top: clamp(36px, 5vw, 64px);
  color: var(--ink);
  font-size: 1.04rem;
  line-height: 1.75;
}

.blog-single-content > * { max-width: 100%; }
.blog-single-content p { margin: 0 0 1.25em; }
.blog-single-content h2,
.blog-single-content h3,
.blog-single-content h4 { margin: 2em 0 .7em; color: var(--ink); line-height: 1.15; }
.blog-single-content h2 { font-size: clamp(1.55rem, 3vw, 2rem); }
.blog-single-content h3 { font-size: clamp(1.25rem, 2.4vw, 1.55rem); }
.blog-single-content h4 { font-size: 1.1rem; }
.blog-single-content ul,
.blog-single-content ol { margin: 0 0 1.35em; padding-left: 1.35em; }
.blog-single-content li + li { margin-top: .45em; }
.blog-single-content blockquote {
  margin: 1.8em 0;
  padding: 1px 0 1px 22px;
  border-left: 2px solid var(--sun);
  color: var(--ink-soft);
}
.blog-single-content figure { margin: 2em 0; }
.blog-single-content figcaption { margin-top: 9px; color: var(--ink-soft); font-size: .82rem; }
.blog-single-content table { width: 100%; border-collapse: collapse; font-size: .9em; }
.blog-single-content th,
.blog-single-content td { padding: 10px 12px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.blog-single-content th { color: var(--ink); background: var(--paper-deep); font-weight: 800; }
.blog-single-content pre { max-width: 100%; overflow-x: auto; padding: 16px; border-radius: 12px; color: var(--white); background: var(--ink); font-size: .84em; }
.blog-single-content code { padding: .12em .3em; border-radius: 4px; background: rgba(109, 97, 200, .12); font-size: .9em; }
.blog-single-content pre code { padding: 0; background: transparent; }
.blog-single-content hr { margin: 2.5em 0; border: 0; border-top: 1px solid var(--line); }
.blog-single-content a { color: var(--brick-dark); text-underline-offset: 3px; }
.blog-single-content img { max-width: 100%; height: auto; }

.blog-related {
  margin-top: clamp(68px, 9vw, 116px);
  padding-top: clamp(34px, 5vw, 58px);
  border-top: 1px solid var(--line);
}

@media (max-width: 680px) {
  body.logged-in .header-inner.is-authenticated .main-nav { gap: 12px; }
  .app-header-leading { min-width: 0; }
  .app-page-context { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .blog-archive,
  .blog-single { padding-top: 46px; }

  .blog-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .blog-archive-controls { align-items: stretch; flex-direction: column; gap: 22px; }
  .blog-filters { align-items: flex-start; flex-direction: column; gap: 12px; }
  .blog-view-switcher { justify-content: space-between; }
  .blog-grid.is-list .blog-card-link { grid-template-columns: 1fr; }
  .blog-grid.is-list .blog-card-media { aspect-ratio: 16 / 9; min-height: 0; }
  .blog-filter-list { width: 100%; }
  .blog-card-copy { padding: 20px; }
  .blog-single-content { font-size: .98rem; }
  .blog-single-content th,
  .blog-single-content td { padding: 8px 9px; }
  .blog-related { margin-top: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .blog-card { transition: none; }
  .ty-logout-modal-actions button { transform: none; transition: none; }
}

/* Target-language level badges: each CEFR level has a distinct, readable surface. */
#tyv3-icerik.ty-dashboard #tyv3-individual-pool-grid .ty-individual-event-card[data-event-level="a1"] .ty-task-level {
  color: #27266a;
  background: #e8e5ff;
}

#tyv3-icerik.ty-dashboard #tyv3-individual-pool-grid .ty-individual-event-card[data-event-level="a2"] .ty-task-level {
  color: #1e3a8a;
  background: #dbeafe;
}

#tyv3-icerik.ty-dashboard #tyv3-individual-pool-grid .ty-individual-event-card[data-event-level="b1"] .ty-task-level {
  color: #075e52;
  background: #d8f7ef;
}

#tyv3-icerik.ty-dashboard #tyv3-individual-pool-grid .ty-individual-event-card[data-event-level="b2"] .ty-task-level {
  color: #744210;
  background: #fff1c7;
}

#tyv3-icerik.ty-dashboard #tyv3-individual-pool-grid .ty-individual-event-card[data-event-level="c1"] .ty-task-level {
  color: #7c2d2d;
  background: #ffe0dc;
}

/* Split learner editing from submitted-text reading. */
#tyv3-icerik.ty-dashboard .ty-submission-links,
#tyv3-icerik.ty-dashboard .ty-submission-view,
#tyv3-icerik.ty-dashboard .ty-review-page {
  margin-top: 28px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--white);
}

#tyv3-icerik.ty-dashboard .ty-submission-links > header,
#tyv3-icerik.ty-dashboard .ty-submission-reader > header,
#tyv3-icerik.ty-dashboard .ty-review-primary > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
#tyv3-icerik.ty-dashboard .ty-submission-latest-link { flex: 0 0 auto; white-space: nowrap; }
#tyv3-icerik.ty-dashboard .ty-submission-view-context-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
#tyv3-icerik.ty-dashboard .ty-submission-view-context-links a { font-size: .76rem; font-weight: 800; }

#tyv3-icerik.ty-dashboard .ty-submission-links h3,
#tyv3-icerik.ty-dashboard .ty-submission-reader h2,
#tyv3-icerik.ty-dashboard .ty-review-primary h2,
#tyv3-icerik.ty-dashboard .ty-submission-results > h2 {
  margin: 0;
  color: var(--ink);
  font-size: 1.08rem;
  line-height: 1.2;
}

#tyv3-icerik.ty-dashboard .ty-submission-links p,
#tyv3-icerik.ty-dashboard .ty-submission-reader header p,
#tyv3-icerik.ty-dashboard .ty-review-primary header p {
  margin: 6px 0 0;
  color: var(--workspace-muted);
  font-size: .82rem;
  line-height: 1.55;
}

#tyv3-icerik.ty-dashboard .ty-submission-version-list {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

#tyv3-icerik.ty-dashboard .ty-submission-version-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--paper-deep);
}

#tyv3-icerik.ty-dashboard .ty-submission-version-row > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

#tyv3-icerik.ty-dashboard .ty-submission-version-row strong { color: var(--ink); font-size: .88rem; }
#tyv3-icerik.ty-dashboard .ty-submission-version-row span,
#tyv3-icerik.ty-dashboard .ty-submission-version-row small { color: var(--workspace-muted); font-size: .76rem; }

#tyv3-icerik.ty-dashboard .ty-submission-view-head,
#tyv3-icerik.ty-dashboard .ty-review-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--line);
}

#tyv3-icerik.ty-dashboard .ty-submission-view-head h1,
#tyv3-icerik.ty-dashboard .ty-review-page-head h1 { margin: 12px 0 0; color: var(--ink); font-size: clamp(1.55rem, 3vw, 2.15rem); line-height: 1.05; }
#tyv3-icerik.ty-dashboard .ty-submission-view-head p:last-child,
#tyv3-icerik.ty-dashboard .ty-review-page-head p:last-child { margin: 8px 0 0; color: var(--workspace-muted); font-size: .84rem; }

#tyv3-icerik.ty-dashboard .ty-submission-meta,
#tyv3-icerik.ty-dashboard .ty-review-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 22px 0 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--line);
}

#tyv3-icerik.ty-dashboard .ty-submission-meta div,
#tyv3-icerik.ty-dashboard .ty-review-meta div { min-width: 0; padding: 13px 14px; background: var(--paper-deep); }
#tyv3-icerik.ty-dashboard .ty-submission-meta dt,
#tyv3-icerik.ty-dashboard .ty-review-meta dt { color: var(--workspace-muted); font-size: .64rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
#tyv3-icerik.ty-dashboard .ty-submission-meta dd,
#tyv3-icerik.ty-dashboard .ty-review-meta dd { margin: 5px 0 0; color: var(--ink); font-size: .82rem; font-weight: 700; overflow-wrap: anywhere; }

#tyv3-icerik.ty-dashboard .ty-version-switcher { display: flex; align-items: center; gap: 14px; margin: 22px 0 0; }
#tyv3-icerik.ty-dashboard .ty-version-switcher > span { color: var(--workspace-muted); font-size: .76rem; font-weight: 800; }
#tyv3-icerik.ty-dashboard .ty-version-switcher > div { display: flex; flex-wrap: wrap; gap: 8px; }
#tyv3-icerik.ty-dashboard .ty-version-switcher-link { display: grid; gap: 2px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: var(--white); font-size: .78rem; font-weight: 800; text-decoration: none; }
#tyv3-icerik.ty-dashboard .ty-version-switcher-link small { color: var(--workspace-muted); font-size: .68rem; font-weight: 600; }
#tyv3-icerik.ty-dashboard .ty-version-switcher-link.is-active { border-color: var(--ink); color: var(--white); background: var(--ink); }
#tyv3-icerik.ty-dashboard .ty-version-switcher-link.is-active small { color: rgba(255,255,255,.72); }

#tyv3-icerik.ty-dashboard .ty-submission-reader,
#tyv3-icerik.ty-dashboard .ty-review-primary { margin-top: 24px; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper-deep); }
#tyv3-icerik.ty-dashboard .ty-submission-reader > header span,
#tyv3-icerik.ty-dashboard .ty-review-selection-hint { color: var(--workspace-muted); font-size: .74rem; font-weight: 800; }
#tyv3-icerik.ty-dashboard .ty-submission-reader-title { display: grid; gap: 4px; margin: 10px 0 0; }
#tyv3-icerik.ty-dashboard .ty-submission-reader-title span { color: var(--workspace-muted); font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
#tyv3-icerik.ty-dashboard .ty-submission-reader-title strong { color: var(--ink); font-size: 1.05rem; font-weight: 850; line-height: 1.35; }
#tyv3-icerik.ty-dashboard .ty-submission-reader-text { margin-top: 18px; padding: 20px; border-radius: 10px; color: var(--ink); background: var(--white); font-size: .95rem; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .38fr); gap: 18px; align-items: start; margin-top: 18px; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-layout .ty-submission-reader-text { min-width: 0; margin-top: 0; padding: 24px; border: 1px solid rgba(39, 38, 106, .12); border-radius: 14px; background: var(--white); font-size: 1rem; line-height: 1.9; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-layout .ty-selectable-submission-text { cursor: default; user-select: text; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-rail { min-width: 0; padding: 18px; border: 1px solid rgba(39, 38, 106, .14); border-radius: 14px; background: #f8f8ff; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-rail > header > span { display: block; color: #5c5ac5; font-size: .64rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-rail h3 { margin: 6px 0 0; color: var(--ink); font-size: .98rem; line-height: 1.2; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-rail > header p { margin: 8px 0 0; color: var(--workspace-muted); font-size: .76rem; line-height: 1.5; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-filters { display: grid; gap: 6px; margin-top: 16px; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-filter { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 36px; padding: 8px 10px; border: 1px solid rgba(39, 38, 106, .14); border-radius: 9px; color: var(--workspace-muted); background: var(--white); font: inherit; font-size: .72rem; font-weight: 750; text-align: left; cursor: pointer; transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-filter:hover { border-color: rgba(39, 38, 106, .32); color: var(--ink); transform: translateY(-1px); }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-filter:focus-visible { outline: 3px solid rgba(17, 229, 179, .3); outline-offset: 2px; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-filter strong { display: inline-grid; min-width: 24px; min-height: 22px; place-items: center; border-radius: 999px; color: var(--ink); background: #eef0ff; font-size: .68rem; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-filter.is-active { border-color: var(--ink); color: var(--ink); background: #eef0ff; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-filter.is-active strong { color: var(--white); background: var(--ink); }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-filter-status { margin: 8px 0 0; color: var(--workspace-muted); font-size: .68rem; line-height: 1.4; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-rail ol { display: grid; gap: 12px; margin: 16px 0 0; padding: 0; list-style: none; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-card { padding: 13px; border: 1px solid rgba(39, 38, 106, .12); border-radius: 11px; background: var(--white); }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-card.is-not { border-color: rgba(189, 123, 16, .28); background: #fffaf0; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-card.is-hata { border-color: rgba(186, 62, 75, .28); background: #fff7f5; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-card-head { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-type,
#tyv3-icerik.ty-dashboard .ty-learner-feedback-category { display: inline-flex; align-items: center; min-height: 24px; padding: 4px 8px; border-radius: 999px; font-size: .66rem; font-weight: 850; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-type { color: #8c5a0b; background: #ffedb8; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-card.is-hata .ty-learner-feedback-type { color: #9d303b; background: #ffe1df; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-category { color: var(--workspace-muted); background: rgba(255, 255, 255, .78); }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-quote { display: block; margin-top: 10px; padding: 8px 9px; border-radius: 8px; color: var(--ink); background: rgba(232, 231, 255, .78); font-size: .76rem; font-weight: 750; line-height: 1.45; overflow-wrap: anywhere; text-decoration: none; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-quote:hover,
#tyv3-icerik.ty-dashboard .ty-learner-feedback-quote:focus-visible { outline: 3px solid rgba(17, 229, 179, .3); outline-offset: 2px; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-card p { margin: 9px 0 0; color: var(--workspace-muted); font-size: .78rem; line-height: 1.55; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-layout .ty-annotation-mark { background: transparent; text-decoration-thickness: 3px; text-underline-offset: 5px; text-decoration-skip-ink: none; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-layout .ty-annotation-mark.is-not { text-decoration-color: #bd7b10; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-layout .ty-annotation-mark.is-hata { text-decoration-color: #ba3e4b; }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-layout .ty-annotation-mark:hover,
#tyv3-icerik.ty-dashboard .ty-learner-feedback-layout .ty-annotation-mark:focus-visible,
#tyv3-icerik.ty-dashboard .ty-learner-feedback-layout .ty-annotation-mark:target { background: rgba(17, 229, 179, .12); box-shadow: 0 0 0 3px rgba(17, 229, 179, .22); }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-layout .ty-annotation-mark.is-filtered-out { opacity: .24; filter: grayscale(.8); text-decoration-color: rgba(83, 88, 122, .35); }
#tyv3-icerik.ty-dashboard .ty-learner-feedback-layout .ty-annotation-mark.is-filtered-out:hover,
#tyv3-icerik.ty-dashboard .ty-learner-feedback-layout .ty-annotation-mark.is-filtered-out:focus-visible,
#tyv3-icerik.ty-dashboard .ty-learner-feedback-layout .ty-annotation-mark.is-filtered-out:target { background: transparent; box-shadow: none; }
#tyv3-icerik.ty-dashboard .ty-submission-results { display: grid; gap: 16px; margin-top: 26px; }
#tyv3-icerik.ty-dashboard .ty-submission-results > h2 { margin-bottom: 2px; }

#tyv3-icerik.ty-dashboard .ty-review-page { max-width: 980px; margin-right: auto; margin-left: auto; }
#tyv3-icerik.ty-dashboard .ty-review-primary { background: var(--white); }
#tyv3-icerik.ty-dashboard .ty-review-primary > .ty-selectable-submission-text { margin-top: 18px; min-height: 230px; padding: 22px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: var(--paper-deep); font-size: 1rem; line-height: 1.85; }
#tyv3-icerik.ty-dashboard .ty-review-secondary { display: grid; gap: 10px; margin-top: 18px; }
#tyv3-icerik.ty-dashboard .ty-review-secondary-panel { border: 1px solid var(--line); border-radius: 12px; background: var(--white); }
#tyv3-icerik.ty-dashboard .ty-review-secondary-panel > summary { padding: 15px 18px; color: var(--ink); font-size: .86rem; font-weight: 800; cursor: pointer; }
#tyv3-icerik.ty-dashboard .ty-review-secondary-panel[open] > summary { border-bottom: 1px solid var(--line); }
#tyv3-icerik.ty-dashboard .ty-review-secondary-panel > :not(summary) { margin-right: 18px; margin-left: 18px; }

.audience-capabilities-section { padding-top: 112px; padding-bottom: 124px; border-top: 1px solid var(--line); }
.audience-capabilities-heading { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(42px, 9vw, 132px); align-items: end; margin-bottom: 48px; }
.audience-capabilities-heading h2 { margin-bottom: 24px; }
.audience-capabilities-heading > p { max-width: 43ch; margin: 0 0 2px; color: var(--ink-soft); font-size: .94rem; line-height: 1.65; }
.audience-capabilities-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.audience-capability { min-width: 0; padding-top: 22px; border-top: 2px solid var(--ink); }
.audience-capability-learner { border-top-color: var(--brick); }
.audience-capability-teacher { border-top-color: var(--sun); }
.audience-capability-institution { border-top-color: var(--moss); }
.capability-title { display: grid; grid-template-columns: 32px 1fr; gap: 12px; align-items: start; }
.capability-index { padding-top: 4px; color: var(--ink-soft); font: 700 .73rem var(--display); }
.capability-title h3 { margin: 0; font-size: 1.35rem; line-height: 1.05; }
.audience-capability ul { display: grid; gap: 11px; margin: 24px 0 0; padding: 0; list-style: none; }
.audience-capability li { position: relative; padding-left: 17px; color: var(--ink-soft); font-size: .84rem; line-height: 1.55; }
.audience-capability li::before { position: absolute; top: .62em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: currentColor; content: ''; }
.audience-capability-learner li::before { color: var(--brick-dark); }
.audience-capability-teacher li::before { color: var(--sun); }
.audience-capability-institution li::before { color: var(--moss); }

@media (min-width: 681px) {
  #tyv3-icerik.ty-dashboard .ty-writing-focus:has(.ty-submission-view) {
    width: min(100%, 1480px);
  }
}

@media (max-width: 680px) {
  .audience-capabilities-section { padding-top: 82px; padding-bottom: 88px; }
  .audience-capabilities-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 36px; }
  .audience-capabilities-heading h2 { margin-bottom: 18px; }
  .audience-capabilities-list { grid-template-columns: 1fr; gap: 36px; }
  #tyv3-icerik.ty-dashboard .ty-submission-links,
  #tyv3-icerik.ty-dashboard .ty-submission-view,
  #tyv3-icerik.ty-dashboard .ty-review-page { padding: 16px; }

#tyv3-icerik.ty-dashboard .ty-submission-version-row,
  #tyv3-icerik.ty-dashboard .ty-submission-view-head,
  #tyv3-icerik.ty-dashboard .ty-review-page-head,
  #tyv3-icerik.ty-dashboard .ty-version-switcher,
#tyv3-icerik.ty-dashboard .ty-submission-links > header { align-items: stretch; flex-direction: column; }
  #tyv3-icerik.ty-dashboard .ty-submission-latest-link { width: 100%; justify-content: center; text-align: center; }
  #tyv3-icerik.ty-dashboard .ty-submission-view-context-links { align-items: flex-start; flex-direction: column; gap: 7px; }
  #tyv3-icerik.ty-dashboard .ty-submission-version-row .button { width: 100%; text-align: center; }
  #tyv3-icerik.ty-dashboard .ty-submission-meta,
  #tyv3-icerik.ty-dashboard .ty-review-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #tyv3-icerik.ty-dashboard .ty-submission-reader,
  #tyv3-icerik.ty-dashboard .ty-review-primary { padding: 16px; }
  #tyv3-icerik.ty-dashboard .ty-learner-feedback-layout { grid-template-columns: 1fr; gap: 14px; }
  #tyv3-icerik.ty-dashboard .ty-learner-feedback-layout .ty-submission-reader-text { padding: 18px; }
  #tyv3-icerik.ty-dashboard .ty-learner-feedback-rail { padding: 15px; }
}