/* Operations Menu: difficulty, session counters and optional shift objectives. */
.difficulty-section{
  border-color:#9ebdc4!important;
  background:linear-gradient(145deg,#fff 0%,#f2f9fa 100%)!important;
}
.menu-difficulty{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.menu-difficulty button{
  min-height:40px;
  padding:8px 5px;
  border:1px solid #68787b;
  background:#e4ebeb;
  color:#354649;
  font-family:inherit;
  font-size:8px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:.07em;
  cursor:pointer;
}
.menu-difficulty button:hover{background:#d5e4e6}
.menu-difficulty button.active{
  border-color:#236778;
  background:#317e8e;
  color:#fff;
  box-shadow:inset 0 0 12px #70d9eb,0 0 0 1px #317e8e;
}
.operations-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.operations-stats>div{
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 10px;
  border-left:3px solid #44a3b5;
  background:#edf4f4;
}
.operations-stats small{
  color:#52676b;
  font-size:7px;
  font-weight:700;
  letter-spacing:.07em;
}
.operations-stats b{
  color:#163840;
  font-size:18px;
  font-variant-numeric:tabular-nums;
}
.objective-list{display:grid;gap:7px}
.shift-objective{
  padding:9px;
  border:1px solid #bac8ca;
  background:#f0f5f5;
}
.shift-objective>div{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.shift-objective span b,.shift-objective span small{display:block}
.shift-objective span b{
  color:#24383c;
  font-size:8px;
  letter-spacing:.08em;
}
.shift-objective span small{
  margin-top:3px;
  color:#6b7d80;
  font-size:7px;
  line-height:1.35;
}
.shift-objective strong{
  min-width:62px;
  color:#28494f;
  font-size:8px;
  text-align:right;
  white-space:nowrap;
}
.shift-objective strong em{
  display:block;
  margin-top:2px;
  color:#bd7d15;
  font-size:7px;
  font-style:normal;
}
.shift-objective>i{
  display:block;
  height:5px;
  margin-top:8px;
  overflow:hidden;
  background:#d2dcdd;
}
.shift-objective>i u{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#31879a,#59bdcf);
  transition:width .35s ease;
}
.shift-objective.complete{
  border-color:#70ae84;
  background:#edf9f0;
}
.shift-objective.complete span b,.shift-objective.complete strong{color:#237540}
.shift-objective.complete>i u{background:linear-gradient(90deg,#2d9a56,#6bd589)}
@media(max-width:650px){
  .menu-difficulty{grid-template-columns:1fr}
  .operations-stats{grid-template-columns:1fr}
}