/* 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(3,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;}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v32-composer-selects select.v463-native-recent {display:none!important;}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v463-recent-button {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:36px!important;min-height:36px!important;margin:0!important;padding:5px 8px!important;border:1px solid #8e9694!important;border-radius:4px!important;background:#fff!important;color:#263330!important;box-shadow:none!important;font:400 14px/20px system-ui,sans-serif!important;text-align:left!important;cursor:pointer;}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v463-recent-button>span {overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v463-recent-button:after {content:"▾";flex:0 0 auto;}
html body :is(#v25-student-form,form.v31-sms-form).v31-sms-form .v39-composer.v462-compact .v463-recent-button:focus-visible {outline:2px solid #805366!important;outline-offset:2px!important;}
html body .v463-recent-list {position:fixed!important;z-index:100000!important;box-sizing:border-box!important;margin:0!important;padding:4px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable;max-width:calc(100vw - 16px)!important;border:1px solid #aa8c99!important;border-radius:6px!important;background:#fff!important;box-shadow:0 5px 16px #0003!important;color:#263330!important;font:400 14px/20px system-ui,sans-serif!important;}
html body .v463-recent-list[hidden] {display:none!important;}
html body .v463-recent-option {display:block!important;position:relative!important;padding:8px!important;margin:0!important;border:0!important;border-bottom:1px solid #ece5e8!important;border-radius:3px!important;cursor:pointer!important;text-align:left!important;min-width:0!important;}
html body .v463-recent-option>span {display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;overflow-wrap:anywhere!important;white-space:normal!important;line-height:20px!important;max-height:60px!important;}
html body .v463-recent-option:hover,html body .v463-recent-option.v463-active {background:#f1e6eb!important;}
html body .v463-recent-option[aria-selected=true] {box-shadow:inset 3px 0 #805366!important;}
html body .v463-recent-option[aria-disabled=true] {opacity:.6!important;cursor:default!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}