/* MAX's activity and composer share a quieter, compact lower section. */
html:root body .lxc.is-max .lxc-max-foot {
  margin: 4px 18px 0;
  padding: 12px 14px;
  border: 1px solid #d8e6d2;
  border-radius: 18px;
  background: linear-gradient(130deg, #ffffffed, #f6fbf0f5);
  box-shadow: inset 0 1px 0 #fff, 0 3px 12px #234d2205;
}
html:root body .lxc.is-max .lxc-max-heading {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 9px;
  row-gap: 3px;
}
html:root body .lxc.is-max .lxc-max-heading > .lxc-activity-mark {
  grid-column: 1;
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 28px;
  height: 32px;
  border: 1px solid #d9eac6;
  border-radius: 10px;
  background: linear-gradient(145deg, #effcd7, #dceebf);
  color: #366440;
}
html:root body .lxc.is-max .lxc-activity-mark svg { width: 18px; height: 18px; }
html:root body .lxc.is-max .lxc-max-heading > strong {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  min-width: 0;
  font-size: 12px;
  font-weight: 680;
  line-height: 1.35;
  letter-spacing: -.012em;
  color: #244f37;
  overflow-wrap: anywhere;
}
html:root body .lxc.is-max .lxc-max-heading > .lxc-activity-count {
  grid-column: 2;
  grid-row: 2;
  font-size: 10px;
  line-height: 1.4;
  color: #738373;
  overflow-wrap: anywhere;
}
html:root body .lxc.is-max .lxc-max-foot .lxc-activity-pause {
  grid-column: 3;
  grid-row: 1 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid #dae4d5;
  border-radius: 10px;
  background: #fff;
  color: #526b56;
  box-shadow: 0 1px 2px #203d1805;
}
html:root body .lxc.is-max .lxc-activity-pause svg { width: 15px; height: 15px; flex: none; }
html:root body .lxc.is-max .lxc-max-foot .lxc-activity-detail {
  margin: 9px 0 0;
  color: #667b68;
  font-size: 11px;
  line-height: 1.5;
}
html:root body .lxc.is-max .lxc-max-foot .lxc-activity-detail.is-error { color: #985432; }
html:root body .lxc.is-max .lxc-max-foot .lxc-max-file { font-size: 10px; color: #6a7f6b; margin: 5px 0 0; }
html:root body .lxc.is-max .lxc-max-foot .lxc-max-track { margin: 11px 0 1px; height: 3px; background: #e8efe1; }
html:root body .lxc.is-max .lxc-max-actions:empty { display: none; }
html:root body .lxc.is-max .lxc-max-foot[data-activity="attention"] { border-color: #eadcc0; }
html:root body .lxc.is-max .lxc-max-foot[data-activity="paused"] .lxc-activity-mark { background: #f4f3e9; border-color: #e6e2d4; color: #87774f; }

html:root body .lxc.is-max .lxc-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 12px;
  row-gap: 4px;
  margin: 10px 18px 18px;
  padding: 10px 12px 10px 15px;
  border: 1px solid #c0d5b6;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 3px 14px #37512f08;
  transition: border-color .2s, box-shadow .2s;
}
html:root body .lxc.is-max .lxc-form:focus-within {
  border-color: #719b66;
  box-shadow: 0 0 0 2px #c9e2aa55, 0 6px 18px #3056290a;
}
html:root body .lxc.is-max .lxc-form textarea {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  min-width: 0;
  padding: 8px 0;
  min-height: calc(1.5em + 16px);
  font-size: 14px;
  line-height: 1.5;
  color: #1d4430;
  background: transparent;
}
html:root body .lxc.is-max .lxc-form textarea::placeholder { font-size: inherit; color: #7c8a7b; }
html:root body .lxc .lxc-form .lxc-compose-hint[hidden] { display: none; }
html:root body .lxc.is-max .lxc-form .lxc-compose-hint {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  min-width: 0;
  font-size: 10px;
  line-height: 1.45;
  font-weight: 450;
  color: #7b8d77;
  overflow-wrap: anywhere;
}
html:root body .lxc.is-max .lxc-form .lxc-send {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid #255b3b;
  background: linear-gradient(150deg, #357852, #17442f);
  color: #e3ffae;
  box-shadow: inset 0 1px 0 #ffffff1a, 0 4px 9px #20492d1c;
}
html:root body .lxc.is-max .lxc-form .lxc-send:hover:enabled { background: #2f6b48; transform: translateY(-1px); }
html:root body .lxc.is-max .lxc-form .lxc-send:disabled {
  border-color: #e1e9d9;
  background: #eff4e9;
  color: #9eb18e;
  box-shadow: none;
  opacity: 1;
}
html:root body .lxc.is-max .lxc-form .lxc-send:focus-visible { outline: 2px solid #80aa61; outline-offset: 3px; }

@media (max-width: 760px) {
  html:root body .lxc.is-max .lxc-max-foot { margin: 3px 12px 0; padding: 10px 12px; border-radius: 16px; }
  html:root body .lxc.is-max .lxc-form { margin: 9px 12px 13px; padding: 8px 10px 9px 13px; gap: 3px 10px; border-radius: 18px; }
  html:root body .lxc.is-max .lxc-form textarea { font-size: 16px; padding: 6px 0; min-height: calc(1.5em + 12px); }
  html:root body .lxc.is-max .lxc-form .lxc-compose-hint { font-size: 10px; }
  html:root body .lxc.is-max .lxc-max-heading > strong { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html:root body .lxc.is-max .lxc-form,
  html:root body .lxc.is-max .lxc-form .lxc-send { transition: none; }
}