/* Home's activity, shortcuts and exam preview. Load after shared primitives/art. */
/* Loading rows reuse the real icon/text/action grid, so incoming goals do not
   expand a compact boxed skeleton. These dimensions only apply while pending. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] #homeGoalsList .home-goal-skeleton {
  .sk-line {margin:0;}
  .home-goal-icon {height:36px;}
  .home-goal-head,.home-goal-meta {display:flex;align-items:center;height:20px;}
  .home-goal-title {display:flex;align-items:center;height:22px;}
  .home-goal-action {box-sizing:border-box;}
}
/* Nine subjects form three complete rows. Each tile keeps its own border,
   aligned metadata and footer; zero counts remain real, clickable filters. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] {
  .home-subjects-section {
    box-sizing:border-box;grid-column:1/-1;min-width:0;margin:0;padding:20px!important;
    border:1px solid var(--mt-line)!important;border-radius:8px!important;
    background:var(--mt-card)!important;box-shadow:none!important;
  }
  .home-subjects-head {display:flex;align-items:flex-start;gap:12px;}
  .home-subjects-head-ico {display:none;}
  .home-subjects-head h2 {margin:0;font:600 17px/26px var(--mt-font);}
  .home-subjects-head p {margin:4px 0 0;color:var(--mt-muted);font:400 14px/22px var(--mt-font);}
  .home-subjects-grid {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch;gap:16px!important;margin:0;padding:0;min-width:0;
  }
  .home-subject-box {
    box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:44px 1fr auto;
    justify-items:stretch;align-items:stretch;
    gap:12px;min-width:0;min-height:180px;height:100%;margin:0;padding:16px!important;
    border:1px solid var(--mt-line)!important;border-radius:8px!important;
    background:var(--mt-card)!important;color:var(--mt-ink);text-decoration:none;
    box-shadow:none!important;transform:none!important;
    transition:border-color var(--mt-motion),background-color var(--mt-motion);
  }
  .home-subject-box:hover {border-color:var(--mt-primary)!important;background:var(--mt-soft)!important;}
  .home-subject-box:focus-visible {outline:2px solid var(--mt-primary);outline-offset:2px;}
  .home-subject-top {display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:100%;margin:0;}
  .home-subject-icon-box.has-img {width:44px;height:44px;padding:2px;}
  .home-subject-img {width:40px;height:40px;}
  .home-subject-count-pill {
    flex:none;display:block;margin:0;padding:3px 8px;border:1px solid var(--mt-line);
    border-radius:6px;background:var(--mt-canvas);color:var(--mt-ink);
    font:500 12px/18px var(--mt-font);white-space:nowrap;
  }
  .home-subject-box.is-empty .home-subject-count-pill {color:var(--mt-muted);}
  .home-subject-info {min-width:0;margin:0;}
  .home-subject-info h3 {margin:0 0 4px;font:600 16px/24px var(--mt-font);color:var(--mt-ink);}
  .home-subject-info p {margin:0;color:var(--mt-muted);font:400 13px/20px var(--mt-font);overflow-wrap:anywhere;}
  .home-subject-link {display:flex;align-items:center;gap:6px;margin:0;color:var(--mt-primary);font:500 14px/20px var(--mt-font);}
  .home-subject-link .home-action-icon {width:16px;height:16px;flex:none;}
  @media(min-width:768px) and (max-width:1099px) {
    .home-subjects-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .home-subject-box:last-child:nth-child(odd) {grid-column:1/-1;}
  }
  @media(max-width:767px) {
    .home-subjects-section {padding:16px!important;}
    .home-subjects-grid {grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
    .home-subject-box {grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;min-height:0;gap:10px 12px;}
    .home-subject-top {display:contents;}
    .home-subject-icon-box {grid-column:1;grid-row:1;align-self:start;}
    .home-subject-count-pill {grid-column:1;grid-row:2;justify-self:center;padding:2px 4px;font-size:11px;}
    .home-subject-info {grid-column:2;grid-row:1;}
    .home-subject-link {grid-column:2;grid-row:2;}
  }
}
html:not([data-navbar="static"]) body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"]:not(.gradient-exam-page):not(.admin-page) .gradient-header {
  height:80px!important;
  padding:8px 24px!important;
}
html:not([data-navbar="static"]) body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .portal-shell>.portal-main {
  padding-top:84px!important;
}
@media(max-width:991px) {
  html:not([data-navbar="static"]) body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"]:not(.gradient-exam-page):not(.admin-page) .gradient-header {
    height:72px!important;
    padding:6px 16px!important;
  }
  html:not([data-navbar="static"]) body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .portal-shell>.portal-main {
    padding-top:76px!important;
  }
}
/* The stage is viewport-height and scrolls. Its rows must never shrink cards
   to fit that viewport: otherwise the next section paints over their content. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .portal-main {
  grid-auto-rows:max-content;align-items:start;
}
/* Cards inside a stack use its single column, not the outer dashboard spans. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-dashboard-column > :is(.home-panel,.home-start-section) {
  grid-column:1 / -1!important;
}
/* The legacy desktop average card hid this text in favour of a donut. The
   current cards show their values as text, so every metric needs its real box. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-metric-body {
  position:static!important;width:auto!important;height:auto!important;
  overflow:visible!important;clip-path:none!important;
}
/* The verified name and countdown arrive independently. Give each its own
   lane from first paint instead of letting longer text create another row. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-topbar-left {
  min-width:0!important;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-greeting-wrap {
  display:grid!important;grid-template-columns:minmax(0,1fr);align-items:start;
  justify-items:start;gap:8px;min-width:0;width:100%;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-greeting-badge {
  display:block;box-sizing:border-box;min-width:0;max-width:100%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-countdown-chip {
  box-sizing:border-box;min-width:0;max-width:100%;min-height:28px;justify-self:start;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-countdown-chip svg {
  flex:0 0 14px;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-countdown-chip>span:not([hidden]) {
  min-width:0;overflow-wrap:anywhere;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] #homeHeroDays {
  display:inline-block;min-inline-size:4ch;text-align:center;font-variant-numeric:tabular-nums;
}
/* Only the completed-attempt metric owns an optional delta. Reserve its
   small badge row while hidden, without fixing the card or overview height. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-metric-head:has(>#statAttemptsDelta) {
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(24px,auto);
  align-items:center;gap:8px;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] #statAttemptsDelta {
  grid-row:2;justify-self:start;box-sizing:border-box;min-height:24px;padding:2px 7px;
  font:500 12px/20px var(--mt-font);max-width:100%;white-space:normal;overflow-wrap:anywhere;
}
/* Keep the overview compact while giving each metric enough room for its label. */
@media (min-width:1100px) and (max-width:2200px) {
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-topbar {
    grid-column:span 5!important;grid-row:auto!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-self:stretch;height:100%!important;min-height:0!important;padding:20px!important;
  }
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-hero-illustration {
    position:absolute;right:18px;bottom:18px;width:76px;height:76px;
    object-fit:contain;margin:0;
  }
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-topbar .home-desc {
    max-width:calc(100% - 76px);
  }
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-metrics-grid {
    display:grid!important;grid-column:span 7!important;grid-row:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;
    min-height:0!important;padding:0!important;
  }
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-metric-card {
    grid-column:auto!important;grid-row:auto!important;
    min-height:126px!important;height:100%!important;padding:16px!important;
  }
}
@media (min-width:701px) and (max-width:1099px) {
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-metric-card {
    grid-column:span 6!important;
  }
}
@media (min-width:992px) and (max-width:1299px) {
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-chart-metrics {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 16px!important;
  }
}
@media (min-width:481px) and (max-width:800px) {
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-metric-head {
    flex-direction:row!important;align-items:center!important;
  }
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-metric-label-group {
    flex:1 1 auto!important;
  }
}
@media (min-width:601px) and (max-width:800px) {
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-topbar {
    min-height:172px!important;padding:20px!important;
  }
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-metric-card {
    min-height:150px!important;padding:16px!important;
  }
}
@media (min-width:380px) and (max-width:600px) {
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-metric-card {
    min-height:156px!important;padding:16px!important;
  }
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-recent-panel,.home-start-section,.home-exams-panel) {
  display:block;box-sizing:border-box;align-self:start;height:auto;
  min-width:0;min-height:auto;margin:0;padding:20px!important;
  border:1px solid var(--mt-line)!important;border-radius:8px!important;
  background:var(--mt-card)!important;box-shadow:none!important;
}
/* Each section owns its inset; a generic card-header must not add a second one. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-chart-card > .home-panel-head,.home-goals-card > .home-panel-head,.home-recent-panel > .home-panel-head,.home-start-section > .home-start-head,.home-exams-panel > .home-panel-head) {
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  margin:0!important;padding:0 0 16px!important;min-height:0;
  border:0!important;background:transparent!important;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-chart-card .home-chart-tabs {
  margin:0!important;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-head {
  flex-direction:column;gap:4px!important;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-recent-panel,.home-exams-panel) .home-panel-icon {
  display:none;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-recent-panel,.home-start-section,.home-exams-panel) h2 {
  margin:0!important;font:600 17px/26px var(--mt-font)!important;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-recent-panel,.home-start-section,.home-exams-panel) header p {
  display:block;margin:4px 0 0!important;color:var(--mt-muted)!important;
  font:400 13px/20px var(--mt-font)!important;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-recent-panel,.home-exams-panel) .home-panel-more {
  display:inline-flex;align-items:center;gap:4px;flex:none;padding:3px 0;
  font:500 13px/20px var(--mt-font);text-decoration:none;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-section-chevron {
  display:block;width:16px;height:16px;flex:none;
}
/* Activity stays a compact scanable list. Score zero remains a neutral score. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] #homeRecentList {
  display:grid;gap:0;min-width:0;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-recent-item {
  display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;
  gap:12px;min-height:76px;padding:14px 0;box-sizing:border-box;
  border:0;border-bottom:1px solid var(--mt-line);border-radius:0;
  color:var(--mt-ink)!important;background:transparent;box-shadow:none!important;
  text-decoration:none;transform:none!important;transition:background-color var(--mt-motion);
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-recent-item:last-child {
  border-bottom:0;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-recent-icon {
  display:grid;place-items:center;width:40px;height:40px;padding:0;margin:0;
  color:#476e98;background:var(--mt-soft);border:0;border-radius:8px;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-recent-icon,.home-start-icon) svg {
  display:block;width:22px;height:22px;flex:none;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-recent-info {
  display:grid;gap:4px;min-width:0;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-recent-title {
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;overflow-wrap:anywhere;white-space:normal;
  color:var(--mt-ink)!important;font:500 15px/22px var(--mt-font);
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-recent-date {
  display:block;color:var(--mt-muted)!important;font:400 13px/20px var(--mt-font);
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-status-badge {
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-width:110px;min-height:30px;box-sizing:border-box;padding:5px 9px;
  border:0;border-radius:6px;white-space:nowrap;font:500 13px/20px var(--mt-font);
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-status-icon {
  display:block;width:16px;height:16px;flex:0 0 16px;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-status-badge.is-doing {
  background:#e8f2ff;color:#236bb8;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-status-badge.is-expired {
  background:#fff2dd;color:#8b5a18;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-status-badge.is-done {
  background:#f0f2f6;color:#526071;
}
/* Flexible half-width tiles wrap when the panel cannot fit two readable tiles.
   No size containment: the parent grid must measure all of their content. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-grid {
  display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:12px;margin:0;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-card {
  --home-action-ink:#286db6;--home-action-soft:#e8f2ff;
  display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;
  align-content:center;align-items:start;gap:4px 10px;min-height:100px;
  flex:1 1 calc((100% - 12px) / 2);min-width:min(100%,180px);
  box-sizing:border-box;padding:14px;border:1px solid var(--mt-line);border-radius:8px;
  background:var(--mt-card);color:var(--mt-ink);text-decoration:none;box-shadow:none!important;
  transform:none!important;transition:border-color var(--mt-motion),background-color var(--mt-motion);
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-card[data-home-action="import"] {
  --home-action-ink:#7952b1;--home-action-soft:#f2ecfb;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-card[data-home-action="classroom"] {
  --home-action-ink:#227c67;--home-action-soft:#e5f4ee;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-card:is([data-home-action="tracking"],[data-home-action="results"]) {
  --home-action-ink:#956319;--home-action-soft:#fff3df;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-card[data-home-action="notes"] {
  --home-action-ink:#7952b1;--home-action-soft:#f2ecfb;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-icon {
  grid-column:1;grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;
  padding:0;margin:0;border:0;border-radius:8px;
  background:var(--home-action-soft);color:var(--home-action-ink);
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-card b {
  grid-column:2;min-width:0;margin:0;color:var(--mt-ink);font:500 15px/22px var(--mt-font);
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-skeleton .home-start-icon {
  background:var(--mt-soft);color:transparent;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-card small {
  grid-column:2;min-width:0;margin:0;overflow-wrap:anywhere;white-space:normal;
  color:var(--mt-muted);font:400 13px/20px var(--mt-font);
}
/* Exam previews keep their full natural height as titles and data arrive. */
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] #homeExamsList {
  display:flex;flex-wrap:wrap;align-items:stretch;gap:14px;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] #homeExamsList > :not(.home-exam-item):not(.sk-exam-card) {
  flex:1 1 100%;min-width:0;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-exam-item,#homeExamsList>.sk-exam-card) {
  display:grid;grid-template-columns:48px minmax(0,1fr);align-content:start;align-items:start;
  gap:12px;flex:1 1 calc((100% - 14px) / 2);min-width:min(100%,340px);
  box-sizing:border-box;padding:16px;
  border:1px solid var(--mt-line);border-radius:8px;background:var(--mt-card);
  color:var(--mt-ink);box-shadow:none!important;transform:none!important;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-exam-item:last-child {
  border-bottom:1px solid var(--mt-line);
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-exam-icon {
  display:grid;place-items:center;width:48px;height:48px;padding:0;margin:0;
  background:var(--mt-soft);color:var(--mt-primary);border-radius:8px;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-exam-icon > svg {
  width:26px;height:26px;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-exam-content {
  min-width:0;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-exam-title-row {
  display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 8px;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-exam-title {
  display:block;min-width:0;flex:1 1 180px;white-space:normal;overflow-wrap:anywhere;
  color:var(--mt-ink);font:500 15px/22px var(--mt-font);
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-pill-new {
  display:inline-flex;flex:none;align-items:center;min-height:22px;padding:1px 7px;
  border:0;border-radius:4px;background:#e5f4ee;color:#227c67;font:500 12px/20px var(--mt-font);
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-exam-meta {
  display:flex;flex-wrap:wrap;gap:4px 10px;margin:6px 0 0;
  color:var(--mt-muted);font:400 13px/20px var(--mt-font);
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-exam-meta > span {
  display:inline-flex;align-items:center;gap:5px;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-exam-meta svg {
  display:block;flex:none;width:14px;height:14px;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-btn-play {
  grid-column:2;justify-self:start;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;width:auto;min-height:36px;height:auto;padding:7px 12px;margin:0;
  border:1px solid #2675cf!important;border-radius:6px!important;
  background:#2675cf!important;color:#fff!important;box-shadow:none!important;
  font:500 14px/20px var(--mt-font)!important;white-space:normal;cursor:pointer;
  transition:background-color var(--mt-motion),border-color var(--mt-motion);
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-btn-play .home-action-icon {
  display:block;width:16px;height:16px;flex:none;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-btn-play:hover {
  background:#1c65b7!important;border-color:#1c65b7!important;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-btn-play:disabled {
  opacity:.65;cursor:wait;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-start-card,.home-recent-item):hover {
  background:var(--mt-soft);box-shadow:none!important;transform:none!important;
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-card:hover {
  border-color:var(--mt-primary);
}
html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-start-card,.home-recent-item,.home-btn-play,.home-panel-more):focus-visible {
  outline:2px solid var(--mt-primary);outline-offset:3px;
}
@media (max-width:560px) {
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-recent-panel,.home-start-section,.home-exams-panel) {padding:16px!important;}
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-recent-item {grid-template-columns:36px minmax(0,1fr);gap:8px 10px;}
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-recent-icon {grid-row:1/3;width:36px;height:36px;align-self:start;}
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-status-badge {grid-column:2;justify-self:start;min-width:0;min-height:28px;padding:4px 8px;}
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-exam-item {padding:14px;gap:12px 10px;}
}
html[data-theme="dark"] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-recent-icon {color:#a3caff;}
html[data-theme="dark"] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-card {--home-action-ink:#a3caff;--home-action-soft:#253f60;}
html[data-theme="dark"] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-card:is([data-home-action="import"],[data-home-action="notes"]) {--home-action-ink:#d2b4fc;--home-action-soft:#49385f;}
html[data-theme="dark"] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-card[data-home-action="classroom"] {--home-action-ink:#91d5bc;--home-action-soft:#254a43;}
html[data-theme="dark"] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-start-card:is([data-home-action="tracking"],[data-home-action="results"]) {--home-action-ink:#edc28b;--home-action-soft:#51412e;}
html[data-theme="dark"] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-status-badge.is-doing {background:#253f60;color:#a3caff;}
html[data-theme="dark"] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-status-badge.is-expired {background:#51412e;color:#edc28b;}
html[data-theme="dark"] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-status-badge.is-done {background:#303943;color:#d3dce7;}
html[data-theme="dark"] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-pill-new {background:#254a43;color:#91d5bc;}
@media (prefers-reduced-motion:reduce) {
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-start-card,.home-recent-item,.home-btn-play) {transition:none;}
}
html[data-reduce-motion="on"] body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-start-card,.home-recent-item,.home-btn-play) {transition:none;}
@media (forced-colors:active) {
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] :is(.home-status-badge,.home-pill-new,.home-start-icon,.home-recent-icon) {border:1px solid CanvasText;}
  html body#gradientWorkspace#gradientWorkspace[data-dashboard-style="materio"][data-dashboard-page="home"] .home-btn-play {border-color:ButtonText!important;}
}