.wg-page{--wg-accent:#128c7e}.wg-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem;border-radius:1rem;background:#123e38;color:#fff;margin-bottom:1.5rem}.wg-hero h1{font-size:2rem;color:inherit;margin:.5rem 0}.wg-hero p{margin:0;color:#d1e8e2}.wg-eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:700}.wg-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1.5rem}.wg-lines{align-self:start}.wg-page h2{font-size:1.15rem}.wg-page h3{font-size:1.05rem}.wg-line{color:#203a30;display:block;width:100%;text-align:left;border:1px solid #dce7e3;border-left:5px solid var(--wg-accent);border-radius:.5rem;background:#fff;padding:.8rem;margin-bottom:.7rem;overflow-wrap:anywhere}.wg-line[aria-pressed=true]{background:#eaf5f1;box-shadow:0 0 0 1px #128c7e}.wg-line small{display:block;color:#626e68}.wg-appearance{display:flex;flex-wrap:wrap;align-items:end;gap:1rem;margin:1rem 0}.wg-appearance label:first-child{flex:1;min-width:160px}.wg-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.wg-tabs button{border:0;border-radius:2rem;padding:.5rem 1rem;background:#eef3f0;color:#254a3f}.wg-tabs button[aria-pressed=true]{background:#128c7e;color:#fff}.wg-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem}.wg-actions button{text-align:left;min-height:50px}.wg-operation{border-top:1px solid #e4ebe7;margin-top:1.5rem;padding-top:1.5rem}.wg-operation label{display:block;margin-bottom:1rem}.wg-operation textarea{font-family:monospace;min-height:110px}.wg-buttons{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.wg-result{white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;overflow:auto;background:#f2f6f4;padding:1rem;border-radius:.6rem;margin-top:1rem;color:#203a30}.wg-section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.wg-onboarding img{max-width:280px;width:100%;height:auto}.wg-onboarding p{overflow-wrap:anywhere}.wg-page [hidden]{display:none!important}.wg-page button:disabled{cursor:not-allowed}.wg-lines .card-body{padding:1.2rem}@media(max-width:900px){.wg-layout{grid-template-columns:1fr}.wg-hero{flex-direction:column;align-items:start}.wg-lines{max-height:350px;overflow:auto}}@media(prefers-reduced-motion:reduce){.wg-page *{scroll-behavior:auto}}

.wg-hero .btn-outline-light{color:#fff;border-color:#b7d5cf;background:transparent}.wg-hero .btn-outline-light:hover,.wg-hero .btn-outline-light:focus-visible{color:#123e38;background:#fff;border-color:#fff}

.wg-page .wg-line strong{color:inherit}

/* Panel workspace: scoped styles, compatible with the host light/dark theme. */
.wg-page{--wg-ink:#203d38;--wg-surface:#fff;--wg-border:#dce7e3;--wg-soft:#f4f8f7;--wg-muted:#637973;max-width:1440px}
.wg-page .card{border:1px solid var(--wg-border);box-shadow:0 4px 18px #153b2f06;border-radius:16px;background:var(--wg-surface)}
.wg-page .card-body{padding:1.6rem}.wg-hero{background:linear-gradient(115deg,#103f39,#176353);padding:2.2rem;border-radius:20px;position:relative;overflow:hidden}.wg-hero h1{font-size:2.15rem;letter-spacing:-.04em;font-weight:700}.wg-eyebrow{color:#a9dfcc}.wg-hero p{max-width:480px;line-height:1.6}.wg-hero .btn{flex-shrink:0;font-size:.82rem}
.wg-page h2{font-weight:650;letter-spacing:-.02em;color:var(--wg-ink);margin-bottom:.65rem}.wg-kicker{display:block;font-size:.66rem;letter-spacing:.13em;color:var(--wg-muted);font-weight:700;margin-bottom:.5rem}.wg-page .text-muted{color:var(--wg-muted)!important}.wg-page #wgNotice{background:var(--wg-soft);border:1px solid var(--wg-border);color:var(--wg-ink);font-size:.84rem;line-height:1.7;border-radius:12px;padding:1rem 1.25rem}
.wg-layout{grid-template-columns:260px minmax(0,1fr);gap:1.4rem}.wg-lines .card-body{padding:1.2rem}.wg-lines h2{margin-bottom:1rem}.wg-lines .btn{width:100%;white-space:normal}.wg-line{padding:1rem;border-radius:11px;line-height:1.5}.wg-line small{font-size:.74rem;margin-top:.25rem}.wg-empty{padding:1.3rem .8rem;background:var(--wg-soft);border:1px dashed var(--wg-border);border-radius:12px;color:var(--wg-muted);line-height:1.7;font-size:.86rem}
.wg-tabs{gap:.25rem;background:var(--wg-soft);padding:5px;border-radius:12px;border:1px solid var(--wg-border)}.wg-tabs button{border-radius:8px;flex:1;padding:.7rem .65rem;background:transparent;font-size:.85rem;font-weight:600;color:var(--wg-ink)}.wg-tabs button[aria-pressed=true]{background:#166b59;box-shadow:0 2px 5px #153b2f20}.wg-actions{gap:.65rem;margin-top:1.1rem}.wg-actions .btn{border-color:var(--wg-border);color:var(--wg-ink);background:var(--wg-surface);border-radius:10px;padding:.85rem 1rem;font-size:.85rem;line-height:1.5}.wg-actions .btn:hover:enabled{border-color:#128c7e;background:var(--wg-soft)}
.wg-appearance{padding:1.2rem;background:var(--wg-soft);border-radius:12px;border:1px solid var(--wg-border);gap:.8rem}.wg-appearance label,.wg-operation label{font-size:.82rem;font-weight:600;color:var(--wg-ink)}.wg-appearance .btn{font-size:.8rem;min-height:40px}.wg-page .form-control,.wg-page .form-select{border-radius:8px}.wg-page .form-control:disabled{opacity:.6}.wg-operation{background:var(--wg-soft);border:1px solid var(--wg-border);border-radius:12px;padding:1.3rem}.wg-operation h3{color:var(--wg-ink);font-weight:650}.wg-operation p{font-size:.85rem;line-height:1.6}.wg-page button:focus-visible,.wg-page a:focus-visible{outline:3px solid #64bfa6;outline-offset:3px}.wg-page .btn:disabled{opacity:.45}.wg-page #wgFeedback p:not(:empty){padding:.85rem 1rem;border-radius:10px;background:var(--wg-soft);border:1px solid var(--wg-border);font-size:.86rem}.wg-photo-preview{display:flex;align-items:center;gap:1rem;font-size:.82rem;overflow-wrap:anywhere;color:var(--wg-muted)}.wg-photo-preview img{width:88px;height:88px;object-fit:cover;border-radius:14px;border:1px solid var(--wg-border)}.wg-result{font-size:.75rem;line-height:1.7;border:1px solid var(--wg-border);max-height:260px}.wg-section-heading h2{margin:0}.wg-section-heading .btn{font-size:.77rem}.wg-page #wgUnsupported,.wg-page #wgDeferred{font-size:.84rem;line-height:1.8}.wg-page details summary{font-size:.84rem;color:var(--wg-muted);cursor:pointer}
.dark-style .wg-page{--wg-ink:#e0eeea;--wg-surface:#253b3b;--wg-border:#3d5652;--wg-soft:#203432;--wg-muted:#b2c9c2}.dark-style .wg-page .wg-line{color:#e0eeea;background:#203432;border-color:#3d5652}.dark-style .wg-page .wg-line small{color:#b2c9c2}.dark-style .wg-page .wg-line[aria-pressed=true]{background:#244e43}.dark-style .wg-page .wg-result{background:#172e29;color:#d5e9e2}
@media(max-width:1000px){.wg-layout{grid-template-columns:220px minmax(0,1fr)}.wg-hero{padding:1.7rem}.wg-page .card-body{padding:1.2rem}}
@media(max-width:900px){.wg-layout{grid-template-columns:1fr}.wg-lines{max-height:none}.wg-hero h1{font-size:1.85rem}}
@media(max-width:480px){.wg-page .card-body{padding:1rem}.wg-hero{padding:1.35rem;gap:1.1rem}.wg-hero .btn{width:100%;white-space:normal}.wg-appearance{padding:.8rem}.wg-appearance label:first-child{min-width:100%;width:100%}.wg-tabs button{flex:1 0 40%}.wg-actions{grid-template-columns:1fr}.wg-operation{padding:1rem}.wg-buttons .btn{width:100%}.wg-photo-preview{align-items:start}.wg-photo-preview img{width:64px;height:64px}}
.wg-page .text-success{color:#286c48!important}.dark-style .wg-page .text-success{color:#9fdcb5!important}.dark-style .wg-page .text-danger{color:#ffb5ae!important}.wg-page .btn-primary{background:#166b59;border-color:#166b59;color:white}.wg-page .btn-primary:hover{background:#115344;border-color:#115344}.wg-page .btn-outline-primary{color:#216e5f;border-color:#a5c9bf}.dark-style .wg-page .btn-outline-primary{color:#c1e3d8;border-color:#689d8e}

/* Reconciliation: readable warning and comfortable controls in both themes. */
.wg-page .wg-reconcile{background:#fff7e6;color:#674400;border:1px solid #e5c98f;overflow-wrap:anywhere}
.wg-page .wg-reconcile>.btn{color:#674400;border-color:#a27621;white-space:normal;min-height:44px}
.wg-page .wg-reconcile .wg-operation{margin-top:1rem;min-width:0}
.wg-page .wg-reconcile .form-control,.wg-page .wg-reconcile .form-select{color:var(--wg-ink);background-color:var(--wg-surface);border-color:var(--wg-border);font-family:inherit;font-size:1rem;min-height:44px}
.wg-page .wg-reconcile textarea{resize:vertical;line-height:1.6}
.wg-page .wg-reconcile small{display:block;margin-top:.5rem;color:var(--wg-muted);font-weight:400;line-height:1.5}
.wg-page .wg-reconcile-confirm{line-height:1.7;cursor:pointer;padding:.4rem 0;min-height:44px}
.wg-page .wg-reconcile-confirm input{width:18px;height:18px;margin-right:.4rem;vertical-align:middle;accent-color:#166b59}
.wg-page .wg-reconcile .wg-buttons{margin-bottom:0}
.wg-page .wg-reconcile .wg-buttons .btn{min-height:44px;white-space:normal}
.wg-page .wg-reconcile .btn-outline-secondary{color:var(--wg-ink);border-color:var(--wg-muted)}
.wg-page .wg-reconcile :is(select,textarea,input):focus-visible{outline:3px solid #64bfa6;outline-offset:3px}
.dark-style .wg-page .wg-reconcile{background:#3a3425;color:#ffe0a3;border-color:#8c7543}
.dark-style .wg-page .wg-reconcile>.btn{color:#ffe0a3;border-color:#b59b63}
@media(max-width:480px){.wg-page .wg-reconcile{padding:.8rem}.wg-page .wg-reconcile .wg-operation{padding:.8rem}.wg-page .wg-reconcile .wg-buttons{flex-direction:column}.wg-page .wg-reconcile .wg-buttons .btn{width:100%}}
/* Keep the embedded workspace visually consistent within the existing wallet page. */
.service-wallet-page .wg-page .btn-primary{background:#166b59!important;border-color:#166b59!important;color:#fff!important}
.service-wallet-page .wg-page .btn-primary:hover{background:#115344!important;border-color:#115344!important}
#whatsgwAdmin>summary{white-space:normal;min-height:44px;display:inline-flex;align-items:center;text-align:left}
#whatsgwAdmin>.wg-page{padding-left:0;padding-right:0;margin-top:1rem}
@media(max-width:480px){.wg-page .wg-buttons .btn{min-height:44px}}