/* Recodet Round 5 — Learn, Events, Profile, Chat */

/* Shared module shells */
.learnProHead,.eventProHead,.profileProHead,.chatProHead,
.learnHero,.learnCurrent,.learnDetailHero,.learnProgressHero,
.eventHero,.eventDetailCard,.eventCreateCard,
.profileHero,.profileTeamHero,.profileSettingsCard,.profileDataCard,
.chatInboxHero,.chatRoomHead,.chatSettingsCard,.chatStorageCard{
  background:linear-gradient(180deg,var(--surface-raised,#17140f),var(--surface,#0f0d09))!important;
  border:1px solid var(--border,#4a3a16)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
  color:var(--text,#f6edcf)!important;
}

.learnProHead,.eventProHead,.profileProHead,.chatProHead{
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:center!important;
}
.learnProHead p,.eventProHead p,.profileProHead p,.chatProHead p,
.learnProHead span,.eventProHead span,.profileProHead span,.chatProHead span{
  color:var(--text-muted,#b9aa7d)!important;
}
.learnProHead h2,.eventProHead h2,.profileProHead h2,.chatProHead h2{
  color:var(--text,#f6edcf)!important;
  font-size:22px!important;
  margin:2px 0!important;
}
.learnHeadMark,.eventHeadBadge,.profileHeadMark,.chatHeadMark{
  width:44px!important;height:44px!important;border-radius:13px!important;
  background:rgba(212,175,55,.10)!important;color:var(--gold,#d4af37)!important;
  border:1px solid rgba(212,175,55,.22)!important;box-shadow:none!important;
}

/* Remove decorative stats */
.learnStats,.eventStats,.profileStats,.profileTeamStats,.chatQuickStats{display:none!important;}

/* Learn */
.learnHero,.learnCurrent,.learnDetailHero,.learnProgressHero{padding:14px!important;border-radius:18px!important;margin-bottom:12px!important;}
.learnHero{min-height:116px!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important;}
.learnHeroIcon,.learnCourseIcon{background:rgba(212,175,55,.10)!important;color:var(--gold,#d4af37)!important;border-color:rgba(212,175,55,.22)!important;}
.learnHero strong,.learnCurrent strong,.learnDetailHero h2,.learnProgressHero strong{color:var(--text,#f6edcf)!important;}
.learnHero small,.learnCurrent small,.learnDetailHero p,.learnProgressHero small,.learnMeta small{color:var(--text-muted,#b9aa7d)!important;}
.learnCategoryGrid{gap:8px!important;}
.learnCategoryGrid button{min-height:72px!important;padding:8px 5px!important;border-radius:15px!important;background:var(--surface,#0f0d09)!important;border:1px solid var(--border,#4a3a16)!important;color:var(--text,#f6edcf)!important;box-shadow:none!important;}
.learnCategoryGrid button svg{width:24px!important;height:24px!important;color:var(--gold,#d4af37)!important;}
.learnCourseList,.learnLessonList,.learnTaskList,.learnProgressList{gap:9px!important;}
.learnCourseCard,.learnLessonRow,.learnTaskCard,.learnProgressList>button{
  background:var(--surface,#0f0d09)!important;border:1px solid var(--border,#4a3a16)!important;
  border-radius:16px!important;box-shadow:none!important;color:var(--text,#f6edcf)!important;
}
.learnCourseCard{padding:12px!important;min-height:118px!important;}
.learnCourseCopy h3,.learnLessonRow strong,.learnTaskCard strong,.learnProgressList strong{color:var(--text,#f6edcf)!important;}
.learnCourseCopy p,.learnCourseCopy span,.learnLessonRow small,.learnTaskCard small,.learnTaskCard em,.learnProgressList span{color:var(--text-muted,#b9aa7d)!important;}
.learnCourseAction,.learnLessonRow button,.learnTaskCard button,.learnEmpty button{
  min-height:38px!important;padding:0 12px!important;border-radius:11px!important;background:var(--gold,#d4af37)!important;color:#0b0905!important;border:0!important;font-weight:800!important;
}
.learnSearch,.learnFilterRow button,.learnCourseSwitch button{background:var(--surface,#0f0d09)!important;border-color:var(--border,#4a3a16)!important;color:var(--text,#f6edcf)!important;}
.learnSearch input{color:var(--text,#f6edcf)!important;}
.learnFilterRow button.active,.learnCourseSwitch button.active{background:rgba(212,175,55,.14)!important;color:var(--gold,#d4af37)!important;border-color:rgba(212,175,55,.30)!important;}
.learnTaskSummary{display:none!important;}
.learnBadgeGrid>div{background:var(--surface,#0f0d09)!important;border-color:var(--border,#4a3a16)!important;color:var(--text-muted,#b9aa7d)!important;}
.learnBadgeGrid>div.earned{color:var(--gold,#d4af37)!important;border-color:rgba(212,175,55,.28)!important;}

/* Events */
.eventHero{grid-template-columns:100px minmax(0,1fr)!important;border-radius:18px!important;margin-bottom:12px!important;}
.eventHero>.eventVisual{min-height:124px!important;}
.eventHeroCopy{padding:12px!important;}
.eventHeroCopy strong,.eventCardTitle,.eventDetailTitle h2,.eventCreatedList strong{color:var(--text,#f6edcf)!important;}
.eventHeroCopy small,.eventMetaRow,.eventPlaceRow,.eventDetailCard p,.eventCreatedList small{color:var(--text-muted,#b9aa7d)!important;}
.eventCategoryGrid{gap:8px!important;}
.eventCategoryGrid button,.eventCard,.eventProCard,.eventCreatedList article{
  background:var(--surface,#0f0d09)!important;border:1px solid var(--border,#4a3a16)!important;border-radius:16px!important;box-shadow:none!important;color:var(--text,#f6edcf)!important;
}
.eventCategoryGrid button{min-height:72px!important;padding:8px 5px!important;}
.eventCardList,.eventGrid{gap:9px!important;}
.eventCard{min-height:118px!important;}
.eventOpenBtn,.eventJoinBtn,.eventCreateCard button,.eventDetailActions button{min-height:38px!important;border-radius:11px!important;}
.eventOpenBtn,.eventJoinBtn,.eventCreateCard button:last-child,.eventDetailActions .primary{background:var(--gold,#d4af37)!important;color:#0b0905!important;border:0!important;}
.eventSearch,.eventFilterRow button,.eventMyTabs button{background:var(--surface,#0f0d09)!important;border-color:var(--border,#4a3a16)!important;color:var(--text,#f6edcf)!important;}
.eventFilterRow button.active,.eventMyTabs button.active{background:rgba(212,175,55,.14)!important;color:var(--gold,#d4af37)!important;border-color:rgba(212,175,55,.30)!important;}
.eventCreateCard input,.eventCreateCard select,.eventCreateCard textarea{background:#0b0905!important;color:var(--text,#f6edcf)!important;border-color:var(--border,#4a3a16)!important;}

/* Profile */
.profileHero,.profileTeamHero{padding:14px!important;border-radius:18px!important;margin-bottom:12px!important;}
.profileCover{height:96px!important;border-radius:16px!important;background:linear-gradient(135deg,#2a2110,#0c0a06)!important;}
.profileAvatar,.profileMiniAvatar,.profileSettingsAvatar{background:rgba(212,175,55,.12)!important;color:var(--gold,#d4af37)!important;border-color:rgba(212,175,55,.25)!important;}
.profileIdentity strong,.profilePostTop strong,.profileMemberList strong,.profileSettingsCard strong,.profileDataCard strong,.profileActivityList strong{color:var(--text,#f6edcf)!important;}
.profileIdentity span,.profilePostTop small,.profileMemberList small,.profileSettingsCard small,.profileDataCard small,.profileActivityList small,.profileActivityList time{color:var(--text-muted,#b9aa7d)!important;}
.profileComposer,.profilePostCard,.profileMemberList article,.profileActivityList article{
  background:var(--surface,#0f0d09)!important;border:1px solid var(--border,#4a3a16)!important;border-radius:16px!important;box-shadow:none!important;color:var(--text,#f6edcf)!important;
}
.profileComposer{padding:11px!important;}
.profilePostList,.profileMemberList,.profileActivityList{gap:9px!important;}
.profilePostCard{padding:12px!important;}
.profileComposer textarea,.profileSettingsCard input,.profileSettingsCard select{background:#0b0905!important;color:var(--text,#f6edcf)!important;border-color:var(--border,#4a3a16)!important;}
.profileComposer button,.profileDataActions button,.profilePostFoot button{border-radius:11px!important;}
.profileComposer button[type="submit"],.profileDataActions button.primary{background:var(--gold,#d4af37)!important;color:#0b0905!important;border:0!important;}

/* Chat */
.chatInboxHero{min-height:96px!important;padding:14px!important;border-radius:18px!important;margin-bottom:10px!important;}
.chatInboxHero h2,.chatConversationMain strong,.chatRoomHead strong,.chatGroupGrid strong,.chatSettingsCard strong,.chatStorageCard strong{color:var(--text,#f6edcf)!important;}
.chatInboxHero p,.chatConversationMain small,.chatRoomHead small,.chatGroupGrid small,.chatSettingsCard small,.chatStorageCard small{color:var(--text-muted,#b9aa7d)!important;}
.chatSearch,.chatComposer,.chatGroupCreate{background:var(--surface,#0f0d09)!important;border:1px solid var(--border,#4a3a16)!important;color:var(--text,#f6edcf)!important;}
.chatSearch input,.chatComposer input,.chatGroupCreate input{background:transparent!important;color:var(--text,#f6edcf)!important;}
.chatConversationList,.chatGroupGrid{gap:8px!important;}
.chatConversationRow,.chatGroupGrid button{
  background:var(--surface,#0f0d09)!important;border:1px solid var(--border,#4a3a16)!important;border-radius:15px!important;box-shadow:none!important;color:var(--text,#f6edcf)!important;min-height:66px!important;
}
.chatPeopleStrip button{background:var(--surface,#0f0d09)!important;border-color:var(--border,#4a3a16)!important;color:var(--text,#f6edcf)!important;}
.chatPeopleStrip button.active,.chatGroupGrid button.active{background:rgba(212,175,55,.12)!important;border-color:rgba(212,175,55,.30)!important;}
.chatMessages{background:#0b0905!important;border-color:var(--border,#4a3a16)!important;}
.chatBubble{background:#1a160d!important;color:var(--text,#f6edcf)!important;border:1px solid var(--border,#4a3a16)!important;}
.chatBubbleRow.own .chatBubble{background:rgba(212,175,55,.16)!important;border-color:rgba(212,175,55,.28)!important;}
.chatBubble span{color:var(--text-muted,#b9aa7d)!important;}
.chatComposer button:last-child,.chatGroupCreate button{background:var(--gold,#d4af37)!important;color:#0b0905!important;border:0!important;}
.chatSettingsCard,.chatStorageCard{border-radius:16px!important;padding:12px!important;}
.chatAvatar{background:#2a2110!important;color:var(--gold,#d4af37)!important;}

@media(max-width:599px){
  .learnHero{grid-template-columns:38px minmax(0,1fr) auto!important;min-height:104px!important;padding:11px!important;}
  .learnCategoryGrid,.eventCategoryGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .learnCategoryGrid button,.eventCategoryGrid button{min-height:64px!important;}
  .eventHero{grid-template-columns:84px minmax(0,1fr)!important;}
  .eventHero>.eventVisual{min-height:112px!important;}
  .profileCover{height:82px!important;}
  .chatInboxHero{min-height:84px!important;padding:12px!important;}
}