/* v0.12.6 - compact adaptive commission board. */
body.theme-ashen.screen-map-active #pathCommissionService.commission-service{
  display:grid;
  gap:8px;
  min-width:0;
  padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));
}
body.theme-ashen.screen-map-active #pathCommissionService>.path-service-intro{
  margin:0!important;
  min-width:0;
  overflow:hidden;
  color:var(--muted,#aeb8b4)!important;
  font-size:11px!important;
  line-height:1.25!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.theme-ashen .commission-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(104px,116px);
  gap:8px;
  align-items:stretch;
  min-width:0;
}
body.theme-ashen .commission-daily-bonus,
body.theme-ashen .commission-refresh-panel{
  min-width:0;
  margin:0;
  border-radius:12px;
}
body.theme-ashen .commission-daily-bonus{
  display:grid;
  align-content:center;
  gap:3px;
  padding:8px 10px;
}
body.theme-ashen .commission-daily-bonus>div{
  gap:8px;
}
body.theme-ashen .commission-daily-bonus>div span{
  font-size:10px;
  letter-spacing:.055em;
}
body.theme-ashen .commission-daily-bonus>div strong{
  padding:3px 7px;
  font-size:11px;
}
body.theme-ashen .commission-daily-bonus p,
body.theme-ashen .commission-daily-bonus small{
  display:block;
  min-width:0;
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.theme-ashen .commission-daily-bonus p{
  font-size:10px;
  line-height:1.2;
}
body.theme-ashen .commission-daily-bonus small{
  font-size:9px;
  line-height:1.15;
}
body.theme-ashen .commission-refresh-panel{
  display:grid;
  grid-template-rows:auto 1fr auto;
  align-content:stretch;
  gap:3px;
  padding:8px;
}
body.theme-ashen .commission-refresh-panel>div{
  display:grid;
  align-content:start;
  min-width:0;
}
body.theme-ashen .commission-refresh-panel strong{
  font-size:10px;
  line-height:1.15;
}
body.theme-ashen .commission-refresh-panel small{
  display:-webkit-box;
  margin:2px 0 0;
  overflow:hidden;
  font-size:8.5px;
  line-height:1.15;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.theme-ashen .commission-refresh-panel button{
  width:100%;
  min-width:0;
  min-height:var(--ff-control-height,44px);
  padding:7px 8px;
  font-size:10.5px;
}
body.theme-ashen .commission-board{
  display:grid;
  gap:8px;
  min-width:0;
}
body.theme-ashen .commission-card{
  --commission-action-width:108px;
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--commission-action-width);
  grid-template-areas:
    "head actions"
    "desc actions"
    "objective reward";
  column-gap:10px;
  row-gap:5px;
  min-width:0;
  min-height:124px;
  padding:var(--ff-card-padding,12px);
  border-left-width:3px;
  border-radius:14px;
}
body.theme-ashen .commission-card header{
  grid-area:head;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-width:0;
}
body.theme-ashen .commission-icon{
  width:34px;
  height:34px;
  border-radius:10px;
}
body.theme-ashen .commission-icon svg{
  width:19px;
  height:19px;
}
body.theme-ashen .commission-title-copy{
  min-width:0;
}
body.theme-ashen .commission-card header h4{
  display:-webkit-box;
  margin:1px 0 0;
  overflow:hidden;
  font-size:15px;
  line-height:1.12;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.theme-ashen .commission-rarity{
  font-size:9px;
  letter-spacing:.1em;
}
body.theme-ashen .commission-stamp{
  max-width:92px;
  overflow:hidden;
  padding:3px 6px;
  font-size:8px;
  text-overflow:ellipsis;
}
body.theme-ashen .commission-description{
  grid-area:desc;
  display:-webkit-box;
  min-width:0;
  margin:0;
  overflow:hidden;
  color:var(--muted,#aeb8b4);
  font-size:11px;
  line-height:1.25;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}
body.theme-ashen .commission-objective{
  grid-area:objective;
  display:grid;
  grid-template-columns:auto minmax(42px,1fr);
  align-items:center;
  gap:5px 7px;
  min-width:0;
  padding:0;
  border:0;
}
body.theme-ashen .commission-objective-label{
  display:none;
}
body.theme-ashen .commission-objective>strong{
  grid-column:1;
  font-size:11px;
  line-height:1;
}
body.theme-ashen .commission-progress{
  grid-column:2;
  height:4px;
}
body.theme-ashen .commission-reward{
  grid-area:reward;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:0;
  padding:4px 7px;
  border-radius:8px;
}
body.theme-ashen .commission-reward-label,
body.theme-ashen .commission-reward small{
  display:none;
}
body.theme-ashen .commission-reward strong{
  display:block;
  min-width:0;
  overflow:hidden;
  font-size:10.5px;
  line-height:1.2;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.theme-ashen.screen-map-active .commission-card footer.commission-actions{
  grid-area:actions;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center;
  gap:6px!important;
  min-width:0;
  margin:0;
}
body.theme-ashen.screen-map-active .commission-card footer.commission-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:var(--ff-control-height,44px);
  padding:7px 8px;
  font-size:10.5px;
  line-height:1.1;
  white-space:normal;
}
body.theme-ashen .commission-card.state-active{
  grid-template-columns:minmax(0,1fr) minmax(0,.95fr);
  grid-template-areas:
    "head head"
    "desc desc"
    "objective reward"
    "actions actions";
  min-height:148px;
}
body.theme-ashen.screen-map-active .commission-card.state-active footer.commission-actions{
  grid-template-columns:minmax(92px,.42fr) minmax(0,1fr)!important;
}
body.theme-ashen .commission-card.state-ready_to_claim{
  --commission-action-width:124px;
}

html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen.screen-map-active #pathCommissionService.commission-service,
html[data-ui-density="ultra"] body.theme-ashen.screen-map-active #pathCommissionService.commission-service{
  gap:6px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen.screen-map-active #pathCommissionService>.path-service-intro,
html[data-ui-density="ultra"] body.theme-ashen.screen-map-active #pathCommissionService>.path-service-intro{
  display:none;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-toolbar,
html[data-ui-density="ultra"] body.theme-ashen .commission-toolbar{
  grid-template-columns:minmax(0,1fr) 96px;
  gap:6px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-daily-bonus,
html[data-ui-density="ultra"] body.theme-ashen .commission-daily-bonus{
  gap:2px;
  padding:7px 8px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-daily-bonus p,
html[data-ui-density="ultra"] body.theme-ashen .commission-daily-bonus p{
  display:none;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-daily-bonus small,
html[data-ui-density="ultra"] body.theme-ashen .commission-daily-bonus small{
  font-size:8.5px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-refresh-panel,
html[data-ui-density="ultra"] body.theme-ashen .commission-refresh-panel{
  grid-template-rows:1fr auto;
  padding:7px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-refresh-panel strong,
html[data-ui-density="ultra"] body.theme-ashen .commission-refresh-panel strong{
  font-size:9px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-refresh-panel small,
html[data-ui-density="ultra"] body.theme-ashen .commission-refresh-panel small{
  display:none;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-board,
html[data-ui-density="ultra"] body.theme-ashen .commission-board{
  gap:6px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-card,
html[data-ui-density="ultra"] body.theme-ashen .commission-card{
  --commission-action-width:96px;
  column-gap:7px;
  row-gap:4px;
  min-height:112px;
  padding:8px;
  border-radius:12px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-card header,
html[data-ui-density="ultra"] body.theme-ashen .commission-card header{
  grid-template-columns:31px minmax(0,1fr) auto;
  gap:6px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-icon,
html[data-ui-density="ultra"] body.theme-ashen .commission-icon{
  width:31px;
  height:31px;
  border-radius:9px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-icon svg,
html[data-ui-density="ultra"] body.theme-ashen .commission-icon svg{
  width:17px;
  height:17px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-card header h4,
html[data-ui-density="ultra"] body.theme-ashen .commission-card header h4{
  font-size:13.5px;
  -webkit-line-clamp:1;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-description,
html[data-ui-density="ultra"] body.theme-ashen .commission-description{
  font-size:10px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-objective>strong,
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-reward strong,
html[data-ui-density="ultra"] body.theme-ashen .commission-objective>strong,
html[data-ui-density="ultra"] body.theme-ashen .commission-reward strong{
  font-size:9.5px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen.screen-map-active .commission-card footer.commission-actions button,
html[data-ui-density="ultra"] body.theme-ashen.screen-map-active .commission-card footer.commission-actions button{
  min-height:44px;
  padding:6px;
  font-size:9.5px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-card.state-active,
html[data-ui-density="ultra"] body.theme-ashen .commission-card.state-active{
  min-height:136px;
}
html[data-ui-width="phone"][data-ui-height="compact"] body.theme-ashen .commission-card.state-ready_to_claim,
html[data-ui-density="ultra"] body.theme-ashen .commission-card.state-ready_to_claim{
  --commission-action-width:108px;
}

@media(max-width:350px){
  body.theme-ashen .commission-toolbar{grid-template-columns:minmax(0,1fr) 90px}
  body.theme-ashen .commission-card{--commission-action-width:90px;column-gap:6px}
  body.theme-ashen .commission-card header h4{font-size:13px}
  body.theme-ashen .commission-reward strong{font-size:9px}
}