/* Shared native-editor presentation. Commands and content stay with Sports Hired. */
.spma-shared-rich-editor.spma-job-rich-toolbar {
  box-sizing:border-box;min-width:0;max-width:100%;font-family:Roboto,Arial,sans-serif;color:#101713;isolation:isolate;
}
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar {
  box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;
  gap:4px;padding:8px;min-width:0;max-width:100%;margin:0;
  background:#fff;border-bottom:1px solid #E1E7E3;font-family:Roboto,Arial,sans-serif;
  position:relative;z-index:2;transform:translate3d(0,var(--spma-rich-toolbar-shift,0px),0);
}
.spma-shared-rich-editor.spma-job-rich-toolbar.is-toolbar-stuck .spma-rich-toolbar {
  box-shadow:0 3px 8px rgb(0 58 32 / 8%);
}
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar :is(.spma-rich-toolbar__button,.spma-rich-style-control) {
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;
  width:38px;min-width:38px;max-width:38px;height:38px;min-height:38px;max-height:38px;
  margin:0;padding:0;gap:0;border:1px solid transparent;border-radius:7px;
  background:#fff;color:#101713;box-shadow:none;cursor:pointer;vertical-align:middle;
  font:500 13px/1 Roboto,Arial,sans-serif;letter-spacing:normal;text-transform:none;
  transition:background-color .12s ease,border-color .12s ease;
}
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-style-control {position:relative;border-color:#E1E7E3;}
/* Keep the actual native select, its selected value, options and listeners. */
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-style-control>.spma-rich-toolbar__format {
  position:absolute!important;inset:0!important;box-sizing:border-box!important;display:block!important;
  width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;
  min-height:0!important;max-height:100%!important;flex:none!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:7px!important;opacity:0!important;cursor:pointer!important;
  font:400 16px/1.4 Roboto,Arial,sans-serif!important;color:#101713!important;
  background:#fff!important;box-shadow:none!important;z-index:1;
}
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar__format option {
  color:#101713;background:#fff;font:400 16px/1.4 Roboto,Arial,sans-serif;
}
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-job-rich-icon {
  display:block!important;flex:0 0 20px!important;box-sizing:border-box!important;
  width:20px!important;min-width:20px!important;max-width:20px!important;
  height:20px!important;min-height:20px!important;max-height:20px!important;
  margin:0!important;padding:0!important;border:0!important;object-fit:contain;
  opacity:1!important;pointer-events:none;filter:none!important;
}
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar .spma-job-rich-icon--active {
  display:none!important;
}
/* Native formatting state controls the icon. Clear uses only the transient
 * pressed state; it never becomes a formatting toggle. Both SVGs are cached. */
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar :is(.spma-rich-toolbar__button,.spma-rich-style-control).has-spma-rich-active-icon:is(.is-active,[aria-pressed="true"],:active)>.spma-job-rich-icon--default {
  display:none!important;
}
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar :is(.spma-rich-toolbar__button,.spma-rich-style-control).has-spma-rich-active-icon:is(.is-active,[aria-pressed="true"],:active)>.spma-job-rich-icon--active {
  display:block!important;
}
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar :is(.spma-rich-toolbar__button,.spma-rich-style-control):hover:not(:disabled) {
  background:#EEF3F0;border-color:#E1E7E3;color:#006837;
}
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar :is(.spma-rich-toolbar__button,.spma-rich-style-control):is(.is-active,[aria-pressed="true"]) {
  background:#EEF3F0;border-color:#E1E7E3;color:#006837;box-shadow:none;
}
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar .spma-rich-toolbar__button:active:not(:disabled) {
  background:#EEF3F0;border-color:#E1E7E3;color:#006837;box-shadow:none;transform:none;
}
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar .spma-rich-toolbar__button:focus-visible:not([data-spma-rich-pointer-focus]),
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-style-control:has(>.spma-rich-toolbar__format:focus-visible:not([data-spma-rich-pointer-focus])) {
  outline:2px solid #006837!important;outline-offset:2px!important;
}
.spma-shared-rich-editor.spma-job-rich-toolbar.is-disabled .spma-rich-toolbar {display:none;}
.spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar button:disabled {opacity:.5;cursor:not-allowed;}
/* Retain management job editor geometry; other native surfaces keep their own layout. */
.spma-shared-rich-editor.spma-job-rich-toolbar--managed {
  width:100%;border:1px solid #E1E7E3;border-radius:12px;background:#fff;overflow:hidden;
}
.spma-job-rich-toolbar--managed.is-focused {border-color:#006837;box-shadow:0 0 0 3px rgb(0 104 55 / 10%);}
.spma-job-rich-toolbar--managed .spma-rich-surface {
  box-sizing:border-box;min-width:0;max-width:100%;width:100%;padding:14px 16px;
  font-family:Roboto,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.65;color:#101713;
  overflow-wrap:anywhere;outline:none;min-height:220px;
}
.spma-job-rich-toolbar--managed .spma-rich-surface :is(ul,ol) {padding-inline-start:26px!important;list-style-position:outside;}
.spma-job-rich-toolbar--managed .spma-rich-surface ul {list-style-type:disc!important;}
.spma-job-rich-toolbar--managed .spma-rich-surface ol {list-style-type:decimal!important;}
.spma-job-rich-toolbar--managed .spma-rich-surface li {display:list-item!important;}
/* A single body-level tooltip uses the browser top layer when available. */
#spma-rich-toolbar-tooltip.spma-rich-toolbar-tooltip {
  position:fixed;inset:auto;z-index:2147483647;box-sizing:border-box;display:block;
  width:max-content;max-width:min(240px,calc(100vw - 16px));height:auto;min-height:0;
  margin:0;padding:6px 9px;border:0;border-radius:6px;background:#003A20;color:#fff;
  box-shadow:0 3px 12px rgb(0 30 15 / 15%);font:500 12px/18px Roboto,Arial,sans-serif;
  letter-spacing:normal;text-align:center;text-transform:none;text-decoration:none;
  white-space:normal;overflow:visible;overflow-wrap:normal;pointer-events:auto;
}
#spma-rich-toolbar-tooltip.spma-rich-toolbar-tooltip[hidden] {display:none!important;}
#spma-rich-toolbar-tooltip.spma-rich-toolbar-tooltip::after {
  content:"";position:absolute;left:var(--spma-tooltip-arrow,50%);top:100%;
  transform:translateX(-50%);border:5px solid transparent;border-top-color:#003A20;border-bottom:0;
}
.spma-job-rich-unavailable {
  box-sizing:border-box;max-width:100%;padding:14px;border:1px solid #E1E7E3;border-radius:12px;
  background:#EEF3F0;color:#101713;font-family:Roboto,Arial,sans-serif;
}
.spma-job-rich-unavailable p {margin:0 0 10px;font-size:13px;line-height:1.5;}
.spma-job-rich-unavailable .spma-job-rich-load-detail {color:#637069;margin:10px 0 0;overflow-wrap:anywhere;}
@media(max-width:600px) {
  .spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar {padding:6px;gap:2px;}
  .spma-job-rich-toolbar--managed .spma-rich-surface {font-size:16px;padding:14px;min-height:200px;}
}
@media(max-width:360px) {
  .spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar {gap:1px;padding-inline:2px;}
}
@media print {
  .spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar {transform:none!important;box-shadow:none!important;}
}
@media(prefers-reduced-motion:reduce) {
  .spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar :is(button,.spma-rich-style-control) {transition:none;}
}
@media(forced-colors:active) {
  .spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar :is(button,.spma-rich-style-control) {border-color:ButtonText;}
  .spma-shared-rich-editor.spma-job-rich-toolbar .spma-rich-toolbar :is(button,.spma-rich-style-control).is-active {outline:2px solid Highlight;}
  #spma-rich-toolbar-tooltip.spma-rich-toolbar-tooltip {border:1px solid CanvasText;}
}
