/* devtoken.tools — AWS IAM Policy Auditor (builds on style.css) */

#policy-input { font-family: var(--mono); font-size: 12px; min-height: 220px; }
.field-help code, .out-label code { font-family: var(--mono); font-size: 12px; color: var(--text-2); }

.mode-notice { margin: 0 0 4px; }
.panel-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
#source-note { margin: 0 0 12px; }

.stmt-link { display: inline-block; margin-top: 4px; font-family: var(--mono); font-size: 12px; }

.stmt-list { display: flex; flex-direction: column; gap: 12px; }
.stmt-card {
  border: 1px solid var(--border2);
  border-left: 3px solid var(--border2);
  border-radius: 6px;
  padding: 12px 14px;
  background: var(--bg3);
  scroll-margin-top: 16px;
}
.stmt-card.stmt-danger { border-left-color: var(--danger); }
.stmt-card.stmt-warn   { border-left-color: var(--warn); }
.stmt-card.stmt-info   { border-left-color: var(--payload); }
.stmt-card.stmt-ok     { border-left-color: var(--ok); }
.stmt-card:target { outline: 1px solid var(--accent); }

.stmt-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; }
.stmt-name { font-family: var(--mono); font-size: 13px; color: var(--text); font-weight: 600; }
.stmt-sid { font-family: var(--mono); font-size: 12px; color: var(--muted); word-break: break-all; }
.stmt-count { font-family: var(--mono); font-size: 12px; color: var(--muted); margin-left: auto; }

.stmt-kv { font-size: 13px; }
.stmt-values { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.stmt-values li { word-break: break-all; }
.stmt-values.not li::before { content: "not "; color: var(--warn); }

.how-panel { margin-top: 28px; }
.how-panel .output-field { font-size: 12px; }
.how-panel .field-help { margin-top: 12px; }