/* Frontend styles for FRY Officials (scoped) */
.fry-frontend .fry-card{
  background:#fff;
  border:1px solid #dcdcde;
  border-radius:12px;
  padding:14px;
  margin:12px 0;
}

.fry-frontend .fry-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 14px;
}

.fry-frontend .fry-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:10px;
  border:1px solid #dcdcde;
  background:#fff;
  text-decoration:none !important;
  line-height:1.2;
}

.fry-frontend .fry-button:hover{
  background:#f6f7f7;
}

.fry-frontend .fry-badge{
  display:inline-block;
  margin:2px 6px 2px 0;
  padding:4px 8px;
  border-radius:999px;
  font-size:12px;
  border:1px solid transparent;
  background:#f6f7f7;
  white-space:nowrap;
}
.fry-frontend .fry-badge-ok{ border-color:#c3e6cb; background:#e8f5e9; color:#256029; }
.fry-frontend .fry-badge-warn{ border-color:#ffe8a1; background:#fff8e1; color:#7a5d00; }
.fry-frontend .fry-badge-danger{ border-color:#f5c2c7; background:#fdecea; color:#842029; }
.fry-frontend .fry-badge-info{ border-color:#cfd8dc; background:#eceff1; color:#37474f; }

.fry-frontend .fry-subtable{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
.fry-frontend .fry-subtable th,
.fry-frontend .fry-subtable td{
  padding:6px 8px;
  line-height:1.2;
  vertical-align:top;
}
.fry-frontend .fry-qual-label,
.fry-frontend .fry-qual-mini{
  display:block;
  margin:0;
  padding:0;
  line-height:1;
  font-size:11px;
  opacity:.75;
}
.fry-frontend .fry-status-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
.fry-frontend .fry-status-table th,
.fry-frontend .fry-status-table td{
  padding:6px 8px;
  line-height:1.2;
  vertical-align:top;
}
.fry-frontend .fry-status-table td.fry-tax{
  padding-top:6px;
  padding-bottom:6px;
  width:105px;
  min-width:105px;
}

/* v2.0.3 - Responsive layout for My Account official profile */
@media (max-width: 980px){
  /* Common: turn tables into grid cards */
  .fry-frontend .fry-status-table{
    width:100%;
  }
  .fry-frontend .fry-status-table thead{
    display:none;
  }
  .fry-frontend .fry-quals-table tbody tr{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:12px;
  }
  .fry-frontend .fry-taxes-table tbody tr{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:12px;
  }
  .fry-frontend .fry-status-table td{
    display:block;
    width:auto;
    border:1px solid #dcdcde;
    border-radius:12px;
    padding:10px 12px;
    background:#fff;
    margin:0;
  }
  .fry-frontend .fry-status-table td.fry-tax{
    width:auto;
    min-width:0;
  }
}

@media (max-width: 680px){
  .fry-frontend .fry-quals-table tbody tr{
    grid-template-columns: 1fr;
  }
  .fry-frontend .fry-taxes-table tbody tr{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px){
  .fry-frontend .fry-taxes-table tbody tr{
    grid-template-columns: 1fr;
  }
}

/* Mobile: show qualification title when table head is hidden */
@media (max-width: 980px){
  .fry-frontend .fry-quals-table td[data-label]::before{
    content: attr(data-label);
    display:block;
    font-weight:600;
    margin-bottom:6px;
  }
}


/* Profil oficial: poza din modulul de oficial */
.fry-frontend .fry-profile-header{
  display:flex;
  gap:20px;
  align-items:flex-start;
  justify-content:space-between;
}

.fry-frontend .fry-profile-info{ flex:1; min-width:0; }

.fry-frontend .fry-profile-avatar{
  width:120px;
  min-width:120px;
  text-align:center;
}

.fry-frontend .fry-profile-avatar img.fry-profile-photo{
  width:120px;
  height:120px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid #dcdcde;
}

.fry-frontend .fry-photo-placeholder{
  width:120px;
  height:120px;
  border-radius:12px;
  border:1px solid #dcdcde;
  background:#f6f7f7;
}

@media (max-width: 768px){
  .fry-frontend .fry-profile-header{
    flex-direction:column;
    align-items:flex-start;
  }
  .fry-frontend .fry-profile-avatar{
    width:auto;
    min-width:0;
  }
}

.fry-frontend .fry-profile-photo-placeholder{
  width:120px;
  height:120px;
  border-radius:12px;
  border:1px solid #dcdcde;
  background:#f6f7f7;
}