img.fancy-style { max-width: 50%; }
#ci_uploader_rules .card-header { background-color:#d2d2d2; color: #4c4d4d; padding:5px 20px; border-radius: 4px; }
#ci_uploader_rules .card-body { background-color: #f0f0f094; color: #4c4d4d; padding:5px 20px; }

/* Sidebar navigation polish — icons, hover, active-state accent.
	   Scoped to .ci-sidenav so it doesn't affect other doc pages. */
.ci-sidenav .nav-link {
  display: flex;
  align-items: center;
  gap: .55rem;
  border-radius: 6px;
  padding: .45rem .75rem;
  transition: background-color .15s ease, padding-left .15s ease;
}
.ci-sidenav .nav-link i {
  width: 1.1em;
  text-align: center;
  font-size: .85em;
  opacity: .7;
}
.ci-sidenav .nav-link:hover {
  background-color: rgba(0, 0, 0, .045);
  padding-left: .95rem;
}
.ci-sidenav > .nav-item > .nav-link.active {
  font-weight: 600;
  background-color: rgba(0, 0, 0, .06);
  border-left: 3px solid currentColor;
  padding-left: .6rem;
}
.ci-sidenav > .nav-item {
  margin-bottom: .2rem;
}
.ci-sidenav .nav-item .nav-item .nav-link {
  font-size: .875rem;
  padding-left: 2.6rem !important;
  opacity: .85;
}
.ci-sidenav .nav-item .nav-item .nav-link:hover {
  padding-left: 2.8rem !important;
}
.ci-sidenav .nav-item .nav-item .nav-link.active {
  padding-left: 2.4rem !important;
  border-left: 2px solid currentColor;
  opacity: 1;
}

/* Professional field-reference tables (API-docs style):
   card wrapper, monospace field names, colored type pills. */
.ci-field-table {
  border: 1px solid #e9ecef;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 1.75rem;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.ci-field-table table {
  margin-bottom: 0;
}
.ci-field-table thead th {
  background-color: #f8f9fa;
  border-top: 0;
  border-bottom: 1px solid #e9ecef;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #6c757d;
  padding: .65rem 1rem;
}
.ci-field-table td {
  vertical-align: middle;
  font-size: .9rem;
  padding: .65rem 1rem;
  border-top: 1px solid #f1f3f5;
}
.ci-field-table tbody tr:first-child td {
  border-top: 0;
}
.ci-field-table tbody tr:hover {
  background-color: #fafbfc;
}
.ci-field-table code.ci-field-name {
  background-color: #f1f3f5;
  color: #212529;
  padding: .18rem .5rem;
  border-radius: 4px;
  font-size: .82rem;
  font-weight: 600;
  white-space: nowrap;
}
.ci-type-badge {
  display: inline-block;
  font-size: .68rem;
  font-weight: 700;
  padding: .2rem .6rem;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: .03em;
  white-space: nowrap;
}
.ci-type-text     { background-color: #e7f1ff; color: #1971c2; }
.ci-type-color    { background-color: #fff4e6; color: #e8590c; }
.ci-type-number   { background-color: #ebfbee; color: #2b8a3e; }
.ci-type-toggle   { background-color: #f1f3f5; color: #495057; }
.ci-type-select   { background-color: #f3f0ff; color: #7048e8; }
.ci-type-checkbox { background-color: #e6fcf5; color: #0ca678; }
.ci-type-radio    { background-color: #fff0f6; color: #c2255c; }

/* Plain content tables (examples) */
.ci-plain-table { border:1px solid #e9ecef; border-radius:8px; overflow:hidden; margin-bottom:1.5rem; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.ci-plain-table table { margin-bottom:0; width:100%; }
.ci-plain-table th, .ci-plain-table thead td { background:#f8f9fa; font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; color:#6c757d; padding:.65rem 1rem; border-bottom:1px solid #e9ecef; }
.ci-plain-table td { font-size:.9rem; padding:.65rem 1rem; border-top:1px solid #f1f3f5; }
.ci-plain-table td p { margin:0; }
.ci-plain-table code { background:#f1f3f5; color:#212529; padding:.15rem .45rem; border-radius:4px; font-size:.82rem; }

/* Compact 2-column "spec" table used for summaries */
.ci-spec-table td:first-child {
  width: 30%;
  background-color: #f8f9fa;
  font-weight: 600;
  font-size: .82rem;
  color: #495057;
}

/* Additions for long reference pages */
.ci-field-table code.ci-field-name { white-space: normal; }
.ci-field-table td ul { margin: .4rem 0 0; padding-left: 1.1rem; }
.ci-field-table td ul li { margin-bottom: .15rem; }
.ci-type-info { background-color: #e3fafc; color: #0b7285; }

/* Callouts (Note / Tip / Important) */
.ci-callout {
  border-left: 4px solid #1971c2;
  background-color: #f1f6fd;
  border-radius: 6px;
  padding: .85rem 1.1rem;
  margin: 1.25rem 0;
  font-size: .92rem;
}
.ci-callout > :last-child { margin-bottom: 0; }
.ci-callout ul { margin: .35rem 0 0; padding-left: 1.2rem; }
.ci-callout .ci-callout-title { font-weight: 700; margin-bottom: .35rem; }
.ci-callout-tip { border-left-color: #2b8a3e; background-color: #f0faf2; }
.ci-callout-important { border-left-color: #e8590c; background-color: #fff7f0; }

/* Sub-headings inside long sections */
.ci-content h6 { margin-top: 1.75rem; color: #343a40; }

/* Uploader Rules explainer cards */
.accordion .card { border: 1px solid #e9ecef; border-radius: 8px; margin-bottom: .75rem; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.accordion .card-header { background-color: #f8f9fa; border-bottom: 1px solid #e9ecef; }
.accordion .card-header h5 { font-size: 1rem; font-weight: 600; }
.accordion .card-body { font-size: .92rem; }