#tc-open {
  position:fixed;
  right:17px;
  bottom:91px;
  z-index:750;
  border:1px solid rgba(255,255,255,.45);
  background:linear-gradient(135deg,#ff62b0,#a84de6);
  color:white;
  border-radius:50px;
  padding:12px 17px;
  font-weight:800;
  box-shadow:0 8px 24px #a84de655;
  cursor:pointer;
}
#tc-open[hidden],#tc-overlay[hidden] {display:none!important}
#tc-overlay {
  position:fixed;
  inset:0;
  z-index:12000;
  background:rgba(10,5,22,.82);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px;
  box-sizing:border-box;
}
.tc-window {
  width:100%;
  max-width:450px;
  max-height:90dvh;
  overflow:auto;
  background:linear-gradient(160deg,#291735,#160f25);
  border:1px solid #b966a8;
  border-radius:23px;
  color:white;
  box-shadow:0 20px 65px #0009;
  padding:20px;
  box-sizing:border-box;
}
.tc-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.tc-head h2 {margin:0;font-size:23px;color:#ffe0f4}
.tc-close {
  background:#ffffff1a;
  border:1px solid #ffffff40;
  color:white;
  border-radius:50%;
  width:36px;
  height:36px;
  font-size:23px;
}
.tc-description {color:#d9c8df;font-size:13px;line-height:1.5}
.tc-item {
  padding:16px;
  margin-top:13px;
  background:#ffffff0b;
  border:1px solid #ffffff20;
  border-radius:17px;
}
.tc-item-top {display:flex;justify-content:space-between;gap:10px}
.tc-item strong {font-size:16px}
.tc-reward {color:#ffc76c;font-weight:800;white-space:nowrap}
.tc-progress {
  height:10px;
  background:#ffffff20;
  border-radius:20px;
  overflow:hidden;
  margin:13px 0 8px;
}
.tc-progress-fill {
  height:100%;
  background:linear-gradient(90deg,#ff68b4,#ffc46b);
  border-radius:20px;
  transition:width .3s;
}
.tc-meta {display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#d9c8df}
.tc-claim {
  width:100%;
  margin-top:13px;
  padding:12px;
  border:0;
  border-radius:12px;
  color:#2a1226;
  background:linear-gradient(90deg,#ff91c8,#ffca80);
  font-weight:800;
  cursor:pointer;
}
.tc-claim:disabled {opacity:.48;cursor:not-allowed}
.tc-message {margin-top:13px;color:#ffcee5;font-size:13px}


/* Central de Tarefas: botão flutuante nas salas */
#tc-open {
  position: fixed;
  width: auto;
  max-width: 130px;
  min-width: 0;
  padding: 9px 13px;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: auto;
}

#tc-open[hidden] {
  display: none !important;
}


/* Central de Tarefas: ícone task.png */
#tc-open {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

#tc-open img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

/* Correção: tamanho real do ícone Tarefas */
button#tc-open {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    flex: 0 0 36px !important;
}

button#tc-open > img {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    object-fit: contain !important;
    display: block !important;
    position: static !important;
    transform: none !important;
}


/* ===== CENTRAL DE TAREFAS PREMIUM V2 ===== */

#tc-overlay {
  padding: 14px;
  background: rgba(7, 4, 13, .83);
  backdrop-filter: blur(5px);
}

#tc-overlay .tc-window {
  width: 100%;
  max-width: 430px;
  max-height: 85dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 17px 15px 16px;
  border: 1px solid rgba(206, 137, 201, .45);
  border-radius: 22px;
  background: linear-gradient(155deg, #281832, #160f20 75%);
  box-shadow: 0 22px 65px rgba(0, 0, 0, .65);
  scrollbar-width: thin;
}

#tc-overlay .tc-head {
  gap: 8px;
  margin-bottom: 9px;
}

#tc-overlay .tc-heading {
  min-width: 0;
}

#tc-overlay .tc-eyebrow {
  display: block;
  margin-bottom: 4px;
  color: #e2b97e;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.4px;
}

#tc-overlay .tc-head h2 {
  margin: 0;
  font-size: clamp(17px, 4.5vw, 21px);
  line-height: 1.2;
  color: #fff0f8;
}

#tc-overlay .tc-close {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 23px;
  line-height: 1;
  border-radius: 50%;
}

#tc-overlay .tc-window > .tc-description {
  margin: 0 0 12px;
  color: #bcaac7;
  font-size: 11px;
  line-height: 1.45;
}

#tc-content {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

#tc-overlay .tc-item {
  position: relative;
  margin: 0;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(221, 185, 225, .14);
  background: linear-gradient(115deg, #33243e, #241a30);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

#tc-overlay .tc-item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

#tc-overlay .tc-item-top strong {
  min-width: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

#tc-overlay .tc-reward {
  flex: 0 0 auto;
  color: #f5c77e;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

#tc-overlay .tc-item > .tc-description {
  margin: 5px 0 0;
  color: #c0b1c8;
  font-size: 10px;
  line-height: 1.35;
}

#tc-overlay .tc-progress {
  height: 5px;
  margin: 11px 0 6px;
  border-radius: 20px;
  background: rgba(255,255,255,.12);
}

#tc-overlay .tc-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #d77cae, #f3c477);
}

#tc-overlay .tc-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #bcaac7;
  font-size: 10px;
}

#tc-overlay .tc-claim {
  width: 100%;
  margin-top: 9px;
  padding: 9px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 800;
}

#tc-overlay .tc-claim[hidden] {
  display: none !important;
}

#tc-overlay .tc-message {
  margin-top: 8px;
  font-size: 11px;
}

#tc-overlay .tc-message:empty {
  display: none;
}

#tc-overlay .tc-history-section {
  margin-top: 13px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  overflow: hidden;
}

#tc-overlay .tc-history-section summary {
  padding: 12px;
  color: #ebc891;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

#tc-overlay #tc-history-list {
  padding: 0 12px 12px;
  color: #d3c2dc;
  font-size: 11px;
  line-height: 1.6;
}

#tc-overlay .tc-history-row {
  padding: 7px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

#tc-overlay .tc-history-row:last-child {
  border-bottom: 0;
}

@media (max-width: 360px) {
  #tc-overlay .tc-window {
    padding: 14px 11px;
  }

  #tc-overlay .tc-item {
    padding: 10px;
  }

  #tc-overlay .tc-reward {
    font-size: 11px;
  }
}


/* TC WEEK STRIP V1 */
#tc-overlay .tc-week-section {
  margin: 0 0 13px;
}

#tc-overlay .tc-week-title {
  margin-bottom: 8px;
  color: #e7c28d;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1px;
}

#tc-overlay .tc-week-strip {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
  width: 100%;
}

#tc-overlay .tc-week-day {
  min-width: 0;
  height: 57px;
  padding: 7px 0;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.15);
  background: #34283d;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

#tc-overlay .tc-week-day-title {
  color: #f5eaf5;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}

#tc-overlay .tc-week-symbol {
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
}

#tc-overlay .tc-week-complete {
  background: #214a38;
  border-color: #398a60;
}

#tc-overlay .tc-week-complete .tc-week-symbol {
  color: #78e9aa;
}

#tc-overlay .tc-week-partial {
  background: #65401e;
  border-color: #bb813c;
}

#tc-overlay .tc-week-partial .tc-week-symbol {
  color: #ffc078;
}

#tc-overlay .tc-week-missed {
  background: #5c2632;
  border-color: #aa495d;
}

#tc-overlay .tc-week-missed .tc-week-symbol {
  color: #ff8b9d;
}

#tc-overlay .tc-week-pending .tc-week-symbol {
  color: #c9b2d5;
}

@media (max-width: 360px) {
  #tc-overlay .tc-week-strip {
    gap: 3px;
  }

  #tc-overlay .tc-week-day-title {
    font-size: 8px;
  }
}

/* Tabela de níveis exibida no painel de ajuda da Central de Tarefas */
.tc-help-section-title {
  margin: 18px 0 10px;
  color: #fff;
  font-size: .95rem;
  font-weight: 800;
}

.tc-help-table th,
.tc-help-table td {
  white-space: nowrap;
}

.tc-help-table th:first-child,
.tc-help-table td:first-child {
  text-align: center;
}