/* VERA462: compact SMS controls; retain the existing form and sending behavior. */
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact {
  width:100% !important;
  max-width:860px !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  padding:12px !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v39-top {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 0 10px !important;
  padding:0 !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v32-composer-selects {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  min-width:0 !important;
  width:100% !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v32-composer-selects>label {
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  position:static !important;
  height:auto !important;
  min-height:0 !important;
  min-width:0 !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  font-size:14px !important;
  line-height:20px !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v32-composer-selects .v462-caption {
  display:block !important;
  position:static !important;
  clip:auto !important;
  width:auto !important;
  height:auto !important;
  overflow:visible !important;
  white-space:normal !important;
  font-size:14px !important;
  line-height:20px !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v32-composer-selects select {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:36px !important;
  min-height:36px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:5px 8px !important;
  font-size:14px !important;
  box-shadow:none !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v462-workspace {
  display:grid !important;
  grid-template-columns:minmax(0,520px) minmax(200px,1fr) !important;
  gap:14px !important;
  align-items:start !important;
  min-width:0 !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v462-message-column {
  min-width:0 !important;
  max-width:520px !important;
  width:100% !important;
  order:0 !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v462-message-label {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  font-size:14px !important;
  line-height:20px !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact textarea[name=smsmesajmesaj] {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:140px !important;
  min-height:140px !important;
  box-sizing:border-box !important;
  margin:4px 0 0 !important;
  padding:8px !important;
  resize:vertical !important;
  font-size:16px !important;
  line-height:1.5 !important;
  box-shadow:none !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v39-footer {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px 8px !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin:4px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  float:none !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v39-footer .v39-send {
  order:0 !important;
  align-self:flex-start !important;
  margin:0 !important;
  width:auto !important;
  min-width:0 !important;
  position:static !important;
  min-height:35px !important;
  padding:7px 14px !important;
  font-size:14px !important;
  line-height:21px !important;
  flex:0 0 auto !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v39-footer .v31-counter {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:4px !important;
  order:1 !important;
  flex:1 1 290px !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v39-footer .v31-counter span {
  margin:0 !important;
  padding:3px 5px !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v39-footer .v39-clear-list {
  order:2 !important;
  flex-basis:100% !important;
  margin:0 !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v462-message-column>.size11 {
  margin:6px 0 0 !important;
  overflow-wrap:anywhere !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v462-message-column .v32-preview {
  margin:8px 0 0 !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v462-side {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:10px !important;
  min-width:0 !important;
  padding-top:0 !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v463-message-tools .vera16-options {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:8px !important;
  position:relative !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  min-width:0 !important;
  width:100% !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v463-message-tools .vera16-options>label {
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  position:static !important;
  left:auto !important;
  top:auto !important;
  height:auto !important;
  min-height:22px !important;
  padding:0 !important;
  margin:0 !important;
  font-size:14px !important;
  line-height:20px !important;
  white-space:normal !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v463-message-tools .vera16-options>label input[type=checkbox] {
  width:17px !important;
  height:17px !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v463-message-tools .v32-token-tools {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:6px !important;
  transform:none !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v463-message-tools .v32-token-tools button {
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:6px 4px !important;
  font-size:13px !important;
  line-height:18px !important;
  white-space:normal !important;
  box-shadow:none !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v462-side .v60-phone-column {
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  order:0 !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v462-side .v60-phone-column label {
  display:block !important;
  margin:0 !important;
  font-size:14px !important;
  line-height:20px !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v462-side textarea[name=smsnumara] {
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  height:var(--v463-phone-height,280px) !important;
  min-height:140px !important;
  max-height:none !important;
  resize:vertical !important;
  margin:4px 0 0 !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v462-side .v60-phone-column p {
  margin:6px 0 0 !important;
  overflow-wrap:anywhere !important;
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact [hidden] {
  display:none !important;
}

@media(max-width:620px) {
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v462-workspace {grid-template-columns:minmax(0,1fr) !important;}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v462-side {padding-top:0 !important;max-width:520px !important;}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v32-composer-selects {grid-template-columns:minmax(0,1fr) !important;max-width:520px !important;}
}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact.v462-narrow .v462-workspace {grid-template-columns:minmax(0,1fr) !important;}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact.v462-narrow .v462-side {padding-top:0 !important;max-width:520px !important;}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact.v462-narrow .v32-composer-selects {grid-template-columns:minmax(0,1fr) !important;max-width:520px !important;}
html body #v25-student-form.v31-sms-form table.v36-list-rest:has(.v462-compact) {table-layout:fixed !important;width:100% !important;min-width:0 !important;max-width:100% !important;}

/* V463: aligned phone field and bounded, wrapping recent-message choices. */
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v463-message-tools {display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:10px!important;min-width:0!important;}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v463-message-tools .vera16-options {flex-direction:row!important;flex-wrap:wrap!important;gap:8px 14px!important;}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v463-message-tools .v32-token-tools {max-width:360px!important;}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v462-side textarea[name=smsnumara] {display:block!important;overflow:auto!important;font-size:16px!important;line-height:24px!important;padding:8px!important;}

/* V468: keep the personnel message form within the shared content width. */
html body form.v468-staff .v44-legacy-page,
html body form.v468-staff .v36-list-rest{table-layout:fixed!important;width:100%!important;max-width:100%!important;min-width:0!important}
html body form.v468-staff td.v44-old-wrapper{min-width:0!important;max-width:100%!important}

/* V989: desktop roster composers keep sender/template side by side, even in the narrow content column. */
@media(min-width:801px) and (min-height:540px){
 html body #v25-student-form.v31-sms-form .v39-composer.v32-list-composer.v462-compact{padding:8px!important}
 html body #v25-student-form.v31-sms-form .v39-composer.v32-list-composer.v462-compact .v39-top{margin-bottom:6px!important}
 html body #v25-student-form.v31-sms-form .v39-composer.v32-list-composer.v462-compact .v32-composer-selects{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-width:100%!important}
 html body #v25-student-form.v31-sms-form .v39-composer.v32-list-composer.v462-compact .v32-composer-selects select{height:32px!important;min-height:32px!important}
}