.hb-jobs-toolbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    align-items: end;
}
.hb-jobs-toolbar label input,
.hb-jobs-toolbar label select {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    border: 1px solid var(--hb-line);
    border-radius: 12px;
    padding: 0 11px;
    background: var(--hb-surface);
    color: var(--hb-text);
}
.hb-jobs-toolbar > div { grid-column: 1 / -1; text-align: right; }
.hb-job-card-wrap { position: relative; display: flex; flex-direction: column; }
.hb-job-card-wrap .hb-job-card { flex: 1; }
.hb-job-save { min-height: 44px; margin: 7px 4px 0; border: 1px solid var(--hb-line); border-radius: 12px; background: var(--hb-surface); color: var(--hb-muted); font-weight: 800; }
.hb-job-save.is-saved { border-color: var(--jobs-teal); background: rgba(8,127,131,.1); color: var(--jobs-teal); }
.hb-quran-tabs button { flex: 1; min-height: 46px; font-size: 14px; }
.hb-quran-reader-status,.hb-quran-search-status { font-size: 14px; }
.hb-quran-translation { font-size: 15px; }
.hb-quran-actions button { min-height: 44px; font-size: 13px; }
.hb-scholar-search { display:flex; gap:8px; margin:14px 0 8px; }
.hb-scholar-search input { flex:1; min-width:0; min-height:46px; border:1px solid var(--hb-line); border-radius:13px; padding:0 13px; background:var(--hb-surface); color:var(--hb-text); font-size:14px; }
.hb-scholar-search button,.hb-scholar-apply-box button,.hb-job-source-box button { min-height:44px; border:0; border-radius:12px; padding:0 16px; background:var(--hb-teal,#087f83); color:#fff; font-weight:800; cursor:pointer; }
.hb-scholar-toolbar { display:grid; grid-template-columns:repeat(4,minmax(130px,1fr)); gap:10px; align-items:end; }
.hb-scholar-toolbar label { display:grid; gap:5px; font-size:13px; font-weight:750; }
.hb-scholar-toolbar input,.hb-scholar-toolbar select { width:100%; min-height:44px; border:1px solid var(--hb-line); border-radius:12px; padding:0 10px; background:var(--hb-surface); color:var(--hb-text); }
.hb-scholar-toolbar > div { grid-column:1/-1; }
.hb-scholar-card-wrap { display:flex; flex-direction:column; }
.hb-scholar-card-wrap .hb-scholar-card { flex:1; }
.hb-scholar-save { min-height:44px; margin:7px 4px 0; border:1px solid var(--hb-line); border-radius:12px; background:var(--hb-surface); color:var(--hb-muted); font-weight:800; }
.hb-scholar-save.is-saved { border-color:var(--hb-teal,#087f83); color:var(--hb-teal,#087f83); background:rgba(8,127,131,.1); }
.hb-scholar-source-state,.hb-job-source-state { display:grid; gap:5px; margin:14px 0; padding:13px; border:1px solid var(--hb-line); border-radius:12px; background:var(--hb-soft,#f7faf9); font-size:13px; }
.hb-job-checklist { margin:16px 0; border:1px solid var(--hb-line); border-radius:12px; padding:12px; }
.hb-job-checklist summary { min-height:44px; display:flex; align-items:center; font-weight:850; cursor:pointer; }
.hb-job-checklist label { display:flex; align-items:center; gap:9px; min-height:44px; font-size:14px; }
.hb-job-checklist input { width:20px; height:20px; }
.hb-radio-extra { width:100%; display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:center; font-size:13px; }
.hb-radio-extra label { display:flex; gap:7px; align-items:center; }
.hb-radio-extra select,.hb-radio-extra button { min-height:44px; border:1px solid var(--hb-line); border-radius:12px; padding:0 10px; background:var(--hb-surface); color:var(--hb-text); }
.hb-player-tools { grid-template-columns:repeat(6,minmax(0,1fr)); }
.hb-player-extra { display:flex; gap:10px; justify-content:center; align-items:center; flex-wrap:wrap; margin:10px 0; }
.hb-player-extra label { display:flex; align-items:center; gap:7px; font-size:13px; }
.hb-player-extra select,.hb-player-extra button { min-height:44px; border:1px solid rgba(255,255,255,.24); border-radius:12px; padding:0 10px; background:rgba(255,255,255,.09); color:inherit; }
@media (max-width: 720px) {
    .hb-jobs-toolbar,.hb-scholar-toolbar { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 430px) {
    .hb-jobs-toolbar,.hb-scholar-toolbar { grid-template-columns: 1fr; }
}