/* Proposal only. Load after the existing compact-home asset at integration.
   No global shell, news, guide, authentication or widget rules. */
.miki-home-compact .miki-home-tasks {
  --home-task-accent: var(--mk-unified-accent, #a472f7);
  margin-block: 12px 20px;
  min-width: 0;
}
.miki-home-compact .miki-home-tasks h2 {
  margin: 0 0 10px;
  color: var(--text, #f4f5f7);
  font: inherit;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
}
.miki-home-compact .miki-home-tasks ul {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.miki-home-compact .miki-home-tasks li { min-width: 0; }
.miki-home-compact .miki-home-tasks .miki-home-task {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  box-sizing: border-box;
  height: 100%;
  min-height: 76px;
  min-width: 44px;
  padding: 10px 12px;
  border: 1px solid var(--line, #2b303b);
  border-radius: 10px;
  background: var(--surface, #10141b);
  color: var(--text, #f4f5f7);
  text-decoration: none;
  overflow-wrap: anywhere;
  touch-action: manipulation;
}
.miki-home-compact .miki-home-tasks .miki-home-task strong {
  font: inherit;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 650;
}
.miki-home-compact .miki-home-tasks .miki-home-task__status {
  color: var(--muted, #b8bbc2);
  font-size: 12px;
  line-height: 1.4;
}
.miki-home-compact .miki-home-tasks a.miki-home-task:hover,
.miki-home-compact .miki-home-tasks a.miki-home-task:active {
  border-color: var(--home-task-accent);
  background: var(--surface-2, #17202b);
}
.miki-home-compact .miki-home-tasks a.miki-home-task:focus-visible {
  outline: 2px solid var(--home-task-accent);
  outline-offset: 3px;
}
.miki-home-compact .miki-home-tasks .miki-home-task[aria-disabled="true"] {
  border-style: dashed;
}
@media (max-width: 1100px) {
  .miki-home-compact .miki-home-tasks ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .miki-home-compact .miki-home-tasks ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .miki-home-compact .miki-home-tasks .miki-home-task { min-height: 80px; padding: 10px; }
}
@media (max-width: 360px) {
  .miki-home-compact .miki-home-tasks ul { grid-template-columns: minmax(0, 1fr); }
  .miki-home-compact .miki-home-tasks .miki-home-task { min-height: 64px; }
}