/* V8 global responsive safety layer */
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{max-width:100%;overflow-x:hidden}img,svg,video,canvas,iframe{max-width:100%;height:auto}button,input,select,textarea{max-width:100%;font:inherit}.table-wrap,.table-responsive,[class*="table-wrap"]{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{max-width:100%}.navlinks,.top-actions,.toolbar-actions,.actions{scrollbar-width:none}.navlinks::-webkit-scrollbar,.top-actions::-webkit-scrollbar,.toolbar-actions::-webkit-scrollbar,.actions::-webkit-scrollbar{display:none}
@media(max-width:760px){header.topbar,.topbar,.site-header,.toolbar,.pro-toolbar{position:relative!important;top:auto!important}.topbar-inner,.toolbar-inner,.site-header-inner{max-width:100%!important}.navlinks,.top-actions,.toolbar-actions{display:flex!important;flex-wrap:nowrap!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain}.navlinks>a,.navlinks>button,.top-actions>a,.top-actions>button,.toolbar-actions>a,.toolbar-actions>button{flex:0 0 auto!important;white-space:nowrap!important}.shell,.doc-shell,.page-shell,.pro-shell,.wrapper,.container{max-width:calc(100% - 10px)!important;margin-left:auto!important;margin-right:auto!important}.grid,.pro-grid,.student-grid,.profile-head,.stats,.filters{min-width:0}.card,.panel,.section,fieldset{max-width:100%!important}input,select,textarea{min-height:44px}h1,h2,h3,p,li,td,th,label{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* V9 — compact, practical mobile refinements */
@media(max-width:760px){
  body:has(.assessment-form) .topbar{display:flex!important;align-items:center!important;gap:7px!important;padding:6px 7px!important;position:relative!important}
  body:has(.assessment-form) .topbar .brand{flex:0 0 42px!important;min-width:42px!important}
  body:has(.assessment-form) .topbar .brand img{width:40px!important;height:40px!important}
  body:has(.assessment-form) .topbar .brand span{display:none!important}
  body:has(.assessment-form) .topbar .top-actions{flex:1 1 auto!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding:1px 0!important}
  body:has(.assessment-form) .topbar .top-actions>a,body:has(.assessment-form) .topbar .top-actions>button{flex:0 0 auto!important;min-height:40px!important;padding:7px 10px!important;font-size:.76rem!important}
  body:has(.assessment-form) #copyLink{display:none!important}

  .assessment-form .likert{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;align-items:stretch!important;padding:12px 0!important;font-size:.83rem!important}
  .assessment-form .likert.pa-likert-head-row{display:none!important}
  .assessment-form .likert>div:first-child{grid-column:1/-1!important;margin:0 0 2px!important;font-weight:760!important;line-height:1.42!important}
  .assessment-form .likert label{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:48px!important;padding:7px!important;border:1px solid #cfdae2!important;border-radius:10px!important;background:#f7fafc!important;text-align:center!important}
  .assessment-form .likert label::before{content:attr(data-scale);font-weight:850;color:#173f60}
  .assessment-form .likert label:has(input:checked){border-color:#16739d!important;background:#e9f5fa!important;box-shadow:0 0 0 2px rgba(22,115,157,.13)!important}
  .assessment-form .likert input[type="radio"]{width:20px!important;height:20px!important;margin:0!important;accent-color:#16739d}

  .scroll-top,[class*="scroll-top"],button[aria-label*="atas" i],a[aria-label*="atas" i]{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;right:12px!important;bottom:14px!important;font-size:1.15rem!important}
  .assessment-form .card,.assessment-form .section{scroll-margin-top:10px}
}

/* V12.6 — koreksi tampilan HP: menu mengambang disembunyikan dan teks tidak pecah per huruf. */
@media(max-width:760px){
  header.topbar,.topbar,.site-header,.toolbar,.pro-toolbar{
    position:static!important;
    top:auto!important;
  }
  .roster-quick-access,
  .back-top-v2,
  .scroll-top,
  [class*="scroll-top"],
  button[aria-label*="atas" i],
  a[aria-label*="atas" i]{
    display:none!important;
  }
  :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,label,legend,th,td,caption,a,button,.btn){
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  :is(button,.btn,a.btn,[role="button"]){
    white-space:normal;
  }
  .table-wrap,.table-responsive,[class*="table-wrap"]{
    overflow-x:auto!important;
    overflow-y:visible!important;
  }
  .data-table{
    min-width:920px!important;
    table-layout:auto!important;
  }
  .data-table th,.data-table td{
    min-width:0;
    line-height:1.5;
  }
  .data-table thead th:nth-child(1),.data-table tbody th[scope="row"]{min-width:88px!important}
  .data-table th:nth-child(2),.data-table td:nth-child(2){min-width:105px!important}
  .data-table th:nth-child(3),.data-table td:nth-child(3){min-width:155px!important}
  .data-table th:nth-child(4),.data-table td:nth-child(4){min-width:390px!important}
  .data-table th:nth-child(5),.data-table td:nth-child(5){min-width:118px!important}
  .data-table th:nth-child(6),.data-table td:nth-child(6){min-width:90px!important;text-align:center!important}
  .data-table td .btn,.data-table td a.btn{
    min-width:70px!important;
    width:auto!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
    padding-inline:12px!important;
  }
}