/* v0.6.86 — install-prompt preference checkbox for Student, Admin and Kitchen */
/* v0.6.86 — PWA install preference below action buttons */
.role-install-never,
.student-install-never{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.79rem;
  line-height:1.4;
  color:#3e4656;
  cursor:pointer;
  padding:3px 1px 1px;
  min-width:0;
}
.role-install-never input,
.student-install-never input{
  width:17px;
  height:17px;
  flex:none;
  margin:0;
  accent-color:#376aff;
}


/* v0.6.89 — Student PWA install card: fixed real-device layout.
   v0.6.88 set grid-area: app-actions/app-never but then overrode its
   column placement with an automatic grid column, shrinking both rows into
   the 60px icon track on RTL phones. Always span BOTH columns. */
.student-install-copy{
  min-width:0;
  max-width:100%;
  overflow-wrap:break-word;
}
.student-install-never span{
  flex:1 1 auto;
  min-width:0;
  overflow-wrap:break-word;
}
@media (max-width:620px){
  .student-install-card{
    inset-inline:0;
    width:calc(100% - 24px);
    max-width:520px;
    bottom:max(12px, env(safe-area-inset-bottom, 0px));
    max-height:calc(100dvh - 24px);
    overflow-y:auto;
    padding:14px;
    grid-template-columns:60px minmax(0, 1fr);
    grid-template-areas:
      "app-icon app-copy"
      "app-actions app-actions"
      "app-never app-never";
    align-items:center;
    gap:12px;
    text-align:right;
    direction:rtl;
  }
  .student-install-icon{
    grid-area:app-icon;
    width:56px;
    height:56px;
    object-fit:contain;
  }
  .student-install-copy{
    grid-area:app-copy;
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
    width:100%;
  }
  .student-install-copy strong{
    font-size:1rem;
    line-height:1.35;
  }
  .student-install-copy span,
  .student-install-copy small{
    font-size:.82rem;
    line-height:1.5;
  }
  .student-install-actions{
    grid-area:app-actions;
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
  }
  .student-install-actions .btn{
    width:100%;
    min-width:0;
    min-height:44px;
    padding:9px 10px;
  }
  .student-install-never{
    grid-area:app-never;
    grid-column:1 / -1;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:10px;
    width:100%;
    margin:0;
    padding:2px 0 0;
    white-space:normal;
    text-align:right;
    font-size:.82rem;
    line-height:1.45;
  }
  .student-install-never input{
    flex:0 0 18px;
    width:18px;
    height:18px;
  }
}