/**
 * Treasury of Scripture Knowledge - Page-specific styles
 * Copyright (c) 2026 Tammy L Casey. All rights reserved.
 */

.tsk-app { max-width: 900px; margin: 0 auto; padding: 15px; }

/* Search bar */
.tsk-search {
    display: flex; gap: 8px; margin: 15px 0;
    flex-wrap: wrap;
}
.tsk-search select, .tsk-search input, .tsk-search button {
    font-family: 'Segoe UI', Georgia, serif;
    font-size: 14px; padding: 8px 12px;
    background: rgba(20,15,10,0.9);
    color: #c0a060; border: 1px solid rgba(212,175,55,0.4);
    border-radius: 4px;
}
.tsk-search select { flex: 0 0 180px; }
.tsk-search input { flex: 0 0 60px; text-align: center; }
.tsk-search button {
    background: rgba(212,175,55,0.2); cursor: pointer;
    border-color: #d4af37; color: #d4af37; font-weight: bold;
}
.tsk-search button:hover { background: rgba(212,175,55,0.35); }

/* Stats bar */
.tsk-stats {
    display: flex; gap: 20px; justify-content: center;
    padding: 12px; margin: 10px 0;
    border: 1px solid rgba(212,175,55,0.3); border-radius: 6px;
    background: rgba(20,15,10,0.8);
    flex-wrap: wrap;
}
.tsk-stat { text-align: center; }
.tsk-stat-num { font-size: 1.5em; color: #d4af37; font-weight: bold; }
.tsk-stat-lbl { font-size: 11px; color: #806030; text-transform: uppercase; letter-spacing: 1px; }

/* Results */
.tsk-results { margin-top: 10px; }
.tsk-verse-block {
    background: rgba(20,15,10,0.8); border: 1px solid rgba(212,175,55,0.3);
    border-radius: 6px; padding: 12px; margin-bottom: 10px;
}
.tsk-verse-ref {
    font-size: 1em; font-weight: bold; color: #d4af37;
    margin-bottom: 8px; cursor: pointer;
}
.tsk-verse-ref:hover { text-decoration: underline; }
.tsk-ref-list { list-style: none; padding: 0; margin: 0; }
.tsk-ref-item {
    display: flex; justify-content: space-between; align-items: center;
    padding: 5px 10px; border-bottom: 1px solid rgba(212,175,55,0.1);
    transition: background 0.2s;
}
.tsk-ref-item:last-child { border-bottom: none; }
.tsk-ref-item:hover { background: rgba(212,175,55,0.08); }
.tsk-ref-link {
    color: #c0a060; text-decoration: none; font-size: 13px;
}
.tsk-ref-link:hover { color: #d4af37; }
.tsk-votes {
    font-size: 11px; color: #806030; min-width: 40px; text-align: right;
}
.tsk-ref-count {
    font-size: 12px; color: #806030; margin-left: 8px;
}

/* Chapter overview */
.tsk-chapter-nav {
    display: flex; flex-wrap: wrap; gap: 4px; margin: 10px 0;
}
.tsk-ch-btn {
    padding: 4px 8px; font-size: 12px; cursor: pointer;
    background: rgba(20,15,10,0.8); color: #c0a060;
    border: 1px solid rgba(212,175,55,0.3); border-radius: 3px;
    font-family: inherit;
}
.tsk-ch-btn:hover, .tsk-ch-btn.active {
    background: rgba(212,175,55,0.2); border-color: #d4af37; color: #d4af37;
}

/* Loading */
.tsk-loading { text-align: center; padding: 20px; color: #806030; font-style: italic; }

/* Info box */
.tsk-info {
    background: rgba(20,15,10,0.9); border: 1px solid rgba(212,175,55,0.3);
    padding: 12px; border-radius: 6px; margin-bottom: 10px;
    color: #a08040; font-size: 13px; line-height: 1.5;
}
.tsk-info strong { color: #d4af37; }

/* Responsive */
@media (max-width: 600px) {
    .tsk-search select { flex: 1 1 100%; }
    .tsk-search input { flex: 1 1 60px; }
    .tsk-stats { gap: 10px; }
    .tsk-stat-num { font-size: 1.2em; }
}