/* Telas conectadas a API: login, listas, dialogos, formularios. Mobile-first ate 375px. */
.gg-auth{box-sizing:border-box;height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;padding:clamp(16px,4vh,40px) 16px;background:radial-gradient(circle at 20% 0%,var(--lime-100),transparent 55%),var(--surface-app)}
.gg-auth-card{box-sizing:border-box;width:100%;max-width:420px;margin:auto;flex-shrink:0;padding:28px;border-radius:var(--radius-panel);background:var(--surface-card);box-shadow:var(--shadow-overlay)}
.gg-auth-logo{height:30px;margin-bottom:22px}
.gg-auth-card h1{margin:0;color:var(--text-heading);font:600 var(--text-2xl) var(--font-display);letter-spacing:var(--tracking-tight)}
.gg-auth-card>p{margin:6px 0 18px;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}
.gg-auth-form{display:grid;gap:12px}
.gg-auth-switch{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--forest-900);font:600 var(--text-xs) var(--font-ui);text-decoration:underline;cursor:pointer}
.gg-inline-error{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;padding:10px 12px;border-radius:var(--radius-md);background:var(--danger-100);color:var(--danger-600);font-size:var(--text-xs)}
.gg-inline-error span{flex:1 1 200px}
.gg-field-error{display:block;margin-top:4px;color:var(--danger-600);font-size:var(--text-2xs)}
.gg-muted{margin:10px 0 0;color:var(--text-muted);font-size:var(--text-sm)}
.gg-stack{display:grid;gap:var(--grid-gutter)}
.gg-checkout-link{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--lime-400);border-radius:var(--radius-card);background:var(--lime-100);color:var(--forest-900)}
.gg-checkout-link>span{display:grid;gap:2px;flex:1 1 240px;min-width:0}
.gg-checkout-link strong{font-size:var(--text-xs)}
.gg-checkout-link code,.gg-code-inline{font-size:var(--text-2xs);overflow-wrap:anywhere;color:var(--forest-800)}
.gg-code-inline{display:block;margin-top:4px}
.gg-bars{display:flex;align-items:flex-end;gap:6px;height:220px;padding-top:10px;border-bottom:1px solid var(--border-default)}
.gg-bar-col{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-width:0}
.gg-bar{width:min(30px,80%);border-radius:6px 6px 0 0;background:linear-gradient(to top,var(--forest-900),var(--lime-400));animation:chart-rise 500ms var(--ease-out) both;transform-origin:bottom}
.gg-bar-col span{color:var(--text-subtle);font-size:var(--text-3xs);white-space:nowrap}
.gg-bar-label-hidden{visibility:hidden}
.gg-profit{display:grid;gap:6px}
.gg-profit strong{color:var(--forest-900);font:700 var(--text-3xl) var(--font-display)}
.gg-profit strong.negative{color:var(--danger-600)}
.gg-profit span{color:var(--text-muted);font-size:var(--text-xs)}
.gg-profit .gg-recovered{color:var(--go-500);font-weight:600}
.gg-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.gg-search{display:flex;align-items:center;gap:8px;flex:1 1 220px;min-width:0;height:36px;padding:0 12px;border:1px solid var(--field-border);border-radius:var(--radius-pill);background:var(--field-bg);color:var(--text-muted)}
.gg-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text-body);font:var(--text-sm) var(--font-ui)}
.gg-order-list{display:grid;gap:8px}
.gg-order-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:var(--transition-control)}
.gg-order-row:hover{border-color:var(--lime-400)}
.gg-product-row{cursor:default}
.gg-order-main{display:grid;gap:3px;flex:1 1 auto;min-width:0}
.gg-order-main strong{color:var(--text-heading);font-size:var(--text-sm)}
.gg-order-main small{color:var(--text-muted);font-size:var(--text-2xs)}
.gg-order-items{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gg-order-side{display:grid;justify-items:end;gap:5px;flex:none}
.gg-order-side strong{color:var(--text-heading);font-size:var(--text-sm)}
.gg-row-actions{display:flex;gap:2px;flex:none}
.gg-product-thumb{width:44px;height:44px;flex:none;border-radius:var(--radius-sm);object-fit:cover;background:var(--neutral-100)}
.gg-thumb-empty{display:grid;place-items:center;color:var(--forest-900);background:var(--lime-100)}
.gg-dialog-scroll{display:grid;gap:14px;max-height:min(70vh,640px);overflow-y:auto;padding-right:4px}
.gg-order-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.gg-order-head strong{color:var(--text-heading);font:700 var(--text-xl) var(--font-display)}
.gg-section{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--border-subtle)}
.gg-section h4{margin:0;color:var(--text-heading);font:600 var(--text-sm) var(--font-display)}
.gg-section h4 small{color:var(--text-muted);font-weight:400;font-family:var(--font-ui)}
.gg-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:var(--text-xs)}
.gg-kv span{color:var(--text-muted)}
.gg-kv b{color:var(--text-body);overflow-wrap:anywhere}
.gg-item-line{display:flex;align-items:center;gap:10px;font-size:var(--text-xs)}
.gg-item-line img,.gg-item-line .gg-thumb-empty{width:40px;height:40px;flex:none;border-radius:var(--radius-sm);object-fit:cover}
.gg-item-line>span{display:grid;flex:1;min-width:0}
.gg-item-line small{color:var(--text-muted)}
.gg-actions-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gg-end{justify-content:flex-end}
.gg-timeline{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.gg-timeline li{display:grid;gap:2px;padding-left:12px;border-left:2px solid var(--lime-400);font-size:var(--text-xs)}
.gg-timeline li>span{color:var(--text-muted);font-size:var(--text-2xs)}
.gg-timeline b{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--text-body);font-weight:600}
.gg-timeline small{color:var(--text-muted)}
.gg-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.gg-form-end{display:flex;align-items:end;min-height:100%}
.gg-inline-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.gg-inline-form>*:first-child{flex:1 1 220px}
.gg-option-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:8px;align-items:end}
.gg-variant-table{display:grid;gap:4px;margin-top:6px}
.gg-variant-head,.gg-variant-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 80px minmax(0,1fr);gap:6px;align-items:center}
.gg-variant-head{color:var(--text-muted);font-size:var(--text-2xs);font-weight:600}
.gg-variant-row b{font-size:var(--text-xs);color:var(--text-heading);overflow-wrap:anywhere}
.gg-variant-row input{width:100%;min-width:0;box-sizing:border-box;padding:7px 8px;border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--field-bg);font:var(--text-xs) var(--font-ui)}
.gg-key-list,.gg-secret-rows{display:grid;gap:8px;margin-top:12px}
.gg-key{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--neutral-50)}
.gg-key>span{display:grid;gap:2px;min-width:0}
.gg-key strong{color:var(--text-heading);font-size:var(--text-sm)}
.gg-key small{color:var(--text-muted);font-size:var(--text-2xs)}
.gg-secret{display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:10px}
.gg-secret span{color:var(--text-muted);font-size:var(--text-xs);font-weight:600}
.gg-secret code{padding:8px 10px;border-radius:var(--radius-sm);background:rgba(6,47,40,.07);color:var(--forest-900);font-size:var(--text-2xs);overflow-wrap:anywhere}
.gg-store-switch{display:flex;align-items:center;gap:6px}
.gg-preview-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px dashed var(--warning-500);border-radius:var(--radius-md);background:var(--warning-100);color:var(--warning-600);font-size:var(--text-xs)}
.gg-boot{display:grid;place-items:center;height:100vh;color:var(--text-muted);font-size:var(--text-sm)}
@media (max-width:640px){
  .gg-form-grid{grid-template-columns:1fr}
  .gg-secret{grid-template-columns:1fr}
  .gg-order-row{flex-wrap:wrap}
  .gg-order-main{flex-basis:calc(100% - 60px)}
  .gg-order-row:not(.gg-product-row) .gg-order-main{flex-basis:100%}
  .gg-order-side{grid-auto-flow:column;align-items:center;justify-items:start}
  .gg-product-row .gg-order-side{margin-left:56px}
  .gg-row-actions{margin-left:auto}
  .gg-variant-head{display:none}
  .gg-variant-row{grid-template-columns:1fr 1fr;padding:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}
  .gg-variant-row b{grid-column:1 / -1}
  .gg-option-row{grid-template-columns:1fr auto}
  .gg-option-row>*:first-child{grid-column:1 / -1}
  .gg-checkout-link>button{flex:1}
  .gg-auth-card{padding:22px 18px}
}
.gg-vfield{display:block;min-width:0}
.gg-vfield small{display:none;margin-bottom:3px;color:var(--text-muted);font-size:var(--text-3xs);font-weight:600}
@media (max-width:640px){
  .gg-vfield small{display:block}
  .gg-variant-row{grid-template-columns:1fr 1fr 1fr}
  .gg-variant-row input{padding:7px 6px}
}
/* Topo do painel no celular: botoes viram so icone para o titulo respirar. */
@media (max-width:560px){
  .gg-logout button,.gg-refresh button{width:34px;padding:0!important;justify-content:center;font-size:0!important;gap:0!important}
  .gg-logout button svg{margin:0}
  .gg-refresh button{width:34px;padding:0!important;justify-content:center;font-size:0!important;gap:0!important}
}
/* Webhooks de saida */
.gg-webhook-form{display:grid;gap:12px;margin-bottom:6px}
.gg-event-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:0;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}
.gg-event-picker legend{padding:0 6px;color:var(--text-heading);font-size:var(--text-xs);font-weight:600}
.gg-webhook{display:grid;gap:10px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}
.gg-webhook.paused{background:var(--neutral-50)}
.gg-webhook-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.gg-webhook-info{display:grid;gap:3px;min-width:0}
.gg-webhook-info strong{color:var(--text-heading);font-size:var(--text-sm)}
.gg-webhook-info small{color:var(--text-muted);font-size:var(--text-2xs)}
.gg-webhook-info .gg-webhook-paused{color:var(--warning-600)}
.gg-deliveries{display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--border-subtle)}
.gg-deliveries-head{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs)}
.gg-delivery{border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}
.gg-delivery-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer}
.gg-delivery-info{display:grid;flex:1;min-width:0;font-size:var(--text-xs)}
.gg-delivery-row small{color:var(--text-muted);font-size:var(--text-2xs)}
.gg-delivery-detail{display:grid;gap:6px;padding:0 10px 10px}
.gg-delivery-detail>span{color:var(--text-muted);font-size:var(--text-2xs);font-weight:600}
.gg-delivery-detail pre{max-height:220px;margin:0;padding:10px;overflow:auto;border-radius:var(--radius-sm);background:var(--forest-900);color:var(--lime-100);font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.gg-delivery-error{display:flex;align-items:center;gap:6px;margin:0;color:var(--danger-600);font-size:var(--text-xs)}
@media (max-width:640px){.gg-event-picker{grid-template-columns:1fr}.gg-webhook-top{flex-direction:column}}
/* Recuperacao */
.gg-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px;padding:3px;border-radius:var(--radius-sm);background:var(--neutral-100)}
.gg-tabs button{display:inline-flex;align-items:center;gap:6px;flex:none;padding:7px 12px;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text-muted);font:600 var(--text-xs) var(--font-ui);cursor:pointer}
.gg-tabs button.active{background:var(--white);color:var(--forest-900);box-shadow:var(--shadow-xs)}
.gg-tabs button span{min-width:18px;padding:1px 6px;border-radius:var(--radius-pill);background:var(--lime-200);color:var(--forest-900);font-size:var(--text-3xs)}
.gg-channel-status{display:grid;gap:6px;margin-bottom:14px}
.gg-channel-status span{display:flex;align-items:center;gap:6px;font-size:var(--text-xs)}
.gg-channel-status .on{color:var(--success-600)}
.gg-channel-status .off{color:var(--warning-600)}
.gg-steps{display:grid;gap:10px;margin-bottom:10px}
.gg-step{display:grid;gap:8px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}
.gg-step-head{display:flex;align-items:center;justify-content:space-between}
.gg-step-head strong{color:var(--text-heading);font-size:var(--text-sm)}
.gg-step-when{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--text-muted);font-size:var(--text-xs)}
.gg-step-when input,.gg-step-when select{height:32px;padding:0 8px;border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--field-bg);font:var(--text-xs) var(--font-ui)}
.gg-step-when input{width:70px}
.gg-settings-extra{display:grid;gap:8px;margin:12px 0}
/* Importador de catalogo */
.gg-import-form{display:grid;gap:12px}
.gg-import-how{display:grid;gap:6px;margin:4px 0 0;padding:12px 12px 12px 28px;border-radius:var(--radius-md);background:var(--neutral-50);color:var(--text-muted);font-size:var(--text-xs);line-height:1.5}
.gg-import-how b{color:var(--text-heading)}
.gg-import-progress,.gg-import-result{display:grid;justify-items:center;gap:8px;padding:28px 12px;text-align:center}
.gg-import-progress strong,.gg-import-result strong{color:var(--text-heading);font:600 var(--text-md) var(--font-display);overflow-wrap:anywhere}
.gg-import-progress span,.gg-import-result span{color:var(--text-muted);font-size:var(--text-sm)}
.gg-import-progress .goal-track{width:min(320px,100%);margin:6px 0 0}
.gg-import-progress small{color:var(--text-subtle);font-size:var(--text-2xs)}
.gg-import-result svg{color:var(--go-500)}
.gg-import-result.failed svg{color:var(--danger-600)}
.gg-import-errors{margin:6px 0 0;padding-left:18px;text-align:left;color:var(--danger-600);font-size:var(--text-xs)}
.gg-spin{animation:gg-spin 900ms linear infinite}
@keyframes gg-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.gg-spin{animation:none}}
.gg-import-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:var(--text-sm);color:var(--text-body)}
.gg-import-list{display:grid;gap:6px}
.gg-import-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer}
.gg-import-item.selected{border-color:var(--lime-400);background:var(--lime-100)}
.gg-import-item input{width:18px;height:18px;flex:none;accent-color:var(--go-500)}
.gg-import-item img,.gg-import-item .gg-thumb-empty{width:44px;height:44px;flex:none;border-radius:var(--radius-sm);object-fit:cover}
.gg-import-info{display:grid;gap:2px;flex:1;min-width:0}
.gg-import-info b{color:var(--text-heading);font-size:var(--text-sm);overflow-wrap:anywhere}
.gg-import-info small{color:var(--text-muted);font-size:var(--text-2xs)}
.gg-import-count{margin-right:auto;color:var(--text-muted);font-size:var(--text-xs)}
.gg-import-source{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--neutral-50)}
.gg-import-source>span{display:grid;flex:1 1 220px;min-width:0}
.gg-import-source strong{color:var(--text-heading);font-size:var(--text-sm);overflow-wrap:anywhere}
.gg-import-source small{color:var(--text-muted);font-size:var(--text-2xs)}
@media (max-width:640px){.gg-import-item{align-items:flex-start}.gg-import-item .gg-badge,.gg-import-item>span:last-child:not(.gg-import-info){display:none}}
/* Checkout e cupons */
.gg-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gg-select-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.gg-select-field>span{color:var(--text-body);font-size:var(--text-xs);font-weight:var(--weight-semibold)}
.gg-select-field select{height:38px;width:100%;min-width:0;padding:0 10px;border:1px solid var(--field-border);border-radius:var(--radius-control);background:var(--field-bg);font:var(--text-sm) var(--font-ui);color:var(--text-body)}
.gg-save-bar{position:sticky;bottom:0;z-index:5;display:flex;justify-content:flex-end;gap:8px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-md)}
.gg-coupon-code{font-family:var(--font-display);letter-spacing:.04em}
.gg-totals{margin-top:6px;padding-top:8px;border-top:1px dashed var(--border-subtle)}
.gg-address{margin:0;color:var(--text-body);font-size:var(--text-sm);line-height:1.5}
@media (max-width:900px){.gg-form-grid-3{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.gg-form-grid-3{grid-template-columns:1fr}}
/* Ao vivo */
.gg-funnel{display:grid;gap:10px}
.gg-funnel-row{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) 44px 48px;align-items:center;gap:10px;font-size:var(--text-xs)}
.gg-funnel-label{color:var(--text-body)}
.gg-funnel-track{height:12px;overflow:hidden;border-radius:var(--radius-pill);background:var(--neutral-100)}
.gg-funnel-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--forest-900),var(--go-500));transition:width 300ms var(--ease-standard)}
.gg-funnel-row b{text-align:right;color:var(--text-heading)}
.gg-funnel-row small{color:var(--text-muted);text-align:right}
.gg-where{display:grid;gap:8px}
.gg-where>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:var(--text-sm)}
.gg-where strong{font:700 var(--text-lg) var(--font-display)}
.gg-drop{margin-top:16px;padding:12px;border-radius:var(--radius-md);background:rgba(255,255,255,.08)}
.gg-drop p{margin:6px 0 12px;color:var(--text-on-inverse-muted);font-size:var(--text-xs);line-height:1.5}
@media (max-width:640px){.gg-funnel-row{grid-template-columns:1fr 40px 44px;row-gap:4px}.gg-funnel-label{grid-column:1 / -1}.gg-funnel-track{grid-column:1}}
/* Catalogo de integracoes */
.gg-hub-intro{margin:0;color:var(--text-body);font-size:var(--text-md)}
.gg-hub-search{flex:none;width:100%;max-width:360px;height:38px}
.gg-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.gg-hub-card{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--neutral-50);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:var(--transition-control)}
.gg-hub-card:hover{border-color:var(--lime-400);background:var(--surface-card)}
.gg-hub-card.tone-on{border-color:var(--lime-400);background:var(--lime-100)}
.gg-hub-card.tone-error{border-color:var(--danger-500)}
.gg-hub-card.tone-soon{opacity:.7}
.gg-hub-mono{display:grid;place-items:center;flex:none;border-radius:var(--radius-sm);color:#fff;font:700 12px var(--font-display);letter-spacing:.02em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.gg-hub-card-text{display:grid;gap:2px;min-width:0}
.gg-hub-card-text b{color:var(--text-heading);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gg-hub-state{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:var(--text-2xs)}
.gg-hub-state i{width:7px;height:7px;border-radius:50%;background:currentColor}
.gg-hub-state.tone-on{color:var(--success-600)}
.gg-hub-state.tone-error{color:var(--danger-600)}
.gg-hub-dialog-head{display:flex;align-items:center;gap:12px}
.gg-hub-dialog-head span{display:grid;gap:2px}
.gg-hub-dialog-head small{color:var(--text-muted);font-size:var(--text-xs)}
.gg-hub-docs{color:var(--forest-900);font-size:var(--text-xs);font-weight:600}
@media (max-width:640px){.gg-hub-grid{grid-template-columns:1fr 1fr}.gg-hub-card{padding:10px}.gg-hub-mono{width:30px!important;height:30px!important}}

/* Logos oficiais das plataformas */
.gg-hub-logo{display:grid;place-items:center;flex:none;padding:3px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#fff;box-sizing:border-box;overflow:hidden}
.gg-hub-logo img{display:block;width:100%;height:100%;object-fit:contain}
@media (max-width:640px){.gg-hub-logo{width:30px!important;height:30px!important}}
/* Peso e medidas do produto (frete) */
.gg-dims-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.gg-dims-help{color:var(--text-muted);font-size:var(--text-2xs)}
.gg-variant-dims{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:2px 0 6px}
.gg-variant-dims .gg-vfield small{display:block}
.gg-dims-notice{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding:10px 12px;border-radius:var(--radius-md);background:var(--warning-100);color:var(--warning-600);font-size:var(--text-xs)}
.gg-dims-notice>span{flex:1 1 220px;min-width:0}
.gg-dims-notice.ok{background:var(--success-100,rgba(22,163,74,.1));color:var(--success-600,#15803d)}
@media (max-width:640px){
  .gg-dims-grid{grid-template-columns:1fr 1fr}
  .gg-variant-dims{grid-template-columns:1fr 1fr}
}
/* Aviso de pedidos em disputa (chargeback) no Dashboard */
.gg-dispute-alert{border-color:var(--danger-300,#f2b8b5);background:var(--danger-50,#fdf1f0);color:var(--text-body)}
.gg-dispute-alert small{font-size:var(--text-xs);line-height:1.4;color:var(--text-muted)}
.gg-dispute-alert>svg{flex:none;color:var(--danger-600,#c0362c)}
/* Recuperacao: lembretes de Pix e boleto nao pagos */
.gg-po-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:14px}
.gg-po-stat{display:grid;gap:2px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-subtle)}
.gg-po-stat span{color:var(--text-muted);font-size:var(--text-xs)}
.gg-po-stat strong{color:var(--text-heading);font-size:var(--text-xl);line-height:1.2}
.gg-po-stat small{color:var(--text-muted);font-size:var(--text-3xs)}
.gg-po-block{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--border-subtle)}
.gg-po-block .gg-muted{margin:0}
.gg-po-block .gg-steps{margin-bottom:0}
/* Rodape do menu: textos legais da GreenGo. Pedido com dados excluidos pelo titular (LGPD). */
.gg-legal-links{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--text-2xs);color:var(--text-muted)}
.gg-legal-links a{color:var(--text-muted);text-decoration:none}
.gg-legal-links a:hover{color:var(--forest-900);text-decoration:underline}
.gg-privacy-note{margin:0;padding:10px 12px;border-left:3px solid var(--warning-500);border-radius:var(--radius-sm);background:var(--warning-100);color:var(--text-heading);font-size:var(--text-xs);line-height:1.5}

/* Ao vivo: lista de quem passou pelo checkout, por etapa. */
.gg-people-filters{display:grid;gap:8px;margin-bottom:12px}
.gg-people-stages{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.gg-people-stages::-webkit-scrollbar{display:none}
.gg-people-stages button{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-body);font-family:var(--font-ui);font-size:var(--text-2xs);font-weight:600;cursor:pointer}
.gg-people-stages button b{color:var(--text-heading)}
.gg-people-stages button.active{border-color:var(--go-500);background:var(--lime-100);color:var(--forest-900)}
.gg-people-list{display:grid;gap:10px}
.gg-person{display:grid;gap:7px;padding:13px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}
.gg-person.anon{background:var(--surface-subtle)}
.gg-person-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.gg-person-head small{color:var(--text-muted);font-size:var(--text-3xs)}
.gg-person-stage{display:inline-flex;padding:3px 9px;border-radius:var(--radius-pill);background:var(--neutral-100);color:var(--text-body);font-size:var(--text-3xs);font-weight:700;letter-spacing:.01em}
.gg-person-stage.stage-add_to_cart,.gg-person-stage.stage-checkout_start{background:var(--warning-100);color:var(--text-heading)}
.gg-person-stage.stage-contact{background:var(--lime-100);color:var(--forest-900)}
.gg-person-stage.stage-order{background:var(--go-100);color:var(--forest-900)}
.gg-person-stage.stage-paid{background:var(--forest-900);color:var(--lime-400)}
.gg-person-name{color:var(--text-heading);font-size:var(--text-sm);line-height:1.2}
.gg-person-contact{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--text-body);font-size:var(--text-2xs)}
.gg-person-contact span{display:inline-flex;align-items:center;gap:5px;min-width:0;word-break:break-word}
.gg-person-contact.muted{color:var(--text-muted)}
.gg-person-items{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;padding-top:7px;border-top:1px dashed var(--border-subtle);color:var(--text-body);font-size:var(--text-2xs)}
.gg-person-items b{margin-left:auto;color:var(--text-heading);font-size:var(--text-xs)}
.gg-person-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gg-person-actions button{flex:1 1 auto;justify-content:center}
.gg-person-order{color:var(--text-muted);font-size:var(--text-3xs)}
.gg-person-optout{padding:3px 8px;border-radius:var(--radius-sm);background:var(--neutral-100);color:var(--text-muted);font-size:var(--text-3xs)}
.gg-people-note{display:block;margin-top:10px;color:var(--text-muted);font-size:var(--text-3xs)}
@media(min-width:760px){
  .gg-people-filters{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .gg-person{grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:8px 14px}
  .gg-person-head{flex-direction:column;align-items:flex-start;gap:3px;grid-row:span 2}
  .gg-person-name{grid-column:2}
  .gg-person-contact{grid-column:2;grid-row:2}
  .gg-person-items{grid-column:2;grid-row:3;border-top:0;padding-top:0}
  .gg-person-actions{grid-column:3;grid-row:1 / span 3;flex-direction:column;align-items:stretch}
  .gg-person-actions button{flex:none}
}

/* Olho para revelar a senha: alvo de toque confortável no celular, sem roubar o foco do campo. */
.gg-eye{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-6px -6px -6px 0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer}
.gg-eye:hover{color:var(--text-heading);background:var(--neutral-100)}
.gg-eye:focus-visible{outline:2px solid var(--field-border-focus);outline-offset:1px}