/* Kingdom Transfers layout. Shared colours, buttons and fields come from kwl.css. */
#kwt-app { container-type: inline-size; }
.ktf-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.ktf-list { margin-top: .5rem; }
#kwt-app { --ktf-allocated: #10b981; --ktf-shortlisted: #f59e0b; --ktf-nominated: #3b82f6; --ktf-applicant: #8b5cf6; }
#kwt-app.kwl-dark { --ktf-shortlisted: #f59e0b; --ktf-applicant: #a78bfa; }

/* Stage filter chips */
#kwt-app .ktf-chips { margin: 0 0 14px; }
#kwt-app .ktf-chip-allocated.kwl-on { background: var(--ktf-allocated); border-color: var(--ktf-allocated); }
#kwt-app .ktf-chip-shortlisted.kwl-on { background: var(--ktf-shortlisted); border-color: var(--ktf-shortlisted); }
#kwt-app .ktf-chip-applicant.kwl-on { background: var(--ktf-applicant); border-color: var(--ktf-applicant); }

/* Desktop table: compact cells */
#kwt-app .kwl-table td { padding: 10px 12px; line-height: 1.4; }
#kwt-app .kwl-table th { padding: 10px 12px; }
#kwt-app .kwl-c-name { min-width: 9rem; }
#kwt-app .ktf-name { font-weight: 600; overflow-wrap: break-word; }
#kwt-app .ktf-id { font-variant-numeric: tabular-nums; white-space: nowrap; font-weight: 400; }
#kwt-app .ktf-assoc-mark { opacity: .55; font-weight: 400; }
#kwt-app .ktf-chips .kwl-btn { flex: 0 1 auto; }
#kwt-app .kwl-c-kingdom, #kwt-app .kwl-c-strength, #kwt-app .kwl-c-date_updated, #kwt-app .kwl-c-date_added, #kwt-app .kwl-c-player_id { white-space: nowrap; font-variant-numeric: tabular-nums; }
#kwt-app .kwl-c-alliance { white-space: nowrap; }
#kwt-app .ktf-arrow { opacity: .55; }
#kwt-app .kwl-c-notes { min-width: 14rem; max-width: 32rem; }
#kwt-app .ktf-notes { white-space: pre-wrap; overflow-wrap: anywhere; }
#kwt-app .ktf-notes:empty { display: none; }

/* Stage group headings inside the table */
#kwt-app .kwl-table tbody tr.ktf-group th { text-align: left; padding: 18px 12px 8px; border-bottom: 1px solid var(--kwl-line); background: transparent; font-size: .85em; letter-spacing: .04em; text-transform: uppercase; }
#kwt-app .kwl-table tbody tr.ktf-group:first-child th { padding-top: 8px; }
#kwt-app .kwl-table tbody tr.ktf-group:hover th { background: transparent; }
#kwt-app .ktf-stage-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; vertical-align: 0; background: var(--ktf-nominated); }
#kwt-app .ktf-group-allocated .ktf-stage-dot { background: var(--ktf-allocated); }
#kwt-app .ktf-group-shortlisted .ktf-stage-dot { background: var(--ktf-shortlisted); }
#kwt-app .ktf-group-applicant .ktf-stage-dot { background: var(--ktf-applicant); }
#kwt-app .ktf-group-n { display: inline-block; margin-left: 8px; padding: 0 8px; border-radius: 999px; font-size: .85em; font-weight: 600; background: var(--kwl-surface); border: 1px solid var(--kwl-line); letter-spacing: 0; }
@container (min-width: 761px) {
#kwt-app .kwl-table tbody tr.ktf-row td:first-child { box-shadow: inset 3px 0 0 var(--ktf-nominated); }
#kwt-app .kwl-table tbody tr.ktf-row-allocated td:first-child { box-shadow: inset 3px 0 0 var(--ktf-allocated); }
#kwt-app .kwl-table tbody tr.ktf-row-shortlisted td:first-child { box-shadow: inset 3px 0 0 var(--ktf-shortlisted); }
#kwt-app .kwl-table tbody tr.ktf-row-applicant td:first-child { box-shadow: inset 3px 0 0 var(--ktf-applicant); }
#kwt-app .kwl-table tbody tr.ktf-child td:first-child { padding-left: 28px; }
#kwt-app .ktf-assoc-mark { opacity: .55; font-weight: 400; }
#kwt-app .kwl-table tbody tr.ktf-row:nth-child(even) td { background: transparent; }
#kwt-app .kwl-table tbody tr.ktf-row:hover td { background: var(--kwl-surface); }
#kwt-app .kwl-table tbody tr.ktf-child td { background: var(--kwl-surface); }
}

/* Private notes pill + tooltip (editors only) */
#kwt-app .ktf-private-pill { display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; padding: 2px 9px; border: 1px dashed var(--kwl-warn); border-radius: 999px; background: transparent; color: var(--kwl-warn); font: inherit; font-size: .78em; font-weight: 600; line-height: 1.6; cursor: help; }
#kwt-app .ktf-private-pill .kwl-ico { width: 13px; height: 13px; }
#kwt-app .ktf-private-pill:focus-visible { outline: 2px solid var(--kwl-warn); outline-offset: 2px; }
#kwt-app .kwl-tip strong { display: block; margin-bottom: 4px; }
#kwt-app .kwl-tip div { white-space: pre-wrap; }

/* Edit form */
#kwt-app .ktf-xy { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#kwt-app .ktf-private-field { padding: 10px 12px; border: 1px dashed var(--kwl-warn); border-radius: var(--kwl-radius); }
#kwt-app .ktf-private-field label { color: var(--kwl-warn); }

/* Public application form */
.ktf-application .kwl-hint { margin: 0; }
.ktf-application { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1rem; max-width: 820px; }
.ktf-application h3, .ktf-application .kwl-msg { grid-column: 1 / -1; }

/* Cards when the content area is narrow (phones, or narrow theme columns on desktop). */
@container (max-width: 760px) {
  #kwt-app .kwl-tablewrap { overflow: visible; }
  #kwt-app .kwl-table, #kwt-app .kwl-table tbody { display: block; }
  #kwt-app .kwl-table thead { display: none; }
  #kwt-app .kwl-table tbody tr.ktf-row {
    display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: .75rem; row-gap: 4px;
    padding: .75rem .875rem; margin: 0 0 .6rem; align-items: start;
    border: 1px solid var(--kwl-line); border-left: 4px solid var(--ktf-nominated); border-radius: var(--kwl-radius); background: transparent;
  }
  #kwt-app .kwl-table tbody tr.ktf-row-allocated { border-left-color: var(--ktf-allocated); }
  #kwt-app .kwl-table tbody tr.ktf-row-shortlisted { border-left-color: var(--ktf-shortlisted); }
  #kwt-app .kwl-table tbody tr.ktf-row-applicant { border-left-color: var(--ktf-applicant); }
  #kwt-app .kwl-table tbody tr.ktf-row td { display: block; min-width: 0; max-width: none; border: 0; padding: 0; overflow-wrap: anywhere; background: transparent; white-space: normal; box-shadow: none; margin: 0; font-size: 1em; opacity: 1; text-align: left; }
  #kwt-app .kwl-table tbody tr.ktf-row td.ktf-empty { display: none; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-name { grid-area: 1 / 1; font-size: 1.05em; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-date_updated { grid-area: 1 / 2; text-align: right; font-size: .8em; opacity: .8; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-date_updated .kwl-sub { font-size: 1em; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-date_updated .ktf-added { display: none; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-kingdom { grid-area: 2 / 1; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-kingdom::before { content: attr(data-l) " "; opacity: .65; font-size: .85em; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-strength { grid-area: 2 / 2; text-align: right; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-strength > * { display: inline; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-strength .kwl-sub { margin-left: 6px; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-alliance { grid-area: 3 / 1 / 4 / -1; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-dest_alliance { grid-area: 3 / 2; text-align: right; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-player_id { grid-area: 4 / 1; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-location { grid-area: 4 / 2; text-align: right; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-date_added { grid-column: 1 / -1; grid-row: 5; font-size: .8em; opacity: .8; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-date_added .kwl-dateby, #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-date_added .kwl-dateby > * { display: inline; margin: 0; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-date_added::before { content: attr(data-l) " "; font-weight: 600; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-date_added .kwl-sub { margin-left: 4px; font-size: 1em; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-c-notes { grid-column: 1 / -1; grid-row: 6; margin-top: 6px; padding-top: 8px; border-top: 1px solid var(--kwl-line); line-height: 1.45; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-acts { grid-column: 1 / -1; grid-row: 7; display: flex; gap: .5rem; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--kwl-line); width: auto; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-acts .kwl-btn { flex: 1; width: auto; margin: 0; gap: 6px; padding: 0 10px; }
  #kwt-app .kwl-table tbody tr.ktf-row td.kwl-acts .kwl-btn-label { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  #kwt-app .kwl-table tbody tr.ktf-child { margin-left: .875rem; background: var(--kwl-surface); }
  #kwt-app .kwl-table tbody tr.ktf-child td:first-child { padding-left: 0; }
  #kwt-app .kwl-table tbody tr.ktf-group { display: block; border: 0; padding: 0; margin: 0; background: transparent; }
  #kwt-app .kwl-table tbody tr.ktf-group th { display: block; padding: 14px 2px 8px; border: 0; }
  #kwt-app .kwl-table tr.kwl-empty { display: block; }
  #kwt-app .kwl-table tr.kwl-empty td { display: block; border: 0; padding: 12px 0; }
  .ktf-application { grid-template-columns: minmax(0, 1fr); }
}

.ktf-toggle-kids {
  display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; margin-left: 6px;
  border-radius: 999px; border: 1px solid var(--kwl-line, #d5dbe7); background: var(--kwl-surface, #f1f4f9);
  color: inherit; font-size: .75em; font-weight: 700; cursor: pointer; line-height: 1.5;
}
.ktf-collapse-all-btn { border-radius: 999px !important; font-weight: 600 !important; }
#kwt-app .kwl-table tbody tr.ktf-child.is-collapsed { display: none !important; }

/* Transfers explicit calendar colors and alignment */
#kwt-app .ktf-chips { gap: 10px; margin-bottom: 16px; }
#kwt-app .ktf-chips .kwl-chip { height: 36px; }

/* SOLID COLORS FOR TRANSFERS CHIPS AND UI */
#kwt-app .ktf-chip-allocated.kwl-on { background: #10b981 !important; border-color: #10b981 !important; color: #fff !important; }
#kwt-app .ktf-chip-shortlisted.kwl-on { background: #f59e0b !important; border-color: #f59e0b !important; color: #fff !important; }
#kwt-app .ktf-chip-nominated.kwl-on { background: #3b82f6 !important; border-color: #3b82f6 !important; color: #fff !important; }
#kwt-app .ktf-chip-applicant.kwl-on { background: #8b5cf6 !important; border-color: #8b5cf6 !important; color: #fff !important; }
#kwt-app .ktf-group-allocated .ktf-stage-dot { background: #10b981 !important; }
#kwt-app .ktf-group-shortlisted .ktf-stage-dot { background: #f59e0b !important; }
#kwt-app .ktf-group-nominated .ktf-stage-dot { background: #3b82f6 !important; }
#kwt-app .ktf-group-applicant .ktf-stage-dot { background: #8b5cf6 !important; }
#kwt-app .kwl-table tbody tr.ktf-row-allocated { border-left-color: #10b981 !important; }
#kwt-app .kwl-table tbody tr.ktf-row-shortlisted { border-left-color: #f59e0b !important; }
#kwt-app .kwl-table tbody tr.ktf-row-nominated { border-left-color: #3b82f6 !important; }
#kwt-app .kwl-table tbody tr.ktf-row-applicant { border-left-color: #8b5cf6 !important; }