/* ============================================================
   tools.css — MyCaseStatus.in tool pages + shared components
   Loaded after style.css. Uses the site's CSS variables.
   ============================================================ */

/* --- Reusable muted text / small helper --- */
.text-muted { color: var(--c-text-weak, #94a3b8); }
.card-desc  { color: var(--c-text-weak, #94a3b8); margin-bottom: .75rem; }
.info-card  { background: var(--c-card, #111827); }

/* --- Data tables (cause list, notices, GSTIN breakdown) --- */
.table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .95rem;
  background: var(--c-card, #0f172a);
  border: 1px solid var(--c-border, rgba(148,163,184,.18));
}
.data-table thead th {
  text-align: left;
  padding: .7rem .9rem;
  background: rgba(148,163,184,.12);
  color: var(--c-text-weak, #94a3b8);
  font-weight: 600;
  border-bottom: 2px solid var(--c-border-strong, rgba(148,163,184,.35));
  white-space: nowrap;
}
.data-table tbody td {
  padding: .65rem .9rem;
  border-bottom: 1px solid var(--c-border, rgba(148,163,184,.14));
  vertical-align: top;
}
.data-table tbody tr:last-child td { border-bottom: none; }
.data-table tbody tr:hover { background: rgba(59,130,246,.06); }
.data-table code {
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: .85em;
  background: rgba(148,163,184,.12);
  padding: .1rem .35rem;
  border-radius: var(--r-xs, 4px);
  color: var(--c-accent, #3b82f6);
}

/* --- Quick links / button clusters --- */
.quick-links { display: flex; flex-wrap: wrap; gap: .6rem; margin: .5rem 0; }
.quick-links .btn { margin: 0; }

/* --- Advocate directory cards --- */
.directory-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
}
.directory-card.card {
  background: var(--c-card, #0f172a);
  border: 1px solid var(--c-border, rgba(148,163,184,.18));
  border-radius: var(--r-md, 12px);
  padding: 1rem;
  box-shadow: var(--shadow-card, 0 1px 8px rgba(0,0,0,.25));
}
.dir-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--c-text, #f1f5f9);
  margin: 0 0 .35rem;
}
.dir-info { color: var(--c-text-weak, #94a3b8); }
.dir-info p { margin: 0 0 .5rem; }

/* --- Action button row (cause list / advocate open portals) --- */
.cause-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: .75rem 0; }

/* --- GSTIN result rows --- */
.gst-ok   { color: var(--c-success, #22c55e); font-weight: 600; }
.gst-warn { color: var(--c-warning, #f59e0b); font-weight: 600; }
.gst-err  { color: var(--c-danger, #ef4444); font-weight: 600; }
.gstin-breakdown { margin-top: .5rem; }

/* --- Legal document generator --- */
.doc-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: .75rem 0; }
.doc-preview {
  background: var(--c-card, #0f172a);
  border: 1px solid var(--c-border, rgba(148,163,184,.18));
  border-radius: var(--r-md, 12px);
  padding: 1rem;
  max-height: 480px;
  overflow: auto;
}
.doc-preview pre.notice-template {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: .9rem;
  line-height: 1.55;
  color: var(--c-text, #f1f5f9);
}

/* --- Checkbox row (consent gates) --- */
.form-check { display: flex; align-items: flex-start; gap: .6rem; margin-top: .25rem; }
.form-check input[type="checkbox"] { width: 1.15rem; height: 1.15rem; accent-color: var(--c-accent, #3b82f6); margin-top: .1rem; }

/* --- Ensure inputs/buttons pick up theme contrast --- */
select, input[type="text"], input[type="email"], input[type="date"], input[type="numeric"], input[type="tel"] {
  color: #e2e8f0;
  background-color: var(--c-card, #0f172a);
  border: 1px solid var(--c-border, rgba(148,163,184,.25));
}
select:focus, input:focus {
  border-color: var(--c-accent, #3b82f6);
  outline: none;
  box-shadow: 0 0 0 3px rgba(59,130,246,.18);
}
select {
  appearance: auto;
  -webkit-appearance: none;
  background-image: none;
  padding-right: 1.5rem;
}

/* --- Tab content default (tabs.js toggles .active) --- */
.tab-content { display: none; }
.tab-content.active { display: block; }
.tabs .tab-btn.active {
  background: var(--c-accent-soft, rgba(59,130,246,.15));
  color: var(--c-accent, #3b82f6);
  border-color: var(--c-accent, #3b82f6);
}

/* --- Numbered content lists (notices page) --- */
.content-list { padding-left: 1.25rem; line-height: 1.8; }
.content-list li { margin-bottom: .4rem; }

/* --- Notice template pre (notices page) --- */
pre.notice-template {
  background: var(--c-card, #0f172a);
  color: var(--c-text, #f1f5f9);
  border: 1px solid var(--c-border, rgba(148,163,184,.18));
  border-radius: var(--r-md, 12px);
  padding: 1rem;
  overflow: auto;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: .9rem;
  line-height: 1.55;
}
.notice-format { margin: .25rem 0; }

/* --- Small link affordance on result rows --- */
.results-heading { font-size: 1.15rem; font-weight: 700; margin: .5rem 0 .75rem; }

/* --- Results summary rows (row + label/value) --- */
.result-row {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding: .45rem 0;
  font-size: .98rem;
}

/* --- Print helper for generated documents --- */
@media print {
  .site-header, .site-footer, .back-to-top, .doc-actions, .pwa-banner { display: none; }
  .doc-preview { border: none; max-height: none; }
}
/* --- Tool cards (tools.php "More Tools" section) --- */
.tool-card {
  background: var(--c-card, #0f172a);
  border: 1px solid var(--c-border, rgba(148,163,184,.18));
  border-radius: var(--r-lg, 14px);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: .4rem;
  color: var(--c-text, #f1f5f9);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.tool-card:hover {
  border-color: var(--c-accent, #3b82f6);
  box-shadow: var(--shadow-lift, var(--shadow-card, 0 1px 8px rgba(0,0,0,.25)));
  transform: translateY(-2px);
  background: var(--c-accent-soft, rgba(59,130,246,.06));
}
.tool-icon {
  font-size: 1.7rem;
  line-height: 1;
  filter: drop-shadow(0 4px 8px rgba(59,130,246,.28));
}
.tool-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0;
  color: inherit;
}
.tool-desc {
  font-size: .92rem;
  color: var(--c-text-weak, #94a3b8);
  margin: 0;
}