/* GotCracked shop hotfix: queue badges, device fallbacks/PIN, manual Prepared Orders. */

/* Sidebar queue counts occupy a dedicated third column. */
@media (min-width:751px){
  html:not([data-gc-desktop-nav-collapsed="true"]) .sidebar .nav-link{
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr) 30px!important;
    align-items:center!important;
    column-gap:10px!important;
  }
  html:not([data-gc-desktop-nav-collapsed="true"]) .sidebar .nav-link>.nav-icon{
    grid-column:1!important;
    justify-self:center!important;
    margin:0!important;
  }
  html:not([data-gc-desktop-nav-collapsed="true"]) .sidebar .nav-link>b[id$="-count"]{
    grid-column:3!important;
    justify-self:center!important;
    align-self:center!important;
    min-width:25px!important;
    width:25px!important;
    height:25px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    font-variant-numeric:tabular-nums!important;
    line-height:1!important;
  }
}
@media (max-width:750px){
  .sidebar.open .nav-link{
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr) 30px!important;
    align-items:center!important;
    column-gap:10px!important;
  }
  .sidebar.open .nav-link>b[id$="-count"]{
    grid-column:3!important;
    justify-self:center!important;
    min-width:25px!important;
    width:25px!important;
    height:25px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
  }
}

/* Dedicated fallback assets keep the same approved device-card frame. */
#work-order .v1-device-image.is-fallback-photo{
  background:#fff!important;
  border-color:#dce5ee!important;
}
#work-order .v1-device-image.is-fallback-photo>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  padding:6px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  filter:none!important;
}
#work-order .v1-device-image.is-fallback-photo .v1-device-image-note{
  background:rgba(5,18,30,.84)!important;
  color:#edf7ff!important;
}

/* Device PIN is a normal profile-card field; secure load/save remains audited. */
#work-order .gc-device-pin-field{min-width:0}
#work-order .gc-device-pin-control{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:6px;
  align-items:center;
  margin-top:4px;
}
#work-order .gc-device-pin-control input{
  width:100%;
  min-width:0;
  min-height:36px!important;
  padding:7px 9px!important;
  border:1px solid var(--gc-line-strong,#39506a)!important;
  border-radius:8px!important;
  background:var(--gc-surface,#0d1926)!important;
  color:var(--gc-ink,#edf5fd)!important;
  font-size:12px!important;
  font-weight:700!important;
}
#work-order .gc-device-pin-toggle,
#work-order .gc-device-pin-save{
  min-height:36px;
  padding:6px 9px;
  border:1px solid var(--gc-line-strong,#39506a);
  border-radius:8px;
  background:var(--gc-surface-2,#101e2d);
  color:var(--gc-ink,#edf5fd);
  font-size:10.5px;
  font-weight:800;
  cursor:pointer;
}
#work-order .gc-device-pin-save{
  border-color:color-mix(in srgb,var(--gc-blue,#4da3ff) 60%,var(--gc-line-strong,#39506a));
  color:var(--gc-blue,#4da3ff);
}
#work-order .gc-device-pin-status{
  display:block;
  min-height:14px;
  margin-top:4px;
  color:var(--gc-muted,#a2b3c5);
  font-size:9.5px;
  line-height:1.3;
}
#work-order .gc-device-pin-status.is-error{color:var(--gc-red,#ff8c93)}

/* Manual MobileSentrix Prepared Order workflow. */
.gc-prepared-order-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 12px;
  padding:14px 16px;
  border:1px solid var(--gc-line,#26394c);
  border-radius:12px;
  background:var(--gc-surface,#0d1926);
  box-shadow:var(--gc-shadow,0 8px 26px rgba(0,0,0,.08));
}
.gc-prepared-order-toolbar>div{display:grid;gap:3px;min-width:0}
.gc-prepared-order-toolbar strong{font-size:13px;color:var(--gc-ink,#edf5fd)}
.gc-prepared-order-toolbar span{font-size:11px;color:var(--gc-muted,#a2b3c5);line-height:1.4}
.gc-prepared-order-toolbar button{flex:0 0 auto}

.gc-prepared-export-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  grid-column:1/-1;
  margin-top:4px;
}
.gc-prepared-export-actions button{min-height:36px!important;font-size:11px!important}

#gc-manual-prepared-order.gc-manual-prepared-order{
  width:min(1180px,calc(100vw - 28px));
  max-width:1180px;
  max-height:calc(100dvh - 28px);
  padding:0;
  border:1px solid var(--gc-line,#26394c);
  border-radius:16px;
  background:var(--gc-surface,#0d1926);
  color:var(--gc-ink,#edf5fd);
  box-shadow:var(--gc-shadow-float,0 28px 86px rgba(0,0,0,.52));
  overflow:hidden;
}
#gc-manual-prepared-order::backdrop{background:rgba(2,10,18,.72);backdrop-filter:blur(3px)}
.gc-manual-order-form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 30px)}
.gc-manual-order-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  padding:16px 18px;
  border-bottom:1px solid var(--gc-line,#26394c);
  background:var(--gc-surface,#0d1926);
}
.gc-manual-order-head .eyebrow{margin:0 0 3px;font-size:9px;color:var(--gc-blue,#4da3ff);letter-spacing:.08em;text-transform:uppercase}
.gc-manual-order-head h2{margin:0;font-size:19px}
.gc-manual-order-head p:last-child{max-width:760px;margin:5px 0 0;color:var(--gc-muted,#a2b3c5);font-size:11.5px;line-height:1.45}
.gc-manual-order-table-wrap{overflow:auto;background:var(--gc-surface,#0d1926)}
.gc-manual-order-table{width:100%;min-width:950px;border-collapse:separate;border-spacing:0}
.gc-manual-order-table th{
  position:sticky;
  top:0;
  z-index:2;
  padding:8px 9px;
  border-bottom:1px solid var(--gc-line,#26394c);
  background:var(--gc-surface-2,#101e2d);
  color:var(--gc-muted,#a2b3c5);
  font-size:9.5px;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.gc-manual-order-table td{
  padding:9px;
  border-bottom:1px solid var(--gc-line,#26394c);
  vertical-align:middle;
  font-size:11.5px;
}
.gc-manual-order-table td strong{display:block;font-size:12px}
.gc-manual-order-table td small{display:block;margin-top:2px;color:var(--gc-muted,#a2b3c5);font-size:10px}
.gc-manual-order-table td input[type="number"]{
  width:95px;
  min-height:36px;
  padding:6px 7px;
  border:1px solid var(--gc-line-strong,#39506a);
  border-radius:8px;
  background:var(--gc-surface-2,#101e2d);
  color:var(--gc-ink,#edf5fd);
}
.gc-manual-order-table td input[type="checkbox"]{width:18px;height:18px}
.gc-manual-order-foot{
  padding:12px 18px 14px;
  border-top:1px solid var(--gc-line,#26394c);
  background:var(--gc-surface-2,#101e2d);
}
.gc-manual-order-foot>p:first-child{margin:0 0 9px;color:var(--gc-muted,#a2b3c5);font-size:11px}
.gc-manual-order-actions{display:flex;justify-content:flex-end;gap:8px}
.gc-manual-order-foot .operation-status{margin:7px 0 0;min-height:16px;font-size:11px;color:var(--gc-muted,#a2b3c5)}
.gc-manual-order-empty{padding:44px 20px;text-align:center}
.gc-manual-order-empty p{color:var(--gc-muted,#a2b3c5)}

@media(max-width:750px){
  #work-order .gc-device-pin-control{grid-template-columns:minmax(0,1fr) auto}
  #work-order .gc-device-pin-save{grid-column:1/-1;width:100%}
  .gc-prepared-order-toolbar{align-items:flex-start;flex-direction:column}
  .gc-prepared-order-toolbar button{width:100%}
  #gc-manual-prepared-order.gc-manual-prepared-order{
    width:100vw;
    height:100dvh;
    max-width:none;
    max-height:none;
    margin:0;
    border:0;
    border-radius:0;
  }
  .gc-manual-order-form{max-height:100dvh;height:100dvh}
  .gc-manual-order-head{padding:13px 14px}
  .gc-manual-order-foot{padding:10px 14px max(10px,env(safe-area-inset-bottom))}
  .gc-manual-order-actions{display:grid;grid-template-columns:1fr}
}
/* Queue badge position: keep the dedicated count column flush toward the sidebar edge. */
@media (min-width:751px){
  html:not([data-gc-desktop-nav-collapsed="true"]) .sidebar .nav-link{
    grid-template-columns:18px minmax(0,1fr) 27px!important;
    padding-right:2px!important;
  }
  html:not([data-gc-desktop-nav-collapsed="true"]) .sidebar .nav-link>b[id$="-count"]{
    justify-self:end!important;
  }
}
@media (max-width:750px){
  .sidebar.open .nav-link{
    grid-template-columns:18px minmax(0,1fr) 27px!important;
    padding-right:2px!important;
  }
  .sidebar.open .nav-link>b[id$="-count"]{
    justify-self:end!important;
  }
}

/* Final queue-badge lane: reserve label space and pin counts near the sidebar edge. */
@media (min-width:751px){
  html:not([data-gc-desktop-nav-collapsed="true"]) .sidebar .nav-link{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    padding-right:38px!important;
  }
  html:not([data-gc-desktop-nav-collapsed="true"]) .sidebar .nav-link>b[id$="-count"]{
    position:absolute!important;
    right:4px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
  }
}
@media (max-width:750px){
  .sidebar.open .nav-link{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    padding-right:38px!important;
  }
  .sidebar.open .nav-link>b[id$="-count"]{
    position:absolute!important;
    right:4px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
  }
}
.sidebar .nav-link>b[id$="-count"][hidden]{display:none!important}

/* Sidebar badge final positioning: closer to the scrollbar/right edge. */
@media (min-width:751px){
  html:not([data-gc-desktop-nav-collapsed="true"]) .sidebar .nav-link{
    padding-right:30px!important;
  }
  html:not([data-gc-desktop-nav-collapsed="true"]) .sidebar .nav-link>[id$="-count"],
  html:not([data-gc-desktop-nav-collapsed="true"]) .sidebar .nav-link>[data-nav-count-for]{
    right:0!important;
  }
}
@media (max-width:750px){
  .sidebar.open .nav-link{padding-right:30px!important}
  .sidebar.open .nav-link>[id$="-count"],
  .sidebar.open .nav-link>[data-nav-count-for]{right:0!important}
}