/* Internal: unified CasinoOpsAI demo product-family shell. */
:root{--coa-shell-navy:#071f34;--coa-shell-blue:#123a63;--coa-shell-gold:#d0a044;--coa-shell-line:#d9e2ec;--coa-shell-text:#102a43}
.coa-family-shell,.coa-family-shell *{box-sizing:border-box}
.coa-family-shell{position:sticky;top:0;z-index:9998;width:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:rgba(255,255,255,.97);color:var(--coa-shell-text);border-bottom:1px solid rgba(170,188,205,.78);box-shadow:0 10px 32px rgba(7,31,52,.11);backdrop-filter:blur(18px)}
.coa-family-shell__row{width:min(1240px,calc(100% - 2rem));min-height:70px;margin:0 auto;display:flex;align-items:center;gap:1rem}
.coa-family-shell__brand{display:inline-flex;align-items:center;gap:.7rem;flex:0 0 auto;color:#111827;text-decoration:none}
.coa-family-shell__mark{width:2.55rem;height:2.55rem;display:grid;place-items:center;border-radius:.9rem;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.62),transparent 32%),linear-gradient(135deg,#07192e 0%,#123a63 52%,#d0a044 100%);border:1px solid rgba(255,255,255,.68);box-shadow:0 12px 28px rgba(15,39,69,.2);color:#f4d37b;font-weight:900}
.coa-family-shell__brand-copy{display:grid;gap:.16rem;line-height:1}
.coa-family-shell__brand-name{font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;font-weight:850;letter-spacing:-.035em}.coa-family-shell__brand-name span{color:#9a6b07}
.coa-family-shell__brand-small{font-size:.58rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#52677b}
.coa-family-shell__context{min-width:0;display:grid;gap:.14rem;padding-left:1rem;border-left:1px solid var(--coa-shell-line)}
.coa-family-shell__status{font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#806000}
.coa-family-shell__title{max-width:28rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;color:#193a59}
.coa-family-shell__nav{margin-left:auto;display:flex;align-items:center;gap:.28rem}
.coa-family-shell__nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.64rem .78rem;border:1px solid transparent;border-radius:999px;color:#40566b;text-decoration:none;font-size:.84rem;font-weight:850;white-space:nowrap}
.coa-family-shell__nav a:hover{background:#edf4fb;color:#123a63;border-color:rgba(18,58,99,.13)}
.coa-family-shell__nav a[data-primary]{background:linear-gradient(135deg,#f0ca73,#c99a34);color:#142033;border-color:rgba(167,116,13,.35);box-shadow:0 8px 18px rgba(201,162,74,.2)}
.coa-family-shell__menu{display:none;margin-left:auto;min-width:48px;min-height:44px;padding:.55rem .72rem;border:1px solid #cbd8e5;border-radius:12px;background:#fff;color:#123a63;font:inherit;font-size:.82rem;font-weight:900;cursor:pointer}
.coa-family-shell__notice{background:linear-gradient(90deg,#061828,#0d2a49 55%,#061828);color:#f2f6fa}
.coa-family-shell__notice-inner{width:min(1240px,calc(100% - 2rem));min-height:30px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.55rem;text-align:center;font-size:.71rem;font-weight:750;line-height:1.35}
.coa-family-shell__notice strong{color:#ffe29a}.coa-family-shell__notice span[aria-hidden]{color:#d0a044}
.coa-family-shell a:focus-visible,.coa-family-shell button:focus-visible{outline:3px solid #f3bd48;outline-offset:3px}
body.coa-has-product-shell :where([id]){scroll-margin-top:7.25rem}
@media(max-width:980px){.coa-family-shell__context{flex:1}.coa-family-shell__menu{display:inline-flex;align-items:center;justify-content:center}.coa-family-shell__nav{display:none;position:absolute;left:1rem;right:1rem;top:calc(70px + 6px);z-index:2;margin:0;padding:.65rem;flex-direction:column;align-items:stretch;background:rgba(255,255,255,.99);border:1px solid #cbd8e5;border-radius:16px;box-shadow:0 24px 70px rgba(8,30,52,.2)}.coa-family-shell__nav.is-open{display:flex}.coa-family-shell__nav a{width:100%;justify-content:space-between;border-radius:12px;padding:.76rem 1rem}.coa-family-shell__row{position:relative}}
@media(max-width:620px){.coa-family-shell__row,.coa-family-shell__notice-inner{width:min(100% - 1rem,1240px)}.coa-family-shell__row{min-height:62px;gap:.65rem}.coa-family-shell__mark{width:2.2rem;height:2.2rem}.coa-family-shell__brand-small{display:none}.coa-family-shell__brand-name{font-size:1.08rem}.coa-family-shell__context{padding-left:.65rem}.coa-family-shell__title{max-width:9.8rem;font-size:.78rem}.coa-family-shell__status{font-size:.54rem}.coa-family-shell__nav{top:calc(62px + 6px);left:.5rem;right:.5rem}.coa-family-shell__notice-inner{min-height:34px;font-size:.66rem;padding:.25rem 0}.coa-family-shell__notice-inner span[aria-hidden]{display:none}}
@media print{.coa-family-shell{display:none!important}}

/* Internal: keep complex demo workspaces inside the mobile viewport. */
html.coa-has-product-shell,body.coa-has-product-shell{max-width:100%;overflow-x:clip}
body.coa-has-product-shell :where(main,section,article,aside,form,fieldset,div){min-width:0}
body.coa-has-product-shell :where(.table-wrap,.canvas-wrap,.workspace,.app-shell){max-width:100%}
body.coa-has-product-shell :where(.table-wrap,.canvas-wrap){overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
body.coa-has-product-shell canvas{max-width:100%;height:auto}

/* Internal: complete the shared demo footer as part of the product-family shell. */
.coa-demo-footer,.coa-demo-footer *{box-sizing:border-box}
.coa-demo-footer{margin-top:0;background:linear-gradient(135deg,#061828 0%,#0a2947 58%,#071f34 100%);color:#f4f7fa;border-top:1px solid rgba(208,160,68,.38);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.coa-demo-container{width:min(1240px,calc(100% - 2rem));margin:0 auto}
.coa-demo-footer-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr) minmax(220px,.8fr);gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(2.6rem,5vw,4.5rem) 0 2rem}
.coa-demo-footer-grid>div,.coa-demo-footer-grid>nav{min-width:0}
.coa-demo-footer-brand{display:inline-flex;align-items:center;gap:.58rem;color:#f5f8fb!important;text-decoration:none;font-family:Georgia,"Times New Roman",serif;font-size:1.28rem;font-weight:850}
.coa-demo-footer-brand span:first-child{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(244,211,123,.54);border-radius:.7rem;background:#07192e;color:#ffe7a8!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.85rem}
.coa-demo-footer h3{margin:0 0 .8rem;color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.coa-demo-footer p{max-width:38rem;margin:.8rem 0 0;color:#d8e1e9!important;font-size:.9rem;line-height:1.65}
.coa-demo-footer nav ul{display:grid;gap:.48rem;margin:0;padding:0;list-style:none}
.coa-demo-footer a{color:#eef4f8!important;text-underline-offset:3px}
.coa-demo-footer nav a{text-decoration:none;font-size:.88rem;font-weight:760}
.coa-demo-footer nav a:hover,.coa-demo-footer a:hover{text-decoration:underline;color:#ffe4a3!important}
.coa-demo-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:1.1rem 0 1.45rem;border-top:1px solid rgba(255,255,255,.13);color:#c5d0da!important;font-size:.76rem;line-height:1.5}
.coa-demo-footer-bottom a{color:#dbe5ed!important}
@media(max-width:760px){.coa-demo-footer-grid{grid-template-columns:1fr;padding-top:2.35rem}.coa-demo-footer-bottom{align-items:flex-start;flex-direction:column}.coa-demo-container{width:min(100% - 1.25rem,1240px)}}