/* =====================================================================
   Penyesuaian editor - tombol blok perintah & tips
   ===================================================================== */

.editor__alat .alat-utama {
    background: var(--aksen-lembut);
    border-color: color-mix(in srgb, var(--aksen) 35%, transparent);
    color: var(--aksen);
    font-weight: 600;
    padding: 0 12px;
}
.editor__alat .alat-utama:hover {
    background: var(--aksen);
    border-color: var(--aksen);
    color: var(--aksen-teks);
}

.editor__tips {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 1.6;
    color: var(--teks-lembut);
    background: var(--permukaan-2);
    border: 1px solid var(--garis);
    border-radius: 8px;
    padding: 8px 11px;
}
.editor__tips code {
    background: var(--kode-latar);
    border: 1px solid var(--garis);
    border-radius: 4px;
    padding: 1px 5px;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11.5px;
    color: var(--aksen);
}

/* Tautan navigasi di bilah atas (Kelola, Tim) */
.tombol-teks--nav {
    font-weight: 600;
    color: var(--teks);
    white-space: nowrap;
}
.tombol-teks--nav:hover { color: var(--aksen); }

@media (max-width: 760px) {
    .tombol-teks--nav { font-size: 12px; padding: 4px 6px; }
}

/* Tombol aksi di dalam pesan roti-panggang (mis. "Muat ulang") */
.roti-panggang { display: inline-flex; align-items: center; gap: 12px; }
.roti-panggang__aksi {
    background: none;
    border: 1px solid currentColor;
    color: var(--permukaan);
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    pointer-events: auto;
    white-space: nowrap;
}
.roti-panggang__aksi:hover { background: var(--permukaan); color: var(--teks); }
.roti-panggang--tampil { pointer-events: auto; }