/* AQcredix — interactive quality tools (5 Why, Internal Audit Checklist) */

.qt-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);
  box-shadow:var(--shadow-1);padding:26px;margin-bottom:28px;}
.qt-panel > h2{font-size:22px;margin-bottom:8px;}
.qt-panel > .lead{color:var(--fg-muted);font-size:14.5px;max-width:74ch;margin-bottom:22px;
  line-height:1.65;}

.fw-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;}
@media (max-width:760px){.fw-grid{grid-template-columns:1fr;}}
.fw-field{display:flex;flex-direction:column;gap:6px;}
.fw-wide{grid-column:1 / -1;}
.fw-field label,.fw-why label{font-size:12.5px;font-weight:700;color:var(--fg-muted);
  letter-spacing:.02em;}

.qt-panel input[type=text],.qt-panel input[type=date],.qt-panel textarea,.qt-panel select{
  width:100%;font-family:inherit;font-size:14px;color:var(--fg);background:var(--bg);
  border:1px solid var(--border);border-radius:9px;padding:10px 12px;line-height:1.5;
  transition:border-color .15s ease,box-shadow .15s ease;}
.qt-panel textarea{resize:vertical;min-height:44px;}
.qt-panel input:focus,.qt-panel textarea:focus,.qt-panel select:focus{outline:none;
  border-color:var(--brand-2);box-shadow:0 0 0 3px var(--brand-tint);}

.fw-whys{display:grid;gap:14px;margin-bottom:20px;
  border-left:3px solid var(--brand-tint);padding-left:18px;}
.fw-why{display:flex;flex-direction:column;gap:5px;}
.fw-n{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;
  font-weight:700;color:var(--brand-2);background:var(--brand-tint);border-radius:6px;
  padding:3px 9px;}
.fw-hint{font-size:12px;color:var(--fg-faint);line-height:1.55;margin:0;max-width:78ch;}

.fw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;}
.fw-msg{font-size:12.5px;color:var(--warn);}
.qt-panel .btn{color:var(--fg);}
.qt-panel .btn-accent{color:#fff;}
.qt-panel .btn:disabled{opacity:.6;cursor:default;}

.ac-step{display:flex;flex-direction:column;gap:8px;max-width:520px;}
.ac-step label{font-size:13.5px;font-weight:700;color:var(--fg);}
.ac-preview{margin-top:22px;}
.ac-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);
  padding:20px;animation:riseIn .2s ease both;}
.ac-card h4{font-family:var(--font-display);font-size:17px;margin-bottom:6px;}
.ac-card .chk-grid{margin:14px 0 18px;}
.ac-more{font-size:12px;color:var(--fg-faint);align-self:center;}