/* 2.17.12 · Fluid tablet layout and refreshed accessible palette */
:root{--indigo:#5141e8;--indigo-dark:#3828c7;--navy:#111a42;--green:#07875c;--red:#c52e4a;--cyan:#087fad;--bg:#f3f5ff;--line:#dce1f2}
html,body{max-width:100%;overflow-x:clip}
.primary-btn{background:linear-gradient(120deg,#5745ed,#3e2ed2);box-shadow:0 8px 20px #5141e83b}
.primary-btn:hover{background:linear-gradient(120deg,#4431d6,#3120bb)}
.secondary-btn{color:#30278d;background:#eeeaff;border:1px solid #cfc7ff}
.secondary-btn:hover{background:#dfd8ff}
.danger-btn{background:#c52e4a}.whatsapp-btn{background:#087e58}
.small-btn{color:#3b318c;border-color:#cec8f2;background:#f9f8ff}
.btn,.send,.back{background:#5141e8!important;color:#fff!important;box-shadow:0 6px 16px #5141e82d}
.btn:hover,.send:hover,.back:hover{background:#3828c7!important}
.panel-card{border-color:#dfe2f3}
.reset-notice{padding:13px 15px;border-radius:11px;color:#135f43;background:#ddf7ec;line-height:1.5}
.login-screen{position:relative;min-height:100dvh;overflow-y:auto}
.login-links{display:flex;flex-wrap:wrap;gap:8px 16px}
.main-content,.portal-main,.view,.portal-view,.panel-card,.full-card,.modal,.data-area,.table-wrap{min-width:0;max-width:100%}
.panel-card img,.view img,.portal-view img{max-width:100%;height:auto}
.view *,.portal-view *{overflow-wrap:break-word}
.card-heading,.heading-tools,.quick-actions,.modal-actions,.report-actions{flex-wrap:wrap}
.card-heading>*{min-width:0}.heading-tools input{min-width:0}
.form-grid>*{min-width:0}
@media(max-width:1280px){
  .main-content,.portal-main{padding-left:clamp(14px,2vw,28px);padding-right:clamp(14px,2vw,28px)}
  .content-grid,.backup-grid,.self-profile-grid,.agenda-layout,.featured-source-grid,.resource-layout,.resources-layout{grid-template-columns:minmax(0,1fr)}
  .stats-grid,.report-grid,.youtube-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .homework-toolbar,.student-filter-bar,.content-search-extended,.content-search-bar,.user-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan-task-edit{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan-task-edit>.plan-task-note,.plan-task-edit>.plan-task-topic{grid-column:1/-1}
  .plan-task-edit>button{grid-column:auto}
  .live-lesson-card{grid-template-columns:minmax(110px,.3fr) minmax(0,1fr)}
  .live-lesson-actions{grid-column:1/-1;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}
  .chat-contact-picker{grid-template-columns:minmax(0,1fr) auto}
  .data-area,.table-wrap{overflow-x:visible}
  .data-area table,.table-wrap table{width:100%;min-width:0!important;table-layout:auto}
  .data-area table thead,.table-wrap table thead{display:none}
  .data-area table tbody,.table-wrap table tbody{display:grid;gap:12px}
  .data-area table tr,.table-wrap table tr{display:block;min-width:0;padding:10px 13px;border:1px solid var(--line);border-radius:13px;background:#fff}
  .data-area table td,.table-wrap table td{display:grid;grid-template-columns:minmax(92px,32%) minmax(0,1fr);gap:12px;align-items:start;min-width:0;padding:8px 0;border:0;border-bottom:1px solid #edf0f8;overflow-wrap:anywhere;white-space:normal}
  .data-area table td:last-child,.table-wrap table td:last-child{border-bottom:0}
  .data-area table td::before,.table-wrap table td::before{content:attr(data-label);color:#50567b;font-size:11px;font-weight:800;text-transform:none}
  .data-area table td[colspan],.table-wrap table td[colspan]{display:block}
  .data-area table td[colspan]::before,.table-wrap table td[colspan]::before{display:none}
  .person-copy strong,.person-copy span{white-space:normal}
}
@media(max-width:960px){
  .topbar{flex-wrap:wrap}.topbar>div:nth-child(2){flex:1 1 220px}
  .homework-upcoming-module,.featured-youtube-card,.featured-site-card,.live-lesson-card,.chat-contact-picker{grid-template-columns:minmax(0,1fr)}
  .live-lesson-actions{grid-column:auto}
  .form-grid,.profile-grid,.consent-grid,.account-management-grid{grid-template-columns:minmax(0,1fr)}
  .form-grid .full{grid-column:auto}
}
@media(max-width:780px){
  .main-content,.portal-main{width:100%;margin-left:0!important}
  .stats-grid,.report-grid,.youtube-video-grid,.homework-toolbar,.student-filter-bar,.content-search-extended,.content-search-bar,.user-filter-bar{grid-template-columns:minmax(0,1fr)}
  .card-heading,.detail-hero,.live-notification{align-items:stretch;flex-direction:column}
  .modal-actions>*{flex:1 1 auto}
}
@media(max-width:520px){.login-card{padding:25px 20px}.data-area table td,.table-wrap table td{grid-template-columns:minmax(76px,31%) minmax(0,1fr)}}
@media print{.data-area table,.table-wrap table{display:table!important;table-layout:auto}.data-area table thead,.table-wrap table thead{display:table-header-group!important}.data-area table tbody,.table-wrap table tbody{display:table-row-group!important}.data-area table tr,.table-wrap table tr{display:table-row!important;border:0;padding:0}.data-area table td,.table-wrap table td{display:table-cell!important}.data-area table td::before,.table-wrap table td::before{display:none!important}}
