/* Viajario 0.11.6 · espacio de trabajo por jornada */
.day-workspace-hero {
  margin-bottom: 20px;
  padding: 25px 28px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  color: #fff;
  background: linear-gradient(125deg, #061857 10%, #17377c 72%, #eb6255 145%);
  border-radius: 20px;
}
.day-workspace-date {
  width: 62px;
  height: 66px;
  display: grid;
  place-items: center;
  align-content: center;
  color: #061857;
  background: #fff;
  border-radius: 16px;
  line-height: 1;
}
.day-workspace-date strong { font-size: 24px; }
.day-workspace-date span {
  margin-top: 5px;
  color: #eb6255;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}
.day-workspace-hero .eyebrow { color: #ffb2ab; }
.day-workspace-hero h1 { margin: 4px 0 5px; color: #fff; font-size: 30px; letter-spacing: -.04em; }
.day-workspace-hero p { margin: 0; color: rgba(255,255,255,.72); font-size: 12px; }
.day-workspace-nav { display: flex; gap: 8px; }
.day-workspace-nav .button { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.25); color: #fff; }

.day-workspace-grid {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  gap: 20px;
  align-items: start;
}
.day-keys-card, .quick-plan-card { padding: 23px; }
.day-keys-card > header, .quick-plan-card > header {
  margin-bottom: 17px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}
.day-keys-card h2, .quick-plan-card h2 { margin: 4px 0 0; font-size: 24px; letter-spacing: -.035em; }
.day-keys-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #eb6255;
  border-radius: 12px;
  font-weight: 900;
}
.day-keys-card textarea { min-height: 190px; line-height: 1.65; }
.field-help, .quick-plan-help {
  margin: 8px 0 14px;
  color: #7a8294;
  font-size: 10px;
  line-height: 1.5;
}
.day-keys-list { margin: 0; padding: 0; display: grid; gap: 10px; list-style: none; }
.day-keys-list li {
  position: relative;
  padding: 11px 12px 11px 31px;
  color: #465169;
  background: #f6f7fa;
  border-radius: 11px;
  font-size: 12px;
  line-height: 1.5;
}
.day-keys-list li::before {
  position: absolute;
  top: 15px;
  left: 13px;
  width: 7px;
  height: 7px;
  background: #eb6255;
  border-radius: 50%;
  content: "";
}
.day-keys-empty { margin: 0; color: #7c8496; font-size: 12px; line-height: 1.6; }
.quick-plan-count, .day-event-total {
  min-width: 34px;
  padding: 7px 9px;
  color: #eb6255;
  background: #fff0ee;
  border-radius: 9px;
  font-size: 9px;
  font-weight: 850;
  text-align: center;
}
.quick-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
}
.quick-plan-grid .quick-title { grid-column: span 2; }
.quick-plan-more { margin-top: 12px; }
.quick-plan-more > summary {
  width: max-content;
  color: #2249a0;
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
}
.quick-plan-more .field { margin-top: 11px; }
.quick-plan-actions { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 9px; }
.quick-plan-help { margin-bottom: 0; }
.day-events-section { margin-bottom: 80px; }
.day-event-list { display: grid; gap: 10px; }
.day-event-list .plan-card { border: 1px solid #e8ebf2; border-radius: 14px; }
.day-floating-add {
  position: fixed;
  z-index: 40;
  right: 24px;
  bottom: 22px;
  padding: 13px 18px;
  color: #fff;
  background: #eb6255;
  border-radius: 999px;
  box-shadow: 0 12px 30px rgba(235,98,85,.32);
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
}
.day-open-link {
  margin-left: auto;
  padding: 8px 10px;
  color: #2249a0;
  background: #eef3ff;
  border-radius: 9px;
  font-size: 9px;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}
.day-head { flex-wrap: wrap; }
.day-head .day-count { margin-left: 0; }
.day-keys-preview {
  margin-bottom: 10px;
  padding: 12px 14px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #4f596e;
  background: #fff3f1;
  border-radius: 11px;
  font-size: 11px;
  line-height: 1.5;
  text-decoration: none;
}
.day-keys-preview > span {
  min-width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #eb6255;
  border-radius: 7px;
  font-weight: 900;
}
.day-keys-preview p { margin: 0; white-space: pre-line; }
.daily-keys-callout {
  margin-top: 12px;
  padding: 11px 13px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: start;
  gap: 10px;
  color: #4f596e;
  background: #fff3f1;
  border-radius: 11px;
  font-size: 10px;
  line-height: 1.45;
  text-decoration: none;
}
.daily-keys-callout strong { color: #eb6255; white-space: nowrap; }
.daily-keys-callout span { white-space: pre-line; }
.daily-keys-callout b { color: #eb6255; font-size: 17px; line-height: 1; }

@media (max-width: 980px) {
  .day-workspace-grid { grid-template-columns: 1fr; }
  .quick-plan-grid { grid-template-columns: 1fr 1fr; }
  .quick-plan-grid .quick-title { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  .day-workspace-hero {
    padding: 20px;
    grid-template-columns: 52px minmax(0, 1fr);
  }
  .day-workspace-date { width: 50px; height: 56px; }
  .day-workspace-hero h1 { font-size: 23px; }
  .day-workspace-nav { grid-column: 1 / -1; }
  .day-workspace-nav .button { flex: 1; padding: 10px 8px; }
  .quick-plan-card { order: 1; }
  .day-keys-card { order: 2; }
  .day-keys-card, .quick-plan-card { padding: 18px; }
  .quick-plan-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .quick-plan-grid .quick-title,
  .quick-plan-grid [data-meal-type-field],
  .quick-plan-grid .field:nth-last-child(2) { grid-column: 1 / -1; }
  .quick-plan-actions { display: grid; }
  .quick-plan-actions .button { width: 100%; }
  .day-floating-add { right: 14px; bottom: 14px; }
  .day-head { display: grid; grid-template-columns: auto minmax(0,1fr) auto; }
  .day-open-link { grid-column: 2 / -1; justify-self: start; margin-left: 0; }
}