#main.kids-tags-page .page-content { padding-bottom: 2rem; }
#main.kids-tags-page .visitors-list-page__title-row { min-width: 0; }
#main.kids-tags-page .visitors-list-page__title-copy { flex: 1 1 auto; }
#main.kids-tags-page .visitors-list-page__header-actions { justify-content: flex-end; min-width: 0; }
#main.kids-tags-page .page-heading .kids-tags-page__breadcrumb { margin: 0; max-width: min(36vw, 480px); min-width: 0; }
#main.kids-tags-page .page-heading .kids-tags-page__breadcrumb .breadcrumb { flex-wrap: nowrap; justify-content: flex-end; margin: 0; overflow: hidden; white-space: nowrap; }
#main.kids-tags-page .page-heading .kids-tags-page__breadcrumb .breadcrumb-item { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
#main.kids-tags-page .kids-tags-page__notification,
#main.kids-tags-page .kids-tags-page__search-toggle { display: none !important; }
#main.kids-tags-page .kids-tags-page__notification { position: relative; }
.kids-tags-page__surface { border-color: var(--ictus-border); overflow: visible; }
.kids-tags-page__toolbar { align-items: center; }
.kids-tags-page__toolbar .entity-list__filters { flex: 0 0 auto; }
.kids-tags-page__toolbar .form-select { min-width: 150px; }
.kids-tags-page__search { flex: 1 1 460px; max-width: 720px; }
.kids-tags-page__read { align-items: center; display: inline-flex; gap: .45rem; white-space: nowrap; }
.kids-tags-page__summary { align-items: baseline; display: flex; gap: .4rem; min-height: 48px; padding: .85rem 1.25rem; border-bottom: 1px solid var(--ictus-border); color: var(--ictus-lead); }
.kids-tags-page__summary strong { color: var(--ictus-ocean); font-size: 1.05rem; }
.kids-tags-page__summary span { font-size: .82rem; }
.kids-tags-page__table th { background: var(--ictus-screen); color: var(--ictus-lead); font-size: .72rem; letter-spacing: .035em; text-transform: uppercase; white-space: nowrap; }
.kids-tags-page__table td { border-color: var(--ictus-border); color: var(--ictus-graphite); }
.kids-tag-identity { align-items: center; display: flex; gap: .75rem; min-width: 190px; }
.kids-tag-identity > div { display: grid; gap: .15rem; }
.kids-tag-identity strong { color: var(--ictus-ocean); }
.kids-tag-identity small { color: var(--ictus-lead); font-size: .72rem; }
.kids-tag-color { border: 1px solid rgba(var(--ictus-midnight-rgb), .22); border-radius: 50%; box-shadow: 0 0 0 3px var(--ictus-white), 0 0 0 4px var(--ictus-border); flex: 0 0 20px; height: 20px; width: 20px; }
.kids-tags-page__table code { background: var(--ictus-screen); border: 1px solid var(--ictus-border); border-radius: 6px; color: var(--ictus-lead); display: inline-block; font-size: .74rem; padding: .28rem .45rem; }
.kids-tag-reader { align-items: center; color: var(--ictus-lead); display: inline-flex; font-size: .8rem; gap: .4rem; }
.kids-tag-reader i { color: var(--ictus-ocean); }
.kids-tag-modal__eyebrow { align-items: center; color: var(--ictus-ocean); display: flex; font-size: .72rem; font-weight: 900; gap: .4rem; letter-spacing: .06em; margin-bottom: .2rem; text-transform: uppercase; }
.kids-tag-colors { align-items: center; display: flex; flex-wrap: wrap; gap: .65rem; margin: .35rem 0 .65rem; }
.kids-tag-color-option,
.kids-tag-color-custom { align-items: center; background: var(--tag-color, var(--ictus-cyan)); border: 2px solid var(--ictus-white); border-radius: 50%; box-shadow: 0 0 0 1px var(--ictus-border); cursor: pointer; display: inline-flex; flex: 0 0 34px; height: 34px; justify-content: center; padding: 0; position: relative; width: 34px; }
.kids-tag-color-option.is-selected { box-shadow: 0 0 0 3px var(--ictus-cyan-light); transform: scale(1.07); }
.kids-tag-color-option.is-selected::after { color: white; content: '\2713'; font-size: .82rem; font-weight: 900; text-shadow: 0 1px 2px rgba(0,0,0,.55); }
.kids-tag-color-custom { background: var(--ictus-screen); color: var(--ictus-ocean); overflow: hidden; }
.kids-tag-color-custom input { cursor: pointer; height: 46px; inset: -6px; opacity: 0; position: absolute; width: 46px; }
.kids-tag-color-custom i { pointer-events: none; }
.kids-tag-read-panel { align-items: center; background: var(--ictus-screen); border: 1px dashed var(--ictus-border); border-radius: 12px; display: grid; gap: .75rem; grid-template-columns: auto minmax(0, 1fr) auto; margin-top: 1.2rem; padding: 1rem; }
.kids-tag-read-panel.is-reading { border-color: var(--ictus-cyan); }
.kids-tag-read-panel.is-ready { background: var(--ictus-cyan-mist); border-color: var(--ictus-cyan-light); border-style: solid; }
.kids-tag-read-panel__icon { align-items: center; background: var(--ictus-white); border-radius: 12px; color: var(--ictus-ocean); display: inline-flex; flex: 0 0 46px; font-size: 1.3rem; height: 46px; justify-content: center; width: 46px; }
.kids-tag-read-panel__copy strong { color: var(--ictus-ocean); display: block; font-size: .9rem; }
.kids-tag-read-panel__copy p { color: var(--ictus-lead); font-size: .78rem; margin: .2rem 0 0; }
.kids-tag-reader-input { grid-column: 1 / -1; width: 100%; }
.kids-tag-reader-input label { color: var(--ictus-ocean); font-size: .78rem; font-weight: 800; margin-bottom: .35rem; }
.kids-tag-reader-input small { color: var(--ictus-lead); display: block; font-size: .72rem; margin-top: .35rem; }
.kids-tag-write { align-items: center; background: var(--ictus-screen); border: 1px solid var(--ictus-border); border-radius: 12px; display: grid; gap: .85rem; grid-template-columns: auto minmax(0, 1fr) auto; padding: 1rem; }
.kids-tag-write__icon { align-items: center; background: var(--ictus-cyan-mist); border-radius: 12px; color: var(--ictus-ocean); display: inline-flex; font-size: 1.35rem; height: 48px; justify-content: center; width: 48px; }
.kids-tag-write strong { color: var(--ictus-ocean); }
.kids-tag-write p { color: var(--ictus-lead); font-size: .78rem; margin: .2rem 0 0; }
.kids-tag-write > small { color: var(--ictus-lead); font-size: .72rem; grid-column: 2 / -1; }
.kids-tag-lookup-state { align-items: center; display: flex; flex-direction: column; min-height: 250px; padding: 1.5rem; text-align: center; }
.kids-tag-lookup-state > span { align-items: center; background: var(--ictus-cyan-mist); border-radius: 18px; color: var(--ictus-ocean); display: inline-flex; font-size: 1.8rem; height: 64px; justify-content: center; margin-bottom: 1rem; width: 64px; }
.kids-tag-lookup-state.is-found > span { background: rgba(var(--ictus-healthy-fill-rgb), .13); color: var(--ictus-healthy-text); }
.kids-tag-lookup-state.is-missing > span { background: rgba(var(--ictus-attention-fill-rgb), .14); color: var(--ictus-attention-text); }
.kids-tag-lookup-state h5 { color: var(--ictus-ocean); margin-bottom: .35rem; }
.kids-tag-lookup-state p { color: var(--ictus-lead); font-size: .84rem; margin-bottom: 1.2rem; max-width: 360px; }
body.theme-dark .kids-tags-page__table th,
body.theme-dark .kids-tags-page__table code,
body.theme-dark .kids-tag-read-panel,
body.theme-dark .kids-tag-write,
body.theme-dark .kids-tag-color-custom { background: var(--ictus-dark-surface); }
body.theme-dark .kids-tags-page__table td { color: var(--ictus-white); }
body.theme-dark .kids-tag-color { box-shadow: 0 0 0 3px var(--ictus-dark-surface), 0 0 0 4px var(--ictus-dark-border); }

@media (min-width: 768px) and (max-width: 991.98px) {
  #main.kids-tags-page .visitors-list-page__title-row,
  #main.kids-tags-page .visitors-list-page__header-actions { align-items: center; flex-direction: row; }
  #main.kids-tags-page .visitors-list-page__header-actions { flex: 0 0 auto; margin-top: 0; }
  #main.kids-tags-page .visitors-list-page__header-actions .btn { width: auto; }
  #main.kids-tags-page .page-heading .kids-tags-page__breadcrumb { max-width: 34vw; }
}

@media (max-width: 767.98px) {
  body #main.kids-tags-page .page-content { margin-top: 60px; padding-top: 12px; }
  #main.kids-tags-page .page-heading.fixed-top { border-bottom: 0; box-shadow: none !important; height: 60px; padding: 10px 12px; z-index: 990; }
  #main.kids-tags-page .visitors-list-page__title-row { gap: 4px; }
  #main.kids-tags-page .visitors-list-page__title-copy { gap: 6px; min-width: 0; }
  #main.kids-tags-page .visitors-list-page__title-copy h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #main.kids-tags-page .visitors-list-page__header-actions { align-items: center; display: flex; flex: 0 0 auto; flex-direction: row; flex-wrap: nowrap; gap: 0; margin: 0; }
  #main.kids-tags-page .kids-tags-page__notification,
  #main.kids-tags-page .kids-tags-page__search-toggle { align-items: center; display: inline-flex !important; flex: 0 0 40px; height: 40px; justify-content: center; padding: 0; width: 40px; }
  #main.kids-tags-page .visitors-list-page__header-actions .visitors-list-page__create { align-items: center; display: inline-flex; flex: 0 0 40px; height: 40px; justify-content: center; padding: 0; width: 40px; }
  #main.kids-tags-page .visitors-list-page__header-actions .visitors-list-page__create span { display: none; }
  #main.kids-tags-page #kids-tags-search-panel { display: none; }
  #main.kids-tags-page #kids-tags-search-panel.is-open { display: flex; }
  .kids-tags-page__toolbar { align-items: stretch; flex-direction: column; }
  .kids-tags-page__toolbar .entity-list__filters,
  .kids-tags-page__toolbar .form-select,
  .kids-tags-page__search { flex: 1 1 auto; max-width: none; width: 100%; }
  .kids-tags-page__read span { display: none; }
  .kids-tags-page__table thead { display: none; }
  .kids-tags-page__table,
  .kids-tags-page__table tbody,
  .kids-tags-page__table tr,
  .kids-tags-page__table td { display: block; width: 100%; }
  .kids-tags-page__table tbody { display: grid; gap: .75rem; padding: .75rem; }
  .kids-tags-page__table tr { background: var(--ictus-white); border: 1px solid var(--ictus-border); border-radius: 12px; box-shadow: 0 4px 14px rgba(var(--ictus-midnight-rgb), .06); overflow: hidden; padding: .25rem .8rem; }
  body.theme-dark .kids-tags-page__table tr { background: var(--ictus-dark-surface); }
  .kids-tags-page__table td { align-items: center; border: 0; border-bottom: 1px solid var(--ictus-border); display: flex; justify-content: space-between; min-height: 44px; padding: .55rem 0; text-align: right !important; }
  .kids-tags-page__table td:last-child { border-bottom: 0; justify-content: flex-end; }
  .kids-tags-page__table td::before { color: var(--ictus-lead); content: attr(data-label); font-size: .68rem; font-weight: 900; letter-spacing: .04em; margin-right: .8rem; text-transform: uppercase; }
  .kids-tags-page__table td:first-child::before,
  .kids-tags-page__table td:last-child::before { content: none; }
  .kids-tags-page__table td:first-child { justify-content: flex-start; padding: .8rem 0; }
  .kids-tag-identity { text-align: left; }
  .kids-tag-read-panel,
  .kids-tag-write { grid-template-columns: auto minmax(0, 1fr); }
  .kids-tag-read-panel > .btn,
  .kids-tag-write > .btn { grid-column: 1 / -1; width: 100%; }
  .kids-tag-write > small { grid-column: 1 / -1; }
}