.kgb-online{max-width:1120px;margin:20px auto;font-family:Arial,sans-serif;color:#222}
.kgb-online-head{text-align:center;background:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;padding:18px}.kgb-online-head h2{margin:0;color:#c8101e}.kgb-online-head p{margin:5px 0;color:#777}
.kgb-online-tabs{display:flex}.kgb-online-tabs button{flex:1;border:1px solid #ddd;padding:12px;background:#f5f5f5;font-weight:700;cursor:pointer}.kgb-online-tabs button.active{background:#c8101e;color:#fff}
.kgb-online-panel{display:none;border:1px solid #ddd;border-top:0;padding:12px;background:#fff}.kgb-online-panel.active{display:block}
.kgb-sec{border:1px solid #ddd;border-radius:7px;margin:10px 0;overflow:hidden}.kgb-sec-head{padding:10px 13px;background:#f1f1f1;font-weight:700;cursor:pointer}.kgb-sec-body{display:block}
.kgb-row{display:grid;grid-template-columns:minmax(270px,1fr) 80px 110px 130px;border-top:1px solid #eee;align-items:center}.kgb-row>div{padding:8px}.kgb-row.head{background:#fafafa;font-weight:700}
.kgb-row input{width:65px;height:32px;text-align:center;border:1px solid #ccc;border-radius:4px}.kgb-money{text-align:right;color:#c8101e;font-weight:700}
.kgb-customer-box{margin-top:12px;border:1px solid #ddd;border-radius:7px;background:#fff}.kgb-customer-head{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #eee}.kgb-collapse{border:0;background:transparent;color:#1877d3;cursor:pointer}
.kgb-customer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px}.kgb-customer-grid input{width:100%;height:32px;border:1px solid #ccc;border-radius:4px;padding:5px 7px}
.kgb-online-total{position:sticky;bottom:0;z-index:20;background:rgba(255,255,255,.98);border:1px solid #ccc;box-shadow:0 -3px 12px rgba(0,0,0,.08);padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.kgb-online-total b{display:block;font-size:22px;color:#c8101e}.kgb-actions{display:flex;gap:6px}.kgb-btn{border:0;border-radius:5px;padding:9px 13px;font-weight:700;cursor:pointer}.kgb-red{background:#c8101e;color:#fff}.kgb-dark{background:#222;color:#fff}.kgb-light{background:#eee;color:#333}.kgb-online-status{min-height:18px;margin:7px 0;text-align:center;color:#555;font-size:12px}
.kgb-int-card{border:1px solid #ddd;border-radius:7px;padding:10px;margin:8px 0}.kgb-int-head{display:flex;justify-content:space-between;margin-bottom:7px;font-weight:700}.kgb-int-grid{display:grid;grid-template-columns:1.2fr 90px repeat(6,1fr);gap:6px}.kgb-int-grid select,.kgb-int-grid input{width:100%;height:32px;border:1px solid #ccc;border-radius:4px;padding:4px}.kgb-int-result{text-align:right;margin-top:8px;font-weight:700}.kgb-del{border:0;background:#fee;color:#a00;padding:5px 9px;border-radius:4px}
.kgb-price-table{width:100%;border-collapse:collapse;margin:10px 0 18px}.kgb-price-table th,.kgb-price-table td{border:1px solid #ccc;padding:8px}.kgb-price-table th{background:#f3f3f3}
@media(max-width:700px){.kgb-row{grid-template-columns:1fr 60px 100px 100px;font-size:12px}.kgb-customer-grid{grid-template-columns:repeat(2,1fr)}.kgb-int-grid{grid-template-columns:repeat(2,1fr)}.kgb-actions{flex-wrap:wrap}.kgb-btn{font-size:11px;padding:8px 10px}}
@media print{body *{visibility:hidden!important}.kgb-print-page,.kgb-print-page *{visibility:visible!important}.kgb-print-page{position:absolute;left:0;top:0;width:100%;padding:8mm;background:#fff}@page{size:A4;margin:8mm}}

.kgb-online-login-gate{max-width:600px;margin:25px auto;padding:28px;text-align:center;background:#fff;border:1px solid #ddd;border-radius:8px}
.kgb-online-login-gate h2{margin:0 0 8px;color:#c8101e}
.kgb-online-login-gate p{color:#666;margin-bottom:18px}

.kgb-deposit-box{margin-top:10px;border:1px solid #ddd;border-radius:7px;background:#fff;padding:9px 10px}
.kgb-deposit-grid{display:grid;grid-template-columns:1fr 1.3fr 1.2fr;gap:10px;align-items:end}
.kgb-deposit-grid label{display:block;font-size:11px;color:#666;margin-bottom:4px}
.kgb-deposit-grid input{width:100%;height:32px;border:1px solid #ccc;border-radius:4px;padding:5px 7px}
.kgb-deposit-buttons{display:flex;gap:5px;flex-wrap:wrap}
.kgb-deposit-buttons button{border:1px solid #ddd;background:#f5f5f5;border-radius:4px;padding:7px 9px;cursor:pointer;font-size:12px}
.kgb-deposit-buttons button:hover{background:#c8101e;color:#fff;border-color:#c8101e}
.kgb-deposit-result{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:wrap;font-size:12px}
.kgb-deposit-result b{font-size:15px;color:#c8101e}
@media(max-width:700px){.kgb-deposit-grid{grid-template-columns:1fr 1fr}.kgb-deposit-result{grid-column:1/-1;justify-content:flex-start}}

.kgb-deposit-box{margin-top:10px}
.kgb-deposit-box input#kgb-deposit{font-weight:700;font-size:15px}
.kgb-deposit-box .kgb-deposit-result b{color:#c8101e}

.kgb-print-page{position:relative;overflow:hidden}
.kgb-print-company{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #222;padding-bottom:10px;margin-bottom:12px}
.kgb-print-brand strong{display:block;font-size:21px;color:#c8101e}
.kgb-print-brand span{display:block;margin-top:3px;font-size:12px}
.kgb-print-company-contact{text-align:right;font-size:11px;line-height:1.5}
.kgb-print-watermark{position:fixed;left:15%;top:42%;transform:rotate(-28deg);font-size:68px;font-weight:800;color:#999;opacity:.07;white-space:nowrap;pointer-events:none}
.kgb-print-finance{margin-top:12px;border-top:1px solid #777;padding-top:8px;text-align:right}
.kgb-print-finance div{margin:3px 0}
.kgb-print-finance span{display:inline-block;width:150px;font-weight:700}
.kgb-print-finance b{display:inline-block;min-width:140px;color:#c8101e}

/* ===== IN A4 GỌN 1 TRANG + WTM 3 DÒNG ===== */
.kgb-print-page{
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  page-break-after:avoid!important;
  break-after:avoid-page!important;
}
.kgb-print-company{margin-bottom:7px!important;padding-bottom:6px!important}
.kgb-print-brand strong{font-size:18px!important}
.kgb-print-brand span{font-size:10px!important}
.kgb-print-company-contact{font-size:9px!important;line-height:1.3!important}
.kgb-print-main-title{font-size:17px!important;margin:5px 0 2px!important;text-align:center!important}
.kgb-print-meta{font-size:9px!important;text-align:center!important;margin-bottom:6px!important}
.kgb-print-customer{font-size:9px!important;line-height:1.35!important;padding:6px!important;margin-bottom:6px!important}
.kgb-print-table{font-size:8.5px!important;margin-top:5px!important;page-break-inside:auto!important}
.kgb-print-table th,.kgb-print-table td{padding:3px 4px!important}
.kgb-print-finance{margin-top:6px!important;padding-top:5px!important;font-size:10px!important}
.kgb-print-finance div{margin:1px 0!important}
.kgb-print-sign{margin-top:15px!important;font-size:9px!important}
.kgb-print-watermark{
  position:absolute!important;
  left:50%!important;
  width:105%!important;
  text-align:center!important;
  transform:translateX(-50%) rotate(-25deg)!important;
  font-size:36px!important;
  font-weight:800!important;
  color:#777!important;
  opacity:.07!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  z-index:0!important;
}
.kgb-print-watermark.w1{top:26%!important}
.kgb-print-watermark.w2{top:48%!important}
.kgb-print-watermark.w3{top:70%!important}
.kgb-print-page>*:not(.kgb-print-watermark){position:relative;z-index:1}

@media print{
  html,body{margin:0!important;padding:0!important;height:auto!important;background:#fff!important}
  body *{visibility:hidden!important}
  .kgb-print-page,.kgb-print-page *{visibility:visible!important}
  .kgb-print-page{
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    max-height:270mm!important;
    overflow:hidden!important;
    padding:5mm!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  @page{size:A4 portrait;margin:5mm}
}

/* ===== FIX BẢN IN: TĂNG CHỮ KHÁCH HÀNG + KHÔNG XUỐNG DÒNG TÊN CTY ===== */
@media print{
  .kgb-print-page{
    padding:4.5mm!important;
    max-height:287mm!important;
    overflow:hidden!important;
  }

  .kgb-print-company{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    flex-wrap:nowrap!important;
    margin-bottom:7px!important;
    padding-bottom:6px!important;
  }

  .kgb-print-brand{
    flex:1 1 58%!important;
    min-width:0!important;
  }

  .kgb-print-brand strong{
    display:block!important;
    white-space:nowrap!important;
    font-size:18px!important;
    line-height:1.15!important;
  }

  .kgb-print-brand span{
    display:block!important;
    white-space:nowrap!important;
    font-size:9.5px!important;
    line-height:1.2!important;
  }

  .kgb-print-company-contact{
    flex:0 0 auto!important;
    min-width:245px!important;
    text-align:right!important;
    white-space:nowrap!important;
    font-size:9px!important;
    line-height:1.3!important;
  }

  .kgb-print-main-title{
    font-size:17px!important;
    line-height:1.2!important;
    margin:5px 0 3px!important;
  }

  .kgb-print-meta{
    font-size:9.5px!important;
    line-height:1.2!important;
    margin-bottom:7px!important;
  }

  .kgb-print-customer{
    font-size:11.5px!important;
    line-height:1.55!important;
    padding:8px 9px!important;
    margin-bottom:7px!important;
    min-height:47px!important;
  }

  .kgb-print-table{
    font-size:9px!important;
    line-height:1.25!important;
    margin-top:4px!important;
  }

  .kgb-print-table th,
  .kgb-print-table td{
    padding:4px 4px!important;
  }

  .kgb-print-finance{
    font-size:11px!important;
    line-height:1.35!important;
    margin-top:7px!important;
    padding-top:5px!important;
  }

  .kgb-print-finance span{
    width:125px!important;
  }

  .kgb-print-sign{
    margin-top:22px!important;
    font-size:10.5px!important;
    line-height:1.3!important;
  }

  .kgb-print-watermark{
    font-size:34px!important;
  }
  .kgb-print-watermark.w1{top:28%!important}
  .kgb-print-watermark.w2{top:50%!important}
  .kgb-print-watermark.w3{top:72%!important}
}

/* ===== FINAL PRINT TYPOGRAPHY ===== */
@media print{
  .kgb-print-page{
    font-size:13px!important;
  }
  .kgb-print-main-title{
    font-size:18px!important;
  }
  .kgb-print-meta{
    font-size:13px!important;
  }
  .kgb-print-customer{
    font-size:13px!important;
    line-height:1.45!important;
  }
  .kgb-print-customer > div[style*="grid-template-columns"]{
    grid-template-columns:1.5fr 1fr!important;
    gap:2px 18px!important;
  }
  .kgb-print-table{
    font-size:13px!important;
  }
  .kgb-print-table th,
  .kgb-print-table td{
    font-size:13px!important;
    padding:4px 5px!important;
    line-height:1.25!important;
  }
  .kgb-print-finance,
  .kgb-print-finance b{
    font-size:13px!important;
  }
  .kgb-print-sign{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:35px!important;
    width:100%!important;
    margin-top:22px!important;
    font-size:13px!important;
    line-height:1.3!important;
  }
  .kgb-print-sign > div{
    min-width:0!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
}