/* Sibling tabs — shared by main worksheet and Quick Call Log. Scoped to .sibling-* only. */
.sibling-tabs-shell {
  --sib-navy: #1B2E4B; --sib-teal: #267c73; --sib-teal-dark: #1d665f; --sib-teal-pale: #e4f1ed;
  --sib-line: #b8cbc1; --sib-gold: #8a6417; --sib-gold-pale: #fff8e8; --sib-danger: #a84336; --sib-danger-pale: #fff4f1;
  box-sizing: border-box; max-width: 100%; min-width: 0;
  margin: 0 0 14px; padding: 12px; border: 1px solid var(--sib-line); border-radius: 10px;
  background: #fbfcf9; color: var(--sib-navy);
}
.sibling-tabs-shell *, .sibling-actions, .sibling-actions * { box-sizing: border-box; }
.sibling-tab-list[role="tablist"] {
  display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; min-width: 0;
}
.sibling-tab-item {
  display: inline-flex; align-items: stretch; max-width: 100%; min-width: 0;
  border: 2px solid var(--sib-line); border-radius: 9px; background: #fff; overflow: hidden;
}
.sibling-tab-item:has(.sibling-tab[aria-selected="true"]) { border-color: var(--sib-teal); background: var(--sib-teal-pale); }
.sibling-tab {
  display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-height: 46px; min-width: 0; max-width: 100%;
  padding: 6px 12px; border: 0; background: transparent; color: var(--sib-navy);
  font: inherit; font-size: 16px; font-weight: 600; line-height: 1.25; text-align: left; cursor: pointer;
  overflow-wrap: anywhere;
}
.sibling-tab[aria-selected="true"] { font-weight: 700; color: var(--sib-teal-dark); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.sibling-tab:hover { background: rgba(38,124,115,.08); }
.sibling-remove {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  min-width: 44px; min-height: 44px; padding: 0; border: 0; border-left: 1px solid var(--sib-line);
  background: transparent; color: var(--sib-danger); font: inherit; font-size: 20px; font-weight: 700; line-height: 1; cursor: pointer;
}
.sibling-remove:hover { background: var(--sib-danger-pale); }
.sibling-tab-item:first-child .sibling-remove { display: none; }
.sibling-tab:focus-visible, .sibling-remove:focus-visible, .sibling-add:focus-visible, .sibling-copy input:focus-visible {
  outline: 3px solid #C9941A; outline-offset: -3px; position: relative; z-index: 1;
}
.sibling-add:focus-visible, .sibling-copy input:focus-visible { outline-offset: 3px; }

/* Status: text + symbol, never color alone */
.sibling-status {
  display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border-radius: 999px;
  border: 1px solid currentColor; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap;
}
.sibling-status::before { font-weight: 700; }
.sibling-status[data-status="unsent"] { color: #4A4540; border-style: dashed; }
.sibling-status[data-status="unsent"]::before { content: "\25CB"; }          /* ○ */
.sibling-status[data-status="sending"] { color: var(--sib-gold); background: var(--sib-gold-pale); }
.sibling-status[data-status="sending"]::before { content: "\2026"; }         /* … */
.sibling-status[data-status="sent"] { color: var(--sib-teal-dark); background: #fff; }
.sibling-status[data-status="sent"]::before { content: "\2713"; }            /* ✓ */
.sibling-status[data-status="failed"] { color: var(--sib-danger); background: var(--sib-danger-pale); border-width: 2px; }
.sibling-status[data-status="failed"]::before { content: "!"; }

.sibling-summary { margin: 10px 0 0; font-size: 15px; line-height: 1.45; color: #40566b; overflow-wrap: anywhere; }
.sibling-summary:empty, .sibling-status[hidden] { display: none; }

.sibling-actions {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; max-width: 100%;
  margin: 14px 0 4px; padding-top: 12px; border-top: 1px dashed #b8cbc1;
}
.sibling-add {
  display: inline-flex; align-items: center; gap: 6px; min-height: 46px; padding: 0 16px;
  border: 2px solid #267c73; border-radius: 8px; background: #fff; color: #1d665f;
  font: inherit; font-size: 16px; font-weight: 700; cursor: pointer;
}
.sibling-add::before { content: none; }
.sibling-add:hover { background: #267c73; color: #fff; }
.sibling-add:disabled { opacity: .55; cursor: not-allowed; }
.sibling-copy {
  display: inline-flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer;
  font-size: 16px; font-weight: 600; color: #1B2E4B; line-height: 1.3; overflow-wrap: anywhere;
}
.sibling-copy input[type="checkbox"] { width: 22px; height: 22px; flex: none; margin: 0; accent-color: #267c73; cursor: pointer; }

/* Main worksheet sits inside padded page sections */
.student-block + .sibling-actions, .two-col + .sibling-actions { margin-left: 2rem; margin-right: 2rem; }

@media (max-width: 600px) {
  .sibling-tabs-shell { padding: 10px; position: relative; z-index: 101; }
  .sibling-tab-item { flex: 1 1 100%; }
  .sibling-tab { flex: 1 1 auto; }
  .sibling-actions { flex-direction: column; align-items: stretch; position: relative; z-index: 101; background: #fbfcf9; }
  .sibling-add { justify-content: center; width: 100%; }
  .student-block + .sibling-actions, .two-col + .sibling-actions { margin-left: .5rem; margin-right: .5rem; }
}
@media print { .sibling-remove, .sibling-actions { display: none !important; } }
