/* Account materials visual adapter.
   Layout, typography sizing and responsive behavior remain in account-materials-page.css. */

body.page-account-materials {background:var(--aidc-bg-page);color:var(--aidc-text-primary)}
body.page-account-materials h1,body.page-account-materials h2,body.page-account-materials h3{color:var(--aidc-text-primary)}
body.page-account-materials .muted{color:var(--aidc-text-muted)}
body.page-account-materials .card{border-color:var(--aidc-border-subtle);background:var(--aidc-bg-card);box-shadow:var(--aidc-shadow-popover)}
body.page-account-materials .material{border-color:var(--aidc-border-subtle)}
body.page-account-materials .tag{border-color:var(--aidc-border-default);color:var(--aidc-text-secondary);background:var(--aidc-btn-secondary-bg)}
body.page-account-materials .material-body{color:var(--aidc-text-secondary)}
body.page-account-materials .material-body a{color:var(--aidc-cyan-500)}
body.page-account-materials .primary-link{background:linear-gradient(135deg,var(--aidc-action-primary-from),var(--aidc-action-primary-to));color:var(--aidc-text-inverse);box-shadow:0 0 18px var(--aidc-action-primary-glow)}
body.page-account-materials .primary-link:hover,body.page-account-materials .primary-link:focus-visible{filter:brightness(1.08);box-shadow:0 0 24px var(--aidc-action-primary-glow);outline:none}
body.page-account-materials .empty{border-color:var(--aidc-border-strong);color:var(--aidc-text-secondary);background:var(--aidc-bg-card)}

html[data-aidc-color-mode="light"] body.page-account-materials .muted{color:var(--aidc-text-secondary)!important;opacity:1!important}
html[data-aidc-color-mode="light"] body.page-account-materials .primary-link{
  background:var(--aidc-btn-primary-bg)!important;
  border:1px solid var(--aidc-btn-primary-border)!important;
  color:var(--aidc-btn-primary-text)!important;
  box-shadow:none!important;
  filter:none!important
}
html[data-aidc-color-mode="light"] body.page-account-materials .primary-link:hover,
html[data-aidc-color-mode="light"] body.page-account-materials .primary-link:focus-visible{
  background:var(--aidc-btn-primary-bg-hover)!important;
  border-color:var(--aidc-btn-primary-border-hover)!important;
  color:var(--aidc-btn-primary-text)!important;
  box-shadow:none!important;
  filter:none!important;
  outline:none!important
}


/* Account materials layout, typography sizing and responsive behavior.
   Visual ownership: design-system/adapters/account-materials-theme.css. */

body.page-account-materials{
  margin:0;
  font-family:Inter,Arial,sans-serif
}

body.page-account-materials main{
  max-width:1120px;
  margin:0 auto;
  padding:44px 22px 64px
}

body.page-account-materials h1{
  font-size:34px;
  margin:0 0 8px;
  letter-spacing:0
}

body.page-account-materials h2{
  font-size:24px;
  line-height:1.15;
  margin:0
}

body.page-account-materials h3{
  font-size:17px;
  line-height:1.25;
  margin:0
}

body.page-account-materials .grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:14px;
  margin-top:24px
}

body.page-account-materials .card{
  border:1px solid transparent;
  border-radius:var(--aidc-radius-control);
  padding:18px
}

body.page-account-materials .campaign-title{
  margin:10px 0 0;
  line-height:1.45
}

body.page-account-materials .material{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid transparent
}

body.page-account-materials .material-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px
}

body.page-account-materials .tag{
  flex:0 0 auto;
  border:1px solid transparent;
  border-radius:999px;
  padding:4px 9px;
  font-size:12px;
  line-height:1
}

body.page-account-materials .material-body{
  margin-top:14px;
  font-size:15px;
  line-height:1.58;
  white-space:pre-wrap;
  overflow-wrap:anywhere
}

body.page-account-materials .material-body a{
  text-decoration:underline;
  text-underline-offset:3px
}

body.page-account-materials .material-body a[href*="/api/materials/open/"]{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:2px 9px;
  border:1px solid currentColor;
  border-radius:var(--aidc-radius-control);
  font-size:0;
  line-height:1;
  text-decoration:none;
  vertical-align:middle
}

body.page-account-materials .material-body a[href*="/api/materials/open/"]::after{
  content:"Открыть ссылку ↗";
  font-size:13px;
  font-weight:750;
  line-height:1.2
}

body.page-account-materials .actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px
}

body.page-account-materials .primary-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:var(--aidc-radius-control);
  text-decoration:none;
  font-weight:800
}

body.page-account-materials .empty{
  padding:28px;
  border:1px dashed transparent;
  border-radius:var(--aidc-radius-control);
  margin-top:24px
}

@media(max-width:640px){
  body.page-account-materials main{padding:34px 20px 52px}
  body.page-account-materials h1{font-size:30px}
  body.page-account-materials h2{font-size:22px}
  body.page-account-materials .grid{display:block}
  body.page-account-materials .card+.card{margin-top:14px}
  body.page-account-materials .material-head{display:block}
  body.page-account-materials .tag{display:inline-flex;margin-top:9px}
  body.page-account-materials .primary-link{width:100%;box-sizing:border-box}
}