.g3-v4-nav{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;text-decoration:none;color:inherit}
.g3-v4-ico{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(64,160,255,.10)}
#g3-v4-root{padding:18px 22px}.g3-v4-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.g3-v4-head h2{margin:0 0 4px}.g3-v4-head p{margin:0;opacity:.7}.g3-v4-primary{border:0;border-radius:10px;padding:11px 16px;background:#168cff;color:white;font-weight:700;cursor:pointer}
.g3-v4-table,.g3-v4-card,.g3-v4-dialog{background:#101c2c;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#eaf2ff}
.g3-v4-tr{display:grid;grid-template-columns:2fr 1fr 1fr .7fr 1fr;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.g3-v4-tr:last-child{border-bottom:0}.g3-v4-th{font-size:12px;text-transform:uppercase;opacity:.65}.g3-v4-actions{display:flex;gap:6px;justify-content:flex-end}
.g3-v4-actions button,.g3-v4-card button{background:transparent;color:#b9d9ff;border:1px solid rgba(255,255,255,.12);padding:7px 9px;border-radius:8px;cursor:pointer}
.g3-v4-cards{display:grid;gap:12px}.g3-v4-card{display:flex;justify-content:space-between;align-items:center;padding:16px}.g3-v4-card h3{margin:3px 0}.g3-v4-card p{margin:0;opacity:.65}
.g3-v4-modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:grid;place-items:center;z-index:999999;padding:20px}.g3-v4-dialog{width:min(520px,100%);padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.g3-v4-modalhead{display:flex;justify-content:space-between;align-items:center}.g3-v4-modalhead button{font-size:28px;background:none;border:0;color:white;cursor:pointer}.g3-v4-dialog label{display:grid;gap:7px;margin:14px 0;font-size:13px}
.g3-v4-dialog input,.g3-v4-dialog select{background:#0a1522;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:11px}.g3-v4-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}
.g3-v4-optionals{margin-top:16px;padding:14px;border:1px solid rgba(74,164,255,.22);border-radius:12px;background:rgba(19,46,73,.42)}.g3-v4-opt-title{display:flex;justify-content:space-between;margin-bottom:10px}.g3-v4-opt-title small{opacity:.65}
.g3-v4-opt-row{display:grid!important;grid-template-columns:auto 1fr 70px auto!important;gap:10px!important;align-items:center;margin:7px 0!important}.g3-v4-opt-row input[type=number]{padding:7px!important}.g3-v4-opt-total{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;margin-top:10px}
@media(max-width:700px){.g3-v4-tr{grid-template-columns:1fr 1fr}.g3-v4-th{display:none}.g3-v4-head{align-items:flex-start;flex-direction:column}.g3-v4-opt-row{grid-template-columns:auto 1fr 60px!important}.g3-v4-opt-row strong{grid-column:2/4}}

.g3-v4-products-table .g3-v4-prod-tr{grid-template-columns:2fr .8fr 1fr 1fr .6fr 1fr}
.g3-v4-prod-tr span:first-child{display:grid;gap:3px}.g3-v4-prod-tr small{opacity:.58;font-size:11px}
.g3-v4-empty{display:grid;gap:6px;padding:28px;border:1px dashed rgba(255,255,255,.15);border-radius:14px;text-align:center;opacity:.8}
.g3-v4-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.g3-v4-span2{grid-column:1/-1}
.g3-v4-dialog textarea{background:#0a1522;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:11px;resize:vertical}
.g3-v4-product-options{margin:16px 0;padding:14px;border:1px solid rgba(74,164,255,.22);border-radius:12px;background:rgba(19,46,73,.32)}
#g3-v4-product-option-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.g3-v4-opt-pick{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center;gap:8px!important;margin:0!important;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:9px}
.g3-v4-opt-pick small{opacity:.6}
.g3-v4-modalhead p{margin:4px 0 0;opacity:.65;font-size:12px}
@media(max-width:700px){
  .g3-v4-formgrid{grid-template-columns:1fr}.g3-v4-span2{grid-column:auto}
  #g3-v4-product-option-list{grid-template-columns:1fr}
  .g3-v4-products-table .g3-v4-prod-tr{grid-template-columns:1fr 1fr}
}

.g3-v4-smartcalc{margin-top:14px;padding:14px;border:1px solid rgba(74,164,255,.22);border-radius:12px;background:rgba(19,46,73,.32)}
.g3-v4-smartgrid{display:grid;grid-template-columns:2fr 1fr;gap:10px}.g3-v4-smartgrid label{display:grid;gap:6px;font-size:12px}
.g3-v4-smartgrid select,.g3-v4-smartgrid input{background:#0a1522;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:10px}
@media(max-width:700px){.g3-v4-smartgrid{grid-template-columns:1fr}}