.schedule-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 14px;
  border: 1px solid #e8e5ff;
  border-radius: 14px;
  background: #faf9ff;
}

.schedule-fields label { min-width: 0; }
.form-grid small { color: #7b849c; font-size: 10px; line-height: 1.45; }
.task-meta [data-countdown] { color: #b65717; font-weight: 900; }
.reward-corner { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 3px 4px; margin-left: auto; min-width: 0; max-width: calc(100% - 41px); }
.growth-points { height: max-content; color: #198257; background: #e9f9f0; border: 1px solid #bde8cf; border-radius: 11px; padding: 5px 8px; font-size: 9px; font-weight: 900; white-space: nowrap; }
#taskDialog { max-height: calc(100vh - 24px); overflow: auto; }

.media-list { display: grid; gap: 14px; }
.media-card { border: 1px solid #e8eaf3; border-radius: 18px; padding: 16px; background: #fff; }
.media-card header { display: flex; align-items: center; gap: 11px; margin-bottom: 13px; }
.media-card header > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; overflow: hidden; background: #edf7ff; }
.media-card h3 { margin: 0; font-size: 14px; }
.media-card p { margin: 4px 0 0; color: #7b849c; font-size: 10px; }
.media-files { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.media-file { display: grid; gap: 10px; align-content: start; padding: 13px; border-radius: 15px; background: #f8f8fc; min-width: 0; }
.media-file > div { display: flex; align-items: center; justify-content: space-between; }
.media-file small { color: #8b92a5; }
.media-file audio { width: 100%; height: 38px; }
.media-file img { width: 100%; height: 190px; object-fit: cover; border-radius: 11px; display: block; background: #ececf4; }
.media-delete { border: 0; border-radius: 10px; padding: 9px 12px; color: #be505b; background: #ffecee; font-weight: 800; justify-self: start; }
.media-delete:hover { background: #ffdde0; }

.medal-corner { display: flex; align-items: center; justify-content: flex-end; gap: 3px; margin-left: auto; }
.medal-corner span { display: flex; align-items: center; gap: 1px; padding: 4px 5px; border: 1px solid; border-radius: 10px; white-space: nowrap; }
.medal-corner i { font-style: normal; font-size: 12px; line-height: 1; }
.medal-corner b { font-size: 8px; line-height: 1; }
.medal-corner .gold { background: #fff8dd; border-color: #f2d670; color: #966700; }
.medal-corner .silver { background: #f4f6fa; border-color: #d5d9e2; color: #687184; }
.medal-corner .bronze { background: #fff1e8; border-color: #e8b38e; color: #98552c; }
.submit-rewards { margin: 12px 0 15px; padding: 13px; border: 1.5px solid #ded8ff; border-radius: 16px; background: linear-gradient(145deg, #fbfaff, #fffdf5); }
.submit-rewards header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.submit-rewards header>div { display: grid; gap: 2px; }
.submit-rewards header b { font-size: 13px; color: #51458f; }
.submit-rewards header small, .submit-rewards header>span { color: #8b91a5; font-size: 9px; }
.submit-tier-list { display: grid; gap: 6px; }
.submit-tier { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 9px; min-height: 47px; padding: 7px 10px; border: 1px solid; border-radius: 12px; }
.submit-tier>i { font-style: normal; font-size: 21px; }
.submit-tier>div { display: grid; gap: 1px; }
.submit-tier small { font-size: 8px; opacity: .72; }
.submit-tier b { font-size: 12px; }
.submit-tier em { font-style: normal; font-size: 11px; font-weight: 900; white-space: nowrap; }
.submit-tier.gold { color: #936500; background: #fff8d9; border-color: #f2d16b; }
.submit-tier.silver { color: #657084; background: #f4f6fa; border-color: #d6dbe5; }
.submit-tier.bronze { color: #96542d; background: #fff1e8; border-color: #e8b38e; }
.submit-rewards>p { margin: 8px 2px 0; color: #7d759b; font-size: 9px; line-height: 1.45; }
.finish-banner.chest-open { background: linear-gradient(145deg,#fff1a9,#fff8dc); box-shadow: 0 12px 28px rgba(207,151,29,.2); animation: chest-glow 1.8s ease-in-out infinite; }
@keyframes chest-glow { 50% { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(207,151,29,.28); } }
.chest-setting-card { margin-bottom: 18px; }
.chest-settings { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.chest-setting-row { display: grid; grid-template-columns: minmax(100px,1fr) 100px auto; align-items: center; gap: 9px; padding: 13px; border: 1px solid #eee7c9; border-radius: 15px; background: #fffdf5; }
.chest-setting-row .chest-child { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.chest-setting-row .chest-child img { width: 38px; height: 38px; border-radius: 12px; object-fit: cover; }
.chest-setting-row label { display: flex; align-items: center; gap: 5px; }
.chest-setting-row input { width: 70px; border: 1px solid #e4dfca; border-radius: 10px; padding: 8px; background: #fff; }
.chest-setting-row label span,.chest-setting-row>small { color: #8b7c58; font-size: 9px; }
.chest-setting-row>small { grid-column: 1/-1; }
.chest-setting-row button { padding: 8px 11px; font-size: 10px; }

@media (max-width: 560px) {
  .schedule-fields { grid-template-columns: 1fr; }
  .media-files { grid-template-columns: 1fr; }
  .media-file img { height: 160px; }
  .medal-corner { gap: 2px; }
  .medal-corner span { padding: 4px; }
  .submit-rewards { padding: 10px; }
  .submit-rewards header { align-items: flex-start; }
  .submit-rewards header>span { max-width: 95px; text-align: right; }
  .submit-tier { grid-template-columns: 28px minmax(0, 1fr) auto; min-height: 43px; padding: 6px 8px; }
  .submit-tier>i { font-size: 18px; }
  .submit-tier b { font-size: 11px; }
  .submit-tier em { font-size: 10px; }
  .chest-settings { grid-template-columns: 1fr; }
  .chest-setting-row { grid-template-columns: 1fr 95px auto; }
  .reward-corner { gap: 2px 3px; }
  .growth-points { padding: 4px 6px; font-size: 8px; }
}