/* ============================================================================
   ToolBench — aes.css
   AES Encrypt & Decrypt only. Loaded via the registry's 'css' key.

   .card/.modes/.panel/.prow/.plbl/.seg/.field/.field-top/.lbl/.ta/.ta-out/
   .count/.actions/.status/.err/.drop/.orline/.limits/.results/.row/.rhead/
   .rmain/.rname/.meta/.dot/.rbtns/.payload all already exist in tools.css —
   reused as-is, not redeclared here. .faq details/summary comes from
   site.css. Tokens come from site.css.

   .batch-summary/.bs-stat/.grow (image-compressor.css) and .calc-actions
   (calc.css) are small enough that this file follows the same convention
   those two already use — copied locally rather than pulling in an unrelated
   stylesheet just for one block each.
   ============================================================================ */

/* ------------------------------------------------------------ controls -- */
.inp{
  display:block;padding:11px 12px;
  background:var(--paper);border:1px solid var(--paper-line);border-radius:var(--radius);
  color:var(--ink);
  font:400 16px/1.5 var(--mono);   /* >=16px: stops iOS Safari zooming on focus */
}
.inp:focus{outline:0;border-color:var(--blueprint);box-shadow:0 0 0 3px rgba(44,110,142,.14)}
.pwfield-input{flex:1 1 220px;min-width:0}
.seg button:disabled,.chip:disabled{opacity:.4;cursor:not-allowed}

/* --------------------------------------------------------- tag (standalone) -- *
 * tools.css only defines .meta .tag/.tag-c scoped inside a result row's
 * metadata line — this tool also shows a "Verified" tag on its own, next to
 * a field label rather than inside .meta. */
.tag{padding:2px 6px;border-radius:2px;font-size:11px;letter-spacing:.04em}
.tag-c{background:rgba(76,175,125,.1);color:var(--success-ink)}

/* ------------------------------------------------------- strength meter -- */
.pmeter{display:flex;gap:4px;margin:8px 0 4px}
.pmeter i{flex:1;height:5px;border-radius:2px;background:var(--paper-line)}
.pmeter.s0 i.filled{background:var(--danger)}
.pmeter.s1 i.filled{background:var(--amber-dim)}
.pmeter.s2 i.filled{background:var(--amber)}
.pmeter.s3 i.filled{background:#6FA8C9}
.pmeter.s4 i.filled{background:var(--success)}

/* --------------------------------------------------------- batch summary -- */
.batch-summary{
  display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;
  margin:18px 0 0;padding:14px 16px;
  background:var(--ink);border-radius:var(--radius);
}
.batch-summary .bs-stat{min-width:90px}
.batch-summary .bs-stat b{display:block;font:600 20px/1.15 var(--display);color:#fff}
.batch-summary .bs-stat span{display:block;margin-top:2px;font:400 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate-light-ink)}
.batch-summary .bs-stat.is-good b{color:#9FE0AE}
.batch-summary .grow{flex:1 1 auto}

.calc-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 4px}
.calc-actions .btn-primary{flex:1 1 auto}