:root{--navy:#071f37;--navy2:#0b315b;--blue:#0b69dc;--blue2:#1687ef;--orange:#ff641e;--green:#16854a;--bg:#f3f7fb;--card:#fff;--line:#dfe8f1;--text:#112a42;--muted:#718397}
*{box-sizing:border-box}.onekg-vendor-body{margin:0;background:var(--bg);font-family:Inter,Arial,sans-serif;color:var(--text)}button,input,select,textarea{font:inherit}.kg-root{min-height:100vh}
.kg-logo{display:flex;align-items:center;gap:10px}.kg-logo-main{font-size:32px;font-weight:700;letter-spacing:-2px;color:#0b315b}.kg-logo-main span{color:var(--orange)}.kg-logo-copy{display:flex;flex-direction:column}.kg-logo-copy b{font-size:10px;letter-spacing:2.2px;color:var(--blue)}.kg-logo-copy small{font-size:7px;letter-spacing:.4px;color:#74879a;margin-top:2px}
.kg-auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(460px,1.08fr) minmax(430px,.92fr);background:#fff}.kg-auth-hero{position:relative;overflow:hidden;padding:7vh 7vw;color:#fff;background:radial-gradient(circle at 88% 15%,rgba(31,147,248,.52),transparent 18rem),radial-gradient(circle at 8% 88%,rgba(255,100,30,.2),transparent 20rem),linear-gradient(145deg,#051829,#073d72 60%,#0a68bd);display:flex;flex-direction:column}.kg-auth-hero:before{content:"";position:absolute;width:470px;height:470px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-190px;top:-150px}.kg-auth-hero .kg-logo-main{color:#fff}.kg-auth-hero .kg-logo-copy small{color:#c7d7e5}.kg-hero-content{margin:auto 0;position:relative;z-index:1}.kg-eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--blue)}.kg-eyebrow.light{color:#a9d8ff}.kg-hero-content h1{font-size:clamp(38px,4.2vw,64px);line-height:1.03;max-width:720px;margin:13px 0 20px}.kg-hero-content>p{font-size:15px;line-height:1.7;color:#d7e5f0;max-width:650px}.kg-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:680px;margin-top:32px}.kg-hero-grid>div{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:13px;padding:14px;display:grid;grid-template-columns:32px 1fr;column-gap:10px}.kg-hero-grid i{grid-row:1/3;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:9px;font-style:normal}.kg-hero-grid b{font-size:11px;font-weight:500}.kg-hero-grid span{font-size:9px;color:#bfd0df;margin-top:3px}.kg-hero-foot{font-size:9px;letter-spacing:1px;color:#9bbbd4}
.kg-auth-main{display:grid;place-items:center;padding:30px;background:linear-gradient(180deg,#fff,#f7fbff)}.kg-auth-card{width:min(100%,500px);background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 24px 70px rgba(8,45,79,.12)}.kg-mobile-brand{display:none}.kg-auth-card h2{font-size:28px;margin:7px 0;color:#102b46}.kg-muted{font-size:12px;line-height:1.6;color:var(--muted)}.kg-label{display:block;font-size:11px;color:#50677c;margin:22px 0 7px}.kg-phone{height:52px;border:1px solid #ccd9e5;border-radius:11px;display:flex;align-items:center;background:#fff;overflow:hidden}.kg-phone:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,105,220,.09)}.kg-phone span{height:100%;display:grid;place-items:center;padding:0 13px;background:#f3f7fb;color:#385169;font-size:13px;border-right:1px solid #e1e8ef}.kg-phone input{flex:1;border:0;outline:0;height:100%;padding:0 13px;font-size:16px}.kg-primary{border:0;border-radius:10px;background:linear-gradient(180deg,#1177e7,#0b63cf);color:#fff;min-height:50px;width:100%;font-size:14px;cursor:pointer;margin-top:14px;box-shadow:0 8px 20px rgba(11,99,207,.18)}.kg-primary:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}.kg-otp-panel{margin-top:16px;border:1px solid #dbe6f0;background:#f8fbff;border-radius:13px;padding:15px}.kg-otp-head{display:flex;justify-content:space-between;align-items:start}.kg-otp-head b,.kg-otp-head span{display:block}.kg-otp-head b{font-size:12px}.kg-otp-head span{font-size:9px;color:#8291a0;margin-top:3px}.kg-otp-head button,.kg-link-button{border:0;background:transparent;color:var(--blue);font-size:10px;cursor:pointer}.kg-otp-input{width:100%;height:52px;border:1px solid #cdd9e5;border-radius:10px;text-align:center;letter-spacing:8px;font-size:22px;margin-top:12px;outline:0}.kg-link-button{width:100%;padding:11px;margin-top:3px}.kg-link-button:disabled{color:#8da0b0}.kg-auth-message{min-height:18px;margin-top:10px;font-size:11px;line-height:1.5}.kg-auth-message.error{color:#b42318}.kg-auth-message.success{color:#147a45}.kg-security-strip{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;border-top:1px solid #edf1f5;margin-top:20px;padding-top:15px;color:#7e8d9d;font-size:9px}.kg-alert{border-radius:11px;padding:12px 13px;margin:14px 0;display:flex;flex-direction:column;gap:3px;font-size:11px}.kg-alert.error{background:#fff1ef;border:1px solid #f0c2bc;color:#a83c30}
.kg-topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.kg-topbar-inner{height:100%;max-width:1440px;margin:auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center}.kg-user-chip{display:flex;align-items:center;gap:14px}.kg-user-chip small,.kg-user-chip b{display:block}.kg-user-chip small{font-size:8px;color:#8796a5}.kg-user-chip b{font-size:11px;margin-top:2px}.kg-user-chip form{margin:0}.kg-user-chip button{border:1px solid #d6e0e9;background:#fff;border-radius:8px;padding:8px 11px;font-size:10px;cursor:pointer}
.kg-onboarding{max-width:1260px;margin:30px auto;padding:0 20px 60px}.kg-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.kg-page-head h1{font-size:32px;margin:6px 0;color:#102b46}.kg-page-head p{font-size:12px;color:var(--muted);margin:0}.kg-head-badge{background:#eaf8ef;color:#147a45;border-radius:99px;padding:8px 12px;font-size:10px}.kg-admin-note{background:#fff7e8;border:1px solid #efd79b;border-radius:12px;padding:14px;margin-bottom:14px}.kg-admin-note b{font-size:11px;color:#805700}.kg-admin-note p{font-size:10px;line-height:1.55;margin:6px 0 0;color:#765f32}.kg-form-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:28px;box-shadow:0 12px 35px rgba(11,49,84,.05)}.kg-section-title{display:flex;gap:12px;align-items:center;border-top:1px solid #edf2f6;padding-top:24px;margin-top:27px;margin-bottom:14px}.kg-section-title:first-of-type{border-top:0;padding-top:0;margin-top:0}.kg-section-title>span{width:34px;height:34px;border-radius:10px;background:#0b69dc;color:#fff;display:grid;place-items:center;font-size:9px}.kg-section-title h3{margin:0;font-size:16px}.kg-section-title p{margin:3px 0 0;color:#8494a3;font-size:9px}.kg-grid{display:grid;gap:12px}.kg-grid.two{grid-template-columns:1fr 1fr}.kg-grid.three{grid-template-columns:repeat(3,1fr)}.kg-field label{display:block;font-size:10px;color:#566b7e;margin-bottom:6px}.kg-field label em{color:#e3563d;font-style:normal}.kg-field input,.kg-field select{width:100%;height:46px;border:1px solid #d0dce7;border-radius:9px;padding:0 11px;outline:0;background:#fff}.kg-field input:focus,.kg-field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,105,220,.08)}.kg-readonly{height:46px;border:1px solid #c9e5d4;border-radius:9px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;background:#f2fbf5;font-size:11px;color:#176d43}.kg-readonly span{font-size:8px;background:#dff3e7;padding:4px 6px;border-radius:99px}.kg-location{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px;border:1px solid #dbe7f3;background:#f8fbff;border-radius:13px;padding:14px;margin-top:15px}.kg-location-actions{display:flex;flex-direction:column;justify-content:center}.kg-location-actions b{font-size:12px}.kg-location-actions p{font-size:9px;color:#7b8d9f;line-height:1.5;margin:5px 0 12px}.kg-location-actions button{border:0;background:var(--blue);color:#fff;border-radius:9px;padding:12px;cursor:pointer}.kg-location-actions span{font-size:8px;color:#718397;margin-top:8px}.kg-map{height:260px;border-radius:10px;background:#eaf2f8;overflow:hidden;display:grid;place-items:center;color:#74889b;font-size:10px}.kg-map-error{text-align:center}.kg-choice-block{margin-top:14px}.kg-choice-block>b{font-size:10px;color:#566b7e}.kg-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.kg-choice-grid label{position:relative}.kg-choice-grid input{position:absolute;opacity:0}.kg-choice-grid span{display:block;border:1px solid #dce6ef;border-radius:9px;padding:10px;text-align:center;font-size:9px;background:#fff}.kg-choice-grid input:checked+span{border-color:var(--blue);background:#eef6ff;color:#075eb8}.kg-file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kg-file-card{border:1px dashed #c9d7e4;border-radius:11px;background:#fbfdff;padding:13px}.kg-file-card b,.kg-file-card small{display:block}.kg-file-card b{font-size:10px}.kg-file-card small{font-size:8px;color:#8a99a8;margin:3px 0 9px}.kg-file-card a{font-size:8px;color:var(--blue);display:inline-block;margin-bottom:8px}.kg-file-card input{width:100%;font-size:9px}.kg-declaration{display:flex;align-items:flex-start;gap:9px;margin:24px 0;font-size:9px;color:#607488}.kg-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e9eff4;padding-top:20px}.kg-submit>div{display:flex;flex-direction:column}.kg-submit b{font-size:11px}.kg-submit span{font-size:8px;color:#8997a5;margin-top:3px}.kg-submit-btn{width:auto;min-width:250px;margin:0}
.kg-status-wrap{max-width:760px;margin:8vh auto;padding:0 14px}.kg-status-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:42px;text-align:center;box-shadow:0 18px 48px rgba(8,42,72,.07)}.kg-status-icon{width:66px;height:66px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:24px}.kg-status-icon.email{background:#edf6ff;color:#0b69dc}.kg-status-icon.pending{background:#fff7e8;color:#b66b00}.kg-status-icon.reject{background:#fff0ef;color:#b42318}.kg-status-card h1{font-size:28px;margin:7px 0}.kg-status-card>p{font-size:12px;line-height:1.65;color:#6d8194}.kg-status-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:26px 0}.kg-status-steps div{border:1px solid #e0e8f0;border-radius:10px;padding:12px;font-size:12px;color:#94a0ad}.kg-status-steps span{display:block;font-size:8px;margin-top:5px}.kg-status-steps .done{background:#effaf4;border-color:#c9e9d5;color:#147a45}.kg-status-steps .active{background:#eef6ff;border-color:#c8ddf5;color:#0b69dc}.kg-help{display:block;font-size:9px;color:#8d9aa7;margin-top:13px}
.kg-dashboard{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 74px)}.kg-sidebar{background:linear-gradient(180deg,#071f37,#0a3155);padding:24px 14px;color:#fff}.kg-sidebar .kg-logo-main{color:#fff}.kg-sidebar .kg-logo-copy small{color:#bfd0df}.kg-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:34px}.kg-sidebar nav a{color:#aac0d1;padding:12px 13px;border-radius:9px;font-size:11px;display:flex;justify-content:space-between}.kg-sidebar nav a.active{background:rgba(39,143,236,.22);color:#fff}.kg-sidebar-foot{margin-top:30px;border-top:1px solid rgba(255,255,255,.09);padding:15px 8px;font-size:9px;color:#a9c3d7}.kg-dash-main{padding:34px;max-width:1200px}.kg-dash-head{display:flex;justify-content:space-between;align-items:center}.kg-dash-head h1{font-size:30px;margin:6px 0}.kg-dash-head p{font-size:11px;color:#77899b;margin:0}.kg-approved{background:#eaf8ef;color:#147a45;border-radius:99px;padding:8px 12px;font-size:10px}.kg-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:25px}.kg-metrics>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.kg-metrics span,.kg-metrics b,.kg-metrics small{display:block}.kg-metrics span{font-size:9px;color:#718397}.kg-metrics b{font-size:28px;margin:8px 0}.kg-metrics small{font-size:8px;color:#96a4b2}.kg-dash-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;background:radial-gradient(circle at 90% 15%,rgba(255,255,255,.17),transparent 12rem),linear-gradient(135deg,#0b315b,#0b69dc);color:#fff;border-radius:16px;padding:25px;margin-top:15px}.kg-dash-panel h2{font-size:22px;margin:7px 0}.kg-dash-panel p{font-size:10px;line-height:1.6;color:#d7e6f2;max-width:720px}.kg-dash-panel button{border:0;background:#ff641e;color:#fff;border-radius:9px;padding:12px 16px;white-space:nowrap}.kg-mobile-nav{display:none}
@media(max-width:950px){.kg-auth-layout{grid-template-columns:1fr}.kg-auth-hero{display:none}.kg-mobile-brand{display:block;margin-bottom:22px}.kg-mobile-brand .kg-logo{justify-content:center}.kg-grid.three{grid-template-columns:1fr 1fr}.kg-choice-grid{grid-template-columns:repeat(3,1fr)}.kg-file-grid{grid-template-columns:1fr 1fr}.kg-dashboard{grid-template-columns:1fr}.kg-sidebar{display:none}.kg-metrics{grid-template-columns:1fr 1fr}.kg-mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;grid-template-columns:repeat(5,1fr);height:64px;background:#fff;border-top:1px solid #dfe8f1;z-index:40}.kg-mobile-nav a{display:grid;place-items:center;font-size:9px;color:#6f8294}.kg-mobile-nav a.active{color:#0b69dc}}
@media(max-width:650px){.kg-auth-main{padding:14px;align-items:start}.kg-auth-card{padding:21px;border-radius:17px;margin-top:18px}.kg-auth-card h2{font-size:24px}.kg-security-strip{display:grid;grid-template-columns:1fr}.kg-topbar-inner{padding:0 13px}.kg-user-chip>div{display:none}.kg-onboarding{padding:0 10px 45px;margin-top:17px}.kg-page-head{display:block}.kg-page-head h1{font-size:26px}.kg-head-badge{display:inline-block;margin-top:12px}.kg-form-card{padding:15px}.kg-grid.two,.kg-grid.three{grid-template-columns:1fr}.kg-location{grid-template-columns:1fr}.kg-map{height:210px}.kg-choice-grid{grid-template-columns:repeat(2,1fr)}.kg-file-grid{grid-template-columns:1fr}.kg-submit{display:block}.kg-submit-btn{width:100%;margin-top:14px}.kg-status-card{padding:27px 17px}.kg-status-steps{grid-template-columns:1fr 1fr}.kg-dash-main{padding:18px 12px 82px}.kg-metrics{grid-template-columns:1fr 1fr}.kg-dash-head{display:block}.kg-approved{display:inline-block;margin-top:12px}.kg-dash-panel{display:block}.kg-dash-panel button{width:100%;margin-top:12px}}

/* =========================
   v3.1.1 UI refinement
   ========================= */
.onekg-vendor-body,
.kg-root{
  font-size:12px;
}
.kg-root,
.kg-root input,
.kg-root select,
.kg-root textarea,
.kg-root button{
  font-size:12px;
}
.kg-field label,
.kg-muted,
.kg-page-head p,
.kg-section-title p,
.kg-location-actions p,
.kg-choice-block>b,
.kg-file-card b,
.kg-file-card small,
.kg-declaration,
.kg-submit span,
.kg-help,
.kg-status-card>p,
.kg-user-chip b,
.kg-user-chip small{
  font-size:12px!important;
}
.kg-eyebrow{
  font-size:12px!important;
  letter-spacing:1.2px;
}
.kg-logo-copy b{font-size:12px!important}
.kg-logo-copy small{font-size:9px!important}
.kg-section-title h3{font-size:17px!important}
.kg-page-head h1{font-size:32px}
.kg-field input,
.kg-field select{
  min-height:48px;
  font-size:12px;
}
.kg-readonly{
  min-height:48px;
  font-size:12px;
}
.kg-readonly span{
  font-size:11px!important;
  padding:5px 8px;
}
.kg-head-badge{
  font-size:12px!important;
  padding:9px 13px;
}
.kg-primary{
  font-size:12px!important;
}

/* Progress stepper */
.kg-progress{
  width:100%;
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:15px;
  padding:17px 20px;
  margin-bottom:16px;
  box-shadow:0 8px 24px rgba(11,49,84,.04);
}
.kg-progress-step{
  display:flex;
  align-items:center;
  gap:9px;
  white-space:nowrap;
  color:#6f8295;
}
.kg-progress-step span{
  width:31px;
  height:31px;
  border:1.5px solid #b9c9d8;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  font-size:12px;
  color:#5f7489;
}
.kg-progress-step b{
  font-size:12px;
  font-weight:500;
}
.kg-progress-step.active span{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
  box-shadow:0 4px 12px rgba(11,105,220,.18);
}
.kg-progress-step.active b{
  color:#0b315b;
}
.kg-progress-line{
  height:1px;
  background:#d6e1eb;
  min-width:18px;
}

/* Cleaner production cards */
.kg-form-card{
  border-radius:18px;
  padding:30px;
}
.kg-section-title{
  margin-top:30px;
  padding-top:26px;
}
.kg-location,
.kg-file-card,
.kg-choice-grid span{
  border-radius:12px;
}
.kg-choice-grid span{
  font-size:12px!important;
  min-height:42px;
  display:grid;
  place-items:center;
}
.kg-file-card input{
  font-size:12px!important;
}
.kg-submit b{
  font-size:13px!important;
}

/* Desktop */
@media(min-width:1000px){
  .kg-onboarding{max-width:1320px}
  .kg-form-card{padding:32px}
  .kg-grid.two{grid-template-columns:1fr 1fr}
  .kg-grid.three{grid-template-columns:repeat(3,1fr)}
  .kg-choice-grid{grid-template-columns:repeat(4,1fr)}
  .kg-file-grid{grid-template-columns:repeat(3,1fr)}
}

/* Tablet */
@media(min-width:700px) and (max-width:999px){
  .kg-progress{
    grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
    overflow-x:auto;
  }
  .kg-progress-step b{font-size:11px}
  .kg-grid.three{grid-template-columns:1fr 1fr}
  .kg-choice-grid{grid-template-columns:repeat(3,1fr)}
}

/* Phone */
@media(max-width:699px){
  .kg-topbar{height:66px}
  .kg-page-head h1{font-size:25px}
  .kg-page-head p{font-size:12px!important;line-height:1.55}
  .kg-progress{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:13px 12px;
    scrollbar-width:none;
  }
  .kg-progress::-webkit-scrollbar{display:none}
  .kg-progress-line{
    flex:0 0 26px;
  }
  .kg-progress-step{
    flex:0 0 auto;
    gap:7px;
  }
  .kg-progress-step span{
    width:28px;
    height:28px;
    font-size:11px;
  }
  .kg-progress-step b{
    font-size:11px!important;
  }
  .kg-form-card{
    padding:16px;
    border-radius:15px;
  }
  .kg-section-title{
    margin-top:24px;
    padding-top:22px;
  }
  .kg-section-title>span{
    width:32px;
    height:32px;
    font-size:11px;
  }
  .kg-section-title h3{
    font-size:15px!important;
  }
  .kg-section-title p{
    font-size:11px!important;
    line-height:1.4;
  }
  .kg-grid.two,
  .kg-grid.three{
    grid-template-columns:1fr;
  }
  .kg-choice-grid{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .kg-choice-grid span{
    font-size:11px!important;
    min-height:43px;
  }
  .kg-file-grid{
    grid-template-columns:1fr;
  }
  .kg-location{
    grid-template-columns:1fr;
  }
  .kg-map{
    height:220px;
  }
  .kg-submit{
    display:block;
  }
  .kg-submit-btn{
    width:100%;
    min-width:0;
    margin-top:14px;
  }
}

/* v3.1.2 multi-step wizard */
.kg-wizard-step{display:none}
.kg-wizard-step.active{display:block}
.kg-progress-step{
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  font-family:inherit;
}
.kg-progress-step.done span{
  background:#eaf8ef;
  border-color:#a7d9b9;
  color:#147a45;
}
.kg-progress-step.done b{color:#147a45}
.kg-wizard-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid #e8eef4;
  margin-top:26px;
  padding-top:18px;
}
.kg-next,.kg-prev{
  min-width:130px;
  min-height:44px;
  border-radius:9px;
  border:1px solid #cbd9e5;
  background:#fff;
  color:#17324b;
  padding:0 16px;
  cursor:pointer;
  font-size:12px;
}
.kg-next{
  background:#0b69dc;
  border-color:#0b69dc;
  color:#fff;
}
.kg-choice-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.kg-choice-head>div{
  display:flex;
  gap:7px;
}
.kg-choice-head button{
  border:1px solid #cdd9e5;
  background:#fff;
  color:#0b69dc;
  border-radius:8px;
  padding:6px 10px;
  font-size:11px;
  cursor:pointer;
}
.kg-choice-head .kg-remove-all{
  color:#b42318;
}
.kg-location-actions small{
  font-size:11px;
  color:#718397;
  margin-top:8px;
  line-height:1.4;
}
.kg-subheading{
  display:flex;
  flex-direction:column;
  margin:24px 0 10px;
}
.kg-subheading b{font-size:13px}
.kg-subheading span{font-size:11px;color:#7b8d9f;margin-top:3px}
.kg-review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:8px 0 22px;
}
.kg-review-grid>div{
  border:1px solid #dfe8f1;
  background:#f9fbfd;
  border-radius:11px;
  padding:13px;
}
.kg-review-grid span,.kg-review-grid b{display:block}
.kg-review-grid span{font-size:11px;color:#718397}
.kg-review-grid b{font-size:12px;color:#17324b;margin-top:5px;font-weight:500;line-height:1.45}
.kg-user-chip button{
  background:#d63638!important;
  border-color:#d63638!important;
  color:#fff!important;
  font-weight:500;
}
.kg-user-chip button:hover{
  background:#b42318!important;
  border-color:#b42318!important;
  color:#fff!important;
}
@media(max-width:699px){
  .kg-choice-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .kg-choice-head>div{width:100%}
  .kg-choice-head button{flex:1}
  .kg-wizard-nav{
    gap:10px;
  }
  .kg-next,.kg-prev{
    flex:1;
    min-width:0;
  }
  .kg-review-grid{
    grid-template-columns:1fr;
  }
  .kg-submit{
    display:grid!important;
    grid-template-columns:1fr;
    gap:12px;
  }
  .kg-submit .kg-prev{order:1;width:100%}
  .kg-submit>div{order:2}
  .kg-submit-btn{order:3}
}

/* v3.1.3 repeatable vendor certificates */
.kg-repeat-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.kg-repeat-row{
  display:grid;
  grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr) 38px;
  gap:10px;
  align-items:end;
  border:1px solid #dfe8f1;
  border-radius:12px;
  padding:12px;
  background:#fbfdff;
}
.kg-repeat-row .kg-file-card{
  margin:0;
}
.kg-remove-repeat{
  width:36px;
  height:36px;
  border-radius:9px;
  border:1px solid #f0c9c5;
  background:#fff3f1;
  color:#b42318;
  font-size:20px!important;
  cursor:pointer;
}
.kg-add-more{
  margin-top:10px;
  border:1px solid #bcd3eb;
  background:#eef6ff;
  color:#0b69dc;
  border-radius:9px;
  padding:10px 14px;
  font-size:12px!important;
  cursor:pointer;
}
.kg-add-more:hover{
  background:#e2f0ff;
}
@media(max-width:699px){
  .kg-repeat-row{
    grid-template-columns:1fr;
  }
  .kg-remove-repeat{
    width:100%;
    height:38px;
  }
  .kg-add-more{
    width:100%;
  }
}

/* v3.1.4 Enterprise account model */
.kg-enterprise-fields{
  display:none;
  grid-column:1 / -1;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  background:#f7fbff;
  border:1px solid #dce9f5;
  border-radius:12px;
  padding:13px;
}
.kg-enterprise-fields.show{display:grid}
@media(max-width:699px){
  .kg-enterprise-fields.show{grid-template-columns:1fr}
}

/* v3.1.5 Product module */
.kg-add-product-cta,.kg-add-product-top{
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  border:0;background:#ff641e;color:#fff;border-radius:9px;padding:12px 18px;
  font-size:12px;white-space:nowrap
}
.kg-product-shell{max-width:1280px;margin:30px auto;padding:0 20px 60px}
.kg-product-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
.kg-product-head h1{font-size:30px;margin:6px 0;color:#102b46}
.kg-product-head p{font-size:12px;color:#718397;margin:0}
.kg-back-link{display:block;margin-bottom:10px;color:#0b69dc;text-decoration:none;font-size:11px}
.kg-product-form{margin-top:12px}.kg-product-card{background:#fff;border:1px solid #dfe8f1;border-radius:18px;padding:28px}
.kg-price-variants{display:flex;flex-direction:column;gap:8px}.kg-price-row{display:grid;grid-template-columns:1fr 1fr 38px;gap:10px;align-items:end}
.kg-remove-price{width:36px;height:36px;border:1px solid #f0c9c5;border-radius:9px;background:#fff3f1;color:#b42318;font-size:19px!important;cursor:pointer}
.kg-product-submit{margin-top:28px}.kg-cancel-btn{border:1px solid #ccd8e4;background:#fff;color:#17324b;border-radius:9px;padding:12px 17px;text-decoration:none}
.kg-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kg-product-item{background:#fff;border:1px solid #dfe8f1;border-radius:14px;overflow:hidden}
.kg-product-img{aspect-ratio:1/1;background:#f5f8fb;display:grid;place-items:center;color:#8394a4;font-size:11px}
.kg-product-img img{width:100%;height:100%;object-fit:contain;background:#fff}
.kg-product-body{padding:13px}.kg-product-cat{font-size:9px;color:#0b69dc}.kg-product-body h3{font-size:13px;margin:5px 0}.kg-product-body p{font-size:10px;color:#718397;margin:0}
.kg-product-price{display:flex;gap:8px;align-items:center;margin-top:10px}.kg-product-price span{font-size:15px;color:#102b46}.kg-product-price del{font-size:10px;color:#91a0ad}
.kg-product-stock{margin-top:7px;font-size:9px}.kg-product-stock .in{color:#147a45}.kg-product-stock .out{color:#b42318}
.kg-product-actions{display:flex;gap:7px;margin-top:12px}.kg-product-actions a,.kg-product-actions button{flex:1;border:1px solid #cddae6;background:#fff;border-radius:8px;padding:8px;text-align:center;text-decoration:none;color:#0b69dc;font-size:10px;cursor:pointer}.kg-product-actions form{flex:1;display:flex}.kg-product-actions button{width:100%;color:#b42318}
.kg-empty-products{background:#fff;border:1px solid #dfe8f1;border-radius:16px;padding:60px 20px;text-align:center}.kg-empty-icon{width:58px;height:58px;border-radius:50%;background:#eef6ff;color:#0b69dc;display:grid;place-items:center;margin:auto;font-size:25px}.kg-empty-products h2{font-size:21px;margin:15px 0 7px}.kg-empty-products p{font-size:11px;color:#718397}.kg-empty-products a{display:inline-block;background:#0b69dc;color:#fff;text-decoration:none;border-radius:9px;padding:11px 16px;margin-top:10px}
.kg-alert.success{background:#effaf4;border:1px solid #bde6cd;color:#147a45}
@media(max-width:1000px){.kg-products-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
 .kg-product-shell{margin-top:16px;padding:0 10px 80px}.kg-product-head{display:block}.kg-add-product-top{margin-top:13px;width:100%}
 .kg-product-card{padding:15px}.kg-products-grid{grid-template-columns:repeat(2,1fr);gap:9px}
 .kg-price-row{grid-template-columns:1fr 1fr}.kg-remove-price{grid-column:1/-1;width:100%}
 .kg-product-submit{display:grid!important;grid-template-columns:1fr}.kg-cancel-btn{text-align:center}
}

.onekg-vendor-body{background-color:#f8fbff;background-image:url("doodle-pattern.svg");background-repeat:repeat;background-size:900px 900px;background-attachment:fixed}.kg-logo-image img{display:block;width:178px;height:auto;max-height:72px;object-fit:contain}.kg-sidebar .kg-logo-image img{width:168px}.kg-topbar .kg-logo-image img{width:155px;max-height:56px}.kg-mobile-brand .kg-logo-image img{width:190px;margin:auto}.kg-add-product-cta,.kg-add-product-top{background:#ff641e!important;color:#fff!important}@media(max-width:650px){.onekg-vendor-body{background-size:700px 700px}.kg-topbar .kg-logo-image img{width:125px}}

/* v3.3.0 bulk catalog */
.kg-product-head-actions{display:flex;gap:8px}.kg-bulk-upload-top{display:inline-flex;align-items:center;padding:12px 16px;border:1px solid #bcd4eb;border-radius:9px;background:#f5faff;color:#0969da;text-decoration:none;font-size:12px}.kg-bulk-required{background:#fff;border:1px solid #dce6ef;border-radius:14px;padding:16px;margin:12px 0}.kg-bulk-required>b{font-size:13px}.kg-bulk-required>div{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.kg-bulk-required span{padding:6px 9px;border-radius:7px;background:#eaf4ff;color:#0969da;font-size:10px}.kg-bulk-required p{font-size:10px;color:#718397;margin:0}.kg-bulk-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kg-bulk-grid .kg-product-card{padding:20px}.kg-bulk-grid h3,.kg-bulk-progress-card h3{font-size:16px;font-weight:500;margin:0 0 7px}.kg-bulk-grid p,.kg-bulk-progress-card p{font-size:10px;color:#718397;line-height:1.5}.kg-bulk-grid input[type=file]{width:100%;border:1px dashed #b9cde0;border-radius:9px;padding:15px;margin:8px 0 12px}.kg-bulk-progress-card{margin-top:12px;background:#fff;border:1px solid #dce6ef;border-radius:14px;padding:20px}.kg-bulk-progress{height:9px;background:#edf2f7;border-radius:999px;overflow:hidden;margin:14px 0}.kg-bulk-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0969da,#21a366);transition:.25s}.kg-bulk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.kg-bulk-stats span{background:#f7faff;border:1px solid #e1e9f1;border-radius:8px;padding:10px;font-size:9px;color:#718397}.kg-bulk-stats b{display:block;font-size:15px;color:#17324b;margin-top:3px;font-weight:500}@media(max-width:700px){.kg-bulk-grid{grid-template-columns:1fr}.kg-bulk-stats{grid-template-columns:1fr 1fr}.kg-product-head-actions{width:100%}.kg-product-head-actions a{flex:1;justify-content:center}}


/* v3.3.5 square product image uploader */
.kg-image-upload-card{display:flex!important;flex-direction:column;gap:10px}
.kg-image-preview-wrap{display:flex;justify-content:center}
.kg-image-preview{width:180px;aspect-ratio:1/1;border:1px solid #d8e4ee;border-radius:12px;background:#f6f9fc;display:grid;place-items:center;overflow:hidden;color:#8293a3;font-size:10px}
.kg-image-preview img{width:100%;height:100%;object-fit:contain;background:#fff}
.kg-image-upload-btn{border:1px solid #0b69dc;background:#eef6ff;color:#0b69dc;border-radius:9px;padding:10px 12px;font-size:11px;cursor:pointer}
.kg-image-help{font-size:8px!important;color:#75889a;line-height:1.5}
.kg-crop-modal{position:fixed;inset:0;background:rgba(7,24,42,.72);z-index:999999;display:none;align-items:center;justify-content:center;padding:16px}
.kg-crop-modal.show{display:flex}.kg-crop-open{overflow:hidden}
.kg-crop-dialog{width:min(620px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:16px;padding:16px;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.kg-crop-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.kg-crop-head b,.kg-crop-head span{display:block}.kg-crop-head b{font-size:15px;color:#153451}.kg-crop-head span{font-size:9px;color:#75889a;margin-top:3px}.kg-crop-head button{width:32px;height:32px;border:1px solid #d8e3ec;background:#fff;border-radius:50%;font-size:18px;cursor:pointer}
.kg-crop-stage{width:min(500px,82vw);aspect-ratio:1/1;margin:auto;background:#eef2f5;overflow:hidden;border-radius:10px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.9)}
.kg-crop-stage canvas{display:block;width:100%;height:100%;cursor:move;touch-action:none}
.kg-crop-controls{display:flex;align-items:center;gap:9px;margin-top:13px}.kg-crop-controls label{display:flex;align-items:center;gap:7px;flex:1;font-size:9px;color:#60758a}.kg-crop-controls input{width:100%}
.kg-crop-secondary{border:1px solid #cddae6;background:#fff;color:#17324b;border-radius:8px;padding:10px 12px;font-size:10px;cursor:pointer}
@media(max-width:600px){.kg-image-preview{width:150px}.kg-crop-dialog{padding:11px}.kg-crop-controls{display:grid;grid-template-columns:1fr 1fr}.kg-crop-controls label{grid-column:1/-1}.kg-crop-controls button{width:100%}}

.kg-v336-manager{margin-top:18px}.kg-v336-head{display:flex;justify-content:space-between;gap:15px;align-items:end}.kg-v336-head h3{margin:4px 0;font-size:18px}.kg-v336-head p{font-size:10px;color:#71869a}.kg-v336-tabs{display:flex;gap:6px}.kg-v336-tabs button{padding:8px 11px;border:1px solid #d4e0eb;background:#fff;border-radius:8px;font-size:9px}.kg-v336-tabs button.active{background:#0c65d8;color:#fff}.kg-v336-stats{display:flex;gap:8px;margin:12px 0}.kg-v336-stats span{padding:7px 10px;background:#f4f8fb;border-radius:8px;font-size:9px}.kg-v336-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.kg-v336-card{border:1px solid #dbe6ef;border-radius:11px;padding:8px;min-width:0}.kg-v336-thumb{aspect-ratio:1;background:#f4f7fa;border-radius:8px;display:grid;place-items:center;overflow:hidden}.kg-v336-thumb img{width:100%;height:100%;object-fit:contain}.kg-v336-empty{font-size:28px;color:#91a3b3;text-align:center}.kg-v336-empty small{display:block;font-size:8px}.kg-v336-card>b,.kg-v336-card>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kg-v336-card>b{font-size:9px;margin-top:7px}.kg-v336-card>span{font-size:8px;color:#8193a3;margin:2px 0 7px}.kg-v336-card>button{width:100%;padding:8px;border:1px solid #0c65d8;background:#eef6ff;color:#0c65d8;border-radius:7px;font-size:9px}.kg-v336-loading{grid-column:1/-1;text-align:center;padding:25px;color:#7e91a3}@media(max-width:1100px){.kg-v336-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.kg-v336-head{display:block}.kg-v336-tabs{margin-top:9px}.kg-v336-grid{grid-template-columns:repeat(2,1fr)}}


/* v3.3.7 compact responsive cropper */
.kg-v337-crop-modal{
  padding:18px !important;
  overflow:hidden !important;
  align-items:center !important;
  justify-content:center !important;
}
.kg-v337-crop-dialog{
  width:min(540px,calc(100vw - 32px)) !important;
  max-width:540px !important;
  max-height:calc(100vh - 32px) !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  border-radius:16px !important;
  padding:16px !important;
  display:flex !important;
  flex-direction:column !important;
}
.kg-v337-crop-head{
  flex:0 0 auto;
  margin:0 0 6px !important;
  align-items:center !important;
}
.kg-v337-crop-head b{
  font-size:15px !important;
  line-height:1.25 !important;
}
.kg-v337-crop-head span{
  font-size:10px !important;
  line-height:1.35 !important;
  color:#6f8295 !important;
  margin-top:3px !important;
}
.kg-v337-close{
  flex:0 0 34px !important;
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #d7e2ec !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#173650 !important;
  font-size:23px !important;
  font-weight:400 !important;
  line-height:1 !important;
  cursor:pointer !important;
}
.kg-v337-help{
  flex:0 0 auto;
  font-size:9px;
  color:#71869a;
  margin:0 0 10px;
  line-height:1.4;
}
.kg-v337-crop-stage{
  position:relative !important;
  width:min(440px,calc(100vw - 64px),calc(100vh - 210px)) !important;
  height:auto !important;
  aspect-ratio:1/1 !important;
  max-width:440px !important;
  max-height:440px !important;
  flex:0 1 auto !important;
  margin:0 auto !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#eef3f7 !important;
  box-shadow:0 0 0 1px #d8e3ec !important;
}
.kg-v337-crop-stage canvas{
  width:100% !important;
  height:100% !important;
  display:block !important;
  cursor:grab !important;
  touch-action:none !important;
}
.kg-v337-crop-stage canvas:active{cursor:grabbing !important}
.kg-v337-frame{
  position:absolute;
  inset:0;
  pointer-events:none;
  border:2px solid rgba(255,255,255,.95);
  box-shadow:inset 0 0 0 1px rgba(15,70,120,.20);
  border-radius:12px;
}
.kg-v337-controls{
  flex:0 0 auto !important;
  display:block !important;
  margin-top:12px !important;
}
.kg-v337-zoom{
  display:grid !important;
  grid-template-columns:42px 1fr !important;
  gap:8px !important;
  align-items:center !important;
  width:100% !important;
  margin:0 0 10px !important;
  font-size:9px !important;
  color:#60758a !important;
}
.kg-v337-zoom input{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}
.kg-v337-actions{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:10px;
}
.kg-v337-actions button{
  min-height:42px !important;
  width:100% !important;
  margin:0 !important;
  border-radius:9px !important;
  font-size:11px !important;
}
.kg-v337-actions .kg-primary{
  background:#126bdd !important;
  color:#fff !important;
  border:1px solid #126bdd !important;
}
.kg-v337-actions .kg-crop-secondary{
  background:#fff !important;
  color:#173650 !important;
  border:1px solid #cad8e5 !important;
}
@media(max-width:600px){
  .kg-v337-crop-modal{padding:10px !important}
  .kg-v337-crop-dialog{
    width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 20px) !important;
    padding:12px !important;
    border-radius:14px !important;
  }
  .kg-v337-crop-stage{
    width:min(calc(100vw - 44px),calc(100dvh - 225px)) !important;
    max-width:none !important;
    max-height:none !important;
  }
  .kg-v337-actions{grid-template-columns:92px 1fr;gap:8px}
  .kg-v337-actions button{min-height:40px !important;font-size:10px !important}
  .kg-v337-help{font-size:8px;margin-bottom:8px}
}
@media(max-height:650px){
  .kg-v337-crop-dialog{padding:10px !important}
  .kg-v337-help{display:none}
  .kg-v337-crop-stage{
    width:min(350px,calc(100vw - 60px),calc(100vh - 175px)) !important;
  }
  .kg-v337-controls{margin-top:8px !important}
  .kg-v337-zoom{margin-bottom:7px !important}
  .kg-v337-actions button{min-height:36px !important}
}


/* v3.3.8 image filter tabs — force both labels visible */
.kg-v336-tabs{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:0 !important;
  overflow:visible !important;
  white-space:nowrap !important;
}
.kg-v336-tabs button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:112px !important;
  height:38px !important;
  padding:0 14px !important;
  margin:0 !important;
  border:1px solid #cfddea !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#173650 !important;
  font-size:10px !important;
  font-weight:500 !important;
  line-height:1 !important;
  text-indent:0 !important;
  overflow:visible !important;
  opacity:1 !important;
  visibility:visible !important;
  cursor:pointer !important;
}
.kg-v336-tabs button.active{
  background:#126bdd !important;
  border-color:#126bdd !important;
  color:#fff !important;
  box-shadow:0 2px 5px rgba(18,107,221,.16) !important;
}
.kg-v336-tabs button[data-v336-filter="missing"]::after{
  content:"" !important;
}
.kg-v336-tabs button[data-v336-filter="all"]{
  font-size:0 !important;
}
.kg-v336-tabs button[data-v336-filter="all"]::after{
  content:"All Products" !important;
  font-size:10px !important;
  color:inherit !important;
  line-height:1 !important;
  display:inline !important;
}
@media(max-width:600px){
  .kg-v336-tabs{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
  .kg-v336-tabs button{
    min-width:0 !important;
    width:100% !important;
    height:38px !important;
  }
}