/* GetClosifi premium suite / Oct 18 2026. Four existing production workflows only.
   All selectors scoped; no changes to authentication, authorization, catalog APIs,
   embed generation, developer key controls, or referral payout logic. */
html body .app-shell{
 --gc-suite-bg:var(--bg-surface);
 --gc-suite-ink:var(--text-primary);
 --gc-suite-muted:var(--text-secondary);
 --gc-suite-line:var(--border-light);
 --gc-suite-soft:var(--bg-subtle);
}
/* Shared executive hero */
html body .app-shell .view-panel:is([data-panel="catalog"],[data-panel="website-chat"],[data-panel="developers"],[data-panel="referrals"]){
 box-sizing:border-box!important;width:100%!important;max-width:1200px!important;
 min-width:0!important;margin:0 auto!important;padding-bottom:100px!important;
 overflow:visible!important;
}
html body .app-shell .gc-suite-hero{
 position:relative;isolation:isolate;box-sizing:border-box;
 display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
 flex-wrap:wrap!important;gap:22px!important;min-height:220px;
 padding:clamp(24px,3.6vw,40px)!important;
 border:1px solid rgba(171,142,255,.27)!important;border-radius:23px!important;
 background:
   radial-gradient(ellipse at 90% 6%,rgba(153,106,246,.30),transparent 53%),
   radial-gradient(ellipse at 90% 100%,rgba(239,83,151,.14),transparent 50%),
   linear-gradient(120deg,#10182f 0%,#202247 60%,#332347 100%)!important;
 box-shadow:0 19px 48px rgba(21,18,54,.15),inset 0 1px rgba(255,255,255,.07)!important;
 overflow:hidden!important;
}
html body .app-shell .gc-suite-hero::after{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 right:-70px;top:-160px;width:380px;height:380px;border-radius:50%;
 border:1px solid rgba(209,181,255,.17);
 box-shadow:0 0 0 35px rgba(192,178,255,.026),0 0 0 75px rgba(192,178,255,.014);
}
html body .app-shell .gc-suite-hero .gc-suite-hero-copy{min-width:0!important;max-width:710px!important;flex:1 1 420px}
html body .app-shell .gc-suite-hero .gc-suite-eyebrow{
 display:inline-flex!important;align-items:center;gap:8px;margin:0 0 17px!important;
 color:#e2d5ff!important;font-family:inherit;font-size:10px;font-weight:800;line-height:1.25;letter-spacing:.13em!important;
}
html body .app-shell .gc-suite-hero h2{
 color:#fff!important;font-size:clamp(27px,3.4vw,40px)!important;
 line-height:1.16!important;font-weight:860!important;letter-spacing:-.05em!important;
 margin:0 0 13px!important;max-width:740px!important;text-wrap:balance;
}
html body .app-shell .gc-suite-hero p{
 max-width:680px!important;margin:0!important;color:#cdd2ee!important;
 font-size:clamp(12px,1.1vw,14px)!important;line-height:1.76!important;
}
html body .app-shell .gc-suite-hero-pills{
 margin-top:23px;display:flex;flex-wrap:wrap;gap:8px;
}
html body .app-shell .gc-suite-hero-pills span{
 display:inline-flex;gap:7px;align-items:center;border-radius:999px;
 border:1px solid rgba(223,204,255,.15);
 background:rgba(222,205,255,.07);color:#e4dff9;
 padding:8px 11px;font-size:10px;font-weight:700;
}
html body .app-shell .gc-suite-hero-actions{
 position:relative;z-index:1;display:flex!important;flex-wrap:wrap;gap:8px!important;align-items:center!important;
 flex:0 1 auto;min-width:0;
}
html body .app-shell .gc-suite-hero-actions :is(button,label),
html body .app-shell .gc-suite-hero>.gc-suite-primary{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
 box-sizing:border-box;min-height:46px!important;padding:12px 15px!important;
 border-radius:12px!important;font-family:inherit!important;font-weight:800!important;
 font-size:12px!important;line-height:1.35!important;white-space:nowrap!important;
 cursor:pointer!important;transition:filter .14s,transform .14s;
}
html body .app-shell .gc-suite-hero-actions .btn-primary,
html body .app-shell .gc-suite-hero>.gc-suite-primary{
 background:linear-gradient(110deg,#da408e,#ef5876 60%,#fd8a55)!important;
 color:#fff!important;border:0!important;box-shadow:0 9px 22px rgba(223,65,132,.25)!important;
}
html body .app-shell .gc-suite-hero-actions .btn-secondary,
html body .app-shell .gc-suite-hero-actions label.btn-secondary{
 color:#f5efff!important;background:rgba(255,255,255,.10)!important;
 border:1px solid rgba(223,211,255,.22)!important;
}
@media(hover:hover) and (pointer:fine){
 html body .app-shell .gc-suite-hero-actions :is(button,label):hover,
 html body .app-shell .gc-suite-primary:hover{filter:brightness(1.12);transform:translateY(-2px)}
}
/* Shared supporting language */
html body .app-shell .gc-suite-card-icon{
 width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;
 border-radius:13px;color:#a989ff;background:rgba(141,97,245,.12);
}
html body .app-shell .gc-suite-section-minihead{display:flex;align-items:center;gap:12px}
html body .app-shell .gc-suite-section-minihead h3,
html body .app-shell .gc-suite-content-title h3{
 margin:0!important;color:var(--gc-suite-ink)!important;
 font-size:17px!important;letter-spacing:-.03em!important;font-weight:830!important;
}
html body .app-shell .gc-suite-section-minihead p,
html body .app-shell .gc-suite-content-title p{
 font-size:11px!important;color:var(--gc-suite-muted)!important;line-height:1.6!important;margin:4px 0 0!important;
}
/* CATALOG — real item count and storage metrics from existing API. */
html body .app-shell [data-panel="catalog"] .gc-suite-catalog-summary{
 display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0;
}
html body .app-shell [data-panel="catalog"] :is(.gc-suite-catalog-count,.gc-suite-catalog-guidance){
 min-width:0;display:flex;align-items:center;gap:14px;
 background:var(--gc-suite-bg);border:1px solid var(--gc-suite-line);
 border-radius:19px;padding:18px 20px;box-shadow:0 6px 24px rgba(16,24,52,.035);
}
html body .app-shell [data-panel="catalog"] :is(.gc-suite-catalog-count,.gc-suite-catalog-guidance)>div{
 min-width:0;display:flex;flex-direction:column;
}
html body .app-shell [data-panel="catalog"] .gc-suite-catalog-count small{
 font-size:11px;font-weight:700;color:var(--gc-suite-muted);
}
html body .app-shell [data-panel="catalog"] .gc-suite-catalog-count strong{
 display:block;font-size:27px;line-height:1.26;font-weight:870;color:var(--gc-suite-ink);font-variant-numeric:tabular-nums;
}
html body .app-shell [data-panel="catalog"] .gc-suite-catalog-count div>span,
html body .app-shell [data-panel="catalog"] .gc-suite-catalog-guidance span{
 font-size:11px;line-height:1.5;color:var(--gc-suite-muted);
}
html body .app-shell [data-panel="catalog"] .gc-suite-catalog-guidance>svg{
 width:22px;height:22px;flex:0 0 22px;color:#12b99a;
}
html body .app-shell [data-panel="catalog"] .gc-suite-catalog-guidance strong{
 font-size:13px;line-height:1.6;color:var(--gc-suite-ink);
}
html body .app-shell [data-panel="catalog"] .gc-suite-storage,
html body .app-shell [data-panel="catalog"] .gc-suite-catalog-list{
 background:var(--gc-suite-bg);
 border:1px solid var(--gc-suite-line);border-radius:20px;
 padding:23px;margin-bottom:18px;min-width:0;
 box-shadow:0 7px 26px rgba(20,20,50,.035);
}
html body .app-shell [data-panel="catalog"] .gc-suite-storage .gc-cat-usage{
 border:0!important;background:transparent!important;box-shadow:none!important;
 border-radius:0!important;margin:15px 0 0!important;padding:0!important;
 display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
 gap:11px 19px!important;align-items:center!important;
}
html body .app-shell [data-panel="catalog"] #gcCatUsage{
 grid-column:1!important;font-size:12px!important;line-height:1.5;color:var(--gc-suite-ink);
 white-space:normal;
}
html body .app-shell [data-panel="catalog"] #gcCatMeter{
 grid-column:1!important;grid-row:2!important;width:100%!important;max-width:none!important;
 height:8px!important;accent-color:#8b5cf6!important;
}
html body .app-shell [data-panel="catalog"] #gcCatCapacity{
 grid-column:1!important;grid-row:3!important;min-width:0;
 color:var(--gc-suite-muted)!important;font-size:11px!important;line-height:1.55!important;
}
html body .app-shell [data-panel="catalog"] #gcCatReconcile{
 grid-column:2!important;grid-row:1/span 3!important;
 display:inline-flex!important;align-items:center;justify-content:center;gap:7px;
 min-height:43px!important;padding:10px 13px!important;font-size:11px!important;
 border-radius:11px!important;white-space:normal!important;text-align:center;
}
html body .app-shell [data-panel="catalog"] .gc-suite-content-title{margin:0 0 16px}
html body .app-shell [data-panel="catalog"] .gc-cat-toolbar{
 display:grid!important;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(125px,.75fr)) auto!important;
 align-items:center!important;gap:9px!important;margin:0 0 16px!important;
}
html body .app-shell [data-panel="catalog"] .gc-suite-catalog-search{
 height:47px;min-width:0;display:flex;gap:9px;align-items:center;padding:0 13px;
 border:1px solid var(--gc-suite-line);border-radius:12px;background:var(--gc-suite-soft);
 color:var(--gc-suite-muted);
}
html body .app-shell [data-panel="catalog"] .gc-suite-catalog-search svg{width:18px;flex:0 0 18px}
html body .app-shell [data-panel="catalog"] #gcCatSearch{
 display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;
 height:100%!important;min-height:0!important;padding:0!important;border:0!important;
 box-shadow:none!important;background:transparent!important;color:var(--gc-suite-ink)!important;font-size:13px!important;
}
html body .app-shell [data-panel="catalog"] .gc-cat-toolbar select{
 box-sizing:border-box!important;height:47px!important;min-width:0!important;max-width:none!important;
 width:100%!important;padding:0 28px 0 12px!important;border-radius:12px!important;
 font-size:12px!important;color:var(--gc-suite-ink)!important;background-color:var(--gc-suite-soft)!important;
 text-overflow:ellipsis!important;
}
html body .app-shell [data-panel="catalog"] #gcCatLayout{
 display:inline-flex!important;align-items:center;justify-content:center;gap:7px;
 height:47px!important;min-width:110px!important;
 white-space:nowrap!important;border-radius:12px!important;font-size:12px!important;
}
html body .app-shell [data-panel="catalog"] .gc-cat-grid{
 gap:14px!important;
}
html body .app-shell [data-panel="catalog"] .gc-cat-card{
 border-radius:17px!important;box-shadow:0 7px 24px rgba(15,20,45,.05)!important;overflow:hidden;
}
html body .app-shell [data-panel="catalog"] .gc-cat-cover{height:180px}
html body .app-shell [data-panel="catalog"] .gc-cat-cover img{object-fit:contain!important;padding:12px}
html body .app-shell [data-panel="catalog"] .gc-cat-body{padding:17px!important}
html body .app-shell [data-panel="catalog"] .gc-cat-body h3{font-size:15px!important;letter-spacing:-.02em!important}
html body .app-shell [data-panel="catalog"] .gc-cat-actions:not(.gc-suite-hero-actions){gap:7px!important}
html body .app-shell [data-panel="catalog"] .gc-cat-body .gc-cat-actions button{border-radius:9px!important;min-height:37px!important}
html body .app-shell [data-panel="catalog"] .gc-cat-empty{
 grid-column:1/-1;min-height:240px;
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
 padding:35px 20px!important;text-align:center;
 border:1px dashed rgba(151,131,209,.4)!important;border-radius:17px!important;
 background:linear-gradient(145deg,var(--gc-suite-soft),var(--gc-suite-bg));
}
html body .app-shell [data-panel="catalog"] .gc-cat-empty>svg{
 width:48px;height:48px;padding:10px;color:#9b7ef3;
 border-radius:14px;background:rgba(137,89,245,.12);
}
html body .app-shell [data-panel="catalog"] .gc-cat-empty h3{font-size:16px!important;font-weight:800;color:var(--gc-suite-ink)}
html body .app-shell [data-panel="catalog"] .gc-cat-empty p{font-size:12px!important;color:var(--gc-suite-muted);line-height:1.65!important;max-width:430px}
html body .app-shell [data-panel="catalog"] .gc-cat-empty button{
 margin-top:7px;min-height:41px!important;padding:9px 17px!important;border-radius:11px!important;
}
html body .app-shell [data-panel="catalog"] .gc-cat-pages{margin-top:18px;display:flex!important;gap:10px!important}
html body .app-shell [data-panel="catalog"] .gc-cat-pages button{
 display:inline-flex;align-items:center;gap:5px;justify-content:center;
 border-radius:10px!important;min-height:40px!important;font-size:12px!important;
}
html body .app-shell [data-panel="catalog"] .gc-suite-import-note{
 display:flex;align-items:flex-start;gap:8px;
 font-size:11px!important;line-height:1.65!important;padding:0 7px!important;margin:0 0 15px!important;
 color:var(--gc-suite-muted)!important;
}
html body .app-shell [data-panel="catalog"] .gc-suite-import-note svg{flex:none;margin-top:2px}
html body .app-shell [data-panel="catalog"] #gcCatDialog{
 border:1px solid var(--gc-suite-line);border-radius:20px!important;
 box-shadow:0 28px 90px rgba(0,0,0,.32);
}
html body .app-shell [data-panel="catalog"] #gcCatForm input,
html body .app-shell [data-panel="catalog"] #gcCatForm select,
html body .app-shell [data-panel="catalog"] #gcCatForm textarea{font-size:16px}
/* WEBSITE CHAT — keeps the current domain+code form intact. */
html body .app-shell [data-panel="website-chat"]{
 --ws:var(--gc-suite-bg)!important;--wf:var(--gc-suite-soft)!important;
 --wb:var(--gc-suite-line)!important;--wt:var(--gc-suite-ink)!important;--wm:var(--gc-suite-muted)!important;
}
html body .app-shell [data-panel="website-chat"] .web-heading{
 margin-bottom:17px!important;
}
html body .app-shell [data-panel="website-chat"] .web-tools{
 align-items:flex-start!important;justify-content:flex-start!important;max-width:290px!important;
}
html body .app-shell [data-panel="website-chat"] .web-tools .web-badge{
 padding:10px 12px!important;border-radius:999px!important;
 border:1px solid rgba(212,192,255,.22)!important;background:rgba(255,255,255,.09)!important;
 color:#e9e3fc!important;font-size:11px!important;font-weight:760!important;
}
html body .app-shell [data-panel="website-chat"] .web-tools #gcWebState[data-enabled="true"]{
 background:rgba(14,164,128,.15)!important;border-color:rgba(27,204,152,.30)!important;color:#85efd0!important;
}
html body .app-shell [data-panel="website-chat"] #gcWebReload{
 width:auto!important;min-height:42px!important;padding:10px 13px!important;
 color:#fff!important;background:rgba(255,255,255,.12)!important;
 border:1px solid rgba(224,207,255,.25)!important;border-radius:12px!important;
 font-size:12px!important;font-weight:800!important;
}
html body .app-shell [data-panel="website-chat"] #gcWebForm{
 width:100%!important;max-width:none!important;align-items:start!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;
}
html body .app-shell [data-panel="website-chat"] .web-card{
 position:relative;min-width:0!important;
 padding:25px!important;border:1px solid var(--gc-suite-line)!important;
 background:var(--gc-suite-bg)!important;border-radius:21px!important;
 box-shadow:0 8px 28px rgba(12,20,50,.04)!important;
}
html body .app-shell [data-panel="website-chat"] .web-card:before{
 content:"";position:absolute;left:25px;right:25px;top:0;height:3px;
 border-radius:0 0 5px 5px;background:linear-gradient(90deg,#9e76fa,#c3a6ff);
}
html body .app-shell [data-panel="website-chat"] .web-card:nth-child(2):before{
 background:linear-gradient(90deg,#20bba4,#9bdaef);
}
html body .app-shell [data-panel="website-chat"] .web-card h3{
 font-size:19px!important;letter-spacing:-.035em!important;color:var(--gc-suite-ink)!important;
}
html body .app-shell [data-panel="website-chat"] .web-card>p{
 font-size:12px!important;color:var(--gc-suite-muted)!important;line-height:1.7!important;
}
html body .app-shell [data-panel="website-chat"] .web-card label{
 font-size:12px!important;font-weight:750!important;color:var(--gc-suite-ink)!important;
}
html body .app-shell [data-panel="website-chat"] .web-card :is(input:not([type="checkbox"]),select,textarea){
 box-sizing:border-box!important;max-width:100%;width:100%!important;
 min-height:48px!important;border:1px solid var(--gc-suite-line)!important;
 border-radius:12px!important;background:var(--gc-suite-soft)!important;
 color:var(--gc-suite-ink)!important;padding:13px 14px!important;
 font-family:inherit!important;font-size:14px!important;line-height:1.4!important;
}
html body .app-shell [data-panel="website-chat"] .web-card input:focus,
html body .app-shell [data-panel="website-chat"] .web-card select:focus{
 outline:2px solid rgba(139,97,246,.38);outline-offset:1px;
}
html body .app-shell [data-panel="website-chat"] .web-card .web-primary{
 min-height:49px!important;background:linear-gradient(110deg,#d94294,#fa6f6b,#fa8a56)!important;
 color:#fff!important;font-size:12px!important;font-weight:850!important;
 border:0!important;border-radius:12px!important;box-shadow:0 10px 25px rgba(225,82,132,.16);
}
html body .app-shell [data-panel="website-chat"] .web-card .web-secondary{
 min-height:46px!important;background:var(--gc-suite-soft)!important;color:var(--gc-suite-ink)!important;
 border:1px solid var(--gc-suite-line)!important;border-radius:12px!important;
}
html body .app-shell [data-panel="website-chat"] .web-card #gcWebEmbed{
 min-height:190px!important;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace!important;
 background:#101729!important;color:#d9e7fb!important;border-color:#2a3952!important;
 padding:14px!important;overflow-wrap:anywhere!important;white-space:pre-wrap!important;
}
html body .app-shell [data-panel="website-chat"] .web-steps{gap:12px!important;margin:20px 0!important}
html body .app-shell [data-panel="website-chat"] .web-steps li{font-size:11px!important;line-height:1.6!important}
html body .app-shell [data-panel="website-chat"] .web-step{
 width:27px!important;height:27px!important;flex:0 0 27px!important;
 border-radius:9px!important;border-color:rgba(139,99,246,.24)!important;
 color:#9970fa!important;background:rgba(139,99,246,.09)!important;
}
html body .app-shell [data-panel="website-chat"] .web-card details{
 padding:12px 14px;border:1px solid var(--gc-suite-line);border-radius:12px;
 background:var(--gc-suite-soft);color:var(--gc-suite-ink);
}
html body .app-shell [data-panel="website-chat"] .web-card summary{font-size:12px;font-weight:750}
html body .app-shell [data-panel="website-chat"] #gcWebStatus{
 padding:15px 18px;margin:16px 0!important;
 border-radius:12px;border:1px solid var(--gc-suite-line);
 color:var(--gc-suite-muted)!important;background:var(--gc-suite-bg);
 font-size:12px!important;line-height:1.6!important;
}
html body .app-shell [data-panel="website-chat"] #gcWebForm+.gc-cat-note{line-height:1.6}
/* DEVELOPERS — keep authenticated real API data, secret/key/revoke wiring. */
html body .app-shell [data-panel="developers"] .gc-suite-hero{margin-bottom:16px!important}
html body .app-shell [data-panel="developers"] .gc-dev-live-summary{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:13px!important;margin:0 0 17px!important;
}
html body .app-shell [data-panel="developers"] .gc-dev-live-summary>div{
 min-width:0!important;min-height:122px!important;
 padding:19px!important;display:flex;flex-direction:column;justify-content:center;
 background:linear-gradient(145deg,var(--gc-suite-bg),var(--gc-suite-soft))!important;
 border:1px solid var(--gc-suite-line)!important;border-radius:18px!important;
 box-shadow:0 7px 23px rgba(13,24,53,.04)!important;
}
html body .app-shell [data-panel="developers"] .gc-dev-live-summary span{
 font-size:11px!important;color:var(--gc-suite-muted)!important;font-weight:750!important;
}
html body .app-shell [data-panel="developers"] .gc-dev-live-summary strong{
 color:var(--gc-suite-ink)!important;font-size:23px!important;
 font-weight:850!important;letter-spacing:-.035em!important;
 overflow-wrap:anywhere!important;white-space:normal!important;
}
html body .app-shell [data-panel="developers"]>.module-card{
 margin:0 0 17px!important;min-width:0!important;padding:25px!important;
 border-radius:20px!important;border:1px solid var(--gc-suite-line)!important;
 background:var(--gc-suite-bg)!important;box-shadow:0 9px 28px rgba(15,20,47,.045)!important;
}
html body .app-shell [data-panel="developers"] .module-header{
 display:flex!important;align-items:center!important;gap:12px!important;
 flex-wrap:wrap;padding:0 0 15px!important;margin:0 0 14px!important;
 border-bottom:1px solid var(--gc-suite-line);
}
html body .app-shell [data-panel="developers"] .module-header h4{
 color:var(--gc-suite-ink)!important;font-size:17px!important;font-weight:830!important;
 letter-spacing:-.03em!important;margin:0 0 5px!important;
}
html body .app-shell [data-panel="developers"] .module-header span:not(.badge-plan){
 color:var(--gc-suite-muted)!important;font-size:11px!important;line-height:1.55!important;
}
html body .app-shell [data-panel="developers"] .badge-plan{
 display:inline-flex;align-items:center;justify-content:center;max-width:100%;
 padding:6px 10px!important;border-radius:999px!important;
 font-size:10px!important;line-height:1.3!important;white-space:normal!important;text-align:center!important;
 color:#a989ff!important;background:rgba(136,97,241,.10)!important;
 border:1px solid rgba(136,97,241,.25)!important;
}
html body .app-shell [data-panel="developers"] #apiKeysList,
html body .app-shell [data-panel="developers"] #developerWebhookList{
 min-width:0!important;overflow-wrap:anywhere;
}
html body .app-shell [data-panel="developers"] .gc-api-key-row{
 padding:13px!important;border-radius:12px!important;gap:9px!important;
}
html body .app-shell [data-panel="developers"] .gc-developer-docs :is(pre,code){
 background:var(--gc-suite-soft)!important;border:1px solid var(--gc-suite-line)!important;
 color:var(--gc-suite-ink)!important;border-radius:12px!important;
 font-size:12px!important;line-height:1.7!important;overflow-x:auto;white-space:pre-wrap!important;word-break:break-word!important;
}
html body .app-shell [data-panel="developers"] .gc-developer-docs pre{
 padding:15px!important;max-width:100%;box-sizing:border-box;
}
html body .app-shell [data-panel="developers"] .gc-developer-docs>div:last-child{max-width:100%;min-width:0}
html body .app-shell [data-panel="developers"] #gcDeveloperUsage{
 margin-top:0!important;padding:16px!important;
 border:1px solid var(--gc-suite-line)!important;border-radius:13px!important;
 background:var(--gc-suite-soft)!important;
 color:var(--gc-suite-muted)!important;font-size:12px!important;
}
/* REFERRALS — all earnings verified; no synthetic clicks/earnings. */
html body .app-shell [data-panel="referrals"] .gc-ref-head{margin:0 0 18px!important}
html body .app-shell [data-panel="referrals"] .gc-ref-head .gc-suite-hero-copy{max-width:750px}
html body .app-shell [data-panel="referrals"] .gc-ref-rate{
 display:inline-flex!important;align-items:center!important;gap:11px!important;
 padding:15px 18px!important;border-radius:15px!important;
 color:#d1ffe9!important;background:rgba(12,170,111,.19)!important;
 border:1px solid rgba(63,226,166,.28)!important;font-size:15px!important;
 font-weight:850!important;box-shadow:0 10px 30px rgba(4,19,20,.12);
}
html body .app-shell [data-panel="referrals"] .gc-ref-rate svg{width:23px;height:23px}
html body .app-shell [data-panel="referrals"] .gc-ref-tabs{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 width:100%!important;max-width:620px!important;gap:6px!important;
 margin:0 0 16px!important;padding:6px!important;overflow:visible!important;
 border-radius:15px!important;border:1px solid var(--gc-suite-line)!important;
 background:var(--gc-suite-bg)!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-tab{
 min-width:0;min-height:42px!important;font-size:12px!important;
 border-radius:11px!important;font-weight:800!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-tab.active{
 color:#fff!important;background:linear-gradient(125deg,#6c49de,#9354e9)!important;
 box-shadow:0 7px 17px rgba(114,78,217,.23)!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-kpis{
 gap:12px!important;margin:0 0 18px!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-kpi{
 position:relative;min-width:0;min-height:145px!important;
 padding:21px 19px!important;border-radius:18px!important;
 background:linear-gradient(145deg,var(--gc-suite-bg),var(--gc-suite-soft))!important;
 border:1px solid var(--gc-suite-line)!important;
 box-shadow:0 7px 23px rgba(14,19,44,.045)!important;overflow:hidden;
}
html body .app-shell [data-panel="referrals"] .gc-ref-kpi:before{
 content:"";position:absolute;top:0;left:20px;right:20px;height:2px;
 background:linear-gradient(90deg,#a17ef6,#6545bd);
 opacity:.9;
}
html body .app-shell [data-panel="referrals"] .gc-ref-kpi:nth-child(3):before{
 background:linear-gradient(90deg,#f7ab6b,#ed749a);
}
html body .app-shell [data-panel="referrals"] .gc-ref-kpi:nth-child(4):before{
 background:linear-gradient(90deg,#27bc94,#9de4c6);
}
html body .app-shell [data-panel="referrals"] .gc-ref-kpi span{
 font-size:11px!important;font-weight:760!important;color:var(--gc-suite-muted)!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-kpi b{
 font-size:clamp(20px,2vw,27px)!important;margin:10px 0 4px!important;line-height:1.25!important;
 font-weight:865!important;letter-spacing:-.04em!important;color:var(--gc-suite-ink)!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-kpi small{
 font-size:10px!important;line-height:1.58!important;color:var(--gc-suite-muted)!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-grid{gap:16px!important;align-items:start!important}
html body .app-shell [data-panel="referrals"] .gc-ref-card,
html body .app-shell [data-panel="referrals"] :is(.gc-ref-payout-summary,.gc-ref-history-card,.gc-ref-admin-card){
 border:1px solid var(--gc-suite-line)!important;border-radius:20px!important;
 background:var(--gc-suite-bg)!important;box-shadow:0 9px 28px rgba(15,19,45,.045)!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-card{min-width:0;padding:24px!important}
html body .app-shell [data-panel="referrals"] .gc-ref-card h3{
 font-size:17px!important;font-weight:830!important;letter-spacing:-.035em!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-card>p,
html body .app-shell [data-panel="referrals"] .gc-ref-card-headline p{
 color:var(--gc-suite-muted)!important;font-size:11px!important;line-height:1.7!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-codebox{
 min-width:0;flex-wrap:wrap!important;
 background:rgba(144,100,245,.09)!important;border:1px solid rgba(142,106,242,.25)!important;
 border-radius:13px!important;padding:16px!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-codebox strong{
 font-size:15px!important;overflow-wrap:anywhere!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-link{margin-top:17px!important}
html body .app-shell [data-panel="referrals"] .gc-ref-link label{
 color:var(--gc-suite-muted)!important;font-size:11px!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-inputrow{
 min-width:0;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-inputrow input,
html body .app-shell [data-panel="referrals"] .gc-ref-payout-form input{
 min-width:0;width:100%;min-height:46px!important;height:auto;
 box-sizing:border-box;border-radius:11px!important;border:1px solid var(--gc-suite-line)!important;
 background:var(--gc-suite-soft)!important;color:var(--gc-suite-ink)!important;
 padding:11px 13px!important;font-size:12px!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-copy{
 min-height:43px!important;padding:10px 13px!important;border-radius:11px!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-share button{
 min-height:44px!important;border-radius:11px!important;padding:11px 13px!important;
 font-size:11px!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-share .primary{
 background:linear-gradient(110deg,#d93f99,#f46e6f 60%,#ff875a)!important;color:#fff!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-step{
 border-radius:13px!important;padding:14px!important;background:var(--gc-suite-soft)!important;
 border-color:var(--gc-suite-line)!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-step i{
 width:35px!important;height:35px!important;border-radius:11px!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-step b{font-size:12px!important}
html body .app-shell [data-panel="referrals"] .gc-ref-step span{font-size:11px!important;line-height:1.55!important}
html body .app-shell [data-panel="referrals"] .gc-ref-note{
 border-color:var(--gc-suite-line)!important;background:var(--gc-suite-soft)!important;
 color:var(--gc-suite-muted)!important;font-size:11px!important;line-height:1.6!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-table-wrap{
 max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:12px!important;
}
html body .app-shell [data-panel="referrals"] .gc-ref-method-toggle{max-width:100%}
html body .app-shell [data-panel="referrals"] .gc-ref-payout-form label{font-size:11px!important}
/* Responsiveness: mobile controls never compete with the five-item bottom menu. */
@media(max-width:980px){
 html body .app-shell [data-panel="catalog"] .gc-cat-toolbar{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
 }
 html body .app-shell [data-panel="catalog"] .gc-suite-catalog-search{grid-column:1/-1}
 html body .app-shell [data-panel="catalog"] #gcCatLayout{grid-column:1/-1}
 html body .app-shell [data-panel="website-chat"] #gcWebForm{
  grid-template-columns:1fr!important;
 }
 html body .app-shell [data-panel="developers"] .gc-dev-live-summary{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 html body .app-shell [data-panel="developers"] .gc-dev-live-summary>div:last-child{grid-column:1/-1}
}
@media(max-width:680px){
 html body .app-shell .gc-suite-hero{
  border-radius:20px!important;padding:24px 19px!important;
  gap:19px!important;min-height:0!important;
 }
 html body .app-shell .gc-suite-hero .gc-suite-hero-copy{flex:1 1 100%;max-width:100%!important}
 html body .app-shell .gc-suite-hero h2{font-size:clamp(26px,7vw,34px)!important}
 html body .app-shell .gc-suite-hero p{font-size:12px!important}
 html body .app-shell .gc-suite-hero-pills{margin-top:16px;gap:6px}
 html body .app-shell .gc-suite-hero-pills span{font-size:9px;padding:7px 9px}
 html body .app-shell .gc-suite-hero-actions{width:100%!important;flex:1 1 100%}
 html body .app-shell [data-panel="catalog"] .gc-suite-hero-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;
 }
 html body .app-shell [data-panel="catalog"] .gc-suite-hero-actions .btn-primary{
  grid-column:1/-1;
 }
 html body .app-shell [data-panel="catalog"] .gc-suite-hero-actions :is(button,label){
  width:100%!important;font-size:11px!important;white-space:normal!important;
 }
 html body .app-shell [data-panel="catalog"] .gc-suite-catalog-summary{gap:9px!important;margin:12px 0!important}
 html body .app-shell [data-panel="catalog"] :is(.gc-suite-catalog-count,.gc-suite-catalog-guidance){
  padding:15px!important;gap:9px!important;align-items:flex-start!important;border-radius:16px!important;
 }
 html body .app-shell [data-panel="catalog"] .gc-suite-catalog-count{flex-direction:column!important}
 html body .app-shell [data-panel="catalog"] .gc-suite-catalog-count strong{font-size:25px!important}
 html body .app-shell [data-panel="catalog"] .gc-suite-catalog-guidance>svg{width:18px;height:18px;flex-basis:18px}
 html body .app-shell [data-panel="catalog"] .gc-suite-catalog-guidance strong{font-size:11px}
 html body .app-shell [data-panel="catalog"] .gc-suite-catalog-guidance span{font-size:10px}
 html body .app-shell [data-panel="catalog"] .gc-suite-storage,
 html body .app-shell [data-panel="catalog"] .gc-suite-catalog-list{padding:17px 14px!important;border-radius:17px!important;margin-bottom:13px!important}
 html body .app-shell [data-panel="catalog"] .gc-suite-storage .gc-cat-usage{
  grid-template-columns:1fr!important;gap:9px!important;
 }
 html body .app-shell [data-panel="catalog"] #gcCatUsage{grid-column:1!important;grid-row:1!important}
 html body .app-shell [data-panel="catalog"] #gcCatMeter{grid-column:1!important;grid-row:2!important}
 html body .app-shell [data-panel="catalog"] #gcCatCapacity{grid-column:1!important;grid-row:3!important}
 html body .app-shell [data-panel="catalog"] #gcCatReconcile{
  grid-column:1!important;grid-row:4!important;justify-self:start;min-height:41px!important;
 }
 html body .app-shell [data-panel="catalog"] .gc-cat-toolbar{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
 }
 html body .app-shell [data-panel="catalog"] .gc-suite-catalog-search{grid-column:1/-1;height:49px}
 html body .app-shell [data-panel="catalog"] #gcCatType{grid-column:1!important}
 html body .app-shell [data-panel="catalog"] #gcCatCategory{grid-column:2!important}
 html body .app-shell [data-panel="catalog"] #gcCatAvailability{grid-column:1!important}
 html body .app-shell [data-panel="catalog"] #gcCatLayout{grid-column:2!important;min-width:0!important}
 html body .app-shell [data-panel="catalog"] .gc-cat-toolbar select{font-size:12px!important;height:46px!important}
 html body .app-shell [data-panel="catalog"] .gc-cat-pages{justify-content:space-between}
 html body .app-shell [data-panel="catalog"] #gcCatPage{font-size:11px}
 html body .app-shell [data-panel="website-chat"] .web-tools{
  flex:1 1 100%;max-width:none!important;width:100%;gap:7px;
 }
 html body .app-shell [data-panel="website-chat"] #gcWebReload{
  width:100%!important;
 }
 html body .app-shell [data-panel="website-chat"] .web-card{padding:21px 18px!important;border-radius:18px!important}
 html body .app-shell [data-panel="website-chat"] .web-card h3{font-size:17px!important}
 html body .app-shell [data-panel="website-chat"] #gcWebEmbed{min-height:160px!important}
 html body .app-shell [data-panel="developers"] .gc-suite-hero>.gc-suite-primary{
  width:100%!important;
 }
 html body .app-shell [data-panel="developers"] .gc-dev-live-summary{gap:9px!important}
 html body .app-shell [data-panel="developers"] .gc-dev-live-summary>div{padding:14px!important;min-height:100px!important;border-radius:16px!important}
 html body .app-shell [data-panel="developers"] .gc-dev-live-summary strong{font-size:20px!important}
 html body .app-shell [data-panel="developers"]>.module-card{padding:19px!important;border-radius:18px!important}
 html body .app-shell [data-panel="developers"] .badge-plan{max-width:115px}
 html body .app-shell [data-panel="referrals"] .gc-ref-head .gc-ref-rate{margin-top:2px}
 html body .app-shell [data-panel="referrals"] .gc-ref-kpis{gap:9px!important;margin-bottom:13px!important}
 html body .app-shell [data-panel="referrals"] .gc-ref-kpi{padding:15px!important;border-radius:16px!important;min-height:130px!important}
 html body .app-shell [data-panel="referrals"] .gc-ref-card{padding:19px 16px!important;border-radius:18px!important}
 html body .app-shell [data-panel="referrals"] .gc-ref-inputrow{grid-template-columns:1fr!important}
 html body .app-shell [data-panel="referrals"] .gc-ref-copy{width:100%!important}
 html body .app-shell [data-panel="referrals"] .gc-ref-tabs{max-width:100%!important}
 html body .app-shell [data-panel="referrals"] .gc-ref-tab{font-size:11px!important;padding:9px 6px!important}
}
@media(max-width:370px){
 html body .app-shell [data-panel="catalog"] .gc-suite-catalog-guidance{display:none}
 html body .app-shell [data-panel="catalog"] .gc-suite-catalog-summary{grid-template-columns:1fr}
 html body .app-shell [data-panel="referrals"] .gc-ref-kpi{padding:13px!important}
 html body .app-shell [data-panel="referrals"] .gc-ref-kpi b{font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){
 html body .app-shell .gc-suite-hero-actions :is(button,label){transition:none!important;transform:none!important}
}