.v201-debt-customer-mobile{display:none}

@media (max-width:1100px){
  .v201-debt-customer-desktop{display:none!important}
  .v201-debt-customer-mobile{
    display:grid!important;
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
    min-width:0;
  }

  .v201-debt-card{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--background);
    box-shadow:0 1px 2px rgba(15,23,42,.04);
  }

  .v201-debt-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    padding:11px 12px;
    border-bottom:1px solid var(--border);
    background:color-mix(in srgb,var(--muted) 35%,var(--background));
  }

  .v201-debt-days{
    flex:0 0 auto;
    border-radius:999px;
    padding:5px 8px;
    font-size:11px;
    font-weight:700;
    background:var(--muted);
    color:var(--muted-foreground);
    white-space:nowrap;
  }

  .v201-debt-days.v201-warning{
    background:color-mix(in srgb,var(--warning) 13%,transparent);
    color:var(--warning);
  }

  .v201-debt-days.v201-danger{
    background:color-mix(in srgb,var(--destructive) 12%,transparent);
    color:var(--destructive);
  }

  .v201-debt-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    padding:4px 12px;
  }

  .v201-debt-grid>div{
    min-width:0;
    padding:8px 0;
    border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent);
  }

  .v201-debt-grid>div:nth-last-child(-n+2){border-bottom:0}

  .v201-debt-grid span,
  .v201-debt-orders-title{
    display:block;
    color:var(--muted-foreground);
    font-size:10px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:.03em;
    text-transform:uppercase;
  }

  .v201-debt-grid strong{
    display:block;
    margin-top:2px;
    font-size:12px;
    line-height:1.35;
    overflow-wrap:anywhere;
  }

  .v201-debt-grid .tabular,
  .v201-debt-grid .tabular-nums{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    font-size:12px!important;
  }

  .v201-debt-orders{
    padding:10px 12px 12px;
    border-top:1px solid var(--border);
  }

  .v201-debt-order-links{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:7px;
  }

  .v201-debt-order-link{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    border:1px solid color-mix(in srgb,var(--brand-green) 30%,var(--border));
    border-radius:7px;
    background:color-mix(in srgb,var(--brand-green) 5%,var(--background));
    padding:4px 8px;
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
    font-size:11px;
    font-weight:700;
    color:var(--brand-green);
    overflow-wrap:anywhere;
  }
}

@media (max-width:480px){
  .v201-debt-grid{grid-template-columns:1fr}
  .v201-debt-grid>div:nth-last-child(-n+2){
    border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent);
  }
  .v201-debt-grid>div:last-child{border-bottom:0}
}