/* Fleetexo v93 - mobil bakiye/kur kartları ve iş işaretleme kompakt görünüm */

/* Para birimi satırları: mobilde üst üste binme ve tek harfe düşme sorunu engellenir. */
.fx91-currency-lines{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  text-align:left!important;
  white-space:normal!important;
}
.fx91-currency-row{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  line-height:1.08!important;
}
.fx91-converted-total{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin-top:9px!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  line-height:1.14!important;
}
.fx91-currency-converter{
  overflow:hidden!important;
}
.fx91-currency-form small{
  overflow-wrap:break-word!important;
  word-break:normal!important;
}

/* İş detayları varsayılan kapalı ve daha kompakt. */
.fx93-details-box:not([open]){
  background:rgba(216,170,69,.045)!important;
}
.fx93-details-box:not([open]) > summary{
  border-bottom:0!important;
}

/* İş işaretleme alanı: büyük kareler yerine kompakt buton düzeni. */
.fx93-job-actions{
  display:block!important;
  margin-top:12px!important;
  padding:12px!important;
  border:1px solid rgba(216,170,69,.18)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg, rgba(9,18,30,.70), rgba(4,8,14,.78))!important;
  overflow:hidden!important;
}
.fx93-action-title{
  font-weight:950;
  color:#f5d275;
  margin:0 0 9px;
  font-size:14px;
  letter-spacing:.01em;
}
.fx93-primary-actions,
.fx93-secondary-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:start!important;
  margin:0!important;
}
.fx93-secondary-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  margin-top:9px!important;
}
.fx93-secondary-actions > button,
.fx93-secondary-actions > .btn{
  grid-column:1 / -1;
}
.fx93-job-actions .action-unit{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  flex:none!important;
}
.fx93-job-actions .btn,
.fx93-job-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:auto!important;
  padding:10px 8px!important;
  border-radius:14px!important;
  font-size:13px!important;
  line-height:1.15!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  flex:none!important;
}
.fx93-job-actions button[disabled],
.fx93-job-actions .btn[disabled]{
  opacity:.46!important;
  filter:none!important;
}
.fx93-job-actions .action-hint{
  display:none!important;
}
.fx93-action-help{
  margin:8px 0 0;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(216,170,69,.08);
  border:1px solid rgba(216,170,69,.14);
  color:#f3d47c;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}
.fx93-proof-box{
  margin-top:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  background:rgba(255,255,255,.025);
  overflow:hidden;
}
.fx93-proof-box > summary{
  cursor:pointer;
  list-style:none;
  padding:11px 12px;
  color:#e7eefc;
  font-weight:900;
  font-size:13px;
}
.fx93-proof-box > summary::-webkit-details-marker{display:none}
.fx93-proof-box > summary:after{
  content:'⌄';
  float:right;
  color:#f0cf7a;
}
.fx93-proof-box[open] > summary:after{content:'⌃'}
.fx93-proof-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  margin:0!important;
  padding:0 10px 9px!important;
  width:100%!important;
}
.fx93-proof-row input[type=file],
.fx93-proof-row input[name=note]{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  font-size:14px!important;
}

@media(max-width:760px){
  .content .grid.cols-2,
  .content .grid.cols-3,
  .content .grid.cols-4{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .content .kpi,
  .panel .content .kpi,
  .card.kpi{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
    align-items:start!important;
    gap:8px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .content .kpi > span,
  .content .kpi > small,
  .card.kpi > span,
  .card.kpi > small{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    line-height:1.35!important;
  }
  .content .kpi > b,
  .card.kpi > b,
  .content .kpi > strong,
  .card.kpi > strong{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    text-align:left!important;
    font-size:clamp(24px,8vw,34px)!important;
    line-height:1.12!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .fx91-currency-row{
    font-size:clamp(22px,8.2vw,34px)!important;
  }
  .fx91-converted-total{
    font-size:clamp(20px,7vw,28px)!important;
  }
  .fx91-currency-converter{
    padding:12px!important;
    border-radius:18px!important;
    margin:8px 0 12px!important;
  }
  .fx91-currency-form{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
    align-items:end!important;
  }
  .fx91-currency-form label{
    display:grid!important;
    gap:6px!important;
    min-width:0!important;
  }
  .fx91-currency-form select{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
  }
  .fx91-currency-form button{
    min-height:42px!important;
    padding:9px 12px!important;
  }
  .fx91-currency-form small{
    grid-column:1 / -1!important;
    font-size:12px!important;
  }
  .fx84-details-box > summary{
    padding:11px 12px!important;
    font-size:14px!important;
  }
  .fx84-job-details{
    padding:9px!important;
  }
  .fx84-section{
    padding:10px!important;
  }
}

@media(max-width:420px){
  .fx93-primary-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .fx93-job-actions .btn,
  .fx93-job-actions button{
    min-height:40px!important;
    padding:9px 6px!important;
    font-size:12px!important;
  }
  .fx93-action-help{
    font-size:11px;
  }
}