/* MineJobs workplace navigator: navigation only; canonical location[] stays in the choice picker. */
.mj-workplace-cascade {
  --mj-wp-border: var(--mj-post-border, #d9e4f2);
  --mj-wp-surface: var(--mj-post-surface, #fff);
  --mj-wp-soft: var(--mj-post-soft, #f5f9ff);
  --mj-wp-text: var(--mj-post-text, #172033);
  --mj-wp-muted: var(--mj-post-muted, #68778e);
  --mj-wp-primary: var(--mj-post-primary, #1677ff);
  direction: rtl;
  color: var(--mj-wp-text);
}
.mj-workplace-cascade *, .mj-workplace-cascade *::before, .mj-workplace-cascade *::after { box-sizing: border-box; }
.mj-workplace-cascade__intro {
  display:flex; align-items:baseline; justify-content:flex-start; flex-wrap:wrap; gap:5px 10px;
  margin:0 0 12px; padding:0; border:0; background:transparent;
}
.mj-workplace-cascade__intro strong { font-size:13px; font-weight:900; color:var(--mj-wp-text); }
.mj-workplace-cascade__intro span { font-size:12px; line-height:1.8; color:var(--mj-wp-muted); }
.mj-workplace-cascade__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.mj-workplace-cascade__level {
  position:relative; min-width:0; padding:10px; border:1px solid var(--mj-wp-border); border-radius:12px;
  background:color-mix(in srgb, var(--mj-wp-surface) 92%, var(--mj-wp-soft));
}
.mj-workplace-cascade__select-label { display:block; margin:0; }
.mj-workplace-cascade__select-label > span {
  display:block; margin:0 0 6px; font-size:12px; line-height:1.6; font-weight:900; color:var(--mj-wp-text);
}
.mj-workplace-cascade__grid select,
.mj-workplace-cascade__grid input {
  width:100%; min-height:42px; margin:0; padding:8px 11px;
  color:var(--mj-wp-text); background:var(--mj-wp-surface); border:1px solid var(--mj-wp-border); border-radius:9px;
  box-shadow:none; font:inherit;
}
.mj-workplace-cascade__grid select option { color:CanvasText; background:Canvas; }
.mj-workplace-cascade__search { display:block; margin:7px 0 0; }
.mj-workplace-cascade__search input { min-height:36px; padding-block:6px; font-size:12px; color:var(--mj-wp-muted); }
.mj-workplace-cascade__actions { display:flex; align-items:center; gap:6px; margin-top:6px; }
.mj-workplace-cascade button {
  min-height:36px; cursor:pointer; border:1px solid var(--mj-wp-border); border-radius:9px;
  background:var(--mj-wp-surface); color:var(--mj-wp-text); font:inherit; font-size:12px; font-weight:800; padding:6px 10px;
}
.mj-workplace-cascade button:hover { border-color:var(--mj-wp-primary); color:var(--mj-wp-primary); }
.mj-workplace-cascade [data-workplace-status] { min-height:0; margin:5px 0 0; color:var(--mj-wp-muted); font-size:11.5px; line-height:1.7; }
.mj-workplace-cascade [data-workplace-status]:empty { display:none; }
.mj-workplace-cascade [hidden] { display:none!important; }
.mj-workplace-cascade__city-head {
  display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px;
}
.mj-workplace-cascade__city-head p { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px 9px; margin:0; }
.mj-workplace-cascade__city-head strong { font-size:13px; font-weight:900; }
.mj-workplace-cascade__city-head span { color:var(--mj-wp-muted); font-size:12px; }
.mj-workplace-cascade__direct { min-height:34px!important; padding:5px 9px!important; background:transparent!important; color:var(--mj-wp-primary)!important; }
.mj-workplace-cascade__note { margin:7px 0 0; color:var(--mj-wp-muted); font-size:11.5px; line-height:1.75; }
.mj-workplace-cascade :focus-visible { outline:3px solid color-mix(in srgb, var(--mj-wp-primary) 42%, transparent); outline-offset:2px; }
@media(max-width:680px){
  .mj-workplace-cascade__grid{grid-template-columns:1fr;gap:8px}
  .mj-workplace-cascade__level{padding:9px}
  .mj-workplace-cascade__city-head{align-items:flex-start;flex-direction:column;gap:7px}
}
@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
  .mj-workplace-cascade__level { background:var(--mj-wp-surface); }
  .mj-workplace-cascade :focus-visible { outline-color:var(--mj-wp-primary); }
}