/* OwnGateway composition on top of the Account4All design system. Tokens only; light mode. */
html,body{margin:0;background:var(--a4a-bg)}
.ogw-body{min-block-size:100vh}
.ogw-topbar{background:var(--a4a-surface);border-block-end:1px solid var(--a4a-border);position:sticky;inset-block-start:0;z-index:var(--a4a-z-sticky)}
.ogw-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--a4a-space-4);padding:var(--a4a-space-3) var(--a4a-space-6);flex-wrap:wrap}
.ogw-shell{display:grid;grid-template-columns:var(--a4a-layout-sidebar) minmax(0,1fr);gap:var(--a4a-space-6);padding:var(--a4a-space-6);max-inline-size:96rem;margin-inline:auto;align-items:start}
.ogw-shell:has(> .ogw-main:only-child){grid-template-columns:minmax(0,1fr)}
.ogw-sidebar{position:sticky;inset-block-start:5rem}
.ogw-nav-count{margin-inline-start:auto}
.ogw-main{display:flex;flex-direction:column;gap:var(--a4a-space-6);min-inline-size:0}
.ogw-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--a4a-space-4);flex-wrap:wrap}
.ogw-page-head h1{font-size:var(--a4a-text-2xl)}
.ogw-page-head p{color:var(--a4a-text-secondary);font-size:var(--a4a-text-sm);margin-block-start:var(--a4a-space-1)}
.ogw-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--a4a-space-4)}
.ogw-dl{display:grid;grid-template-columns:minmax(8rem,max-content) 1fr;gap:var(--a4a-space-2) var(--a4a-space-6);font-size:var(--a4a-text-sm);margin:0}
.ogw-dl dt{color:var(--a4a-text-secondary)}
.ogw-dl dd{margin:0;min-inline-size:0;overflow-wrap:anywhere}
.ogw-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--a4a-space-4)}
.ogw-actions{display:flex;flex-wrap:wrap;gap:var(--a4a-space-3);align-items:center}
.ogw-inline-form{display:inline}
.ogw-filters{display:flex;flex-wrap:wrap;gap:var(--a4a-space-3);align-items:flex-end}
.ogw-filters .a4a-field{min-inline-size:10rem;flex:1}
.ogw-secret{display:flex;gap:var(--a4a-space-2);align-items:center;padding:var(--a4a-space-3);border:1px dashed var(--a4a-primary-border);border-radius:var(--a4a-radius-md);background:var(--a4a-primary-soft);overflow-wrap:anywhere}
.ogw-secret code{flex:1;font-family:var(--a4a-font-mono);direction:ltr;unicode-bidi:isolate}
.ogw-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--a4a-space-3)}
.ogw-timeline li{display:grid;grid-template-columns:auto 1fr;gap:var(--a4a-space-3);font-size:var(--a4a-text-sm)}
.ogw-timeline time{color:var(--a4a-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}
.ogw-ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.ogw-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.ogw-dot{inline-size:.6rem;block-size:.6rem;border-radius:50%;display:inline-block;background:var(--a4a-text-disabled)}
.ogw-dot--ok{background:var(--a4a-green-600)}.ogw-dot--warn{background:var(--a4a-amber-800)}.ogw-dot--bad{background:var(--a4a-danger)}
/* Public checkout */
.ogw-public{padding-block:var(--a4a-space-8) var(--a4a-space-16);max-inline-size:36rem}
.ogw-pay{display:flex;flex-direction:column;gap:var(--a4a-space-5)}
.ogw-amount{font-size:clamp(1.75rem,7vw,2.5rem);font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums}
.ogw-amount small{font-size:var(--a4a-text-md);font-weight:400;color:var(--a4a-text-secondary)}
.ogw-copy-row{display:flex;align-items:center;justify-content:space-between;gap:var(--a4a-space-3);padding:var(--a4a-space-4);border:1px solid var(--a4a-border);border-radius:var(--a4a-radius-md);background:var(--a4a-surface-subtle)}
.ogw-copy-row strong{font-size:clamp(1rem,4.6vw,var(--a4a-text-xl));direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;white-space:nowrap}
.ogw-copy-row{flex-wrap:wrap}
.ogw-copy-row>div{min-inline-size:0;flex:1 1 11rem}
.ogw-copy-row .a4a-btn{white-space:nowrap;flex-shrink:0}
.ogw-countdown{font-variant-numeric:tabular-nums;font-weight:800}
.ogw-state{display:flex;flex-direction:column;align-items:center;gap:var(--a4a-space-3);text-align:center;padding:var(--a4a-space-6)}
.ogw-state .a4a-icon-tile{inline-size:4rem;block-size:4rem;border-radius:50%}
.ogw-state .a4a-icon-tile .a4a-icon{inline-size:2rem;block-size:2rem}
.ogw-state--paid .a4a-icon-tile{background:var(--a4a-success-soft);color:var(--a4a-success)}
.ogw-state--expired .a4a-icon-tile,.ogw-state--cancelled .a4a-icon-tile{background:var(--a4a-danger-soft);color:var(--a4a-danger)}
.ogw-state--review .a4a-icon-tile{background:var(--a4a-warning-soft);color:var(--a4a-warning)}
.ogw-auth{min-block-size:calc(100vh - 4rem);display:grid;place-items:center;padding:var(--a4a-space-6)}
.ogw-auth .a4a-card{inline-size:min(26rem,100%)}
@media(max-width:64rem){
  .ogw-shell{grid-template-columns:minmax(0,1fr);padding:var(--a4a-space-4)}
  .ogw-sidebar{position:static}
  .ogw-sidebar .a4a-sidebar-nav{flex-direction:row;overflow-x:auto;padding:var(--a4a-space-2)}
  .ogw-sidebar .a4a-sidebar-nav a{flex-shrink:0}
}
@media(max-width:40rem){
  .ogw-dl{grid-template-columns:1fr}
  .ogw-dl dd{margin-block-end:var(--a4a-space-2)}
  .ogw-topbar__inner{padding-inline:var(--a4a-space-4)}
}
.ogw-h2{font-size:var(--a4a-text-xl)}
.ogw-h3{font-size:var(--a4a-text-lg)}
.ogw-flush{border:0;border-radius:0}
.ogw-steps-text{padding-inline-start:1.5rem;margin:0;list-style-type:persian}
.ogw-offline{display:flex;align-items:center;gap:var(--a4a-space-2)}
.a4a-alert strong + *{display:block}
.ogw-pager{justify-content:center;margin-block-start:var(--a4a-space-4)}
.ogw-card-pad{padding:var(--a4a-space-6)}
.ogw-row-link{color:inherit;text-decoration:none;font-weight:700}
.ogw-row-link:hover{color:var(--a4a-primary)}
.ogw-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:var(--a4a-space-6);align-items:start}
.ogw-evidence{white-space:pre-wrap;font-family:var(--a4a-font-mono);font-size:var(--a4a-text-sm);background:var(--a4a-surface-subtle);border:1px solid var(--a4a-border);border-radius:var(--a4a-radius-md);padding:var(--a4a-space-3);margin:0;overflow-wrap:anywhere;direction:rtl}
.ogw-qr{inline-size:12rem;block-size:12rem;background:#fff;padding:var(--a4a-space-2);border-radius:var(--a4a-radius-md);border:1px solid var(--a4a-border)}
.ogw-qr svg{inline-size:100%;block-size:100%}
.ogw-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--a4a-space-3)}
.ogw-checklist li{display:flex;gap:var(--a4a-space-3);align-items:flex-start}
.ogw-check-ok{color:var(--a4a-success)}.ogw-check-todo{color:var(--a4a-text-disabled)}
.ogw-table-actions{display:flex;gap:var(--a4a-space-2);flex-wrap:wrap}
.ogw-kv{display:flex;flex-wrap:wrap;gap:var(--a4a-space-2) var(--a4a-space-6);font-size:var(--a4a-text-sm);color:var(--a4a-text-secondary)}
.ogw-code-big{font-size:var(--a4a-text-2xl)}
/* Phase 11: admin chats, store */
.ogw-h4{font-size:var(--a4a-text-md);font-weight:700;margin:0}
.ogw-checks{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--a4a-space-2) var(--a4a-space-4)}
.ogw-checks legend{margin-block-end:var(--a4a-space-2)}
.ogw-chat-row{display:flex;flex-direction:column;gap:var(--a4a-space-3);padding:var(--a4a-space-4);border:1px solid var(--a4a-border);border-radius:var(--a4a-radius-md);background:var(--a4a-surface)}
.ogw-chat-row__head{display:flex;flex-wrap:wrap;gap:var(--a4a-space-3);align-items:center}
.ogw-chat-row__head .a4a-switch{margin-inline-start:auto}
.ogw-chat-new{padding-block-start:var(--a4a-space-4);border-block-start:1px solid var(--a4a-border)}
.ogw-product{display:flex;flex-direction:column;gap:var(--a4a-space-3);padding:var(--a4a-space-4);border:1px solid var(--a4a-border);border-radius:var(--a4a-radius-md);background:var(--a4a-surface)}
.ogw-product__head{display:flex;flex-wrap:wrap;gap:var(--a4a-space-2) var(--a4a-space-3);align-items:center}
.ogw-product__head strong{font-size:var(--a4a-text-md)}
.ogw-product__meta{display:flex;flex-wrap:wrap;gap:var(--a4a-space-2) var(--a4a-space-4);font-size:var(--a4a-text-sm);color:var(--a4a-text-secondary)}
.ogw-code-box{font-family:var(--a4a-font-mono);font-size:var(--a4a-text-2xl);letter-spacing:.15em;direction:ltr;unicode-bidi:isolate;font-weight:800}
.a4a-table-wrap{position:relative} /* keep visually-hidden header labels inside the scroller (RTL overflow at 390 px) */
/* Installer */
.ogw-install{max-inline-size:44rem;padding-block:var(--a4a-space-8) var(--a4a-space-16);display:flex;flex-direction:column;gap:var(--a4a-space-6)}
.ogw-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--a4a-space-2) var(--a4a-space-4);font-size:var(--a4a-text-sm);color:var(--a4a-text-secondary)}
.ogw-steps li{display:flex;align-items:center;gap:var(--a4a-space-2)}
.ogw-steps__n{inline-size:1.6rem;block-size:1.6rem;border-radius:50%;display:inline-grid;place-items:center;border:1px solid var(--a4a-border);background:var(--a4a-surface);font-variant-numeric:tabular-nums}
.ogw-steps .is-current{color:var(--a4a-text);font-weight:700}
.ogw-steps .is-current .ogw-steps__n{background:var(--a4a-primary);border-color:var(--a4a-primary);color:#fff}
.ogw-steps .is-done .ogw-steps__n{background:var(--a4a-primary-soft);border-color:var(--a4a-primary-border);color:var(--a4a-primary)}
.ogw-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--a4a-space-2);font-size:var(--a4a-text-sm)}
.ogw-checklist li{display:grid;grid-template-columns:auto 1fr;gap:var(--a4a-space-1) var(--a4a-space-3);align-items:start}
.ogw-checklist small{grid-column:2;color:var(--a4a-text-secondary);overflow-wrap:anywhere}
.ogw-code{font-family:var(--a4a-font-mono);direction:ltr;unicode-bidi:isolate;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--a4a-space-3);border:1px solid var(--a4a-border);border-radius:var(--a4a-radius-md);background:var(--a4a-surface-subtle,var(--a4a-bg));font-size:var(--a4a-text-sm);margin:0}
.ogw-progress{block-size:.6rem;border-radius:999px;background:var(--a4a-border);overflow:hidden}
.ogw-progress>span{display:block;block-size:100%;background:var(--a4a-primary);transition:inline-size .3s ease}
.ogw-ol{padding-inline-start:1.25rem;margin:0}