/*
 * ICA Platform v0.19.5 — Responsive Architecture Layer
 * Loaded after typography.css. The rule is: reorganize components before compressing text.
 */

/* Component invariants */
.ica-platform-page :where(.ica-system-header__inner,.ica-system-header__nav,.ica-system-header__primary,.ica-system-header__actions,.ica-shell,.ica-page-hero,.ica-panel-card,.ica-side-card,.ica-guest-access,.ica-guest-hero,.ica-guest-save,.ica-guest-save__copy,.ica-guest-save__action,.ica-guest-resource,.ica-guest-resource__head,.ica-library-toolbar,.ica-library-card,.ica-library-card__body,.ica-course-card,.ica-course-card__body,.ica-certificate-card,.ica-assessment-card,.ica-assessment-card__body){min-width:0}
.ica-platform-page :where(.ica-btn,.ica-system-header__nav a){text-wrap:pretty}

/* Temporary-content / Library conversion panel */
body.ica-context-app .ica-guest-save{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:24px 30px;
  padding:22px 24px;
}
body.ica-context-app .ica-guest-save__copy{max-width:780px}
body.ica-context-app .ica-guest-save__action{display:flex;align-items:center;justify-content:flex-end}
body.ica-context-app .ica-guest-save__action .ica-btn{min-width:220px;min-height:50px;padding-inline:22px;white-space:nowrap}
body.ica-context-app .ica-guest-save strong{font-size:17px;line-height:1.42}
body.ica-context-app .ica-guest-save p{max-width:760px;margin-top:7px;font-size:16px!important;line-height:1.68!important}
body.ica-context-app .ica-learning-breadcrumb{font-size:13px;line-height:1.5}
body.ica-context-app .ica-learning-breadcrumb a{font-size:13px}

/* Laptop / intermediate desktop: collapse before navigation can collide. */
@media(max-width:1500px){
  .ica-system-header__inner{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:9px 0}
  .ica-system-header__brand{width:190px;height:50px}.ica-system-header__brand img{width:190px;height:50px}
  .ica-system-header__toggle{display:flex;grid-column:2}
  .ica-system-header__nav{position:absolute;z-index:920;top:calc(100% + 1px);left:-16px;right:-16px;display:none;grid-template-columns:1fr;align-items:stretch;gap:8px;padding:12px 16px 16px;border:0;border-top:1px solid rgba(148,163,184,.14);border-radius:0 0 18px 18px;background:linear-gradient(180deg,#07152b 0%,#081a34 100%);box-shadow:0 24px 50px rgba(2,6,23,.28)}
  .ica-system-header__nav.is-open{display:grid}
  .ica-system-header__primary,.ica-system-header__actions{align-items:stretch;flex-direction:column;gap:4px}
  .ica-system-header__actions{padding-top:9px;border-top:1px solid rgba(255,255,255,.09)}
  .ica-system-header__nav a{width:100%;min-height:48px;justify-content:flex-start;padding:0 14px;font-size:14px!important;white-space:normal}
  .ica-system-header__utility{font-size:14px!important}
  .ica-system-header__community{margin-left:0;justify-content:space-between!important;background:rgba(226,179,67,.13)}
  .ica-system-header__toggle[aria-expanded="true"] i:nth-of-type(1){transform:translateY(6.5px) rotate(45deg)}
  .ica-system-header__toggle[aria-expanded="true"] i:nth-of-type(2){opacity:0}
  .ica-system-header__toggle[aria-expanded="true"] i:nth-of-type(3){transform:translateY(-6.5px) rotate(-45deg)}

  body.ica-context-app .ica-library-toolbar{align-items:stretch;flex-direction:column}
  body.ica-context-app .ica-library-toolbar>.ica-btn{align-self:flex-start}
  body.ica-context-app .ica-certificate-card{align-items:flex-start;flex-direction:column}
  body.ica-context-app .ica-certificate-card__actions{width:100%}
}

/* Compact desktop / portrait PC */
@media(max-width:1080px){
  body.ica-context-app .ica-guest-save{grid-template-columns:1fr;gap:18px;padding:22px 24px}
  body.ica-context-app .ica-guest-save__copy{max-width:860px}
  body.ica-context-app .ica-guest-save__action{justify-content:flex-start}
  body.ica-context-app .ica-guest-save__action .ica-btn{min-width:240px}
  body.ica-context-app .ica-guest-convert-card{grid-template-columns:1fr}
  body.ica-context-app .ica-guest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ica-context-app .ica-panel-card__heading{flex-wrap:wrap}
  body.ica-context-app .ica-page-hero{align-items:flex-start;flex-wrap:wrap}
}

@media(max-width:900px){
  body.ica-context-app .ica-guest-hero{grid-template-columns:1fr;gap:18px}
  body.ica-context-app .ica-guest-expiry{max-width:520px}
  body.ica-context-app .ica-learning-breadcrumb>span:last-child{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}
  body.ica-context-app .ica-assessment-card{grid-template-columns:1fr;gap:12px}
  body.ica-context-app .ica-assessment-card__action{justify-content:flex-start}
}

/* Tablet and mobile: actions get full-width geometry, text keeps readable scale. */
@media(max-width:720px){
  .ica-system-header{min-height:68px}
  .ica-system-header__inner{width:calc(100% - 22px);min-height:68px;padding:8px 0}
  .ica-system-header__brand{width:176px;height:48px}.ica-system-header__brand img{width:176px;height:48px}
  .ica-system-header__nav{left:-11px;right:-11px;padding:10px 11px 14px;border-radius:0 0 16px 16px}
  body.ica-context-app .ica-guest-save{padding:20px 18px;border-radius:20px}
  body.ica-context-app .ica-guest-save__action{width:100%}
  body.ica-context-app .ica-guest-save__action .ica-btn{width:100%;min-width:0;white-space:normal}
  body.ica-context-app .ica-guest-grid{grid-template-columns:1fr}
  body.ica-context-app .ica-guest-resource__head{padding:22px 18px}
  body.ica-context-app .ica-guest-resource__head h1{font-size:clamp(28px,7.8vw,36px);line-height:1.14}
  body.ica-context-app .ica-learning-breadcrumb{margin-bottom:12px}
  body.ica-context-app .ica-library-toolbar>.ica-btn{width:100%}
  body.ica-context-app .ica-certificate-card__actions{display:grid;grid-template-columns:1fr}
  body.ica-context-app .ica-certificate-card__actions .ica-btn{width:100%}
}

@media(max-width:480px){
  body.ica-context-app .ica-guest-save{padding:18px 16px}
  body.ica-context-app .ica-guest-hero{padding:22px 18px}
  body.ica-context-app .ica-guest-expiry{width:100%}
}

/* Action-group integrity across operational modules */
.ica-platform-page :where(.ica-hero-actions,.ica-side-actions,.ica-course-card__actions,.ica-library-detail__actions,.ica-certificate-card__actions,.ica-guest-resource__actions,.ica-activation-aside-note) .ica-btn{flex-shrink:0}
.ica-platform-page :where(.ica-card-meta,.ica-course-card__facts,.ica-course-card__actions,.ica-certificate-card__actions,.ica-library-card__foot,.ica-guest-resource__actions){min-width:0}
@media(max-width:1080px){
  body.ica-context-app .ica-card-meta{flex-wrap:wrap}
  body.ica-context-app .ica-course-card__actions,
  body.ica-context-app .ica-library-detail__actions,
  body.ica-context-app .ica-guest-resource__actions{flex-wrap:wrap}
}
@media(max-width:720px){
  body.ica-context-app .ica-course-card__actions,
  body.ica-context-app .ica-library-detail__actions,
  body.ica-context-app .ica-guest-resource__actions{display:grid;grid-template-columns:1fr;width:100%}
  body.ica-context-app .ica-course-card__actions .ica-btn,
  body.ica-context-app .ica-library-detail__actions .ica-btn,
  body.ica-context-app .ica-guest-resource__actions .ica-btn{width:100%}
}