:root{--gip-primary:#854771;--gip-primary-dark:#633153;--gip-secondary:#a09f9b;--gip-bg:#f5f2f5;--gip-card:#fff;--gip-text:#241d23;--gip-muted:#716a70;--gip-border:#e6dfe5;--gip-good:#1e7a46;--gip-warn:#a76500;--gip-bad:#b42318;--gip-blue:#2457a6;--gip-shadow:0 12px 34px rgba(45,26,42,.1)}
#gip-app,#gip-app *{box-sizing:border-box}#gip-app{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--gip-text);font-size:15px;line-height:1.45;min-height:100vh;background:var(--gip-bg)}#gip-app button,#gip-app input,#gip-app select,#gip-app textarea{font:inherit}.gip-screen[hidden],#gip-app [hidden]{display:none!important}.gip-login-shell{min-height:100vh;display:grid;place-items:center;padding:26px;background:radial-gradient(circle at top left,rgba(133,71,113,.18),transparent 34%),linear-gradient(145deg,#f9f7f9,#ede5eb)}.gip-login-card{width:min(440px,100%);background:#fff;border:1px solid rgba(133,71,113,.16);border-radius:22px;padding:34px;box-shadow:var(--gip-shadow)}.gip-brand-mark,.gip-small-mark{display:grid;place-items:center;background:linear-gradient(145deg,var(--gip-primary),var(--gip-primary-dark));color:#fff;font-weight:800;letter-spacing:.5px}.gip-brand-mark{width:64px;height:64px;border-radius:18px;margin-bottom:17px;font-size:22px}.gip-small-mark{width:42px;height:42px;border-radius:12px}.gip-login-brand{font-size:12px;font-weight:800;letter-spacing:1.8px;color:var(--gip-primary);margin-bottom:7px}.gip-login-card h1{font-size:28px;line-height:1.15;margin:0 0 10px}.gip-login-card p{color:var(--gip-muted);margin:0 0 24px}.gip-label{display:block;font-size:13px;font-weight:750;margin:15px 0 7px}.gip-input{display:block;width:100%;border:1px solid var(--gip-border);border-radius:10px;background:#fff;color:var(--gip-text);padding:11px 12px;min-height:44px;outline:none;transition:.18s}.gip-input:focus{border-color:var(--gip-primary);box-shadow:0 0 0 3px rgba(133,71,113,.12)}textarea.gip-input{min-height:92px;resize:vertical}.gip-password-row{position:relative}.gip-password-row .gip-input{padding-right:68px}.gip-eye{position:absolute;right:7px;top:7px;border:0;background:#f2edf1;color:var(--gip-primary);padding:7px 9px;border-radius:7px;font-size:12px;font-weight:750;cursor:pointer}.gip-form-error{margin-top:14px;color:var(--gip-bad);background:#fff1f0;border:1px solid #ffd4cf;border-radius:9px;padding:10px 12px}.gip-btn{border:0;border-radius:9px;padding:10px 15px;font-weight:750;cursor:pointer;transition:.16s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.gip-btn:hover{transform:translateY(-1px)}.gip-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.gip-btn-primary{background:var(--gip-primary);color:#fff}.gip-btn-primary:hover{background:var(--gip-primary-dark)}.gip-btn-light{background:#f2edf1;color:var(--gip-primary)}.gip-btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}.gip-btn-danger{background:#fff0ef;color:var(--gip-bad)}.gip-btn-success{background:#e9f7ef;color:var(--gip-good)}.gip-btn-warning{background:#fff5e6;color:var(--gip-warn)}.gip-btn-small{padding:7px 10px;font-size:13px}.gip-btn-wide{width:100%;margin-top:19px;min-height:46px}.gip-login-foot{text-align:center;color:#8f878d;font-size:12px;margin-top:18px}.gip-topbar{height:72px;background:linear-gradient(125deg,var(--gip-primary-dark),var(--gip-primary));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:30;box-shadow:0 5px 20px rgba(54,31,49,.18)}.gip-topbar-brand{display:flex;align-items:center;gap:12px}.gip-top-title{font-size:16px;font-weight:850;letter-spacing:.4px}.gip-top-subtitle{font-size:12px;opacity:.82}.gip-top-actions{display:flex;gap:9px}.gip-layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 72px)}.gip-sidebar{background:#fff;border-right:1px solid var(--gip-border);padding:18px 12px;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.gip-nav-label{font-size:10px;font-weight:850;color:#9b9399;text-transform:uppercase;letter-spacing:1.4px;margin:12px 11px 7px}.gip-nav-btn{width:100%;border:0;background:transparent;text-align:left;color:#514a4f;border-radius:9px;padding:10px 12px;margin:2px 0;font-weight:680;cursor:pointer;display:flex;align-items:center;gap:9px}.gip-nav-btn:hover{background:#f5eff4;color:var(--gip-primary)}.gip-nav-btn.active{background:var(--gip-primary);color:#fff}.gip-nav-count{margin-left:auto;background:rgba(255,255,255,.18);padding:1px 7px;border-radius:999px;font-size:11px}.gip-main{min-width:0;padding:24px}.gip-content{max-width:1320px;margin:0 auto}.gip-footer{text-align:center;color:#948b92;font-size:12px;padding:28px 0 8px}.gip-mobile-menu{display:none;border:0;background:var(--gip-primary);color:#fff;border-radius:8px;padding:8px 12px;margin-bottom:14px;font-weight:750}.gip-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.gip-page-head h1{font-size:27px;line-height:1.1;margin:0 0 6px}.gip-page-head p{margin:0;color:var(--gip-muted)}.gip-page-actions{display:flex;gap:8px;flex-wrap:wrap}.gip-grid{display:grid;gap:16px}.gip-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gip-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gip-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gip-stat{background:#fff;border:1px solid var(--gip-border);border-radius:14px;padding:19px;box-shadow:0 5px 18px rgba(48,31,44,.045)}.gip-stat-label{font-size:12px;color:var(--gip-muted);font-weight:750;text-transform:uppercase;letter-spacing:.55px}.gip-stat-value{font-size:27px;font-weight:850;margin-top:7px;line-height:1.1}.gip-stat-note{font-size:12px;color:var(--gip-muted);margin-top:6px}.gip-card{background:#fff;border:1px solid var(--gip-border);border-radius:14px;padding:20px;box-shadow:0 5px 18px rgba(48,31,44,.045)}.gip-card+.gip-card{margin-top:16px}.gip-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.gip-card h2,.gip-card h3{margin:0}.gip-card h2{font-size:19px}.gip-card h3{font-size:16px}.gip-table-wrap{overflow:auto;border:1px solid var(--gip-border);border-radius:11px}.gip-table{width:100%;border-collapse:collapse;min-width:720px}.gip-table th{background:#f7f4f6;color:#615a60;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.45px;padding:11px 12px;border-bottom:1px solid var(--gip-border);white-space:nowrap}.gip-table td{padding:12px;border-bottom:1px solid #eee8ed;vertical-align:middle}.gip-table tr:last-child td{border-bottom:0}.gip-table tbody tr:hover{background:#fcfafc}.gip-table-actions{display:flex;gap:6px;flex-wrap:wrap}.gip-muted{color:var(--gip-muted)}.gip-strong{font-weight:800}.gip-empty{padding:35px;text-align:center;color:var(--gip-muted)}.gip-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:850;text-transform:capitalize;white-space:nowrap}.gip-status-draft{background:#efedf0;color:#625b60}.gip-status-sent{background:#e9f1ff;color:var(--gip-blue)}.gip-status-paid,.gip-status-accepted,.gip-status-active{background:#e8f7ee;color:var(--gip-good)}.gip-status-partially_paid,.gip-status-overdue,.gip-status-expired{background:#fff2df;color:var(--gip-warn)}.gip-status-cancelled,.gip-status-declined,.gip-status-suspended{background:#fff0ef;color:var(--gip-bad)}.gip-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gip-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gip-field-full{grid-column:1/-1}.gip-field label{display:block;font-size:12px;font-weight:800;margin:0 0 6px;color:#514a4f}.gip-help{font-size:11px;color:var(--gip-muted);margin-top:5px}.gip-divider{height:1px;background:var(--gip-border);margin:20px 0}.gip-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.gip-modal-backdrop{position:absolute;inset:0;background:rgba(28,18,26,.62);backdrop-filter:blur(3px)}.gip-modal-dialog{position:relative;background:#fff;width:min(780px,100%);max-height:90vh;overflow:auto;border-radius:16px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.gip-modal-head{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--gip-border);z-index:2}.gip-modal-head h2{margin:0;font-size:20px}.gip-modal-close{border:0;background:#f2edf1;color:var(--gip-primary);width:34px;height:34px;border-radius:9px;font-size:24px;cursor:pointer}.gip-modal-body{padding:20px}.gip-toast{position:fixed;right:20px;top:90px;z-index:1200;max-width:380px;padding:12px 15px;background:#242124;color:#fff;border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.25);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.22s}.gip-toast.show{opacity:1;transform:none}.gip-toast.success{background:#146c3b}.gip-toast.error{background:#a22219}.gip-document-editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.gip-line-table{width:100%;border-collapse:collapse;min-width:920px}.gip-line-table th{font-size:10px;text-transform:uppercase;color:var(--gip-muted);background:#f7f4f6;padding:8px}.gip-line-table td{padding:7px;border-bottom:1px solid var(--gip-border);vertical-align:top}.gip-line-table .gip-input{min-height:38px;padding:8px;font-size:13px}.gip-line-total{font-weight:800;white-space:nowrap;padding-top:10px}.gip-summary-row{display:flex;justify-content:space-between;gap:15px;padding:7px 0}.gip-summary-row.total{border-top:2px solid var(--gip-primary);margin-top:7px;padding-top:12px;font-size:20px;font-weight:850}.gip-logo-preview{width:150px;height:90px;border:1px dashed var(--gip-border);border-radius:10px;display:grid;place-items:center;overflow:hidden;background:#fafafa}.gip-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.gip-document-preview{background:#fff;border:1px solid var(--gip-border);border-radius:12px;padding:24px}.gip-doc-header{display:flex;justify-content:space-between;gap:25px;border-bottom:3px solid var(--gip-primary);padding-bottom:18px;margin-bottom:18px}.gip-doc-title{text-align:right}.gip-doc-title h2{font-size:29px;color:var(--gip-primary);margin:0}.gip-doc-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.gip-payment-list{display:grid;gap:9px}.gip-payment-item{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--gip-border);border-radius:9px;padding:11px}.gip-inline-alert{border-radius:10px;padding:12px 14px;background:#f3eef2;color:#5b3a51;margin-bottom:15px}.gip-credential-box{background:#f7f2f6;border:1px solid #ddcfda;border-radius:11px;padding:15px;margin-top:12px}.gip-credential-box code{display:block;background:#fff;border:1px solid var(--gip-border);padding:9px;border-radius:7px;margin-top:6px;font-size:15px}.gip-search-row{display:flex;gap:9px;margin-bottom:14px}.gip-search-row .gip-input{max-width:360px}.gip-checkbox{display:flex;align-items:center;gap:8px}.gip-checkbox input{width:17px;height:17px}.gip-kicker{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.8px;color:var(--gip-primary);margin-bottom:4px}.gip-code{font-family:Consolas,monospace;background:#f4eff3;border-radius:6px;padding:2px 6px}.gip-actions-stack{display:grid;gap:8px}.gip-actions-stack .gip-btn{width:100%}
@media(max-width:1100px){.gip-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.gip-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.gip-document-editor{grid-template-columns:1fr}.gip-document-editor>.gip-card:last-child{position:static}}
@media(max-width:780px){.gip-topbar{height:auto;min-height:66px;padding:11px 14px}.gip-layout{display:block;min-height:calc(100vh - 66px)}.gip-sidebar{position:fixed;left:0;top:66px;bottom:0;width:260px;height:auto;z-index:50;transform:translateX(-105%);transition:.2s;box-shadow:15px 0 35px rgba(0,0,0,.2)}.gip-sidebar.open{transform:none}.gip-main{padding:16px}.gip-mobile-menu{display:inline-flex}.gip-page-head{display:block}.gip-page-actions{margin-top:13px}.gip-grid-4,.gip-grid-3,.gip-grid-2,.gip-form-grid,.gip-form-grid-3,.gip-doc-meta{grid-template-columns:1fr}.gip-login-card{padding:25px}.gip-top-actions .gip-btn-light{display:none}.gip-top-title{font-size:14px}.gip-page-head h1{font-size:23px}.gip-modal{padding:8px}.gip-modal-dialog{max-height:95vh}.gip-doc-header{display:block}.gip-doc-title{text-align:left;margin-top:16px}.gip-search-row{display:block}.gip-search-row .gip-input{max-width:none;margin-bottom:8px}}
@media(max-width:480px){.gip-grid-4{grid-template-columns:1fr}.gip-topbar-brand .gip-small-mark{display:none}.gip-btn{padding:9px 11px}.gip-main{padding:12px}.gip-stat-value{font-size:24px}}

/* Geopamel Invoice Portal 1.2 mobile-first interface */
:root{
  --gip-primary:#7b3f68;
  --gip-primary-dark:#542744;
  --gip-primary-soft:#f2e7ef;
  --gip-ink:#231f23;
  --gip-muted:#746b72;
  --gip-bg:#f7f5f7;
  --gip-card:#ffffff;
  --gip-border:#e6dfe4;
  --gip-radius:18px;
  --gip-shadow:0 10px 28px rgba(59,35,53,.08)
}
#gip-app{background:var(--gip-bg);color:var(--gip-ink);font-size:15px}
.gip-topbar{height:74px;background:#fff;color:var(--gip-ink);border-bottom:1px solid var(--gip-border);box-shadow:none;padding:0 28px}
.gip-small-mark{background:var(--gip-primary);border-radius:14px;width:44px;height:44px}
.gip-top-title{font-size:15px;color:var(--gip-primary-dark);letter-spacing:.2px}
.gip-top-subtitle{color:var(--gip-muted);opacity:1}
.gip-btn-header-create{background:var(--gip-primary);color:#fff;min-width:92px}
.gip-topbar .gip-btn-outline{color:var(--gip-primary-dark);border-color:var(--gip-border);background:#fff}
.gip-topbar .gip-btn-light{background:var(--gip-primary-soft);color:var(--gip-primary-dark)}
.gip-layout{display:block;min-height:calc(100vh - 74px)}
.gip-sidebar{position:sticky;top:74px;z-index:24;width:100%;height:auto;background:#fff;border:0;border-bottom:1px solid var(--gip-border);padding:10px 24px;overflow-x:auto;overflow-y:hidden}
.gip-nav-scroll{display:flex;align-items:center;gap:8px;max-width:1360px;margin:0 auto;min-width:max-content}
.gip-nav-btn{width:auto;margin:0;padding:9px 13px;border-radius:999px;white-space:nowrap;color:#625861;gap:7px}
.gip-nav-btn:hover{background:var(--gip-primary-soft);color:var(--gip-primary-dark)}
.gip-nav-btn.active{background:var(--gip-primary);color:#fff}
.gip-nav-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:850;background:rgba(123,63,104,.1)}
.gip-nav-btn.active .gip-nav-icon{background:rgba(255,255,255,.18)}
.gip-main{padding:28px 24px 36px;min-width:0}
.gip-content{max-width:1180px;margin:0 auto}
.gip-page-head{align-items:center;margin:0 0 22px}
.gip-page-kicker{font-size:10px;letter-spacing:1.5px;font-weight:850;color:var(--gip-primary);margin-bottom:5px}
.gip-page-head h1{font-size:29px;letter-spacing:-.5px}
.gip-page-head p{max-width:680px}
.gip-card,.gip-stat,.gip-record-card,.gip-search-panel{border:1px solid var(--gip-border);border-radius:var(--gip-radius);box-shadow:var(--gip-shadow);background:#fff}
.gip-stat{position:relative;overflow:hidden;padding:20px}
.gip-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gip-primary)}
.gip-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:var(--gip-muted)}
.gip-stat-value{font-size:25px;margin-top:6px;color:var(--gip-ink)}
.gip-stat-note{margin-top:5px}
.gip-mobile-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(135deg,var(--gip-primary-dark),var(--gip-primary));color:#fff;padding:26px;border-radius:24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(84,39,68,.2)}
.gip-mobile-hero div{display:grid;gap:3px}.gip-mobile-hero span{font-size:13px;opacity:.84}.gip-mobile-hero strong{font-size:32px;line-height:1.15}.gip-mobile-hero small{opacity:.78}
.gip-btn-hero{background:#fff;color:var(--gip-primary-dark);min-height:46px;padding-inline:20px}
.gip-section-block{margin-top:25px}
.gip-section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:12px}
.gip-section-title h2{margin:0;font-size:20px}.gip-section-title p{margin:3px 0 0;color:var(--gip-muted)}
.gip-text-btn{border:0;background:transparent;color:var(--gip-primary);font-weight:800;cursor:pointer;padding:8px}
.gip-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gip-quick-card{border:1px solid var(--gip-border);background:#fff;border-radius:17px;padding:17px;text-align:left;cursor:pointer;display:grid;gap:5px;box-shadow:0 6px 18px rgba(59,35,53,.05)}
.gip-quick-card:hover{border-color:#c9adc1;transform:translateY(-1px)}
.gip-quick-card>span{width:34px;height:34px;border-radius:11px;background:var(--gip-primary-soft);color:var(--gip-primary-dark);display:grid;place-items:center;font-weight:900}
.gip-quick-card strong{font-size:15px}.gip-quick-card small{color:var(--gip-muted)}
.gip-search-panel{display:flex;gap:10px;padding:13px;margin-bottom:14px;box-shadow:none}
.gip-search-panel .gip-input{flex:1}
.gip-record-list{display:grid;gap:12px}
.gip-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.gip-record-card{padding:17px;box-shadow:0 6px 20px rgba(59,35,53,.05)}
.gip-record-card h3{margin:0;font-size:17px}.gip-record-card p{margin:3px 0 0;color:var(--gip-muted)}
.gip-record-main{display:flex;align-items:center;gap:12px}
.gip-avatar,.gip-product-symbol{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:var(--gip-primary-soft);color:var(--gip-primary-dark);font-weight:900;flex:0 0 auto}
.gip-record-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;color:#5f575d;font-size:13px}
.gip-record-details span{background:#faf8fa;border-radius:10px;padding:9px;overflow-wrap:anywhere}
.gip-record-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px;border-top:1px solid #eee8ed;padding-top:12px}
.gip-icon-btn{border:0;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:20px;cursor:pointer;margin-left:auto}
.gip-icon-btn.danger{background:#fff0ef;color:var(--gip-bad)}
.gip-product-top{display:flex;gap:12px}.gip-product-price{display:flex;align-items:baseline;gap:7px;margin:16px 0 7px}.gip-product-price strong{font-size:22px;color:var(--gip-primary-dark)}.gip-product-price span{color:var(--gip-muted)}
.gip-record-meta{display:flex;align-items:center;justify-content:space-between;color:var(--gip-muted);font-size:13px}
.gip-document-card{cursor:pointer;padding:18px}.gip-document-card:hover{border-color:#cbb2c4}.gip-document-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gip-document-card-top h3{margin-top:3px}.gip-doc-type{font-size:11px;font-weight:850;letter-spacing:.8px;text-transform:uppercase;color:var(--gip-primary)}
.gip-document-card-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.gip-document-card-values>div{display:grid;gap:2px;background:#faf8fa;border-radius:11px;padding:10px}.gip-document-card-values span{font-size:11px;color:var(--gip-muted)}.gip-document-card-values strong{font-size:14px}
.gip-document-card.compact .gip-document-card-values{margin-top:10px}.gip-document-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.gip-filter-row{display:flex;align-items:center;gap:10px;margin:0 0 13px}.gip-filter-row>span{color:var(--gip-muted);font-size:13px}.gip-filter-chip{border:0;border-radius:999px;padding:8px 14px;background:#eee8ed;color:var(--gip-primary-dark);font-weight:800}.gip-filter-chip.active{background:var(--gip-primary);color:#fff}
.gip-payment-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.gip-payment-card h3{font-size:23px;color:var(--gip-primary-dark);margin-top:5px}.gip-payment-detail{display:grid;text-align:right;gap:2px;color:var(--gip-muted);font-size:13px}
.gip-empty-state{border:1px dashed #cebccc;background:#fff;border-radius:20px;padding:34px;text-align:center;display:grid;justify-items:center;gap:8px;color:var(--gip-muted)}.gip-empty-state strong{color:var(--gip-ink);font-size:18px}.gip-empty-state .gip-btn{margin-top:8px}
.gip-create-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gip-create-choice{border:1px solid var(--gip-border);background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.gip-create-choice:hover{border-color:#c5a9bd;background:#fcfafb}.gip-create-choice-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--gip-primary-soft);color:var(--gip-primary-dark);font-weight:900;flex:0 0 auto}.gip-create-choice span:last-child{display:grid;gap:3px}.gip-create-choice small{color:var(--gip-muted)}
.gip-wizard{padding-bottom:78px}.gip-wizard-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}.gip-step{border:1px solid var(--gip-border);background:#fff;border-radius:15px;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gip-muted);font-weight:800;cursor:pointer}.gip-step span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eee8ed;color:var(--gip-primary-dark)}.gip-step.active{border-color:var(--gip-primary);color:var(--gip-primary-dark);box-shadow:0 0 0 3px rgba(123,63,104,.09)}.gip-step.active span,.gip-step.complete span{background:var(--gip-primary);color:#fff}.gip-step.complete{color:var(--gip-primary)}
.gip-wizard-panel{display:none}.gip-wizard-panel.active{display:block}.gip-step-card{padding:22px}.gip-step-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.gip-step-heading>span{width:38px;height:38px;border-radius:13px;background:var(--gip-primary);color:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.gip-step-heading h2{margin:0;font-size:20px}.gip-step-heading p{margin:3px 0 0;color:var(--gip-muted)}
.gip-field-action{display:grid;grid-template-columns:1fr auto;gap:9px}.gip-field-action .gip-btn{min-height:44px}
.gip-line-card-list{display:grid;gap:13px}.gip-line-card{border:1px solid var(--gip-border);border-radius:17px;padding:16px;background:#fcfbfc}.gip-line-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.gip-line-card-head .gip-icon-btn{margin:0;width:34px;height:34px}.gip-line-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gip-line-three{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}.gip-line-card-total{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:12px 13px;border-radius:12px;background:var(--gip-primary-soft);color:var(--gip-primary-dark)}.gip-line-card-total strong{font-size:18px}.gip-add-item-btn{width:100%;min-height:48px;margin-top:13px;border:1px dashed #bfa4b8;border-radius:14px;background:#fff;color:var(--gip-primary);font-weight:850;cursor:pointer}
.gip-mobile-summary{margin-top:13px;max-width:430px;margin-left:auto}.gip-mobile-summary h3{margin-top:0}.gip-review-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.gip-review-summary{height:max-content;position:sticky;top:145px;text-align:center;padding:25px}.gip-review-summary>span{color:var(--gip-muted)}.gip-review-summary>strong{display:block;font-size:31px;color:var(--gip-primary-dark);margin:5px 0}.gip-review-summary p{margin:0;color:var(--gip-muted)}.gip-review-value{min-height:44px;border:1px solid var(--gip-border);border-radius:10px;padding:11px 12px;background:#faf8fa;font-weight:750}
.gip-wizard-footer{position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--gip-border);padding:12px 24px;display:flex;justify-content:flex-end;gap:9px}.gip-wizard-footer .gip-btn{min-width:132px;min-height:46px}
.gip-modal-dialog{border-radius:22px;box-shadow:0 24px 70px rgba(40,22,35,.22)}.gip-modal-head{border-bottom:1px solid var(--gip-border);padding:18px 20px}.gip-modal-body{padding:20px}.gip-modal-close{border-radius:12px;background:#f3eef2;color:var(--gip-primary-dark)}
.gip-document-preview{border-radius:18px}
.gip-create-fab{display:none!important}.gip-bottom-nav{display:none}

@media(max-width:900px){
  .gip-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gip-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gip-document-list,.gip-product-grid{grid-template-columns:1fr}
  .gip-review-grid{grid-template-columns:1fr}.gip-review-summary{position:static}
}

@media(max-width:760px){
  #gip-app{font-size:14px}
  .gip-topbar{height:64px;padding:0 14px;position:sticky;top:0}.gip-small-mark{width:38px;height:38px;border-radius:12px}.gip-brand-copy{min-width:0}.gip-top-title{font-size:13px;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gip-top-subtitle{font-size:10px}
  .gip-top-actions{gap:6px}.gip-top-actions #gip-header-create,.gip-top-actions #gip-install-btn{display:none!important}.gip-topbar .gip-btn-outline{font-size:12px;padding:8px 10px}
  .gip-layout{min-height:calc(100vh - 64px)}
  .gip-sidebar{position:fixed;left:12px;right:12px;top:auto;bottom:84px;width:auto;height:auto;max-height:70vh;border:1px solid var(--gip-border);border-radius:22px;padding:12px;z-index:60;box-shadow:0 22px 65px rgba(35,20,31,.25);transform:translateY(130%);transition:.22s;overflow:auto}
  .gip-sidebar.open{transform:none}.gip-nav-scroll{display:grid;grid-template-columns:1fr 1fr;min-width:0;gap:8px}.gip-nav-btn{width:100%;border-radius:13px;padding:12px;margin:0}.gip-nav-btn.active{background:var(--gip-primary-soft);color:var(--gip-primary-dark)}.gip-nav-btn.active .gip-nav-icon{background:var(--gip-primary);color:#fff}
  .gip-main{padding:17px 13px 112px}.gip-content{max-width:none}.gip-footer{display:none}
  .gip-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:55;height:72px;background:#fff;border-top:1px solid var(--gip-border);display:grid;grid-template-columns:repeat(5,1fr);padding:6px max(7px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));box-shadow:0 -8px 25px rgba(45,27,41,.09)}
  .gip-bottom-btn{border:0;background:transparent;color:#776d75;display:grid;place-items:center;align-content:center;gap:2px;min-width:0;border-radius:13px;cursor:pointer}.gip-bottom-btn>span{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:900}.gip-bottom-btn small{font-size:10px;font-weight:750}.gip-bottom-btn.active{color:var(--gip-primary)}.gip-bottom-btn.active>span{background:var(--gip-primary-soft)}
  .gip-bottom-create{position:relative;top:-19px;color:#fff}.gip-bottom-create>span{width:49px;height:49px;border-radius:17px;background:var(--gip-primary);color:#fff;font-size:27px;box-shadow:0 9px 22px rgba(84,39,68,.28)}.gip-bottom-create small{color:var(--gip-primary-dark);margin-top:1px}
  .gip-page-head{display:block;margin-bottom:16px}.gip-page-kicker{display:none}.gip-page-head h1{font-size:23px}.gip-page-head p{font-size:13px;margin-top:4px}.gip-page-actions{display:grid;grid-template-columns:1fr;margin-top:12px}.gip-page-actions .gip-btn{width:100%;min-height:44px}
  .gip-mobile-hero{padding:20px;border-radius:20px;display:grid;gap:15px}.gip-mobile-hero strong{font-size:29px}.gip-btn-hero{width:100%}
  .gip-summary-grid{grid-template-columns:1fr 1fr;gap:10px}.gip-stat{padding:15px;border-radius:16px}.gip-stat-value{font-size:20px}.gip-stat-note{font-size:11px}
  .gip-section-block{margin-top:21px}.gip-section-title{align-items:center}.gip-section-title h2{font-size:18px}.gip-section-title p{font-size:12px}.gip-section-title .gip-text-btn{font-size:12px}
  .gip-quick-grid{gap:9px}.gip-quick-card{padding:14px;border-radius:15px}.gip-quick-card small{font-size:11px}
  .gip-search-panel{padding:9px;display:grid;grid-template-columns:1fr auto;border-radius:15px}.gip-search-panel .gip-btn{padding-inline:13px}
  .gip-record-card{padding:15px;border-radius:17px}.gip-record-details{grid-template-columns:1fr;gap:6px}.gip-record-details span{padding:8px}.gip-record-actions{display:grid;grid-template-columns:1fr 1fr}.gip-record-actions .gip-btn{width:100%;min-height:41px}.gip-record-actions .gip-icon-btn{grid-column:auto;margin:0;width:100%}
  .gip-document-card-values{grid-template-columns:1fr 1fr}.gip-document-card-values>div:last-child{grid-column:1/-1}.gip-document-card .gip-record-actions{grid-template-columns:repeat(2,1fr)}
  .gip-payment-card{display:grid}.gip-payment-detail{text-align:left}
  .gip-create-menu{grid-template-columns:1fr}.gip-create-choice{padding:14px}
  .gip-modal{padding:0;align-items:end}.gip-modal-dialog{width:100%!important;max-height:92vh;border-radius:24px 24px 0 0}.gip-modal-head{padding:16px 17px}.gip-modal-body{padding:16px}.gip-document-preview{min-width:0}.gip-modal-body:has(.gip-document-preview){overflow-x:visible}
  .gip-wizard{padding-bottom:82px}.gip-wizard-steps{position:sticky;top:64px;z-index:18;background:var(--gip-bg);padding:8px 0;margin:-5px 0 10px}.gip-step{padding:9px 5px;border-radius:13px;display:grid;justify-items:center;gap:3px}.gip-step span{width:25px;height:25px}.gip-step strong{font-size:10px}.gip-step-card{padding:16px}.gip-step-heading{margin-bottom:16px}.gip-step-heading>span{width:34px;height:34px}.gip-step-heading h2{font-size:18px}.gip-step-heading p{font-size:12px}
  .gip-field-action{grid-template-columns:1fr}.gip-field-action .gip-btn{width:100%}
  .gip-line-card{padding:13px}.gip-line-two{grid-template-columns:1fr 1fr}.gip-line-three{grid-template-columns:1fr 1fr}.gip-line-three .gip-field:first-child{grid-column:1/-1}
  .gip-mobile-summary{max-width:none}.gip-review-summary{padding:20px}.gip-review-summary>strong{font-size:28px}
  .gip-wizard-footer{padding:10px 13px calc(10px + env(safe-area-inset-bottom));justify-content:stretch}.gip-wizard-footer .gip-btn{flex:1;min-width:0}.gip-bottom-nav[hidden]{display:none!important}
  .gip-input{min-height:46px;font-size:16px}.gip-btn{min-height:42px}
}

@media(max-width:420px){
  .gip-summary-grid{grid-template-columns:1fr 1fr}.gip-quick-grid{grid-template-columns:1fr 1fr}.gip-record-actions{grid-template-columns:1fr}.gip-document-card .gip-record-actions{grid-template-columns:1fr 1fr}.gip-line-two{grid-template-columns:1fr}.gip-line-three{grid-template-columns:1fr}.gip-line-three .gip-field:first-child{grid-column:auto}.gip-login-card{border-radius:20px;padding:23px}.gip-login-card h1{font-size:25px}
}

@media(max-width:760px){.gip-top-actions #gip-header-create.gip-admin-menu{display:inline-flex!important}.gip-top-actions #gip-header-create.gip-admin-menu+ #gip-install-btn{display:none!important}}

/* Version 1.3 document template selector */
.gip-template-section{margin-top:16px}
.gip-template-count{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border-radius:999px;background:var(--gip-primary-soft);color:var(--gip-primary-dark);font-size:12px;font-weight:850;white-space:nowrap}
.gip-template-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gip-template-card{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px;min-height:112px;padding:12px;border:1px solid var(--gip-border);border-radius:16px;background:#fff;color:var(--gip-ink);text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}
.gip-template-card:hover{transform:translateY(-2px);border-color:#c4adbd;box-shadow:0 9px 23px rgba(63,36,56,.1)}
.gip-template-card.active{border-color:var(--gip-primary);box-shadow:0 0 0 3px rgba(123,63,104,.11)}
.gip-template-copy{display:grid;gap:4px;min-width:0}
.gip-template-copy strong{font-size:13px;line-height:1.2}
.gip-template-copy small{font-size:11px;line-height:1.35;color:var(--gip-muted)}
.gip-template-check{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;display:none;place-items:center;background:var(--gip-primary);color:#fff;font-size:12px;font-weight:900}
.gip-template-card.active .gip-template-check{display:grid}
.gip-template-mini{position:relative;display:block;width:78px;height:92px;border:1px solid #d9d3d7;border-radius:5px;background:#fff;overflow:hidden;box-shadow:0 4px 12px rgba(40,25,36,.08);flex:0 0 auto}
.gip-template-mini i{position:absolute;display:block;border-radius:2px;background:#d8d3d7}
.gip-template-mini .tpl-head{left:0;right:0;top:0;height:12px;background:var(--tpl-primary)}
.gip-template-mini .tpl-logo{left:7px;top:17px;width:19px;height:9px;background:var(--tpl-accent)}
.gip-template-mini .tpl-title{right:7px;top:17px;width:25px;height:6px;background:var(--tpl-primary)}
.gip-template-mini .tpl-line-1{left:7px;top:32px;width:33px;height:3px}
.gip-template-mini .tpl-line-2{right:7px;top:32px;width:22px;height:3px}
.gip-template-mini .tpl-table{left:7px;right:7px;top:43px;height:28px;background:repeating-linear-gradient(to bottom,var(--tpl-accent) 0,var(--tpl-accent) 5px,#fff 5px,#fff 9px);border-top:5px solid var(--tpl-primary)}
.gip-template-mini .tpl-total{right:7px;bottom:8px;width:27px;height:7px;background:var(--tpl-primary)}
.gip-template-ledger .tpl-head{height:5px;background:var(--tpl-accent)}
.gip-template-ledger .tpl-table{border:1px solid var(--tpl-primary);background:repeating-linear-gradient(to bottom,#fff 0,#fff 5px,var(--tpl-accent) 5px,var(--tpl-accent) 6px)}
.gip-template-centered .tpl-logo{left:28px;top:9px;width:22px}.gip-template-centered .tpl-title{left:25px;right:auto;top:27px;width:29px}.gip-template-centered .tpl-head{top:37px;left:15px;right:15px;height:2px;background:var(--tpl-primary)}
.gip-template-split .tpl-head,.gip-template-split-bold .tpl-head{height:25px;background:linear-gradient(90deg,var(--tpl-primary) 0 56%,var(--tpl-accent) 56%)}
.gip-template-split .tpl-logo,.gip-template-split-bold .tpl-logo{top:7px;background:#fff}.gip-template-split .tpl-title,.gip-template-split-bold .tpl-title{top:8px;background:var(--tpl-primary)}
.gip-template-blocks .tpl-line-1,.gip-template-soft .tpl-line-1{left:7px;top:31px;width:30px;height:12px;background:var(--tpl-accent)}
.gip-template-blocks .tpl-line-2,.gip-template-soft .tpl-line-2{right:7px;top:31px;width:27px;height:12px;background:var(--tpl-accent)}
.gip-template-banner .tpl-head,.gip-template-banner-wide .tpl-head{height:27px}
.gip-template-banner .tpl-logo,.gip-template-banner-wide .tpl-logo{top:8px;background:#fff}.gip-template-banner .tpl-title,.gip-template-banner-wide .tpl-title{top:9px;background:#fff}
.gip-template-accent:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--tpl-primary)}
.gip-template-accent .tpl-head{left:7px;height:7px;background:var(--tpl-accent)}
.gip-template-frame:after,.gip-template-executive:after{content:"";position:absolute;inset:4px;border:1px solid var(--tpl-primary);pointer-events:none}
.gip-template-executive:before{content:"";position:absolute;inset:7px;border:1px solid var(--tpl-accent);pointer-events:none}
.gip-template-minimal .tpl-head{height:2px;top:29px;background:#222}.gip-template-minimal .tpl-table{border-top-color:#222;background:repeating-linear-gradient(to bottom,#fff 0,#fff 7px,#ececec 7px,#ececec 8px)}
.gip-template-receipt .tpl-logo{left:29px;top:8px;width:20px}.gip-template-receipt .tpl-title{left:24px;top:25px;width:30px}.gip-template-receipt .tpl-table{left:14px;right:14px;top:44px}.gip-template-receipt .tpl-head{left:14px;right:14px;top:37px;height:1px;background:#555}
.gip-template-border .tpl-head,.gip-template-grid .tpl-head{left:4px;right:4px;top:4px;height:27px;border:1px solid var(--tpl-primary);border-radius:4px;background:var(--tpl-accent)}
.gip-template-rail:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--tpl-primary)}.gip-template-rail .tpl-head{display:none}.gip-template-rail .tpl-logo{left:16px}
.gip-template-letterhead .tpl-head{top:6px;left:6px;right:6px;height:2px}.gip-template-letterhead:after{content:"";position:absolute;left:6px;right:6px;top:34px;height:2px;background:var(--tpl-accent)}
.gip-template-statement .tpl-head{height:20px;background:var(--tpl-accent);border-bottom:4px solid var(--tpl-primary)}
.gip-template-total .tpl-total{right:5px;top:6px;width:34px;height:22px}.gip-template-total .tpl-title{right:44px}
.gip-selected-template{display:flex;align-items:center;gap:13px;padding:11px;margin-top:9px;border:1px solid var(--gip-border);border-radius:15px;background:#fbfafb}
.gip-selected-template .gip-template-mini{width:58px;height:68px}
.gip-selected-template>div{display:grid;gap:3px}.gip-selected-template strong{font-size:14px}.gip-selected-template span{font-size:12px;color:var(--gip-muted)}
.gip-template-used{display:inline-flex;align-items:center;min-height:38px;padding:7px 11px;border:1px solid var(--gip-border);border-radius:11px;background:#fff;color:var(--gip-muted);font-size:12px;font-weight:800}

@media(max-width:1100px){.gip-template-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.gip-template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gip-template-card{grid-template-columns:72px minmax(0,1fr)}.gip-template-mini{width:65px;height:78px}}
@media(max-width:520px){.gip-template-gallery{grid-template-columns:1fr}.gip-template-card{grid-template-columns:72px minmax(0,1fr);min-height:98px}.gip-template-section{padding:15px}.gip-template-count{font-size:11px}.gip-template-used{width:100%;justify-content:center}}

/* Version 1.4 mobile speed, online drafts and invoice branding */
.gip-resume-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:14px 16px;border:1px solid #d7c3d1;border-radius:16px;background:#fff8fc;box-shadow:0 5px 18px rgba(74,38,65,.05)}
.gip-resume-banner>div:first-child{display:grid;gap:3px}.gip-resume-banner strong{font-size:14px}.gip-resume-banner span{font-size:12px;color:var(--gip-muted)}.gip-resume-banner>div:last-child{display:flex;gap:8px}
.gip-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.gip-btn-hero-secondary{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.38)}
.gip-recent-strip{margin:16px 0 12px}.gip-chip-row{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:thin}.gip-customer-chip,.gip-pick-chip{flex:0 0 auto;border:1px solid var(--gip-border);background:#fff;color:var(--gip-text);border-radius:999px;min-height:42px;padding:7px 13px;font-weight:760;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.gip-customer-chip span{width:27px;height:27px;border-radius:9px;background:var(--gip-primary-soft);color:var(--gip-primary-dark);display:grid;place-items:center;font-weight:900}.gip-customer-chip strong{font-size:12px}.gip-pick-chip{min-height:38px;font-size:12px;padding:7px 12px}.gip-pick-chip.active,.gip-pick-chip:hover{border-color:var(--gip-primary);background:var(--gip-primary-soft);color:var(--gip-primary-dark)}
.gip-fast-picks{margin:0 0 14px}.gip-fast-picks>span{display:block;font-size:11px;font-weight:850;color:var(--gip-muted);text-transform:uppercase;letter-spacing:.55px;margin-bottom:7px}
.gip-create-choice-featured{border-color:#cdb4c5;background:linear-gradient(135deg,#fff8fc,#f4e9f1)}.gip-create-choice-featured .gip-create-choice-icon{background:var(--gip-primary);color:#fff}
.gip-quick-invoice{padding-bottom:86px}.gip-quick-card-main{max-width:900px;margin:0 auto}.gip-quick-top-grid{margin-bottom:4px}.gip-quick-total{margin-top:18px;padding:18px;border-radius:17px;background:linear-gradient(135deg,var(--gip-primary-dark),var(--gip-primary));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}.gip-quick-total span{font-weight:760}.gip-quick-total strong{font-size:28px;line-height:1}.gip-quick-subtotals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.gip-quick-subtotals span{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:11px;background:#faf7f9;color:var(--gip-muted);font-size:11px}.gip-quick-subtotals strong{color:var(--gip-text)}
.gip-more-options{margin-top:16px;border:1px solid var(--gip-border);border-radius:15px;background:#fff;overflow:hidden}.gip-more-options summary{cursor:pointer;padding:14px 15px;font-weight:850;color:var(--gip-primary-dark);background:#faf7f9}.gip-more-options[open] summary{border-bottom:1px solid var(--gip-border)}.gip-more-options>.gip-form-grid{padding:15px}
.gip-draft-status{align-self:center;color:var(--gip-muted);font-size:11px;min-width:140px;text-align:right}.gip-wizard-footer .gip-draft-status{margin-left:5px}
.gip-colour-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gip-colour-controls label{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--gip-border);border-radius:12px;padding:9px 10px;background:#fff}.gip-colour-controls span{font-size:11px;font-weight:800;color:var(--gip-muted)}.gip-colour-controls input[type=color]{width:42px;height:34px;border:0;padding:0;background:transparent;cursor:pointer}.gip-colour-controls-large label{min-height:52px}
.gip-branding-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:center}.gip-brand-preview{--brand-primary:#7B3F68;--brand-accent:#EADDE6;--brand-heading:#241D23;min-height:190px;border:1px solid var(--gip-border);border-radius:15px;background:#fff;overflow:hidden;padding:0 16px 16px;box-shadow:0 8px 22px rgba(47,30,43,.07)}.gip-brand-preview-head{height:61px;margin:0 -16px 15px;padding:11px 16px;background:var(--brand-primary);color:#fff;display:flex;align-items:center;justify-content:space-between}.gip-brand-preview-head span{width:78px;height:34px;border-radius:7px;background:var(--brand-accent);display:grid;place-items:center;color:var(--brand-heading);font-size:10px;font-weight:900;overflow:hidden}.gip-brand-preview-head img{max-width:100%;max-height:100%;object-fit:contain}.gip-brand-preview-head strong{font-size:20px}.gip-brand-preview-lines{display:grid;gap:8px}.gip-brand-preview-lines i{height:9px;border-radius:4px;background:#eee8ed}.gip-brand-preview-lines i:first-child{width:68%;background:var(--brand-accent)}.gip-brand-preview-total{margin:19px 0 0 auto;width:120px;padding:11px;border-radius:9px;background:var(--brand-primary);color:#fff;text-align:center;font-weight:900}
.gip-share-fallback{text-align:center;padding:8px 4px 12px}.gip-share-fallback h3{margin:8px 0}.gip-share-fallback p{color:var(--gip-muted);max-width:480px;margin:0 auto 17px}.gip-share-success{width:54px;height:54px;margin:0 auto;border-radius:18px;background:#e8f7ee;color:var(--gip-good);display:grid;place-items:center;font-size:26px;font-weight:900}
.gip-document-preview{--doc-primary:#7B3F68;--doc-accent:#EADDE6;--doc-heading:#241D23;color:var(--doc-heading)}.gip-document-preview .gip-doc-title h2,.gip-document-preview .gip-kicker{color:var(--doc-primary)}.gip-document-preview .gip-summary-row.total{border-color:var(--doc-primary);color:var(--doc-primary)}
.gip-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px;align-self:center}

@media(max-width:900px){.gip-branding-grid{grid-template-columns:1fr}.gip-brand-preview{max-width:430px}}
@media(max-width:760px){
  .gip-resume-banner{display:grid;padding:13px}.gip-resume-banner>div:last-child{display:grid;grid-template-columns:1fr 1fr}.gip-resume-banner .gip-btn{min-height:42px}
  .gip-hero-actions{display:grid;grid-template-columns:1fr 1fr}.gip-btn-hero-secondary{min-height:45px}
  .gip-recent-strip .gip-section-title{margin-bottom:8px}.gip-customer-chip{min-height:44px}
  .gip-quick-invoice{padding-bottom:132px}.gip-quick-card-main{padding:15px}.gip-quick-subtotals{grid-template-columns:1fr}.gip-quick-subtotals span{font-size:12px;padding:10px 11px}.gip-quick-total strong{font-size:25px}
  .gip-colour-controls{grid-template-columns:1fr}.gip-colour-controls label{min-height:48px}.gip-branding-grid{gap:13px}.gip-brand-preview{width:100%;min-height:170px}
  .gip-wizard-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gip-wizard-footer .gip-draft-status{grid-column:1/-1;text-align:center;min-width:0;margin:0;min-height:15px}.gip-wizard-footer .gip-btn{min-height:47px;padding-inline:8px;font-size:12px}.gip-quick-footer{grid-template-columns:.72fr .8fr 1.25fr}
  .gip-record-actions .gip-btn-warning{grid-column:1/-1}
}
@media(max-width:420px){.gip-hero-actions{grid-template-columns:1fr}.gip-wizard-footer{grid-template-columns:1fr 1fr}.gip-wizard-footer #gip-wizard-share{grid-column:1/-1}.gip-quick-footer{grid-template-columns:1fr 1fr}.gip-quick-footer .gip-btn-primary{grid-column:1/-1}.gip-colour-controls input[type=color]{width:48px;height:38px}}