/* TukangHarian — skala teks global. Semua ukuran di halaman memakai rem sehingga ikut membesar. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.tha-dialog { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: flex-end; justify-content: center; background: rgba(0, 0, 0, .62); padding: 0.75rem; }
.tha-dialog[hidden] { display: none; }
body.tha-open { overflow: hidden; }
.tha-sheet { width: min(100%, 30rem); max-height: calc(100dvh - 1.5rem); overflow: auto; background: #1a1a1a; color: #f4f1ef; border: 1px solid #3c3c3c; border-radius: 1.25rem; padding: 1.1rem 1.1rem 1.25rem; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .5); }
@media (min-width: 44rem) { .tha-dialog { align-items: center; } }
.tha-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; }
.tha-head h2 { margin: 0; font-size: 1.25rem; line-height: 1.25; }
.tha-close { flex: 0 0 auto; min-width: 2.75rem; min-height: 2.75rem; border-radius: 50%; border: 1px solid #555; background: #262626; color: #fff; font-size: 1.4rem; line-height: 1; cursor: pointer; }
.tha-help { margin: 0.5rem 0 0.75rem; font-size: 0.875rem; line-height: 1.5; color: #c9c4c1; }
.tha-control { display: flex; flex-direction: column; gap: 0.6rem; }
.tha-label { font-weight: 700; font-size: 1rem; line-height: 1.4; }
.tha-out { color: #9fd9f5; font-weight: 800; white-space: normal; }
.tha-range { display:block; width:100%; max-width:100%; min-width:0; min-height:2.75rem; margin:0; padding:0; accent-color:#9fd9f5; cursor:pointer; touch-action:pan-y; }
.tha-ticks { display:flex; justify-content:space-between; align-items:center; gap:.35rem; font-size:.75rem; color:#b7b2b0; flex-wrap:nowrap; }
.tha-ticks span { flex:0 1 auto; min-width:0; text-align:center; white-space:nowrap; }
.tha-control, .tha-sheet, .tha-dialog { box-sizing:border-box; }
.tha-control *, .tha-sheet * { box-sizing:border-box; }
.tha-preview { overflow-wrap:anywhere; }
.tha-range:focus-visible { outline: 3px solid #63b8de; outline-offset: 3px; }
.tha-ticks { font-size: 0.75rem; color: #b7b2b0; }
.tha-preview { margin: 0.25rem 0 0; padding: 0.75rem; border-radius: 0.75rem; background: #262626; border: 1px solid #3a3a3a; font-size: 1rem; line-height: 1.5; overflow-wrap: anywhere; }
.tha-reset { align-self: flex-start; min-height: 2.75rem; padding: 0.6rem 1rem; border-radius: 0.8rem; border: 1px solid #555; background: #262626; color: #f4f1ef; font: inherit; font-weight: 700; cursor: pointer; white-space: normal; text-align: left; }
.tha-reset:focus-visible, .tha-close:focus-visible { outline: 3px solid #63b8de; outline-offset: 2px; }

/* Versi inline (halaman Pengaturan) memakai warna halaman terang. */
.th-admin .tha-control .tha-preview, .th-field .tha-control .tha-preview { background: #f7f6f2; color: #332c2b; border-color: #e1dcd7; }
.th-admin .tha-control .tha-reset, .th-field .tha-control .tha-reset { background: #fff; color: #332c2b; border-color: #cfc8c2; }
.th-admin .tha-control .tha-ticks, .th-field .tha-control .tha-ticks { color: #6d6562; }
.th-admin .tha-control .tha-out, .th-field .tha-control .tha-out { color: #1f6f93; }
.th-admin .tha-sheet .tha-preview, .th-field .tha-sheet .tha-preview { background: #262626; color: #f4f1ef; border-color: #3a3a3a; }
.th-admin .tha-sheet .tha-reset, .th-field .tha-sheet .tha-reset { background: #262626; color: #f4f1ef; border-color: #555; }
.th-admin .tha-sheet .tha-ticks, .th-field .tha-sheet .tha-ticks { color: #b7b2b0; }
.th-admin .tha-sheet .tha-out, .th-field .tha-sheet .tha-out { color: #9fd9f5; }