/* KG Portal V10.2 — one production truth for Today, channel proposals and tasks. */

.v102ChannelProductionStack {
  display: grid;
  gap: 18px;
  margin-top: 14px;
}

.v102SyncNotice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 16px;
  border: 1px solid rgba(48, 205, 157, 0.3);
  border-radius: 14px;
  background:
    linear-gradient(120deg, rgba(24, 166, 126, 0.13), transparent 68%),
    rgba(8, 28, 35, 0.64);
  color: #cfeee4;
}

.v102SyncNotice b {
  flex: 0 0 auto;
  color: #82e8c5;
  font-size: 0.82rem;
  letter-spacing: 0.03em;
}

.v102SyncNotice span {
  color: #a9c6c1;
  font-size: 0.78rem;
  line-height: 1.5;
  text-align: right;
}

.v102ChannelProductionCard {
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(101, 137, 184, 0.25);
  border-radius: 18px;
  background:
    radial-gradient(
      circle at 94% 0,
      rgba(83, 102, 255, 0.09),
      transparent 35%
    ),
    #0f1b2b;
  box-shadow: 0 18px 45px rgba(1, 8, 20, 0.24);
}

.v102ChannelProductionCard.cancelled {
  border-color: rgba(244, 111, 129, 0.27);
  background:
    radial-gradient(
      circle at 94% 0,
      rgba(214, 76, 100, 0.09),
      transparent 35%
    ),
    #111a28;
}

.v102ProductionTop {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: start;
  padding: 22px 24px 19px;
  border-bottom: 1px solid rgba(123, 151, 190, 0.16);
}

.v102ProductionTop h2 {
  max-width: 960px;
  margin: 7px 0 8px;
  color: #eef5ff;
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  line-height: 1.18;
  letter-spacing: -0.025em;
}

.v102ProductionTop p {
  max-width: 920px;
  margin: 0;
  color: #aabbd0;
  line-height: 1.55;
}

.v102ProductionBadges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  max-width: 390px;
}

.v102ProductionBadges .v9122TopCancelButton {
  min-height: 34px;
}

.v102ProductionMeta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 18px 24px 0;
}

.v102ProductionMeta > div {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid rgba(116, 147, 187, 0.17);
  border-radius: 12px;
  background: rgba(20, 35, 54, 0.72);
}

.v102ProductionMeta span,
.v102ConfirmedTitle > span,
.v102SeoGrid span,
.v102Variants > span {
  color: #8fa6c1;
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.v102ProductionMeta b {
  overflow-wrap: anywhere;
  color: #dce8f7;
  font-size: 0.84rem;
  line-height: 1.42;
}

.v102ConfirmedTitle {
  display: grid;
  gap: 9px;
  margin: 14px 24px 0;
  padding: 18px;
  border: 1px solid rgba(56, 214, 167, 0.24);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(23, 146, 112, 0.26), rgba(19, 68, 71, 0.2)),
    rgba(12, 41, 42, 0.82);
}

.v102ConfirmedTitle > span {
  color: #8ee8c7;
}

.v102ConfirmedTitle h3 {
  margin: 0;
  color: #f0fff9;
  font-size: clamp(1.08rem, 1.6vw, 1.42rem);
  line-height: 1.28;
}

.v102ConfirmedTitle p {
  margin: 0;
  color: #b8d7cd;
  line-height: 1.55;
}

.v102ConfirmedTitle button {
  justify-self: start;
}

.v102SeoGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 24px 0;
}

.v102SeoGrid section {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(116, 147, 187, 0.17);
  border-radius: 12px;
  background: rgba(17, 31, 49, 0.74);
}

.v102SeoGrid b {
  color: #e3edf9;
  overflow-wrap: anywhere;
}

.v102SeoGrid p {
  margin: 0;
  color: #adbed2;
  line-height: 1.52;
}

.v102Variants {
  display: grid;
  gap: 9px;
  margin: 14px 24px 0;
  padding: 15px 17px;
  border: 1px solid rgba(113, 129, 255, 0.22);
  border-radius: 12px;
  background: rgba(32, 35, 72, 0.36);
}

.v102Variants > span {
  color: #b6bdff;
}

.v102Variants ul,
.v102ProductionDetails ol,
.v102ProductionDetails ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 20px;
}

.v102Variants li {
  color: #d9e0fb;
  line-height: 1.45;
}

.v102ProductionDetails {
  margin: 14px 24px 0;
  padding: 14px 16px;
  border: 1px solid rgba(116, 147, 187, 0.17);
  border-radius: 12px;
  background: rgba(15, 28, 44, 0.7);
  color: #afc0d4;
}

.v102ProductionDetails summary {
  cursor: pointer;
  color: #dce8f8;
  font-weight: 750;
}

.v102ProductionDetails ol,
.v102ProductionDetails ul {
  margin-top: 12px;
}

.v102CancelReason {
  display: flex;
  gap: 10px;
  align-items: baseline;
  margin: 14px 24px 22px;
  padding: 12px 14px;
  border: 1px solid rgba(244, 111, 129, 0.24);
  border-radius: 11px;
  background: rgba(125, 35, 53, 0.14);
}

.v102CancelReason b {
  flex: 0 0 auto;
  color: #ffa5b2;
}

.v102CancelReason span {
  color: #d7b8bf;
  line-height: 1.45;
}

.v102ChannelProductionCard > :last-child {
  margin-bottom: 22px;
}

html[data-kg-theme="light"] .v102SyncNotice {
  border-color: #a9ddca;
  background: linear-gradient(120deg, #e8f8f2, #f7fbf9);
  color: #1d624f;
}

html[data-kg-theme="light"] .v102SyncNotice b {
  color: #16634d;
}

html[data-kg-theme="light"] .v102SyncNotice span {
  color: #4c6f65;
}

html[data-kg-theme="light"] .v102ChannelProductionCard {
  border-color: #d6e0ed;
  background:
    radial-gradient(circle at 94% 0, rgba(74, 94, 230, 0.06), transparent 35%),
    #ffffff;
  box-shadow: 0 16px 38px rgba(29, 48, 75, 0.09);
}

html[data-kg-theme="light"] .v102ChannelProductionCard.cancelled {
  border-color: #ebcdd2;
  background: #fffdfd;
}

html[data-kg-theme="light"] .v102ProductionTop {
  border-bottom-color: #e3e9f2;
}

html[data-kg-theme="light"] .v102ProductionTop h2,
html[data-kg-theme="light"] .v102ConfirmedTitle h3 {
  color: #14253a;
}

html[data-kg-theme="light"] .v102ProductionTop p,
html[data-kg-theme="light"] .v102ConfirmedTitle p,
html[data-kg-theme="light"] .v102SeoGrid p,
html[data-kg-theme="light"] .v102Variants li,
html[data-kg-theme="light"] .v102ProductionDetails {
  color: #52667e;
}

html[data-kg-theme="light"] .v102ProductionMeta > div,
html[data-kg-theme="light"] .v102SeoGrid section,
html[data-kg-theme="light"] .v102ProductionDetails {
  border-color: #dfe6ef;
  background: #f7f9fc;
}

html[data-kg-theme="light"] .v102ProductionMeta span,
html[data-kg-theme="light"] .v102SeoGrid span {
  color: #667b94;
}

html[data-kg-theme="light"] .v102ProductionMeta b,
html[data-kg-theme="light"] .v102SeoGrid b,
html[data-kg-theme="light"] .v102ProductionDetails summary {
  color: #1d3148;
}

html[data-kg-theme="light"] .v102ConfirmedTitle {
  border-color: #b7e3d3;
  background: linear-gradient(135deg, #e7f7f1, #f6fbf9);
}

html[data-kg-theme="light"] .v102ConfirmedTitle > span {
  color: #23705a;
}

html[data-kg-theme="light"] .v102Variants {
  border-color: #d8dcf6;
  background: #f5f5ff;
}

html[data-kg-theme="light"] .v102Variants > span {
  color: #5059a4;
}

html[data-kg-theme="light"] .v102CancelReason {
  border-color: #edcbd1;
  background: #fff3f5;
}

html[data-kg-theme="light"] .v102CancelReason b {
  color: #a9364b;
}

html[data-kg-theme="light"] .v102CancelReason span {
  color: #764a52;
}

@media (max-width: 900px) {
  .v102ProductionTop {
    grid-template-columns: 1fr;
  }

  .v102ProductionBadges {
    justify-content: flex-start;
    max-width: none;
  }
}

@media (max-width: 700px) {
  .v102SyncNotice {
    align-items: flex-start;
    flex-direction: column;
  }

  .v102SyncNotice span {
    text-align: left;
  }

  .v102ProductionTop,
  .v102ProductionMeta,
  .v102SeoGrid {
    padding-left: 15px;
    padding-right: 15px;
  }

  .v102ProductionMeta,
  .v102SeoGrid {
    grid-template-columns: 1fr;
  }

  .v102ConfirmedTitle,
  .v102Variants,
  .v102ProductionDetails,
  .v102CancelReason {
    margin-left: 15px;
    margin-right: 15px;
  }

  .v102ProductionBadges {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .v102ProductionBadges button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .v102CancelReason {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v102ChannelProductionCard,
  .v102ChannelProductionCard * {
    scroll-behavior: auto;
    transition: none !important;
  }
}