/* Herramientas: el espacio de trabajo empieza antes y conserva el tema global. */
.kit-tool-workspace { background: var(--bg); color: var(--text-1); min-height: 0; }
.kit-tool-workspace .kit-tool-heading { padding: 24px 0; background: var(--bg); color: var(--text-1); }
.kit-tool-heading h1 { font-size: 2rem; line-height: 1.2; font-weight: 700; margin: 0 0 12px; color: var(--text-1); }
.kit-tool-heading p { color: var(--text-2); max-width: 68ch; font-size: .95rem; }
.kit-tool-heading .kit-back-link { color: var(--accent-text); background: transparent; border-color: var(--border); min-height: 44px; margin-top: 16px; }
.kit-tool-heading .kit-back-link:hover { color: var(--accent-text); background: var(--accent-dim); transform: none; }
.kit-tool-workspace .kit-calc-grid, .kit-tool-workspace .kit-pwd-tabs { margin-top: 0; }
.kit-tool-workspace .kit-msg-wrap { margin-top: 0; }
.kit-tool-workspace .kit-msg-hero-inner { padding: 0 20px; }
.kit-tool-workspace .kit-calc-panel, .kit-tool-workspace .kit-pwd-panel, .kit-tool-workspace .kit-msg-panel { min-width: 0; padding: 20px; border-radius: 12px; background: var(--bg-card); border-color: var(--border); }
.kit-tool-workspace .kit-calc-field, .kit-tool-workspace .kit-pwd-field { flex-basis: 160px; min-width: 0; }
.kit-tool-workspace .kit-calc-field label, .kit-tool-workspace .kit-pwd-field label, .kit-tool-workspace .kit-msg-field label { font-size: .85rem; color: var(--text-2); letter-spacing: 0; text-transform: none; }
.kit-tool-workspace input:not([type="checkbox"]), .kit-tool-workspace select, .kit-tool-workspace textarea { max-width: 100%; min-height: 44px; background: var(--bg-card); color: var(--text-1); border-color: var(--border-mid); }
.kit-tool-workspace input:focus-visible, .kit-tool-workspace select:focus-visible, .kit-tool-workspace textarea:focus-visible, .kit-tool-workspace button:focus-visible { outline: 2px solid var(--accent-text); outline-offset: 2px; }
.kit-tool-workspace button { min-height: 44px; }
.kit-tool-workspace .kit-pwd-tabs, .kit-tool-workspace .kit-msg-chips { flex-wrap: wrap; overflow: visible; }
.kit-tool-workspace .kit-pwd-toggle { min-height: 44px; border-radius: 8px; }
.kit-tool-workspace .kit-pwd-toggle input { display: inline-block; width: 16px; height: 16px; accent-color: var(--accent); }
.kit-tool-workspace .kit-pwd-toggle.is-on::before { content: none; }
.kit-tool-workspace .kit-pwd-toggle:focus-within { outline: 2px solid var(--accent-text); outline-offset: 2px; }
.kit-tool-workspace .kit-pwd-output-text { min-width: 0; }
.kit-tool-workspace .kit-calc-result { gap: 12px; flex-wrap: wrap; }
.kit-tool-workspace .kit-calc-result-value { overflow-wrap: anywhere; }
.kit-tool-workspace .kit-msg-actions { flex-wrap: wrap; }
.kit-tool-workspace .kit-msg-btn { flex-basis: 160px; }
.kit-tool-workspace .kit-msg-btn-wa { background: #087A3E; }
.kit-tool-workspace .kit-msg-btn-wa:hover { background: #066333; }
.kit-msg-custom-chip { display: inline-flex; max-width: 100%; }
.kit-msg-custom-chip .kit-msg-chip { white-space: normal; border-radius: 8px 0 0 8px; }
.kit-msg-delete { min-width: 44px; border: 1px solid var(--border); border-radius: 0 8px 8px 0; background: var(--bg-card); color: var(--error); }
.kit-msg-dialog { padding: 0; width: min(520px, calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; border: 1px solid var(--border-mid); border-radius: 12px; background: var(--bg-card); color: var(--text-1); }
.kit-msg-dialog::backdrop { background: rgb(15 0 32 / .65); }
.kit-msg-dialog form { padding: 24px; }
.kit-msg-dialog h2 { font-size: 1.25rem; font-weight: 600; margin: 0 0 20px; }
.kit-msg-dialog label { display: block; font-size: .85rem; font-weight: 600; margin: 16px 0 6px; }
.kit-msg-dialog input, .kit-msg-dialog textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--border-mid); border-radius: 8px; }
.kit-msg-dialog small { display: block; margin-top: 8px; font-size: .8rem; color: var(--text-2); }
.kit-msg-dialog-error { color: var(--error); font-size: .85rem; margin-top: 12px; }
.kit-msg-dialog-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
@media (max-width: 640px) {
  .kit-tool-heading h1 { font-size: 1.5rem; }
  .kit-tool-workspace .kit-calc-wrap, .kit-tool-workspace .kit-pwd-wrap, .kit-tool-workspace .kit-msg-wrap, .kit-tool-workspace .kit-msg-hero-inner { padding-left: 16px; padding-right: 16px; }
  .kit-tool-workspace .kit-calc-panel, .kit-tool-workspace .kit-pwd-panel, .kit-tool-workspace .kit-msg-panel { padding: 16px; }
  .kit-tool-workspace input:not([type="checkbox"]), .kit-tool-workspace select, .kit-tool-workspace textarea { font-size: 1rem; }
  .kit-tool-workspace .kit-pwd-output-row { align-items: stretch; flex-direction: column; }
  .kit-tool-workspace .kit-pwd-strength { flex-wrap: wrap; }
  .kit-tool-workspace .kit-pwd-tab { flex: 1 1 140px; }
}
@media (prefers-reduced-motion: reduce) {
  .kit-tool-workspace *, .kit-tool-workspace *::before, .kit-tool-workspace *::after { transition: none !important; }
}

.kit-tool-workspace .kit-pwd-bulk-list { background: var(--bg-card-2); border-color: var(--border); }
.kit-tool-workspace .kit-pwd-bulk-list th { background: var(--bg-card-2); color: var(--text-2); }
.kit-tool-workspace .kit-pwd-bulk-list td.pwd { color: var(--text-1); }
.kit-tool-workspace .kit-pwd-bulk-list tr { border-color: var(--border); }

.kit-tool-workspace .kit-pwd-preset { padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-card); color: var(--text-2); font-size: .85rem; font-weight: 500; }
.kit-tool-workspace .kit-pwd-tab.is-active,
.kit-tool-workspace .kit-pwd-preset.is-active,
.kit-tool-workspace .kit-msg-chip.is-active { background: var(--accent-solid) !important; color: #fff !important; border-color: var(--accent-solid) !important; }
@media (max-width: 640px) {
  .kit-tool-workspace .kit-pwd-tab { flex: 1 1 0; min-width: 0; padding: 10px 8px; font-size: .85rem; line-height: 1.3; }
}
@media (max-width: 520px) {
  .kit-tool-workspace .kit-breadcrumb { display: none; }
  .kit-tool-workspace .kit-brand-sub, .kit-tool-workspace .kit-brand-sep { display: inline; }
}

.kit-tool-workspace .kit-tool-heading h1 .accent { background:none; color:inherit; -webkit-text-fill-color:currentColor; }