/* Selected compact card: shared by the homepage and classroom catalogue. */
.home-classroom-apps .home-app-card,
.preview-visual-hub .category-section[data-type="aula"] .tool-card {
  position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:36px 42px 32px;
  grid-template-areas:"icon title" "description description" "action action";gap:10px 12px;
  padding:16px;min-height:165px;height:auto;text-align:left;align-content:start;justify-content:stretch;
  background:var(--bg-card,#f7f9fc);border:1px solid var(--border-color,#dce3ef);border-top:3px solid #F24405;
  border-radius:8px;box-shadow:0 1px 2px #0f172a08;box-sizing:border-box;overflow:hidden;
}
.home-app-card .home-apps-icon,
.preview-visual-hub .category-section[data-type="aula"] .tool-card .tool-icon {
  grid-area:icon;width:36px;height:36px;border:0;border-radius:8px;background:#fff0e9;color:#F24405;
  display:grid;place-items:center;margin:0;box-shadow:none;align-self:center;
}
.home-app-card .home-apps-icon .material-symbols-rounded,
.preview-visual-hub .category-section[data-type="aula"] .tool-icon .material-symbols-rounded {font-size:23px;line-height:1}
.preview-visual-hub .category-section[data-type="aula"] .tool-card-copy {display:contents}
.home-classroom-apps .home-app-card h3,
.preview-visual-hub .category-section[data-type="aula"] .tool-card h3 {
  grid-area:title;align-self:center;min-width:0;margin:0;padding-right:30px;max-width:none;
  font-family:Poppins,sans-serif;font-size:14px;font-weight:500;line-height:1.35;color:var(--text-primary,#0f172a);
  text-align:left;letter-spacing:0;display:block;overflow:visible;-webkit-line-clamp:unset;
}
.home-classroom-apps .home-app-card .description,
.preview-visual-hub .category-section[data-type="aula"] .tool-card .description {
  grid-area:description;margin:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:21px;
  color:var(--text-secondary,#475569);text-align:left;max-width:none;display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:2;line-clamp:2;overflow:hidden;
}
.home-app-card .tool-profile-actions,
.preview-visual-hub .category-section[data-type="aula"] .tool-card .tool-profile-actions {display:contents}
.home-classroom-apps .home-app-card a.card-open,
.preview-visual-hub .category-section[data-type="aula"] .tool-card a.card-open {
  grid-area:action;position:static;display:inline-flex;align-items:center;justify-content:flex-start;justify-self:start;
  gap:7px;width:auto;height:32px;min-height:32px;padding:0;margin:0;border:0;background:transparent;
  color:#F24405;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;
}
.home-app-card .card-open .material-symbols-rounded,
.preview-visual-hub .category-section[data-type="aula"] .tool-card a.card-open .material-symbols-rounded {display:inline-block;font-size:18px;line-height:1}
.home-classroom-apps .home-app-card .tool-profile-save,
.preview-visual-hub .category-section[data-type="aula"] .tool-card .tool-profile-save {
  position:absolute;top:12px;right:8px;left:auto;bottom:auto;display:grid;place-items:center;width:36px;height:36px;min-height:36px;
  padding:0;margin:0;border:0;border-radius:6px;background:transparent;color:#F24405;cursor:pointer;
}
.home-app-card .tool-profile-save .material-symbols-rounded,
.preview-visual-hub .category-section[data-type="aula"] .tool-profile-save .material-symbols-rounded {font-size:20px;line-height:1}
.home-app-card .material-symbols-rounded {font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}
.home-app-card .tool-profile-save[aria-pressed="true"] .material-symbols-rounded {font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}
.home-app-card .tool-profile-save:hover,
.preview-visual-hub .category-section[data-type="aula"] .tool-profile-save:hover {background:#fff0e9}
.home-app-card .tool-profile-save:disabled {opacity:.5;cursor:wait}
.home-app-card :focus-visible {outline:2px solid #F24405;outline-offset:3px}
.home-classroom-apps .catalog-save-status {font-size:13px}
.catalog-save-status {position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 18px;border:1px solid var(--border-color,#dce3ef);border-radius:8px;background:var(--bg-card,#fff);color:var(--text-primary,#0f172a);font-size:13px;z-index:2100}
@media(max-width:600px) {
  .preview-visual-hub .category-section[data-type="aula"] .category-grid {grid-template-columns:minmax(0,1fr)}
  .catalog-save-status {bottom:88px}
}
/* Whole-card navigation; saving remains an independent control. */
.home-classroom-apps .home-app-card,
.preview-visual-hub .category-section[data-type="aula"] .tool-card {
  grid-template-rows:36px 42px;grid-template-areas:"icon title" "description description";
  gap:12px;min-height:140px;padding:18px 16px;transition:background-color .18s,border-color .18s;
}
.home-app-card .home-apps-icon,
.preview-visual-hub .category-section[data-type="aula"] .tool-card .tool-icon {border-radius:50%}
.home-classroom-apps .home-app-card a.card-open,
.preview-visual-hub .category-section[data-type="aula"] .tool-card a.card-open {
  position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;margin:0;
  z-index:1;border-radius:7px;cursor:pointer;color:transparent;
}
.home-app-card a.card-open > *,
.preview-visual-hub .category-section[data-type="aula"] .tool-card a.card-open > * {display:none!important}
.home-classroom-apps .home-app-card .tool-profile-save,
.preview-visual-hub .category-section[data-type="aula"] .tool-card .tool-profile-save {z-index:2;color:var(--text-secondary,#475569)}
.home-app-card:has(a.card-open:hover),
.home-app-card:has(a.card-open:focus-visible),
.preview-visual-hub .category-section[data-type="aula"] .tool-card:has(a.card-open:hover),
.preview-visual-hub .category-section[data-type="aula"] .tool-card:has(a.card-open:focus-visible) {border-color:#F24405;background:var(--bg-element,#fff4ed)}
.home-app-card a.card-open:focus-visible,
.preview-visual-hub .category-section[data-type="aula"] .tool-card a.card-open:focus-visible {outline:2px solid #F24405;outline-offset:3px}

/* Keep the mobile app in one swipeable row rather than a long vertical list. */
@media (max-width:767px) {
  .home-classroom-apps .home-apps-carousel,
  .preview-visual-hub .category-section .category-grid {
    display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x proximity;scroll-padding-inline:16px;overscroll-behavior-x:contain;
    margin-inline:-16px;padding:4px 16px 12px;
  }
  .home-classroom-apps .home-apps-carousel > .home-app-card,
  .preview-visual-hub .category-section .category-grid > .tool-card {
    flex:0 0 min(82vw,320px);width:min(82vw,320px);max-width:320px;
    scroll-snap-align:start;
  }
}

/* Mobile teacher app: restore compact two-column app and platform cards. */
@media(max-width:767px) {
  .home-classroom-apps .home-apps-carousel,
  .preview-visual-hub .category-section:is([data-type="aula"],[data-type="plataformas"]) .category-grid,
  [data-home-resource="tools"] .cda-mobile-carousel:has(> .micro-card) {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;overflow:visible!important;scroll-snap-type:none!important;
    margin:0!important;padding:0!important;
  }
  .home-classroom-apps .home-app-card,
  .preview-visual-hub .category-section:is([data-type="aula"],[data-type="plataformas"]) .tool-card,
  [data-home-resource="tools"] .micro-card:has(.cda-directory-open) {
    position:relative!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:8px!important;
    flex:none!important;width:100%!important;max-width:none!important;min-width:0!important;
    height:192px!important;min-height:192px!important;padding:28px 12px 16px!important;
    text-align:center!important;
  }
  .home-classroom-apps .home-app-card h3,
  .preview-visual-hub .category-section:is([data-type="aula"],[data-type="plataformas"]) .tool-card h3,
  [data-home-resource="tools"] .micro-card:has(.cda-directory-open) h3 {
    margin:0!important;padding:0!important;font-size:14px!important;line-height:1.4!important;
    text-align:center!important;font-weight:600!important;
    display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;
  }
  .home-classroom-apps .home-app-card .description,
  .preview-visual-hub .category-section:is([data-type="aula"],[data-type="plataformas"]) .description,
  [data-home-resource="tools"] .micro-card:has(.cda-directory-open) p {
    display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;
    margin:0!important;font-size:12px!important;line-height:1.45!important;text-align:center!important;
    flex:none!important;
  }
  .home-app-card .home-apps-icon,
  .preview-visual-hub .category-section:is([data-type="aula"],[data-type="plataformas"]) .tool-icon {
    width:44px!important;height:44px!important;margin:0!important;flex:none!important;
  }
  .preview-visual-hub .category-section:is([data-type="aula"],[data-type="plataformas"]) .tool-card-copy,
  .preview-visual-hub .category-section:is([data-type="aula"],[data-type="plataformas"]) .tool-profile-actions,
  [data-home-resource="tools"] .micro-card:has(.cda-directory-open) .cda-global-save-actions {display:contents!important}
  .home-classroom-apps .home-app-card .tool-profile-save,
  .preview-visual-hub .category-section:is([data-type="aula"],[data-type="plataformas"]) .tool-profile-save,
  [data-home-resource="tools"] .micro-card:has(.cda-directory-open) .cda-global-save {
    position:absolute!important;top:5px!important;right:5px!important;bottom:auto!important;left:auto!important;
    width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;z-index:2;
  }
  .preview-visual-hub .category-section[data-type="plataformas"] .tool-card a.card-open:not(.tool-profile-save),
  [data-home-resource="tools"] .micro-card:has(.cda-directory-open) .cda-directory-open {
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;
    color:transparent!important;font-size:0!important;z-index:1;
  }
  .preview-visual-hub .category-section[data-type="plataformas"] a.card-open:not(.tool-profile-save) > *,
  [data-home-resource="tools"] .micro-card:has(.cda-directory-open) .cda-directory-open > *,
  [data-home-resource="tools"] .micro-card:has(.cda-directory-open) .cda-directory-info {display:none!important}
  [data-home-resource="tools"] .micro-card:has(.cda-directory-open) > div:not([class~="h-1"]):not([class~="h-1.5"]) {
    flex:none!important;margin:0!important;padding:0!important;width:100%;
  }
}