/* Shared omerito components: cards, tests, word management and navigation. */
.app-theme { color:#26334d; }
.app-theme main { max-width:1100px; margin-inline:auto; }
.page-backbar { display:flex; justify-content:flex-end; max-width:1050px; margin:0 auto 4px; padding:4px 0; }
.app-back-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:10px 17px; border:1px solid #ded4ef; border-radius:13px; background:#f5f0fb; color:#7653ac; font-size:.9rem; font-weight:600; line-height:1.4; text-decoration:none; transition:background .15s,border-color .15s; }
.app-back-button:hover { background:#eae0f8; border-color:#baa4dc; color:#593889; }
.app-back-button:focus-visible { outline:3px solid #bda5e8; outline-offset:3px; }
.app-theme .btn:not(.btn-link) { min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:6px; border-radius:13px; font-weight:600; box-shadow:none; }
.app-theme .btn-primary { background:#8054d6; border-color:#8054d6; color:white; }
.app-theme .btn-primary:hover { background:#6e43bd; border-color:#6e43bd; }
.app-theme .btn-outline-primary { color:#7850c0; border-color:#d9c9f0; background:#f6f1fc; }
.app-theme .btn-outline-primary:hover { color:#5c369d; background:#eadff9; border-color:#bda4e0; }
.app-theme .btn-outline-secondary { color:#748098; border-color:#dce0eb; background:#f6f7fb; }
.app-theme .btn-outline-secondary:hover { color:#4c5870; background:#eaedf5; }
.app-theme .btn-outline-success { color:#3f9368; border-color:#c9e4d4; background:#eff8f2; }
.app-theme .btn-outline-success:hover { background:#dcefe3; color:#337653; }
.app-theme .btn:focus-visible { outline:3px solid #bda5e8; outline-offset:3px; }
.app-theme .btn.disabled { opacity:.5; pointer-events:none; }
.app-theme .form-select,.app-theme .form-control { min-height:44px; border:1px solid #e1daee; border-radius:12px; color:#34415b; background-color:#faf8fd; font-size:16px; }
.app-theme .form-control:focus,.app-theme .form-select:focus { border-color:#b99cde; box-shadow:0 0 0 3px #ede4f9; }
.app-theme h1,.app-theme h2,.app-theme h3 { color:#26334d; }
.app-theme .navbar-nav .nav-link { overflow-wrap:anywhere; }
.soft-panel { border:1px solid #e5def1; border-radius:22px; background:#faf8fd; box-shadow:0 8px 28px #60448108; }
.test-setup { background:linear-gradient(135deg,#faf7ff,#f6f8fd); }
.test-page .test-history { background:#fff; }
.test-page .test-score { background:#f3edfb; }
.test-page .test-question { background:var(--soft-bg,#faf8ff); border-color:var(--soft-border,#e5def1); }
.test-page .test-option { min-height:60px; border-color:#e4deec; background:#ffffffc9; transition:background .15s; }
.test-page .test-option:has(input:checked) { background:#eee5fb; border-color:#9874cc; box-shadow:0 0 0 1px #9874cc; }
.test-page .test-option:has(input:focus-visible) { outline:3px solid #bda5e8; outline-offset:2px; }
.test-page .answer-correct { background:#f1f9f4; border-color:#d0e7d9; }
.test-page .answer-wrong { background:#fcf1f5; border-color:#efd4df; }
.app-theme .words-page .word-list { border:0; background:transparent; overflow:visible; display:grid; gap:12px; }
.app-theme .words-page .word-list-row { border:1px solid var(--soft-border,#e7e1f1); border-radius:19px; background:var(--soft-bg,#faf8fd); box-shadow:0 5px 18px #68507c05; }
.list-word-number { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; font-size:.8rem; font-weight:700; color:#fff; background:var(--soft-accent,#8a70b4); }
.app-theme .words-page .word-filter-toolbar { border:1px solid #e7e0f1; background:#f8f6fc; padding:18px; border-radius:19px; }
.app-theme .words-page .badge { white-space:normal; overflow-wrap:anywhere; }
.app-theme .words-page .word-list-row > * { min-width:0; }
[data-tone="0"] { --soft-bg:#fff6f8; --soft-border:#f0dbe3; --soft-accent:#cb668a; }
[data-tone="1"] { --soft-bg:#f3fbf7; --soft-border:#d6eadd; --soft-accent:#488c76; }
[data-tone="2"] { --soft-bg:#f7f5ff; --soft-border:#e1dbee; --soft-accent:#8a70b4; }
[data-tone="3"] { --soft-bg:#fff9ef; --soft-border:#ecdfc8; --soft-accent:#aa813a; }
[data-tone="4"] { --soft-bg:#f2f8ff; --soft-border:#d7e4f3; --soft-accent:#5b83b1; }
[data-tone="5"] { --soft-bg:#fff6f0; --soft-border:#f0ddce; --soft-accent:#b97e5d; }
[data-tone="6"] { --soft-bg:#f3fafb; --soft-border:#d2e7e9; --soft-accent:#4d8993; }
[data-tone="7"] { --soft-bg:#f9faf0; --soft-border:#e2e6c9; --soft-accent:#828d49; }
@media(max-width:767px) {
 .app-theme .words-page .word-list-row { grid-template-columns:40px minmax(0,1fr); gap:10px 12px; padding:16px; }
 .app-theme .words-page .word-list-row .turkish { grid-column:2; grid-row:2; }
 .app-theme .words-page .word-list-row .open-card { grid-column:1 / -1; grid-row:3; }
 .app-theme .words-page .word-list-row .open-card .btn { flex:1; }
 .words-actions { width:100%; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .words-actions .btn { padding:10px!important; font-size:.9rem; }
 .test-page .soft-panel { padding:18px!important; }
 .page-backbar { margin-bottom:0; }
}
@media print { .page-backbar { display:none!important; } }

/* Compact practice actions: selection and return share the same row. */
.practice-context-toolbar { display:flex; align-items:flex-end; gap:12px; max-width:100%; margin:12px 0; }
.practice-context-toolbar .tag-filter-form { width:240px; min-width:0; flex:1; }
.practice-context-toolbar .app-back-button { flex:none; white-space:nowrap; }
.meaning-decision { border:0; padding:0; margin-top:14px; min-width:0; }
.meaning-decision-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
.meaning-existing-group { display:grid; gap:10px; }
.meaning-choice { display:flex; align-items:flex-start; gap:10px; padding:16px; min-height:64px; border:2px solid #dfd5f1; border-radius:16px; background:#f5effc; cursor:pointer; color:#7045a9; overflow-wrap:anywhere; }
.meaning-choice-body { display:flex; flex-direction:column; gap:5px; min-width:0; }
.meaning-choice input { flex:none; width:18px; height:18px; margin-top:3px; accent-color:#8054d6; }
.meaning-choice.existing { background:#eff8f2; border-color:#cce4d5; color:#347853; }
.meaning-choice.existing input { accent-color:#398959; }
.meaning-choice small { font-size:.8rem; font-weight:400; }
.meaning-choice:has(input:checked) { border-color:#8054d6; box-shadow:0 0 0 2px #eee2fc; background:#eae0f8; }
.meaning-choice.existing:has(input:checked) { border-color:#398959; box-shadow:0 0 0 2px #e0f1e7; background:#dfefe5; }
.meaning-choice:has(input:checked) strong::after { content:" ✓"; }
.meaning-choice:has(input:focus-visible) { outline:3px solid #af95d4; outline-offset:3px; }
.meaning-choice.unavailable { background:#f5f6f8; border-color:#e1e4e9; color:#7d8796; cursor:default; flex-direction:column; }
@media(max-width:575px) {
 .practice-context-toolbar { width:100%; gap:8px; }
 .practice-context-toolbar .app-back-button { padding:10px 12px; }
 .meaning-decision-grid { grid-template-columns:minmax(0,1fr); }
}

.card-inline-tags { justify-content:flex-start; text-align:left; margin-top:14px; padding-top:0; }
.training-stats { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:16px; color:#6e6383; font-size:.9rem; }
.training-clock { padding:7px 12px; border-radius:12px; background:#eee7fa; color:#7550ac; font-variant-numeric:tabular-nums; }
.training-clock.urgent { background:#ffe8eb; color:#c52945; font-weight:700; }
.meaning-definition { color:#738197; font-size:1rem; margin-top:10px; line-height:1.5; }
.cloze-translation { color:#8991a1; font-size:.86rem; line-height:1.5; margin-top:10px; }
.training-answers { margin:18px 0; border:1px solid #d7e8dd; border-radius:16px; padding:18px; background:#f0f8f3; }
@media(max-width:575px) {
 .learning-page .study-options { margin-block:12px; }
 .learning-page .word-card { padding:22px; }
}
/* Common counter alignment and directional question context. */
.training-stats,.matching-stats { display:flex; align-items:center; justify-content:center; text-align:center; gap:12px 18px; }
.training-stats > span,.matching-stats > span { display:inline-flex; align-items:center; gap:4px; min-height:38px; }
.meaning-example { margin:10px 0 0; line-height:1.5; color:#65738b; }
.cloze-hint { margin:10px 0 0; line-height:1.5; }
.test-page .test-option { display:flex; align-items:flex-start; gap:10px; padding:16px; border:1px solid #e4deec; border-radius:14px; }
.test-answer { width:100%; text-align:left; color:#35435e; overflow-wrap:anywhere; }
button.test-answer { cursor:pointer; }
.test-answer.right { background:#e5f5eb!important; border-color:#72b88a!important; color:#26663c; }
.test-answer.wrong { background:#fcebed!important; border-color:#d997a2!important; color:#9b4251; }