/* === CONTAINER LIRIK === */
.sct-lyrics {
    font-family: 'Courier New', Courier, monospace; /* Font Wajib Monospace */
    font-size: 15px; /* Ukuran awal */
    line-height: 1.5; /* Jarak antar baris rapat & rapi */
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow-x: auto;
    color: #333;
    margin-bottom: 20px;
}

/* Preformatted Text (Menjaga Spasi & Enter) */
.sct-lyrics pre {
    white-space: pre; 
    margin: 0;
    font-family: inherit;
    line-height: inherit;
}

/* Tampilan Chord (Merah & Bold) */
.sct-chord {
    color: #d32f2f !important; /* Pakai !important untuk memaksa warna merah */
    font-weight: bold;
    cursor: pointer;
}

.sct-chord:hover {
    background-color: #fff176; /* Highlight kuning saat hover */
    border-radius: 3px;
}

/* === PANEL KONTROL === */
.sct-controls {
    background: #f8f9fa;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 20px;
}

.sct-row-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.sct-divider {
    margin: 10px 0;
    border: 0;
    border-top: 1px solid #ddd;
}

/* Switch Instrumen */
.sct-instrument-switch {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
}
.sct-instrument-switch label { cursor: pointer; }

/* Tombol Tools (Zoom, Print, Scroll) */
.sct-btn-tool {
    background: #333;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}
.sct-btn-tool:hover { background: #555; }

.sct-btn-icon {
    background: #e0e0e0;
    color: #333;
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    min-width: 35px;
}
.sct-btn-icon:hover { background: #d0d0d0; }

/* Grid Tombol Transpose */
.sct-button-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 5px;
}

.sct-key-btn {
    background: #fff;
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    min-width: 35px;
}

.sct-key-btn:hover { background: #eee; }
.sct-key-btn.active {
    background: #0073aa;
    color: white;
    border-color: #0073aa;
}

/* === TOOLTIP GAMBAR === */
.sct-tooltip-box {
    display: none;
    position: absolute;
    width: 140px; /* Lebar kotak gambar */
    background: white;
    border: 1px solid #bbb;
    padding: 8px;
    border-radius: 6px;
    z-index: 9999;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.sct-tooltip-box img {
    width: 100%;
    height: auto;
    display: block;
}

/* === MODE CETAK (PRINT/PDF) === */
@media print {
    /* Sembunyikan semua elemen website (Header, Footer, Sidebar) */
    body * { visibility: hidden; }
    
    /* Sembunyikan kontrol plugin */
    .sct-controls { display: none !important; }

    /* Tampilkan hanya lirik */
    #sct-printable-area, #sct-printable-area * {
        visibility: visible;
    }

    #sct-printable-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        border: none;
        margin: 0;
        padding: 0;
        font-size: 12pt; /* Font standar surat */
        color: black;
    }
    
    .sct-chord { color: black !important; } /* Hemat tinta saat print */
}