/* مركز السياسات ← «باتجاه المنزل» (go-home.js) — على رموز app.css فيتبع
   الوضع الداكن تلقائياً. كل صنف هنا يبدأ بـgh-. */

.gh-title{display:flex;align-items:flex-start;gap:14px}
.gh-title-ic{width:46px;height:46px;border-radius:14px;flex:0 0 auto;display:grid;place-items:center;
  background:var(--good-bg);color:var(--good);border:1px solid var(--good-line)}

.gh-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.gh-kpi{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px 14px;min-width:0}
.gh-kpi small{display:block;color:var(--faint);font-size:12px;font-weight:700}
.gh-kpi b{display:block;font-size:21px;font-weight:900;margin-top:4px;color:var(--text);font-variant-numeric:tabular-nums}
.gh-kpi b em{font-style:normal;font-size:13px;font-weight:700;color:var(--muted)}
.gh-kpi span{display:block;font-size:11.5px;color:var(--faint);margin-top:2px}

.gh-lines{padding:4px 18px}
.gh-line{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border-soft)}
.gh-line:last-child{border-bottom:0}
.gh-line .t{flex:1;min-width:0}
.gh-line .t b{display:block;font-size:14px;color:var(--text)}
.gh-line .t small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;line-height:1.7}
.gh-line .chain-switch[aria-disabled="true"]{opacity:.6;cursor:not-allowed}

.gh-step{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.gh-step-btn{width:32px;height:32px;border-radius:10px;border:0;background:var(--surface-2);color:var(--primary);
  font-weight:900;font-size:17px;line-height:1;cursor:pointer;font-family:inherit}
.gh-step-btn:hover:not(:disabled){background:var(--border-soft)}
.gh-step-btn:disabled{opacity:.45;cursor:not-allowed}
.gh-step em{font-style:normal;min-width:78px;text-align:center;font-weight:900;font-size:14.5px;color:var(--text);
  border:1.5px solid var(--border);border-radius:10px;padding:4px 8px;background:var(--surface);white-space:nowrap}

.gh-save{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:4px 18px 16px}

.gh-add{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gh-add:empty{display:none}
.gh-chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:800;border:1px solid transparent}
.gh-chip.on{background:var(--good-bg);color:var(--good);border-color:var(--good-line)}
.gh-chip.off{background:var(--crit-bg);color:var(--crit);border-color:var(--crit-line)}
.gh-inherit{color:var(--muted)}
.gh-inherit small,small.gh-inherit{font-size:10.5px;color:var(--faint);font-weight:700}
.gh-empty{color:var(--faint);text-align:center;padding:16px}
.gh-edit{align-items:end;gap:10px;flex-wrap:wrap}
.gh-edit label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:700}
.gh-edit-hint{margin:8px 0 0;color:var(--faint);font-size:11.5px}
.gh-note{margin-top:14px}

@media (max-width:900px){
  .gh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .gh-line{flex-wrap:wrap}
  .gh-line .t{flex-basis:100%}
}