/* TutorSuite Web: Access requests / email links on narrow screens.
   Presentation only; approval rules, disabled controls and requests are unchanged. */
/* Keep native select intrinsic widths within the existing grid on desktop too. */
.online-app .access-request-card>div,.online-app .access-request-card>label{min-width:0;max-width:100%}
.online-app .access-request-card select{min-width:0;max-width:100%;width:100%}
@media(max-width:900px){
 .online-app .content:has(.access-tabs){min-width:0;max-width:100%}
 .online-app .access-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;max-width:100%;margin-bottom:22px}
 .online-app .access-tabs>.btn{width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px 8px;white-space:normal;overflow-wrap:anywhere;line-height:1.45;font-size:12px}
 .online-app .access-tabs~.page-title{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0;max-width:100%}
 .online-app .access-tabs~.page-title>div{min-width:0;max-width:100%}
 .online-app .access-tabs~.page-title>.btn{align-self:flex-start;max-width:100%;min-height:44px;white-space:normal}
 .online-app .access-area,.online-app .access-links{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;gap:16px}
 .online-app .access-area>*,.online-app .access-links>*{min-width:0;max-width:100%}
 .online-app .access-request-card{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;gap:14px;padding:20px 0}
 .online-app .access-request-card>*,.online-app .access-link-row>*{min-width:0;max-width:100%}
 .online-app .access-area p,.online-app .access-area strong,.online-app .access-area h2,.online-app .access-links p,.online-app .access-links strong{white-space:normal;overflow-wrap:anywhere;word-break:normal}
 .online-app .access-request-card label,.online-app .access-links label{min-width:0;max-width:100%;width:100%}
 .online-app .access-request-card select,.online-app .access-links select,.online-app .access-links input{box-sizing:border-box;min-width:0;max-width:100%;width:100%;min-height:44px;font-size:16px}
 .online-app .access-request-card>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .online-app .access-request-card>.row>.btn{min-width:0;max-width:100%;width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere;padding:10px 8px;font-size:12px;line-height:1.5}
 .online-app .access-links form.row{display:flex;flex-direction:column;align-items:stretch;min-width:0;max-width:100%}
 .online-app .access-links form.row>.btn{width:100%;min-height:44px}
 .online-app .access-link-row{flex-direction:column;align-items:stretch;gap:12px}
 .online-app .access-link-row>.btn{margin-left:0;align-self:stretch;min-height:44px}
 .online-app .access-link-preview{min-width:0;max-width:100%;padding:15px}
 .online-app .access-links .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
 .online-app .access-links>.row.row-wrap{align-items:flex-start;flex-wrap:wrap;gap:10px}
}