/* VW_GUEST_PRODUCT_EXPERIENCE_UI_V125 */
/* VW_GUEST_ACCOUNT_CLAIM_ONBOARDING_UI_V130 */
/* VW_GUEST_DRAFT_ACCOUNT_CLAIM_UI_V127 */
/* VW_GUEST_DESKTOP_PDF_PREVIEW_UI_V128 */
/* VW_GUEST_MOBILE_DOCUMENT_VIEW_UI_V125R1 */
*{box-sizing:border-box}
:root{
  --ink:#111827;--muted:#697386;--line:#dde2e7;--app:#efefef;--paper:#fff;
  --rail:#181818;--rail-active:#393434;--dark:#101828;--blue:#3157d5;--soft:#f6f7f9
}
html,body{margin:0;min-height:100%;font-family:Arial,sans-serif;color:var(--ink);background:#dedede}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.g125-body{padding-top:76px}

/* Desktop app header */
.g125-appbar{
  position:fixed;inset:0 0 auto 0;height:76px;z-index:5000;background:#fff;
  border-bottom:1px solid #cfcfcf;display:grid;grid-template-columns:260px 1fr 190px;
  align-items:center;padding:0 46px;gap:18px
}
.g125-brand{display:flex;align-items:baseline;gap:9px;text-decoration:none;color:#153348}
.g125-brand strong{font-size:31px;letter-spacing:-.05em}.g125-brand span{font-weight:700;font-size:17px;color:#32465b}
.g125-doc-tabs{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;max-width:790px;margin:auto}
.g125-doc-tabs button,.g125-settings-link{
  border:0;background:transparent;color:#000;padding:3px 7px;font-weight:700;font-size:12px
}
.g125-doc-tabs button.active{background:#6d8999;color:#fff}
.g125-appbar-right{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.g125-login-link{color:#3157d5;text-decoration:none;font-size:12px;font-weight:700}

/* Desktop shell / rail */
.g125-shell{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:calc(100vh - 76px)}
.g125-sidebar{background:var(--rail);color:#fff;min-height:calc(100vh - 76px);display:flex;flex-direction:column;justify-content:center;position:sticky;top:76px;height:calc(100vh - 76px)}
.g125-sidebar nav{display:flex;flex-direction:column}
.g125-sidebar button{
  width:100%;border:0;background:transparent;color:#fff;text-align:center;padding:8px 10px;font-size:14px
}
.g125-sidebar button.active{background:var(--rail-active);border-radius:0 20px 20px 0}
.g125-side-bottom{margin-top:24px;display:flex;flex-direction:column;text-align:center;gap:9px}
.g125-side-bottom a{color:#fff;text-decoration:none;font-size:13px}
.g125-main{min-width:0;background:#ddd;min-height:calc(100vh - 76px)}
.g125-panel{display:none}.g125-panel.active{display:block}

/* desktop editor */
.g125-desktop-crumb{height:50px;background:#bcbcbc;border-bottom:1px solid #8f8f8f;padding:15px 60px;color:#605b59;font-size:14px;font-weight:700}
.g125-desktop-crumb span{margin:0 7px}
.g125-editor-tabs{width:min(900px,calc(100% - 80px));margin:52px auto 0;display:flex;gap:3px}
.g125-editor-tabs button{min-width:78px;height:38px;border:1px solid #bbb;background:#2d2d2d;color:#fff;font-size:14px}
.g125-editor-tabs button.active{background:#666}
.g125-invoice-editor{width:min(900px,calc(100% - 80px));margin:0 auto 65px;background:#fff;padding:54px 48px 42px;box-shadow:0 3px 15px rgba(0,0,0,.16)}
.g125-editor-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}
.g125-editor-heading h1{margin:0;font-size:22px}.g125-guest-chip{background:#f2f4f7;color:#667085;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}
.g125-desktop-form{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:34px}
.g125-form-left,.g125-form-right{min-width:0}
.g125-field-stack{margin-bottom:18px}
.g125-field-stack label,.g125-form-right>label{display:block;font-size:13px;margin:0 0 7px}
.g125-field-stack input,.g125-field-stack textarea,.g125-form-right input,.g125-form-right select{
  width:100%;border:1px solid #777;background:#fff;padding:8px 9px;margin:0 0 7px;outline:0
}
.g125-field-stack input,.g125-form-right input,.g125-form-right select{height:36px}
.g125-field-stack textarea{resize:vertical}
.g125-logo-demo{display:grid;grid-template-columns:145px 1fr;align-items:end;gap:10px;margin-bottom:19px}
.g125-logo-demo span{display:flex;align-items:center;justify-content:center;width:145px;height:145px;border:1px solid #bbb;color:#858585;font:700 33px/1.15 Georgia,serif;text-align:center}
.g125-logo-demo button{align-self:end;border:1px solid #aaa;background:#eee;padding:5px 7px;font-size:11px}
.g125-items-block{margin-top:22px}
.g125-items-title{display:flex;align-items:center;justify-content:space-between}.g125-items-title h2{font-size:17px;margin:0 0 10px}.g125-items-title button{border:0;background:transparent;color:#3157d5;font-weight:800}
.g125-items-head{display:grid;grid-template-columns:minmax(0,1.7fr) 125px 85px 110px 80px;border:1px solid #bbb;background:#fff}
.g125-items-head span{padding:10px;border-right:1px solid #ccc;font-weight:800;font-size:12px;text-align:center}
.g125-item{display:grid;grid-template-columns:minmax(0,1.7fr) 125px 85px 110px 80px;border:1px solid #ccc;border-top:0;align-items:center}
.g125-item input{width:100%;min-width:0;height:38px;border:0;border-right:1px solid #ccc;padding:6px 8px;outline:0}
.g125-item-total{text-align:right;padding:0 9px;font-size:12px}
.g125-remove{margin:auto;border:1px solid #aaa;background:#eee;padding:5px 9px}
.g125-extras{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.g125-extras label{font-size:12px;font-weight:700}.g125-extras textarea{width:100%;margin-top:6px;border:1px solid #aaa;padding:9px;resize:vertical}
.g125-editor-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.g125-btn{height:40px;padding:0 15px;border:1px solid #bbb;background:#fff;font-weight:750}.g125-btn.dark{background:#202020;color:#fff;border-color:#202020}.g125-btn.preview{margin-right:auto}
.g125-mobile-summary,.g125-mobile-card{display:none}

/* invoice list preview */
.g125-preview-mode-banner{display:flex;align-items:center;gap:13px;padding:12px 24px;background:#fff7e8;border-bottom:1px solid #efd9af;font-size:12px}.g125-preview-mode-banner strong{font-size:13px}.g125-preview-mode-banner span{color:#765d35}.g125-preview-mode-banner a{margin-left:auto;color:#3157d5;font-weight:800;text-decoration:none}
.g125-list-toolbar{display:flex;align-items:center;justify-content:center;gap:180px;padding:24px 20px;background:#d3d1d1}
.g125-search{display:flex;width:330px}.g125-search input{height:34px;flex:1;border:1px solid #555;padding:7px}.g125-search button{width:50px;border:1px solid #555;background:#777;color:#fff}
.g125-list-actions{display:flex;gap:17px}.g125-list-actions button{height:33px;background:#fff;border:1px solid #888;padding:0 13px}
.g125-invoice-table-wrap{background:#fff}.g125-invoice-table{width:100%;border-collapse:collapse}.g125-invoice-table th{background:#909191;color:#fff;text-align:left;padding:10px;border-right:1px solid #ddd}.g125-invoice-table td{padding:9px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:13px}.g125-invoice-table tbody tr{cursor:pointer}.g125-invoice-table tbody tr:hover{background:#f4f4f4}
.g125-list-pager{display:flex;justify-content:center;gap:38px;padding:18px;background:#d3d1d1;align-items:center;font-size:12px}.g125-list-pager button{border:0;background:#aaa;color:#fff;padding:7px 12px}
.g125-mobile-invoice-cards{display:none}

/* document view action screen */
.g125-view-mobile-head{display:flex;height:52px;background:#fff;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #ccc}.g125-view-mobile-head button{border:0;background:transparent;font-size:17px}
.g125-view-actions{background:#ddd}.g125-view-actions>button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:#fff;border:0;border-bottom:5px solid #ddd;padding:14px 24px}.g125-view-actions strong{display:block;font-size:13px}.g125-view-actions span{display:block;color:#8a91a1;font-size:9px;margin-top:4px}.g125-view-actions em{font-style:normal;font-size:11px}
.g125-view-preview{min-height:520px;background:#fff;padding:32px}.g125-view-preview article{width:min(620px,100%);margin:auto}
.pv-top{display:flex;justify-content:space-between;gap:24px;margin-bottom:30px}.pv-brand{font-size:28px;font-weight:900}.pv-meta{text-align:right;font-size:10px;line-height:1.6;color:#596273}.pv-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:26px}.pv-label{font-size:8px;font-weight:900;color:#98a2b3;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.pv-name{font-weight:800;font-size:12px;margin-bottom:4px}.pv-text{white-space:pre-line;color:#667085;font-size:9px;line-height:1.5}.pv-table{width:100%;border-collapse:collapse;font-size:9px}.pv-table th,.pv-table td{padding:8px;border-bottom:1px solid #ddd}.pv-table th{text-align:left;border-bottom:1px solid #333}.pv-table .num{text-align:right}.pv-summary{width:220px;margin:18px 0 0 auto}.pv-sumrow{display:flex;justify-content:space-between;padding:5px 0;font-size:10px}.pv-total{border-top:2px solid #111;font-size:15px;font-weight:900}.pv-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}

/* mobile chrome hidden on desktop */
.g125-mobile-top,.g125-mobile-bottom{display:none}

/* modals */
.g125-modal-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(16,24,40,.48);display:grid;place-items:center;padding:18px}.g125-modal-backdrop[hidden]{display:none}
.g125-modal{position:relative;width:min(100%,410px);background:#fff;border-radius:18px;padding:27px;box-shadow:0 24px 70px rgba(16,24,40,.25)}
.g125-modal h2{font-size:22px;margin:12px 0 8px}.g125-modal p{color:#667085;font-size:13px;line-height:1.5}.g125-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:9px;background:#f2f4f7;font-size:20px}
.g125-lock-chip{display:inline-block;background:#eef2f6;color:#344054;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.g125-modal-primary,.g125-modal-secondary{display:flex;align-items:center;justify-content:center;width:100%;height:45px;border-radius:11px;text-decoration:none;font-weight:800;margin-top:11px}.g125-modal-primary{background:#202020;color:#fff;border:0}.g125-modal-secondary{background:#fff;color:#344054;border:1px solid #d0d5dd}.g125-modal-primary.button{cursor:pointer}.g125-modal label{display:block;font-size:12px;font-weight:700}.g125-modal label input{display:block;width:100%;height:45px;border:1px solid #d0d5dd;border-radius:10px;padding:0 11px;margin-top:7px;outline:0}.g125-code{width:100%;height:54px;border:1px solid #d0d5dd;border-radius:11px;text-align:center;font-size:20px;font-weight:800;letter-spacing:.2em;outline:0}.g125-text-button{display:block;margin:11px auto 0;border:0;background:transparent;color:#3157d5;font-weight:800}.g125-gate-msg{margin-top:12px;background:#fef3f2;color:#b42318;padding:10px;border-radius:9px;font-size:12px}.g125-gate-msg.good{background:#ecfdf3;color:#027a48}
.g125-toast{position:fixed;left:50%;bottom:24px;z-index:12000;opacity:0;transform:translate(-50%,10px);pointer-events:none;background:#101828;color:#fff;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:750;transition:.18s}.g125-toast.show{opacity:1;transform:translate(-50%,0)}

/* MOBILE */
@media(max-width:760px){
  body.g125-body{padding:0;background:#303030}
  .g125-appbar,.g125-sidebar{display:none}
  .g125-shell{display:block;min-height:100vh;background:#303030;padding:84px 14px 76px}
  .g125-main{min-height:0;background:#eef0f2}
  .g125-mobile-top{
    display:flex;position:fixed;z-index:6000;top:0;left:0;right:0;height:68px;background:#f8f8f8;
    align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #ddd
  }
  .g125-mobile-top>div{text-align:left;flex:1;margin-left:10px}.g125-mobile-top strong{display:block;font-size:18px}.g125-mobile-top span{display:block;color:#8a91a1;font-size:10px;margin-top:3px}
  .g125-mobile-back{width:42px;height:42px;border:0;border-radius:12px;background:#eef0f3;font-size:19px}.g125-mobile-save{height:42px;min-width:72px;border:0;border-radius:12px;background:#101828;color:#fff;font-weight:800}
  .g125-desktop-crumb,.g125-editor-tabs,.g125-editor-heading,.g125-desktop-form{display:none}
  .g125-panel{background:#eef0f2;min-height:calc(100vh - 160px)}
  .g125-invoice-editor{width:100%;margin:0;background:transparent;box-shadow:none;padding:13px 10px 24px}
  .g125-mobile-summary{display:flex;justify-content:space-between;background:#fff;border-radius:16px;padding:16px 16px;margin:0 10px 14px}.g125-mobile-summary span{display:block;color:#8b94a7;font-size:9px;font-weight:900;letter-spacing:.12em}.g125-mobile-summary strong{display:block;font-size:20px;margin-top:5px}.g125-mobile-summary .right{text-align:right}
  .g125-mobile-card{display:block;background:#fff;border-radius:16px;margin:0 0 14px;overflow:hidden}.g125-mobile-card-label{padding:14px 16px 10px;color:#8b94a7;font-size:9px;font-weight:900;letter-spacing:.12em}
  .g125-mobile-row{min-height:61px;padding:0 16px;border-top:1px solid #e4e7ec;display:flex;align-items:center;justify-content:space-between;gap:12px}.g125-mobile-row strong{font-size:13px}.g125-mobile-row span{font-size:12px;color:#667085}.g125-mobile-row.button-row{width:100%;background:#fff;border-left:0;border-right:0;border-bottom:0;text-align:left}
  .g125-row-input{border:0!important;background:transparent!important;box-shadow:none!important;text-align:right;width:48%!important;height:40px!important;padding:0!important;color:#667085;font-size:12px;outline:0}.g125-row-input::placeholder{color:#667085}
  .g125-items-block{background:#fff;border-radius:16px;padding:14px 16px;margin:0 0 14px}.g125-items-head{display:none}.g125-items-title h2{font-size:13px}.g125-item{display:grid;grid-template-columns:1fr 68px 62px;border:0;border-top:1px solid #e4e7ec;padding:10px 0;gap:8px}.g125-item:first-child{border-top:0}.g125-item input{height:38px;border:1px solid #e1e4e8;border-radius:9px;padding:0 8px}.g125-item .it-rate{grid-column:2}.g125-item .it-qty{grid-column:3}.g125-item-total{grid-column:1/3;text-align:left}.g125-remove{grid-column:3;grid-row:2;margin:0;border:0;border-radius:8px}
  .g125-extras{grid-template-columns:1fr;background:#fff;border-radius:16px;padding:14px 16px}.g125-extras textarea{border:1px solid #e1e4e8;border-radius:9px}
  .g125-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.g125-btn.preview{margin:0}.g125-btn{border-radius:10px}
  .g125-mobile-bottom{
    display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;height:67px;
    z-index:6000;background:rgba(255,255,255,.96);border-top:1px solid #ddd
  }
  .g125-mobile-bottom button{border:0;background:transparent;color:#667085;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.g125-mobile-bottom button.active{color:#101828}.g125-mobile-bottom span{font-size:16px}.g125-mobile-bottom small{font-size:9px;font-weight:700}
  .g125-preview-mode-banner{display:block;padding:13px}.g125-preview-mode-banner span{display:block;margin:5px 0}.g125-preview-mode-banner a{display:inline-block;margin:2px 0 0}
  .g125-list-toolbar,.g125-invoice-table-wrap,.g125-list-pager{display:none}
  .g125-mobile-invoice-cards{display:block;padding:12px}.g125-mobile-invoice-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:13px;padding:14px;margin-bottom:9px;border:0;width:100%;text-align:left}.g125-mobile-invoice-card strong{display:block;font-size:13px}.g125-mobile-invoice-card span{display:block;color:#8991a0;font-size:10px;margin-top:4px}.g125-mobile-invoice-card em{font-style:normal;font-weight:800}
  #panel-view{background:#fff}.g125-view-mobile-head{position:sticky;top:0}.g125-view-actions>button{padding:14px 20px}.g125-view-preview{min-height:380px;padding:24px 18px}.g125-view-preview article{font-size:90%}
  .pv-columns,.pv-notes{grid-template-columns:1fr}.pv-top{flex-direction:column}.pv-meta{text-align:left}
}


/* V125R1 — supplied mobile invoice view parity */
.g125-view-phone{
  background:#ddd;
}
.g125-view-title{
  flex:1;
  text-align:center;
  line-height:1.2;
}
.g125-view-title strong{
  display:block;
}
.g125-view-title span{
  display:none;
}
.g125-view-actions em{
  display:flex;
  align-items:center;
  gap:12px;
  color:#0f172a;
}
.g125-view-actions em small{
  font-size:9px;
  font-style:normal;
  color:#475467;
  font-weight:400;
}
.g125-view-preview-shell{
  background:#fff;
  min-height:500px;
}
.g125-view-preview{
  background:#fff;
}
@media(max-width:760px){
  #panel-view{
    margin:-16px -4px -10px;
    min-height:calc(100vh - 144px);
    background:#fff;
  }
  #panel-view .g125-view-phone{
    min-height:calc(100vh - 144px);
    background:#ddd;
  }
  #panel-view .g125-view-mobile-head{
    height:52px;
    padding:0 18px;
    background:#fff;
    border-bottom:1px solid #cfd3d8;
  }
  #panel-view .g125-view-mobile-head>button{
    width:34px;
    height:34px;
    padding:0;
    font-size:19px;
  }
  #panel-view .g125-view-title strong{
    font-size:14px;
  }
  #panel-view .g125-view-title span{
    display:none;
  }

  #panel-view .g125-view-actions{
    background:#ddd;
  }
  #panel-view .g125-view-actions>button{
    min-height:62px;
    padding:0 20px;
    border:0;
    border-bottom:5px solid #ddd;
    background:#fff;
  }
  #panel-view .g125-view-actions>button:last-child{
    border-bottom:0;
  }
  #panel-view .g125-view-actions strong{
    font-size:13px;
    line-height:1.2;
  }
  #panel-view .g125-view-actions span{
    margin-top:4px;
    color:#8790a4;
    font-size:9px;
    line-height:1.25;
  }
  #panel-view .g125-view-actions em{
    font-size:19px;
    font-weight:300;
    white-space:nowrap;
  }
  #panel-view .g125-view-actions em small{
    font-size:9px;
  }

  #panel-view .g125-view-preview-shell{
    min-height:420px;
    padding:0;
    background:#fff;
  }
  #panel-view .g125-view-preview{
    min-height:420px;
    padding:74px 52px 26px;
    overflow:hidden;
    background:#fff;
  }
  #panel-view .g125-view-preview article{
    width:100%;
    max-width:100%;
    margin:0;
    transform-origin:top left;
  }

  #panel-view .pv-top{
    margin-bottom:24px;
    gap:18px;
  }
  #panel-view .pv-brand{
    position:relative;
    font-family:Georgia,serif;
    font-size:28px;
    letter-spacing:.02em;
  }
  #panel-view .pv-brand:before{
    content:"";
    display:block;
    width:115px;
    height:8px;
    margin-bottom:6px;
    opacity:.35;
    background:repeating-linear-gradient(
      115deg,
      #7c8793 0 2px,
      transparent 2px 4px
    );
  }
  #panel-view .pv-meta{
    font-size:8px;
    line-height:1.6;
  }
  #panel-view .pv-columns{
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-bottom:20px;
  }
  #panel-view .pv-label{
    font-size:7px;
  }
  #panel-view .pv-name{
    font-size:8px;
  }
  #panel-view .pv-text{
    font-size:7px;
    line-height:1.35;
  }
  #panel-view .pv-table{
    font-size:7px;
  }
  #panel-view .pv-table th,
  #panel-view .pv-table td{
    padding:5px 4px;
  }
  #panel-view .pv-summary{
    width:150px;
    margin-top:12px;
  }
  #panel-view .pv-sumrow{
    font-size:8px;
  }
  #panel-view .pv-total{
    font-size:12px;
  }
  #panel-view .pv-notes{
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:22px;
  }
}

@media(max-width:390px){
  #panel-view .g125-view-preview{
    padding-left:42px;
    padding-right:42px;
  }
}

#g127SaveDraft:after{
  content:"local";
  margin-left:7px;
  color:#667085;
  font-size:9px;
  font-weight:700;
}
@media(max-width:760px){
  #g127MobileSaveDraft{background:#101828;color:#fff}
}


/* ---------------------------------------------------------------
   V128 Desktop guest Invoice Preview
   Mirrors the product chrome of the supplied logged-in reference.
   --------------------------------------------------------------- */
.g128-desktop-preview{display:block;background:#dcdada;min-height:calc(100vh - 76px)}
.g128-preview-actions{
  height:38px;
  display:flex;
  align-items:stretch;
  background:#d6d6d6;
  border-bottom:1px solid #aaa;
  padding-left:0;
}
.g128-preview-actions>button{
  min-width:62px;
  height:38px;
  border:0;
  border-right:1px solid #aaa;
  background:#f0f0f0;
  color:#111;
  padding:0 15px;
  font-size:13px;
  font-weight:700;
}
.g128-preview-actions>button:hover{background:#fff}
.g128-current-doc-tab{
  min-width:150px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-right:1px solid #aaa;
  background:#ececec;
  padding:0 12px 0 18px;
  font-size:12px;
}
.g128-current-doc-tab button{
  border:0;
  background:transparent;
  color:#8b8b8b;
  font-size:20px;
  line-height:1;
  padding:0 3px;
}
.g128-preview-meta{
  position:relative;
  height:52px;
  display:flex;
  align-items:center;
  background:#bcbcbc;
  border-bottom:1px solid #999;
  color:#5d5856;
}
.g128-preview-crumb{
  display:flex;
  align-items:center;
  gap:9px;
  padding-left:62px;
  font-size:14px;
  font-weight:700;
}
.g128-preview-crumb button{
  border:0;
  background:transparent;
  color:#5d5856;
  font:inherit;
  padding:0;
}
.g128-page-controls{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:7px;
  color:#111;
  font-size:12px;
}
.g128-page-controls button{
  border:1px solid #777;
  background:#eee;
  color:#111;
  min-width:38px;
  height:23px;
  padding:0 6px;
  font-size:11px;
}
.g128-page-controls button:disabled{opacity:1;color:#222}
.g128-preview-canvas{
  min-height:calc(100vh - 166px);
  background:#dedcdc;
  padding:42px 40px 80px;
  overflow:auto;
}
.g128-a4-sheet{
  width:min(820px,calc(100% - 70px));
  min-height:1080px;
  margin:0 auto;
  padding:128px 96px 90px;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  color:#303030;
}
.g128-a4-sheet .pv-top{
  margin-bottom:42px;
  align-items:flex-start;
}
.g128-a4-sheet .pv-brand{
  position:relative;
  font-family:Georgia,"Times New Roman",serif;
  font-size:52px;
  line-height:1;
  font-weight:900;
  letter-spacing:.025em;
  color:#333;
}
.g128-a4-sheet .pv-brand:before{
  content:"";
  display:block;
  width:292px;
  height:17px;
  margin-bottom:13px;
  opacity:.26;
  background:repeating-linear-gradient(
    112deg,
    #8b9297 0 3px,
    transparent 3px 6px
  );
}
.g128-a4-sheet .pv-meta{
  min-width:235px;
  padding-top:118px;
  color:#555;
  font-size:13px;
  line-height:1.75;
  text-align:left;
}
.g128-a4-sheet .pv-columns{
  grid-template-columns:1fr 1fr;
  gap:70px;
  margin-bottom:34px;
}
.g128-a4-sheet .pv-label{
  color:#555;
  font-size:12px;
  font-weight:700;
  letter-spacing:0;
}
.g128-a4-sheet .pv-name{
  margin-top:15px;
  font-size:13px;
  font-weight:400;
}
.g128-a4-sheet .pv-text{
  color:#333;
  font-size:12px;
  line-height:1.35;
}
.g128-a4-sheet .pv-table{
  margin-top:24px;
  border:1px solid #444;
  font-size:12px;
}
.g128-a4-sheet .pv-table th{
  background:#fff;
  color:#222;
  border-bottom:2px solid #333;
  padding:8px 10px;
  font-size:12px;
}
.g128-a4-sheet .pv-table td{
  border-bottom:1px solid #aaa;
  padding:8px 10px;
}
.g128-a4-sheet .pv-summary{
  width:100%;
  margin:48px 0 0;
  border:4px solid #333;
}
.g128-a4-sheet .pv-summary .pv-sumrow:first-child{display:none}
.g128-a4-sheet .pv-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  padding:10px 16px;
  font-size:28px;
  font-weight:400;
}
.g128-a4-sheet .pv-total span:first-child:after{
  content:" INVOICE TOTAL";
  font-size:0;
}
.g128-a4-sheet .pv-total span:first-child{
  font-size:0;
}
.g128-a4-sheet .pv-total span:first-child:before{
  content:"INVOICE TOTAL";
  font-size:28px;
}
.g128-a4-sheet .pv-notes{
  grid-template-columns:1fr 1fr;
  gap:40px;
  margin-top:42px;
}

@media(min-width:761px){
  #panel-view .g125-view-phone{display:none!important}
  #panel-view .g128-desktop-preview{display:block}
}

@media(max-width:760px){
  #panel-view .g128-desktop-preview{display:none!important}
  #panel-view .g125-view-phone{display:block}
}


/* ===============================================================
   VW_GUEST_STICKY_EDITOR_PREVIEW_UI_V128R1
   Desktop scroll contract:
   - global app header stays fixed at 0..76px (existing contract)
   - Create breadcrumb "Invoices > New >" sticks directly below it
   - Preview action strip sticks directly below global header
   - Preview breadcrumb/page controls stick directly below action strip
   - only editor / A4 canvas content scrolls
   Mobile layout remains unchanged.
   =============================================================== */

@media(min-width:761px){

  /* CREATE: keep Invoices > New > visible while editor scrolls */
  #panel-create .g125-desktop-crumb{
    position:sticky;
    top:76px;
    z-index:4300;
    width:100%;
    box-shadow:0 1px 0 rgba(0,0,0,.10);
  }

  /* PREVIEW: first fixed/sticky row under global 76px header */
  #panel-view .g128-preview-actions{
    position:sticky;
    top:76px;
    z-index:4320;
    width:100%;
    box-shadow:0 1px 0 rgba(0,0,0,.12);
  }

  /* PREVIEW: second sticky row under the 38px action strip */
  #panel-view .g128-preview-meta{
    position:sticky;
    top:114px; /* 76px global header + 38px action strip */
    z-index:4310;
    width:100%;
    box-shadow:0 1px 0 rgba(0,0,0,.10);
  }

  /* Avoid transformed ancestors breaking CSS sticky behavior */
  #panel-create,
  #panel-view,
  #panel-view .g128-desktop-preview,
  .g125-main{
    transform:none!important;
  }

  /* Scrolling remains on document/page, not on the chrome rows */
  #panel-view .g128-preview-canvas{
    position:relative;
    z-index:1;
  }
}


/* ===============================================================
   VW_GUEST_MOBILE_VIDEO_FLOW_UI_V128R4
   Uploaded live audit + supplied product/video reference.
   Mobile only. Desktop V128/V128R1 remains untouched.
   =============================================================== */
@media(max-width:760px){

  /* Guest mobile top bar no longer has the top Save action. */
  .g125-mobile-top{
    justify-content:flex-start;
    gap:10px;
  }
  .g125-mobile-top>div{
    margin-left:0;
  }

  /* When an invoice is opened, remove the duplicate outer
     "All documents / Guest invoice / Save" chrome completely.
     The inner product All documents header becomes the single header. */
  body.g128r3-mobile-document-view .g125-mobile-top{
    display:none!important;
  }
  body.g128r3-mobile-document-view .g125-shell{
    padding-top:0!important;
    padding-left:10px;
    padding-right:10px;
  }
  body.g128r3-mobile-document-view #panel-view{
    margin:0!important;
    min-height:calc(100vh - 67px);
  }
  body.g128r3-mobile-document-view #panel-view .g125-view-phone{
    min-height:calc(100vh - 67px);
    background:#dedede;
  }

  /* One clean product header: back / All documents / settings. */
  body.g128r3-mobile-document-view #panel-view .g125-view-mobile-head{
    position:sticky;
    top:0;
    z-index:6100;
    height:52px;
    padding:0 20px;
    background:#fff;
    border-bottom:1px solid #d0d4da;
    box-shadow:none;
  }
  body.g128r3-mobile-document-view #panel-view .g125-view-mobile-head>button{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    background:transparent;
    color:#101828;
    font-size:18px;
  }
  body.g128r3-mobile-document-view #panel-view .g125-view-title{
    text-align:center;
  }
  body.g128r3-mobile-document-view #panel-view .g125-view-title strong{
    font-size:14px;
    font-weight:800;
  }
  body.g128r3-mobile-document-view #panel-view .g125-view-title span{
    display:none!important;
  }

  /* Product/video-like document actions. */
  body.g128r3-mobile-document-view #panel-view .g125-view-actions{
    background:#dedede;
  }
  body.g128r3-mobile-document-view #panel-view .g125-view-actions>button{
    min-height:62px;
    padding:0 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#fff;
    border:0;
    border-bottom:5px solid #dedede;
    text-align:left;
  }
  body.g128r3-mobile-document-view #panel-view .g125-view-actions>button:last-child{
    border-bottom:0;
  }
  body.g128r3-mobile-document-view #panel-view .g125-view-actions strong{
    display:block;
    color:#111827;
    font-size:13px;
    line-height:1.2;
    font-weight:750;
  }
  body.g128r3-mobile-document-view #panel-view .g125-view-actions span{
    display:block;
    margin-top:4px;
    color:#8790a4;
    font-size:9px;
    line-height:1.25;
  }
  body.g128r3-mobile-document-view #panel-view .g125-view-actions em{
    display:flex;
    align-items:center;
    gap:10px;
    color:#101828;
    font-size:18px;
    font-style:normal;
    font-weight:400;
    white-space:nowrap;
  }
  body.g128r3-mobile-document-view #panel-view .g125-view-actions em small{
    color:#475467;
    font-size:9px;
    font-style:normal;
    font-weight:400;
  }

  /* White document viewer below the actions, matching the product reference. */
  body.g128r3-mobile-document-view #panel-view .g125-view-preview-shell{
    min-height:520px;
    background:#fff;
  }
  body.g128r3-mobile-document-view #panel-view .g125-view-preview{
    min-height:520px;
    padding:108px 48px 38px;
    overflow:hidden;
    background:#fff;
  }
  body.g128r3-mobile-document-view #panel-view .g125-view-preview article{
    width:100%;
    max-width:430px;
    margin:0 auto;
  }

  /* Live invoice proportions closer to the supplied mobile product preview. */
  body.g128r3-mobile-document-view #panel-view .pv-top{
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) minmax(120px,.75fr);
    align-items:end;
    gap:18px;
    margin-bottom:28px;
  }
  body.g128r3-mobile-document-view #panel-view .pv-brand{
    font-family:Georgia,"Times New Roman",serif;
    font-size:29px;
    line-height:1;
    letter-spacing:.02em;
  }
  body.g128r3-mobile-document-view #panel-view .pv-brand:before{
    width:118px;
    height:8px;
    margin-bottom:7px;
  }
  body.g128r3-mobile-document-view #panel-view .pv-meta{
    padding:0 0 2px;
    text-align:right!important;
    font-size:7px;
    line-height:1.6;
  }
  body.g128r3-mobile-document-view #panel-view .pv-columns{
    grid-template-columns:1fr 1fr!important;
    gap:28px;
    margin-bottom:22px;
  }
  body.g128r3-mobile-document-view #panel-view .pv-label{
    font-size:7px;
  }
  body.g128r3-mobile-document-view #panel-view .pv-name{
    font-size:8px;
  }
  body.g128r3-mobile-document-view #panel-view .pv-text{
    font-size:7px;
    line-height:1.35;
  }
  body.g128r3-mobile-document-view #panel-view .pv-table{
    font-size:7px;
  }
  body.g128r3-mobile-document-view #panel-view .pv-table th,
  body.g128r3-mobile-document-view #panel-view .pv-table td{
    padding:5px 4px;
  }
  body.g128r3-mobile-document-view #panel-view .pv-summary{
    width:170px;
    margin-top:14px;
  }

  /* Existing product bottom navigation stays fixed. */
  body.g128r3-mobile-document-view .g125-mobile-bottom{
    z-index:6200;
  }
}


/* ===============================================================
   VW_GUEST_MOBILE_VIDEO_FLOW_UI_V128R4
   Guest invoices mobile list now follows the uploaded mobile video
   more closely: searchable cards, preview/edit actions and open-flow card.
   =============================================================== */
@media(max-width:760px){
  .g125-preview-mode-banner{display:none!important}
  .g125-mobile-top span{font-size:11px;color:#7d8796}
  .g125-list-toolbar{display:block!important;background:transparent!important;padding:0!important;border:0!important}
  .g125-list-actions{display:none!important}
  .g125-mobile-invoice-cards{display:block;padding:12px 10px 14px}
  .g128r4-mobile-invoice-card{position:relative;background:#fff;border:1px solid #e8ebf0;border-radius:20px;padding:14px 14px 12px;margin:0 0 12px;box-shadow:0 8px 20px rgba(15,23,42,.05)}
  .g128r4-mobile-card-top{display:grid;grid-template-columns:22px 1fr auto 14px;gap:12px;align-items:start}
  .g128r4-check{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:2px}
  .g128r4-check input{position:absolute;opacity:0;pointer-events:none}
  .g128r4-check span{display:block;width:18px;height:18px;border:1.5px solid #222;border-radius:4px;background:#fff}
  .g128r4-mobile-main strong{display:block;font-size:14px;line-height:1.2;color:#0f172a;font-weight:800}
  .g128r4-mobile-main span{display:block;font-size:12px;color:#738093;margin-top:4px}
  .g128r4-mobile-amount{text-align:right;min-width:74px}
  .g128r4-mobile-amount small{display:block;font-size:9px;letter-spacing:.08em;color:#a0a8b7;font-weight:800}
  .g128r4-mobile-amount strong{display:block;font-size:14px;line-height:1.2;color:#0f172a;font-weight:900;margin-top:3px}
  .g128r4-mobile-card-top>em{align-self:center;font-style:normal;font-size:18px;color:#8f98a6;font-weight:700}
  .g128r4-mobile-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 12px 34px}
  .g128r4-mobile-meta span{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#f5f7fb;color:#667085;font-size:11px;font-weight:700}
  .g128r4-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-left:34px}
  .g128r4-mobile-actions button{height:36px;border-radius:999px;font-size:13px;font-weight:800;border:1px solid #d8deea;background:#fff;color:#344054}
  .g128r4-mobile-actions button.is-edit{background:#08162f;color:#fff;border-color:#08162f;box-shadow:0 10px 18px rgba(8,22,47,.18)}
  .g128r4-mobile-actions button.is-preview{background:#fff}

  /* Search box like the reference mobile UI */
  #panel-invoices .g125-mobile-search-wrap{display:block}
  #panel-invoices .g125-search{display:flex!important;align-items:center;gap:10px;padding:12px 10px 6px}
  #panel-invoices .g125-search input{flex:1;height:44px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;padding:0 16px;font-size:14px;color:#111827;box-shadow:0 6px 18px rgba(15,23,42,.04)}
  #panel-invoices .g125-search button{width:44px;height:44px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:16px}

  /* Loading/opening overlay card from the video */
  .g128r4-flow-overlay{position:fixed;inset:0;background:rgba(245,247,250,.82);backdrop-filter:saturate(115%) blur(1px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:26px}
  .g128r4-flow-card{width:min(320px,92vw);background:#fff;border:1px solid #eceff4;border-radius:22px;box-shadow:0 18px 40px rgba(15,23,42,.11);padding:18px 18px 16px}
  .g128r4-flow-card strong{display:block;font-size:14px;color:#111827}
  .g128r4-flow-card span{display:block;margin-top:5px;font-size:12px;color:#98a2b3}
  .g128r4-flow-bar{height:4px;border-radius:999px;background:#eef2f7;overflow:hidden;margin-top:15px}
  .g128r4-flow-bar i{display:block;width:36%;height:100%;margin-left:auto;background:#17233c;border-radius:999px}
}


/* ===============================================================
   VW_GUEST_FLOW_OVERLAY_REPAIR_UI_V128R5
   Root cause:
   .g128r4-flow-overlay had display:flex in author CSS, so Chrome could
   continue rendering it even after the HTML hidden property was set.
   Explicit author-level hidden rule makes the state deterministic.
   =============================================================== */
.g128r4-flow-overlay[hidden]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.g128r4-flow-overlay.is-open{
  visibility:visible;
  pointer-events:auto;
}


/* ===============================================================
   VW_GUEST_PAGINATION_PARITY_UI_V128R6
   Desktop parity fix:
   - keep guest invoices pager visually below the list like real invoices
   - when only a few demo rows exist, reserve body space so the pager does not
     appear cramped against the table
   =============================================================== */
@media (min-width:761px){
  #panel-invoices.g125-panel.active{
    display:flex;
    flex-direction:column;
    min-height:calc(100vh - 76px);
  }
  #panel-invoices .g125-invoice-table-wrap{
    background:#fff;
    min-height:584px;
    display:flex;
    flex-direction:column;
  }
  #panel-invoices .g125-invoice-table{
    width:100%;
  }
  #panel-invoices .g125-list-pager{
    margin-top:0;
    padding:20px 0 24px;
    border-top:1px solid #cfcfcf;
    background:#d3d1d1;
    gap:52px;
  }
  #panel-invoices .g125-list-pager span{
    min-width:72px;
    text-align:center;
    font-weight:700;
    color:#2b2b2b;
  }
}

.g125-preview-mode-banner{display:none!important}
.g130-account-modal{width:min(430px,calc(100vw - 28px))}.g130-field{display:block;margin:14px 0 0;color:#344054;font-size:12px;font-weight:800}.g130-field input{display:block;width:100%;height:48px;margin-top:7px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;padding:0 13px;color:#101828;font-size:15px;outline:none}.g130-field input:focus,#g130AccountOtp:focus{border-color:#98a2b3;box-shadow:0 0 0 3px rgba(16,24,40,.06)}.g130-inline-link{display:block;margin-top:15px;text-align:center;color:#3157d5;font-size:12px;font-weight:750;text-decoration:none}.g130-progress{width:100%;height:5px;margin-top:18px;border-radius:999px;overflow:hidden;background:#eef2f6}.g130-progress i{display:block;width:42%;height:100%;border-radius:999px;background:#172033;animation:g130Progress 1.05s ease-in-out infinite alternate}.g130-success-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0 auto 14px;border-radius:50%;background:#ecfdf3;color:#027a48;font-size:24px;font-weight:900}@keyframes g130Progress{from{transform:translateX(-15%)}to{transform:translateX(155%)}}@media(max-width:760px){.g130-account-modal{border-radius:20px 20px 0 0;width:100%;max-width:none;margin-top:auto}}