/* Межпланетный календарь Бусины и Земли */
[data-busina-calendar] {
  --bc-bg: #102923;
  --bc-panel: #173b32;
  --bc-border: #bca46b;
  --bc-text: #f3eedc;
  --bc-accent: #f3d58e;
  box-sizing: border-box;
  max-width: 760px;
  margin: 1rem auto;
  padding: 1.25rem;
  color: var(--bc-text);
  background: linear-gradient(145deg, #102923, #071b18);
  border: 1px solid var(--bc-border);
  border-radius: 14px;
  font: 16px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif;
}
[data-busina-calendar] * { box-sizing: border-box; }
[data-busina-calendar] .bc-title {
  margin: 0 0 1rem;
  text-align: center;
  color: var(--bc-accent);
  font-size: 1.35rem;
  letter-spacing: .04em;
}
[data-busina-calendar] .bc-planets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  align-items: start;
}
[data-busina-calendar] .bc-fields {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  align-items: end;
}
[data-busina-calendar] .bc-planet {
  padding: 1rem;
  background: rgba(31, 70, 58, .72);
  border: 1px solid rgba(188, 164, 107, .55);
  border-radius: 10px;
}
[data-busina-calendar] .bc-planet h4 {
  grid-column: 1 / -1;
  margin: 0 0 .5rem;
  color: var(--bc-accent);
  font-size: 1.1rem;
}
[data-busina-calendar] label {
  display: block;
  min-width: 0;
  color: #d8dfd1;
  font-size: .8rem;
}
[data-busina-calendar] input {
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: .25rem;
  padding: .55rem .4rem;
  color: #fffdf3;
  background: #081d18;
  border: 1px solid #648778;
  border-radius: 6px;
  font: inherit;
  font-variant-numeric: tabular-nums;
}
[data-busina-calendar] input:focus {
  outline: 2px solid var(--bc-accent);
  outline-offset: 1px;
}
[data-busina-calendar] .bc-weekday {
  margin: .8rem 0 0;
  color: var(--bc-accent);
  font-weight: 700;
}
[data-busina-calendar] .bc-note {
  margin: .8rem 0 0;
  color: #c9d6cb;
  font-size: .85rem;
}
[data-busina-calendar] [data-calendar-error] {
  min-height: 1.4em;
  margin: .7rem 0 0;
  color: #ffb4a8;
  font-weight: 600;
}
@media (max-width: 600px) {
  [data-busina-calendar] { padding: .8rem; }
  [data-busina-calendar] .bc-planet { padding: .65rem; }
  [data-busina-calendar] .bc-planets { gap: .4rem; }
  [data-busina-calendar] .bc-fields { gap: .4rem; }
  [data-busina-calendar] input { padding: .45rem .25rem; font-size: .9rem; }
}
@media (max-width: 420px) {
  [data-busina-calendar] .bc-planets { grid-template-columns: 1fr; }
  [data-busina-calendar] .bc-fields { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ����� �������� ���� ������ */

/* ��������� ���� */
[data-busina-calendar] textarea {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 90px;
  padding: 10px 12px;
  color: #e8dfcc;
  background: #102a22;
  border: 1px solid #536f68;
  border-radius: 4px;
  outline: none;
  font: 14px/1.5 Arial, sans-serif;
  resize: vertical;
  transition: border-color .15s ease, background-color .15s ease;
}

[data-busina-calendar] textarea::placeholder {
  color: #91a399;
  opacity: 1;
}

[data-busina-calendar] textarea:focus {
  border-color: #c9a86a;
  background: #122f25;
  box-shadow: 0 0 0 2px rgba(201, 168, 106, .12);
}

/* ������ */
[data-busina-calendar] button {
  cursor: pointer;
  min-height: 38px;
  padding: 9px 15px;
  border: 1px solid #c9a86a;
  border-radius: 4px;
  background: #536f68;
  color: #fff5df;
  font: 13px Arial, sans-serif;
  transition: background-color .15s ease, border-color .15s ease;
}

[data-busina-calendar] button:hover:not(:disabled) {
  background: #648078;
  border-color: #e8d6a5;
}

[data-busina-calendar] button:focus-visible {
  outline: 2px solid #e8d6a5;
  outline-offset: 3px;
}

[data-busina-calendar] button:disabled {
  opacity: .5;
  cursor: wait;
}

[data-busina-calendar] .bc-actions {
  margin-top: 12px;
}