/* Hirentra v0.7.0 Build 16 Phase 2 • Supplier billing rules */
.web162-rule-shell { display: grid; gap: 16px; }
.web162-rule-intro { display: flex; gap: 18px; align-items: flex-start; justify-content: space-between; padding: 16px; border: 1px solid rgba(148,163,184,.18); border-radius: 16px; background: rgba(15,23,42,.35); }
.web162-rule-intro strong { display: block; font-size: 15px; margin-bottom: 5px; }
.web162-rule-intro p { margin: 0; color: var(--muted, #94a3b8); max-width: 760px; line-height: 1.45; font-size: 12px; }
.web162-rule-list { display: grid; gap: 10px; }
.web162-rule-card { border: 1px solid rgba(148,163,184,.18); border-radius: 14px; padding: 14px; background: rgba(15,23,42,.25); }
.web162-rule-card.is-inactive { opacity: .7; }
.web162-rule-card-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.web162-rule-card-head > div { display: flex; gap: 9px; align-items: center; flex-wrap: wrap; }
.web162-rule-meta { display: flex; flex-wrap: wrap; gap: 7px 16px; margin-top: 10px; color: var(--muted, #94a3b8); font-size: 11px; }
.web162-rule-card p { margin: 10px 0 0; color: var(--muted, #94a3b8); font-size: 11px; }
.web162-rule-history summary { cursor: pointer; font-weight: 800; margin-bottom: 10px; }
.web162-rule-history[open] { padding-top: 6px; }
.web162-checkbox-field input[type="checkbox"] { width: 18px; height: 18px; margin-top: 7px; }
.web162-checkbox-field small { display: block; margin-top: 5px; color: var(--muted, #94a3b8); font-size: 10px; line-height: 1.35; }
.web162-rule-warning { border: 1px solid rgba(245,158,11,.28); background: rgba(245,158,11,.07); border-radius: 12px; padding: 12px 14px; font-size: 11px; line-height: 1.45; color: var(--muted, #cbd5e1); }
.web162-rule-warning strong { color: inherit; }
.web162-native-rate-strip { margin-top: 9px; padding-top: 9px; border-top: 1px solid rgba(148,163,184,.15); display: flex; gap: 10px; flex-wrap: wrap; align-items: center; font-size: 11px; }
.web162-native-rate-strip span { color: var(--muted, #94a3b8); }
.web162-rule-hint-panel { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgba(148,163,184,.18); border-radius: 12px; padding: 11px 12px; color: var(--muted, #94a3b8); font-size: 11px; }
.web162-rule-hint-panel button:not(.secondary-button) { border: 0; background: transparent; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; font-weight: 800; }
.invoice-lines-table td small.web162-rule-source { display: block; margin-top: 5px; font-size: 9px; font-weight: 800; letter-spacing: .04em; opacity: .75; }
.invoice-lines-table td > strong + small { display: block; margin-top: 3px; }
@media (max-width: 700px) {
  .web162-rule-intro, .web162-rule-hint-panel { flex-direction: column; align-items: stretch; }
}