/* V439L - Agency menu visibility + professional mobile */

/* Force the two child navigation cards to be obvious */
.v439k-agency-subnav{
  position:relative;
  overflow:hidden;
}
.v439k-agency-subnav>a{
  position:relative;
}
.v439k-agency-subnav>a.active:after{
  content:"";
  position:absolute;
  left:10px;right:10px;bottom:0;height:3px;
  border-radius:999px;
  background:#2563eb;
}

/* Pending-order headline */
.v439l-pending-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
  padding:13px 14px;
  border:1px solid #bfdbfe;
  border-radius:11px;
  background:linear-gradient(135deg,#eff6ff,#fff);
}
.v439l-pending-banner span,
.v439l-pending-banner strong,
.v439l-pending-banner small{
  display:block;
}
.v439l-pending-banner>div:first-child>span{
  font-weight:800;
  letter-spacing:.08em;
  color:#1d4ed8;
}
.v439l-pending-banner>div:first-child>strong{
  margin-top:3px;
}
.v439l-pending-banner>div:first-child>small{
  margin-top:3px;
  color:#475569;
}
.v439l-pending-count{
  flex:none;
  min-width:92px;
  padding:8px 10px;
  border-radius:10px;
  background:#1d4ed8;
  color:#fff;
  text-align:center;
}
.v439l-pending-count b{
  font-size:22px;
}
.v439l-pending-count span{
  margin-top:1px;
}

/* Desktop readability */
@media(min-width:761px){
  .v439l-pending-banner,
  .v439l-pending-banner *{
    font-size:14px!important;
  }
  .v439l-pending-banner>div:first-child>strong{
    font-size:17px!important;
  }
}

/* ===== MOBILE: BOTH AGENCY LIST AND AGENCY ORDERS ===== */
@media(max-width:760px){
  .v439k-agency-page{
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Submenu becomes strong top navigation */
  .v439k-agency-subnav{
    position:sticky;
    top:0;
    z-index:20;
    grid-template-columns:1fr 1fr!important;
    margin:6px 0 10px!important;
    padding:5px!important;
    border-radius:12px!important;
    background:color-mix(in srgb,var(--background) 94%,transparent)!important;
    backdrop-filter:blur(8px);
  }
  .v439k-agency-subnav>a{
    min-height:58px!important;
    padding:8px 9px!important;
    border-radius:9px!important;
  }
  .v439k-agency-subnav>a b{
    font-size:10.5px!important;
  }
  .v439k-agency-subnav>a small{
    font-size:8.5px!important;
    line-height:1.3!important;
  }

  /* Intro less noisy */
  .v439k-agency-intro{
    margin-top:8px!important;
    padding:9px!important;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--card);
  }
  .v439k-agency-intro .eyebrow{
    font-size:8.5px!important;
  }
  .v439k-agency-intro p{
    font-size:9.5px!important;
    line-height:1.4!important;
  }

  /* Pending orders banner */
  .v439l-pending-banner{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
    padding:10px;
    margin-bottom:9px;
    border-radius:10px;
  }
  .v439l-pending-banner>div:first-child>span{font-size:8.5px}
  .v439l-pending-banner>div:first-child>strong{font-size:13px}
  .v439l-pending-banner>div:first-child>small{font-size:9px;line-height:1.4}
  .v439l-pending-count{
    width:100%;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:7px 9px;
  }
  .v439l-pending-count b{font-size:15px}
  .v439l-pending-count span{font-size:9px}

  /* Orders: status filter cards */
  .v439h-status-summary{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v439h-status-box{
    min-height:62px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  .v439h-status-box span{font-size:9.5px!important}
  .v439h-status-box b{
    min-width:30px!important;
    height:30px!important;
    font-size:10px!important;
  }

  /* Orders: proper card */
  .v439h-order-card{
    border:1px solid var(--border)!important;
    border-radius:13px!important;
    box-shadow:0 4px 14px rgba(15,23,42,.055)!important;
  }
  .v439h-order-card .v439e-card-head{
    padding:10px!important;
  }
  .v439h-order-card .v439e-order-identity>strong{
    font-size:14px!important;
  }
  .v439h-order-card .v439e-agency-owner{
    margin-top:2px;
    padding-top:8px!important;
  }
  .v439h-order-card .v439e-agency-owner strong{font-size:11px!important}
  .v439h-order-card .v439e-agency-owner small{font-size:9px!important}

  .v439h-order-card .v439e-card-summary{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    padding:8px 10px!important;
  }
  .v439h-order-card .v439e-card-summary>div{
    min-height:74px!important;
    padding:8px!important;
    border-radius:9px!important;
  }
  .v439h-order-card .v439e-card-summary span{font-size:8.5px!important}
  .v439h-order-card .v439e-card-summary b{font-size:10px!important}
  .v439h-order-card .v439e-card-summary .money b{font-size:13px!important}

  .v439h-order-card .v439e-line-preview{
    margin:0 10px!important;
    padding:7px!important;
  }
  .v439h-order-card .v439e-line-preview>div{
    padding:6px!important;
  }
  .v439h-order-card .v439e-line-preview strong{font-size:10px!important}
  .v439h-order-card .v439e-line-preview small{font-size:8.5px!important}

  .v439h-order-card .v439e-card-actions{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    padding:9px 10px 10px!important;
  }
  .v439h-order-card .v439e-card-actions button,
  .v439h-order-card .v439e-card-actions a{
    min-height:44px!important;
    font-size:10px!important;
    border-radius:9px!important;
  }
  .v439h-order-card .v439e-card-actions>*:first-child{
    grid-column:1/-1;
  }

  /* ===== Agency list mobile: convert desktop table into true cards ===== */
  .v439l-agency-directory{
    padding:9px!important;
    border-radius:12px!important;
  }
  .v439l-agency-directory .v439-section-head{
    gap:5px!important;
  }
  .v439l-agency-directory .v439-section-head h2{
    font-size:14px!important;
  }
  .v439l-agency-directory .v439-section-head small{
    font-size:9px!important;
    line-height:1.35!important;
  }

  .v439l-agency-directory table,
  .v439l-agency-directory tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .v439l-agency-directory thead{
    display:none!important;
  }
  .v439l-agency-directory tr{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    gap:0!important;
    margin:0 0 8px!important;
    border:1px solid var(--border)!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:var(--background)!important;
    box-shadow:0 3px 10px rgba(15,23,42,.035);
  }
  .v439l-agency-directory td{
    display:block!important;
    min-width:0!important;
    padding:8px!important;
    border:0!important;
  }
  .v439l-agency-directory td:nth-child(1){
    grid-column:1/2!important;
    grid-row:1/3!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:11px 2px 0 7px!important;
  }
  .v439l-agency-directory td:nth-child(2){
    grid-column:2/3!important;
    grid-row:1!important;
  }
  .v439l-agency-directory td:nth-child(2) strong,
  .v439l-agency-directory td:nth-child(2) button{
    font-size:11px!important;
  }
  .v439l-agency-directory td:nth-child(2) div{
    font-size:9px!important;
  }
  .v439l-agency-directory td:nth-child(3){
    grid-column:2/3!important;
    grid-row:2!important;
    padding-top:0!important;
    font-size:9px!important;
  }
  .v439l-agency-directory td:nth-child(4){
    display:none!important;
  }
  .v439l-agency-directory td:nth-child(5){
    grid-column:1/-1!important;
    grid-row:auto!important;
    border-top:1px solid var(--border)!important;
    font-size:9px!important;
  }
  .v439l-agency-directory td:nth-child(6){
    grid-column:3/4!important;
    grid-row:1/3!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    padding:10px 8px 0 2px!important;
  }
  .v439l-agency-directory td:nth-child(7){
    grid-column:1/-1!important;
    border-top:1px solid var(--border)!important;
    padding:8px!important;
  }
  .v439l-agency-directory td:nth-child(7)>div{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:5px!important;
  }
  .v439l-agency-directory td:nth-child(7) button{
    width:100%!important;
    min-height:40px!important;
    padding:4px!important;
    font-size:9px!important;
  }

  /* Candidate agency cards */
  .v439i-candidate-grid{
    grid-template-columns:1fr!important;
  }
  .v439i-candidate-grid article{
    border-radius:12px!important;
    padding:9px!important;
  }
}

/* Very small mobile */
@media(max-width:390px){
  .v439k-agency-subnav,
  .v439h-status-summary,
  .v439h-order-card .v439e-card-summary,
  .v439h-order-card .v439e-card-actions{
    grid-template-columns:1fr!important;
  }
  .v439h-order-card .v439e-card-actions>*:first-child{
    grid-column:auto;
  }
  .v439l-agency-directory td:nth-child(7)>div{
    grid-template-columns:1fr!important;
  }
}