/* Materiais Didáticos v5 — contrato responsivo validado no Figma (21/07/2026). */
#view-materiaisDidaticos.md5-ready {
  --md5-bg:#0d0911;
  --md5-surface:#18121f;
  --md5-surface-2:#21182a;
  --md5-surface-3:#291c35;
  --md5-line:#382843;
  --md5-text:#fbf8fc;
  --md5-muted:#aa9eb2;
  --md5-purple:#9a42c2;
  --md5-gold:#f3d35c;
  --md5-green:#42d5a0;
  max-width:none;
  margin:0;
  padding:clamp(20px,2.2vw,40px) clamp(18px,2.2vw,34px) 72px;
  background:var(--md5-bg);
}

#view-materiaisDidaticos.md5-ready > .md5-legacy-heading { display:none !important; }
#view-materiaisDidaticos.md5-ready > .md5-heading,
#view-materiaisDidaticos.md5-ready > #painelAddEbook,
#view-materiaisDidaticos.md5-ready > #gridEbooks { width:min(100%,1480px); margin-inline:auto; }

.md5-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.md5-heading__copy { min-width:0; }
.md5-kicker { display:block; margin-bottom:7px; color:var(--md5-gold); font:800 10px/1.2 Inter,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.md5-heading h1 { margin:0; color:var(--md5-text); font:800 clamp(27px,2.25vw,38px)/1.08 Poppins,Inter,sans-serif; letter-spacing:-.04em; }
.md5-heading p { max-width:700px; margin:8px 0 0; color:var(--md5-muted); font:400 13px/1.55 Inter,sans-serif; }
.md5-heading__actions { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.md5-count,.md5-action { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:0 14px; border-radius:11px; font:800 12px/1 Inter,sans-serif; }
.md5-count { color:var(--md5-text); border:1px solid var(--md5-line); background:var(--md5-surface); }
.md5-action { color:#281e08; border:1px solid var(--md5-gold); background:var(--md5-gold); cursor:pointer; }

#view-materiaisDidaticos.md5-ready > #painelAddEbook:not(.hidden) {
  display:flex !important;
  margin-bottom:18px;
  padding:16px 18px !important;
  border:1px solid var(--md5-line) !important;
  border-radius:16px !important;
  background:var(--md5-surface) !important;
  box-shadow:none !important;
}
#view-materiaisDidaticos.md5-ready #painelAddEbook > div { width:100%; }
#view-materiaisDidaticos.md5-ready #painelAddEbook h3 { color:var(--md5-text) !important; text-transform:none !important; letter-spacing:0 !important; font-size:14px !important; }
#view-materiaisDidaticos.md5-ready #painelAddEbook p { color:var(--md5-muted) !important; line-height:1.45; }

#view-materiaisDidaticos.md5-ready #gridEbooks { display:block; }
#view-materiaisDidaticos.md5-ready #gridEbooks > * + * { margin-top:0 !important; }
#view-materiaisDidaticos.md5-ready .md5-continue {
  display:grid !important;
  grid-template-columns:86px minmax(0,1fr) auto;
  align-items:center !important;
  gap:20px !important;
  min-height:150px;
  margin:0 0 18px !important;
  padding:20px !important;
  border:1px solid rgba(154,66,194,.52) !important;
  border-radius:20px !important;
  background:radial-gradient(circle at 92% 8%,rgba(154,66,194,.24),transparent 34%),var(--md5-surface-2) !important;
}
#view-materiaisDidaticos.md5-ready .md5-continue > :first-child { width:72px !important; }
#view-materiaisDidaticos.md5-ready .md5-continue [style*="font-size:14.5px"] { color:var(--md5-text) !important; font-size:clamp(18px,1.7vw,25px) !important; }
#view-materiaisDidaticos.md5-ready .md5-continue [style*="color:#9a90b0"] { color:var(--md5-muted) !important; }

#view-materiaisDidaticos.md5-ready .md5-search { margin:0 0 10px !important; }
#view-materiaisDidaticos.md5-ready .md5-search > div {
  min-height:46px;
  border-color:var(--md5-line) !important;
  border-radius:13px !important;
  background:var(--md5-surface) !important;
}
#view-materiaisDidaticos.md5-ready .md5-search input { color:var(--md5-text) !important; font-size:13px !important; }
#view-materiaisDidaticos.md5-ready .md5-selects { display:flex !important; gap:8px !important; margin:0 0 10px !important; }
#view-materiaisDidaticos.md5-ready .md5-selects select {
  min-height:40px; padding:0 34px 0 12px !important; color:var(--md5-text) !important;
  border:1px solid var(--md5-line) !important; border-radius:10px !important; background:var(--md5-surface) !important;
}
#view-materiaisDidaticos.md5-ready .md5-chips { display:flex !important; gap:8px !important; margin:0 0 26px !important; padding-bottom:2px; overflow-x:auto; scrollbar-width:none; }
#view-materiaisDidaticos.md5-ready .md5-chips::-webkit-scrollbar { display:none; }
#view-materiaisDidaticos.md5-ready .md5-chips button { min-height:38px; flex:0 0 auto; padding:0 14px !important; border-color:var(--md5-line) !important; background:var(--md5-surface) !important; color:var(--md5-text) !important; }
#view-materiaisDidaticos.md5-ready .md5-chips button[style*="212,175,55,.6"] { color:#281e08 !important; border-color:var(--md5-gold) !important; background:var(--md5-gold) !important; }

#view-materiaisDidaticos.md5-ready .md5-shelf { margin:0 0 28px !important; }
#view-materiaisDidaticos.md5-ready .md5-shelf > :first-child { margin-bottom:12px !important; }
#view-materiaisDidaticos.md5-ready .md5-shelf > :first-child span:first-child { color:var(--md5-text) !important; font-size:15px !important; text-transform:none !important; letter-spacing:0 !important; }
#view-materiaisDidaticos.md5-ready .md5-shelf-grid,
#view-materiaisDidaticos.md5-ready .md5-flat-grid {
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(178px,1fr)) !important;
  gap:14px !important;
  justify-content:stretch !important;
}
#view-materiaisDidaticos.md5-ready .md-card {
  min-width:0;
  padding:10px !important;
  border:1px solid var(--md5-line) !important;
  border-radius:16px !important;
  background:var(--md5-surface) !important;
  box-shadow:none;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
#view-materiaisDidaticos.md5-ready .md-card:hover { transform:translateY(-2px); border-color:rgba(154,66,194,.72) !important; background:var(--md5-surface-2) !important; }
#view-materiaisDidaticos.md5-ready .md-card [style*="color:#fff"] { color:var(--md5-text) !important; }
#view-materiaisDidaticos.md5-ready .md-card [style*="color:#9a90b0"],
#view-materiaisDidaticos.md5-ready .md-card [style*="color:#b79ad6"] { color:var(--md5-muted) !important; }
#view-materiaisDidaticos.md5-ready .md-card > div:first-child > div:first-child { border-radius:11px !important; }

#view-materiaisDidaticos.md5-ready.md5-management .md5-shelf-grid,
#view-materiaisDidaticos.md5-ready.md5-management .md5-flat-grid { grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important; }
#view-materiaisDidaticos.md5-ready.md5-management .md-card { border-left:3px solid var(--md5-purple) !important; }

body.theme-light #view-materiaisDidaticos.md5-ready {
  --md5-bg:#f7f4fa; --md5-surface:#fff; --md5-surface-2:#f2edf5; --md5-surface-3:#ece4f0;
  --md5-line:#ddd2e3; --md5-text:#241933; --md5-muted:#6c6175;
}
body.theme-light #view-materiaisDidaticos.md5-ready .md-card,
body.theme-light #view-materiaisDidaticos.md5-ready .md5-search > div,
body.theme-light #view-materiaisDidaticos.md5-ready .md5-selects select,
body.theme-light #view-materiaisDidaticos.md5-ready .md5-chips button { color:var(--md5-text) !important; background:var(--md5-surface) !important; }

.md-overlay { overscroll-behavior:contain; }
.md-overlay button:focus-visible,#view-materiaisDidaticos.md5-ready button:focus-visible,#view-materiaisDidaticos.md5-ready input:focus-visible,#view-materiaisDidaticos.md5-ready select:focus-visible { outline:3px solid rgba(243,211,92,.45) !important; outline-offset:2px; }

@media (max-width:900px) {
  #view-materiaisDidaticos.md5-ready { padding:22px 18px 96px; }
  .md5-heading { align-items:flex-start; }
  .md5-heading__actions { align-self:flex-start; }
  #view-materiaisDidaticos.md5-ready .md5-shelf-grid,#view-materiaisDidaticos.md5-ready .md5-flat-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}

@media (max-width:640px) {
  #view-materiaisDidaticos.md5-ready { padding:18px 14px calc(104px + env(safe-area-inset-bottom)); }
  .md5-heading { align-items:flex-start; margin-bottom:18px; }
  .md5-heading h1 { font-size:24px; }
  .md5-heading p { font-size:12px; }
  .md5-heading__actions .md5-count { display:none; }
  .md5-heading__actions .md5-action { width:42px; padding:0; font-size:0; }
  .md5-heading__actions .md5-action i { font-size:14px; }
  #view-materiaisDidaticos.md5-ready > #painelAddEbook:not(.hidden) { padding:13px !important; }
  #view-materiaisDidaticos.md5-ready #painelAddEbook > div { align-items:flex-start !important; }
  #view-materiaisDidaticos.md5-ready .md5-continue { grid-template-columns:62px minmax(0,1fr) !important; gap:12px !important; min-height:112px; padding:14px !important; }
  #view-materiaisDidaticos.md5-ready .md5-continue > :first-child { width:56px !important; }
  #view-materiaisDidaticos.md5-ready .md5-continue > :last-child { grid-column:1/-1; width:100%; text-align:center; }
  #view-materiaisDidaticos.md5-ready .md5-selects { overflow-x:auto; scrollbar-width:none; }
  #view-materiaisDidaticos.md5-ready .md5-selects select { flex:0 0 auto; max-width:165px; }
  #view-materiaisDidaticos.md5-ready .md5-shelf-grid,#view-materiaisDidaticos.md5-ready .md5-flat-grid,
  #view-materiaisDidaticos.md5-ready.md5-management .md5-shelf-grid,#view-materiaisDidaticos.md5-ready.md5-management .md5-flat-grid { display:flex !important; flex-direction:column; gap:10px !important; }
  #view-materiaisDidaticos.md5-ready .md-card { display:grid; grid-template-columns:76px minmax(0,1fr); gap:12px; padding:10px !important; }
  #view-materiaisDidaticos.md5-ready .md-card > div:first-child { width:76px; }
  #view-materiaisDidaticos.md5-ready .md-card > div:first-child > div:first-child { aspect-ratio:3/4 !important; }
  #view-materiaisDidaticos.md5-ready .md-card > div:nth-child(2) { min-width:0; align-self:center; margin-top:0 !important; }
  .md-overlay { padding:0 !important; align-items:stretch !important; }
  .md-overlay > div { width:100% !important; max-width:none !important; min-height:100dvh; margin:0 !important; border-radius:0 !important; padding:18px 14px calc(28px + env(safe-area-inset-bottom)) !important; }
}