/* COBUILD REFERENCE SYSTEM V4 */
:root{--cb-ref-bg:#060811;--cb-ref-panel:#0d1120;--cb-ref-panel2:#11162a;--cb-ref-line:rgba(255,255,255,.09);--cb-ref-line-hi:rgba(255,255,255,.15);--cb-ref-purple:#8a68ff;--cb-ref-purple2:#b197ff;--cb-ref-blue:#3e8dff;--cb-ref-text:#f6f5fb;--cb-ref-muted:#9298aa}
html{background:var(--cb-ref-bg)!important;scroll-behavior:smooth}body{color:var(--cb-ref-text)!important;background:radial-gradient(650px 420px at 12% -5%,rgba(120,103,255,.17),transparent 68%),radial-gradient(600px 420px at 100% 18%,rgba(47,116,255,.11),transparent 70%),radial-gradient(760px 520px at 50% 100%,rgba(130,83,255,.08),transparent 70%),var(--cb-ref-bg)!important;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;background-image:radial-gradient(rgba(255,255,255,.12) .55px,transparent .55px);background-size:18px 18px;mask-image:linear-gradient(to bottom,black 0%,transparent 92%)}
.cb-header{background:rgba(6,8,17,.74)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:0 10px 45px rgba(0,0,0,.16)}.cb-header-inner{height:72px!important}.cb-brand{gap:10px!important}.cb-brand img{width:38px!important;height:38px!important}.cb-brand strong{font-size:18px!important}.cb-brand small{font-size:9px!important;color:#8d92a4!important}.cb-nav-link{font-size:12px!important}
.cb-footer{position:relative!important;margin-top:70px!important;background:radial-gradient(500px 180px at 50% 0,rgba(120,103,255,.08),transparent 70%),linear-gradient(180deg,rgba(8,10,20,.2),rgba(8,10,20,.92))!important;border-top:1px solid rgba(255,255,255,.08)!important;overflow:hidden}.cb-footer:before{content:"";position:absolute;left:50%;top:0;width:420px;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(154,126,255,.65),transparent)}.cb-footer-inner{padding-top:42px!important;padding-bottom:34px!important}.cb-footer-main p{color:#777f94!important;max-width:340px!important;line-height:1.6!important}.cb-footer-brand strong{font-size:17px!important}.cb-footer-brand small{font-size:9px!important}.cb-footer-cols{gap:42px!important}.cb-footer-cols b{color:#a9a1ff!important;letter-spacing:.08em!important;font-size:10px!important}.cb-footer-cols a{font-size:12px!important;color:#8f96aa!important}.cb-footer-bottom{border-top:1px solid rgba(255,255,255,.06)!important;padding-top:17px!important;color:#646b7d!important;font-size:10px!important}.cb-footer-bottom span:last-child{color:#8179aa!important}
.cb-page{width:min(1120px,calc(100% - 28px))!important;margin:0 auto!important;padding:26px 0 0!important}.cb-page>.hero,.cb-page>.card{position:relative;overflow:hidden;border:1px solid var(--cb-ref-line)!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(18,22,38,.76),rgba(8,11,21,.76))!important;box-shadow:0 24px 90px rgba(0,0,0,.28)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}.cb-page>.hero:before,.cb-page>.card:before{content:"";position:absolute;width:320px;height:320px;right:-180px;top:-200px;border-radius:50%;background:rgba(122,100,255,.16);filter:blur(65px);pointer-events:none}.cb-page>.hero>*,.cb-page>.card>*{position:relative;z-index:1}.cb-page .eyebrow{color:#b0a5ff!important;letter-spacing:.15em!important;font-size:10px!important;font-weight:900!important}.cb-page h1,.cb-page h2,.cb-page h3{letter-spacing:-1.3px}.cb-page .muted{color:#9198ac!important}.cb-page .btn{border-radius:14px!important;border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(135deg,#8b67ff,#684cff 55%,#428dff)!important;box-shadow:0 12px 34px rgba(102,70,255,.22)!important;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important}.cb-page .btn:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important}.cb-page input,.cb-page select,.cb-page textarea{border-radius:13px!important;border-color:rgba(255,255,255,.10)!important;background:rgba(4,7,15,.72)!important;color:#fff!important}.cb-page .plan,.cb-page .pack,.cb-page .cart{border-color:rgba(255,255,255,.085)!important;background:rgba(255,255,255,.025)!important;border-radius:21px!important;transition:transform .22s ease,border-color .22s ease,background .22s ease!important}.cb-page .plan:hover,.cb-page .pack:hover{transform:translateY(-3px);border-color:rgba(137,113,255,.3)!important;background:rgba(120,103,255,.045)!important}
@keyframes cbRefRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cb-page>*{animation:cbRefRise .55s cubic-bezier(.2,.8,.2,1) both}.cb-page>*:nth-child(2){animation-delay:.05s}.cb-page>*:nth-child(3){animation-delay:.1s}.cb-page>*:nth-child(4){animation-delay:.15s}
@media(max-width:600px){.cb-header-inner{height:68px!important}.cb-page{width:calc(100% - 20px)!important;padding-top:16px!important}.cb-page>.hero,.cb-page>.card{border-radius:24px!important}.cb-footer{margin-top:54px!important}.cb-footer-inner{padding:34px 18px 26px!important}.cb-footer-cols{grid-template-columns:repeat(2,1fr)!important;gap:28px 18px!important}.cb-footer-bottom{margin:0 18px!important}}@media(prefers-reduced-motion:reduce){.cb-page>*{animation:none!important}.cb-page .btn{transition:none!important}}

/* COBUILD in-app notifications */
.cb-header-inner{display:flex;align-items:center;gap:14px}
.cb-desktop-nav{flex:1}
.cb-notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;color:#e9e8f4;text-decoration:none;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);transition:background .18s ease,border-color .18s ease,transform .18s ease}
.cb-notification-bell:hover{background:rgba(125,103,255,.13);border-color:rgba(150,130,255,.35);transform:translateY(-1px)}
.cb-notification-bell svg{width:22px;height:22px;display:block}
.cb-notification-count{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:2px solid #080a12;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:900;line-height:1}
@media(max-width:900px){.cb-desktop-nav{display:none!important}.cb-header-inner{gap:10px}.cb-notification-bell{margin-left:auto;order:2;width:38px;height:38px;flex-basis:38px}.cb-burger{order:3}}
@media(min-width:901px){.cb-notification-bell{margin-left:4px;order:2}.cb-burger{order:3}}

/* COBUILD notification dropdown */
.cb-notification-wrap{position:relative;display:flex;align-items:center;flex:0 0 auto;order:2}
.cb-notification-bell{cursor:pointer}
.cb-notification-count[hidden],.cb-notification-panel[hidden]{display:none!important}
.cb-notification-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#ef4444;color:#fff;border:2px solid #080b14;font-size:10px;font-weight:900;line-height:1}
.cb-notification-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(390px,calc(100vw - 24px));max-height:min(70vh,620px);overflow:auto;z-index:10000;background:#101522;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 24px 70px #0009;color:#f4f5ff;padding:14px}
.cb-notification-panel-head,.cb-notification-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 2px 12px}
.cb-notification-panel-head strong{display:block;font-size:17px}.cb-notification-panel-head small{display:block;color:#929bb0;font-size:11px;margin-top:4px}
.cb-notification-panel-head button{width:34px;height:34px;border:0;border-radius:10px;background:#ffffff0d;color:#fff;font-size:22px}
.cb-notification-items{display:grid;gap:8px}.cb-notification-item{border:1px solid #ffffff12;border-radius:12px;padding:11px;background:#ffffff04}.cb-notification-item.is-unread{border-color:#8070ff66;background:#8270ff0d}
.cb-notification-content{display:grid;gap:5px;color:inherit;text-decoration:none}.cb-notification-content strong{font-size:13px}.cb-notification-content span{font-size:12px;color:#b2bacb;line-height:1.45}.cb-notification-content small{font-size:10px;color:#7f899e}
.cb-notification-actions{display:flex;gap:7px;margin-top:9px}.cb-notification-actions button,.cb-notification-panel-foot button,.cb-notification-panel-foot a{font-size:11px;color:#c5bdff;background:#ffffff08;border:1px solid #ffffff15;border-radius:8px;padding:7px 9px;text-decoration:none;cursor:pointer}
.cb-notification-panel-foot{padding-top:12px;flex-wrap:wrap}.cb-notification-empty{padding:20px 8px;text-align:center;color:#969fb3;font-size:13px}
@media(max-width:900px){.cb-notification-wrap{margin-left:auto;order:2}.cb-notification-bell{margin-left:0!important;order:initial!important}.cb-burger{order:3!important}.cb-notification-panel{right:-48px;top:calc(100% + 10px)}}
@media(min-width:901px){.cb-notification-wrap{margin-left:auto;order:3}.cb-burger{order:4!important}.cb-desktop-nav{margin-left:auto}}
/* Notification responsive fixes */
.cb-notification-wrap{position:relative;isolation:isolate;z-index:1200;min-width:38px}
.cb-notification-bell{appearance:none;-webkit-appearance:none;flex:0 0 42px;width:42px;height:42px;min-width:42px;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:14px;color:#e9e8f4;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);line-height:1;box-shadow:none}
.cb-notification-panel{box-sizing:border-box;max-width:calc(100vw - 24px);overscroll-behavior:contain}
.cb-notification-panel-foot{align-items:stretch;flex-wrap:wrap}
.cb-notification-panel-foot button,.cb-notification-panel-foot a{display:flex;align-items:center;justify-content:center;flex:1 1 145px;min-width:0;min-height:38px;box-sizing:border-box;white-space:normal;text-align:center;line-height:1.35}
.cb-notification-actions{flex-wrap:wrap}
@media(max-width:600px){.cb-notification-bell{width:38px;height:38px;min-width:38px;flex-basis:38px;border-radius:12px}.cb-notification-panel{position:fixed;top:82px;right:12px;left:12px;width:auto;max-width:none;max-height:calc(100dvh - 110px);padding:12px;border-radius:16px}.cb-notification-panel-foot{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.cb-notification-panel-foot button,.cb-notification-panel-foot a{width:100%;min-width:0;flex:auto}}

/* 2026-10 responsive consistency: bell SVG, shared mobile navigation and narrow layouts */
.cb-notification-bell svg,.cb-notification-bell svg path{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.cb-notification-bell svg{width:22px!important;height:22px!important;display:block!important;overflow:visible!important}
.cb-mobile-menu nav a,.cb-mobile-menu nav a:link,.cb-mobile-menu nav a:visited{font-size:16px!important;line-height:1.45!important;font-weight:650!important;padding:12px 14px!important;min-height:46px!important;box-sizing:border-box!important}
.cb-mobile-menu{font-size:16px!important}
.cb-mobile-menu nav{gap:4px!important}
.cb-header,.cb-header-inner{box-sizing:border-box;min-width:0}
@media(max-width:900px){.cb-header-inner{padding-left:16px!important;padding-right:16px!important}.cb-brand{min-width:0;flex:0 1 auto}.cb-brand span{min-width:0}.cb-notification-wrap{flex:0 0 38px!important;min-width:38px!important}.cb-notification-bell{flex:0 0 38px!important;width:38px!important;height:38px!important}.cb-notification-panel{right:12px!important;left:auto!important;max-width:calc(100vw - 24px)!important}}

/* Match the exact shared mobile menu link class used by lib/header.php */
.cb-mobile-menu nav .cb-mobile-link,.cb-mobile-menu nav .cb-mobile-link:link,.cb-mobile-menu nav .cb-mobile-link:visited{display:flex!important;align-items:center!important;min-height:46px!important;padding:12px 14px!important;font-size:16px!important;line-height:1.45!important;font-weight:650!important;box-sizing:border-box!important}
.cb-mobile-menu nav .cb-mobile-link span{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important}
.cb-mobile-menu nav .cb-mobile-link:hover,.cb-mobile-menu nav .cb-mobile-link:focus-visible{background:rgba(130,105,255,.12)!important;border-radius:12px!important}

/* Notification bell and dropdown: explicit high-specificity reset */
button.cb-notification-bell{appearance:none!important;-webkit-appearance:none!important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;padding:0!important;margin-top:0!important;box-sizing:border-box!important;background:linear-gradient(145deg,rgba(130,105,255,.16),rgba(255,255,255,.045))!important;border:1px solid rgba(167,150,255,.28)!important;border-radius:14px!important;color:#e9e8ff!important;box-shadow:0 6px 20px rgba(4,5,18,.22),inset 0 1px 0 rgba(255,255,255,.07)!important;line-height:1!important}
button.cb-notification-bell::before,button.cb-notification-bell::after{content:none!important;display:none!important}
button.cb-notification-bell svg.cb-bell-svg{display:block!important;position:static!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:none!important;max-height:none!important;fill:none!important;stroke:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important}
button.cb-notification-bell svg.cb-bell-svg path{fill:none!important;stroke:#eeeaff!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important;}
.cb-notification-panel{font-size:14px!important;line-height:1.45!important;color:#f4f5ff!important;background:linear-gradient(160deg,#151a2b,#0d111c)!important;border:1px solid rgba(161,145,255,.25)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.55)!important;padding:14px!important;isolation:isolate!important}
.cb-notification-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:4px 2px 12px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;margin-bottom:8px!important}
.cb-notification-panel-head button{appearance:none!important;background:rgba(255,255,255,.06)!important;color:#f4f5ff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;width:34px!important;height:34px!important;font-size:22px!important;line-height:1!important}
.cb-notification-items{display:grid!important;gap:8px!important}
.cb-notification-item,.cb-notification-row{min-width:0!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;padding:11px!important;overflow-wrap:anywhere!important}
.cb-notification-empty{margin:0!important;padding:18px 10px!important;text-align:center!important;color:#aeb5c8!important}
.cb-notification-panel-foot{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:12px 0 0!important}
.cb-notification-panel-foot button,.cb-notification-panel-foot a{appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:42px!important;padding:10px 12px!important;border-radius:11px!important;border:1px solid rgba(145,125,255,.25)!important;background:rgba(123,99,255,.10)!important;color:#e6e0ff!important;text-decoration:none!important;text-align:center!important;font-size:13px!important;font-weight:650!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
@media(max-width:600px){.cb-notification-panel{position:fixed!important;top:76px!important;right:12px!important;left:12px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 100px)!important;overflow-y:auto!important}.cb-notification-wrap{position:static!important}.cb-notification-panel-foot{grid-template-columns:minmax(0,1fr)!important}}


/* Ensure all notification dropdown controls use the styled shared component */
.cb-notification-panel .cb-notification-item{display:block!important;min-width:0!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:13px!important;padding:11px!important;background:rgba(255,255,255,.035)!important;overflow-wrap:anywhere!important}
.cb-notification-panel .cb-notification-item.is-unread{border-color:rgba(145,125,255,.42)!important;background:rgba(123,99,255,.09)!important}
.cb-notification-panel .cb-notification-content{display:grid!important;gap:5px!important;min-width:0!important;color:#f4f5ff!important;text-decoration:none!important}
.cb-notification-panel .cb-notification-content strong{font-size:13px!important;color:#fff!important}
.cb-notification-panel .cb-notification-content span{font-size:12px!important;color:#b8c0d3!important;line-height:1.5!important}
.cb-notification-panel .cb-notification-content small{font-size:10px!important;color:#8791a8!important}
.cb-notification-panel .cb-notification-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:10px!important}
.cb-notification-panel .cb-notification-actions button{appearance:none!important;min-width:0!important;min-height:34px!important;padding:7px 10px!important;border:1px solid rgba(145,125,255,.22)!important;border-radius:9px!important;background:rgba(123,99,255,.09)!important;color:#e6e0ff!important;font-size:11px!important;line-height:1.35!important;white-space:normal!important}
.cb-notification-panel[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important}
.cb-notification-panel:not([hidden]){display:block!important;visibility:visible!important;pointer-events:auto!important}
.cb-notification-wrap{flex-shrink:0!important}
@media(max-width:600px){.cb-notification-panel .cb-notification-actions button{flex:1 1 auto!important}.cb-notification-panel-foot{display:grid!important;grid-template-columns:minmax(0,1fr)!important}}


/* Retry fix: notification bell must not inherit global white button styles */
.cb-header button.cb-notification-bell,.cb-header .cb-notification-wrap button[data-cb-notification-toggle]{appearance:none!important;-webkit-appearance:none!important;background:#17172a!important;background-image:linear-gradient(145deg,rgba(125,98,255,.28),rgba(22,24,42,.98))!important;border:1px solid rgba(167,150,255,.5)!important;color:#f2efff!important;border-radius:13px!important;box-shadow:0 5px 18px rgba(0,0,0,.25)!important;padding:0!important;min-width:40px!important;min-height:40px!important}
.cb-header button.cb-notification-bell svg,.cb-header button.cb-notification-bell svg path,.cb-header button[data-cb-notification-toggle] svg,.cb-header button[data-cb-notification-toggle] svg path{background:transparent!important;fill:none!important;stroke:#f2efff!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important;visibility:visible!important}
.cb-notification-panel[hidden]{display:none!important}.cb-notification-panel:not([hidden]){z-index:100000!important;background:#111626!important;color:#f4f5ff!important;border:1px solid rgba(167,150,255,.42)!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.6)!important}.cb-notification-panel .cb-notification-item{display:grid!important;gap:8px!important;padding:11px!important;border-radius:12px!important;background:#191f31!important;border:1px solid rgba(255,255,255,.1)!important;color:#f4f5ff!important}.cb-notification-panel .cb-notification-content{display:grid!important;gap:5px!important;color:#f4f5ff!important;text-decoration:none!important}.cb-notification-panel .cb-notification-content strong{color:#fff!important}.cb-notification-panel .cb-notification-content span{color:#cbd2e2!important}.cb-notification-panel .cb-notification-actions button,.cb-notification-panel .cb-notification-panel-foot button,.cb-notification-panel .cb-notification-panel-foot a{appearance:none!important;background:#24213e!important;color:#eeeaff!important;border:1px solid rgba(167,150,255,.35)!important;border-radius:10px!important;padding:9px 11px!important;text-decoration:none!important;line-height:1.35!important}
.cb-cdn-maintenance-card{min-width:0!important}.cb-cdn-maintenance-card .cb-account-service-content{min-width:0!important}


/* Account service cards: align status badges with the Cron card and restore consistent gaps */
.cb-cdn-maintenance-card{margin-top:18px!important;padding:24px!important;display:block!important;box-sizing:border-box!important}
.cb-cdn-card-top,.cb-backup-card-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;width:100%!important;min-width:0!important;margin:0 0 18px!important}
.cb-cdn-card-top .cb-account-service-icon,.cb-backup-card-top .cb-account-service-icon{flex:0 0 auto!important;margin:0!important}
.cb-cdn-card-top .cb-infra-badge,.cb-backup-status-badge{flex:0 0 auto!important;align-self:flex-start!important;margin:8px 0 0 auto!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 12px!important;border-radius:999px!important;font-size:12px!important;line-height:1.2!important;font-weight:750!important}
.cb-cdn-card-top .cb-infra-badge.warn{background:rgba(245,158,11,.13)!important;color:#f7c66a!important}
.cb-backup-status-badge{background:rgba(34,197,94,.12)!important;color:#4ade80!important}
.cb-backup-status-dot{display:inline-block!important;width:7px!important;height:7px!important;flex:0 0 7px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 8px rgba(34,197,94,.65)!important}
.cb-backups-card [data-cobuild-backup-auto-status]:not(.cb-backup-status-badge){display:none!important}
.cb-backups-card .cb-backup-card-top+.cb-account-service-content h3{margin-top:0!important}
@media(max-width:600px){.cb-cdn-maintenance-card{margin-top:18px!important;padding:20px!important}.cb-cdn-card-top,.cb-backup-card-top{margin-bottom:16px!important;gap:10px!important}.cb-cdn-card-top .cb-infra-badge,.cb-backup-status-badge{font-size:11px!important;padding:7px 10px!important;max-width:65%;white-space:normal!important;text-align:center!important}}


/* COBUILD Design System foundation — 2026-10-18
   Shared presentation only: does not change control names, values, events or behaviour. */
:root{
  --cb-ui-bg:#080b14;
  --cb-ui-surface:#101522;
  --cb-ui-surface-raised:#151b2b;
  --cb-ui-line:rgba(255,255,255,.12);
  --cb-ui-line-hover:rgba(167,150,255,.42);
  --cb-ui-text:#f4f5ff;
  --cb-ui-muted:#929bb0;
  --cb-ui-accent:#8b73ff;
  --cb-ui-accent-strong:#6d55f4;
  --cb-ui-success:#58e6ad;
  --cb-ui-warning:#f2c66d;
  --cb-ui-danger:#ff7f8b;
  --cb-ui-radius-sm:9px;
  --cb-ui-radius-md:13px;
  --cb-ui-radius-lg:17px;
  --cb-ui-focus:0 0 0 3px rgba(139,115,255,.22);
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),select,textarea){
  accent-color:var(--cb-ui-accent);
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),select,textarea){
  color:var(--cb-ui-text);
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),textarea){
  caret-color:var(--cb-ui-accent);
}
:where(input[type="checkbox"],input[type="radio"]){accent-color:var(--cb-ui-accent);cursor:pointer}
:where(input[type="checkbox"]:disabled,input[type="radio"]:disabled){cursor:not-allowed;opacity:.55}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),select,textarea):focus-visible{
  outline:0;
  border-color:var(--cb-ui-line-hover)!important;
  box-shadow:var(--cb-ui-focus)!important;
}
:where(button,a,input,select,textarea,[role="button"],[tabindex]):focus-visible{
  outline:2px solid rgba(167,150,255,.92);
  outline-offset:3px;
}
:where(button:disabled,input:disabled,select:disabled,textarea:disabled,[aria-disabled="true"]){
  cursor:not-allowed;
}
:where(button,input,select,textarea){font-family:inherit}
::placeholder{color:var(--cb-ui-muted);opacity:.82}
::selection{background:rgba(139,115,255,.34);color:#fff}

/* Branded checkbox and radio primitives. Native input semantics remain intact. */
input[type="checkbox"].cb-ui-check,
.cb-page input[type="checkbox"],
.cb-form input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:18px;
  height:18px;
  min-width:18px;
  min-height:18px;
  margin:0;
  display:inline-grid;
  place-content:center;
  vertical-align:middle;
  border:1px solid rgba(174,182,204,.42);
  border-radius:5px;
  background:rgba(7,10,19,.78);
  color:#fff;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.cb-page input[type="checkbox"]:checked,
.cb-form input[type="checkbox"]:checked,
input[type="checkbox"].cb-ui-check:checked{
  background:linear-gradient(135deg,#9b83ff,#7056f3);
  border-color:#a391ff;
  box-shadow:0 2px 9px rgba(111,82,245,.22);
}
.cb-page input[type="checkbox"]::before,
.cb-form input[type="checkbox"]::before,
input[type="checkbox"].cb-ui-check::before{
  content:"";
  width:8px;
  height:4px;
  border:solid #fff;
  border-width:0 0 2px 2px;
  transform:rotate(-45deg) scale(0);
  transform-origin:center;
  transition:transform .12s ease-in-out;
}
.cb-page input[type="checkbox"]:checked::before,
.cb-form input[type="checkbox"]:checked::before,
input[type="checkbox"].cb-ui-check:checked::before{transform:rotate(-45deg) scale(1)}
.cb-page input[type="checkbox"]:focus-visible,
.cb-form input[type="checkbox"]:focus-visible,
input[type="checkbox"].cb-ui-check:focus-visible{outline:0;box-shadow:var(--cb-ui-focus)}
.cb-page input[type="radio"],
.cb-form input[type="radio"]{
  accent-color:var(--cb-ui-accent);
}

/* Optional reusable feedback surfaces for new and existing modules. */
.cb-ui-toast{
  display:flex;align-items:flex-start;gap:11px;
  width:min(420px,calc(100vw - 32px));
  padding:14px 16px;border:1px solid var(--cb-ui-line);
  border-radius:var(--cb-ui-radius-md);
  color:var(--cb-ui-text);background:rgba(16,21,34,.97);
  box-shadow:0 18px 55px rgba(0,0,0,.34);
  backdrop-filter:blur(18px);line-height:1.5;font-size:13px;
}
.cb-ui-toast[data-state="success"]{border-color:rgba(88,230,173,.32)}
.cb-ui-toast[data-state="warning"]{border-color:rgba(242,198,109,.34)}
.cb-ui-toast[data-state="error"]{border-color:rgba(255,127,139,.36)}
.cb-ui-dialog-backdrop{
  position:fixed;inset:0;z-index:15000;
  display:grid;place-items:center;padding:20px;
  background:rgba(2,4,10,.72);backdrop-filter:blur(8px);
}
.cb-ui-dialog{
  width:min(520px,100%);max-height:min(84dvh,760px);overflow:auto;
  color:var(--cb-ui-text);background:var(--cb-ui-surface);
  border:1px solid var(--cb-ui-line);border-radius:var(--cb-ui-radius-lg);
  box-shadow:0 30px 100px rgba(0,0,0,.48);padding:24px;
}
.cb-ui-dialog-title{margin:0 0 10px;font-size:20px;font-weight:800;letter-spacing:-.45px}
.cb-ui-dialog-description{margin:0;color:var(--cb-ui-muted);font-size:13px;line-height:1.65}
.cb-ui-status{
  display:inline-flex;align-items:center;gap:7px;max-width:100%;
  padding:6px 10px;border:1px solid var(--cb-ui-line);
  border-radius:999px;font-size:11px;line-height:1.35;font-weight:750;
  white-space:normal;
}
.cb-ui-status[data-state="available"],.cb-ui-status[data-state="success"]{color:var(--cb-ui-success);background:rgba(88,230,173,.08);border-color:rgba(88,230,173,.2)}
.cb-ui-status[data-state="development"],.cb-ui-status[data-state="warning"]{color:var(--cb-ui-warning);background:rgba(242,198,109,.08);border-color:rgba(242,198,109,.2)}
.cb-ui-status[data-state="unavailable"],.cb-ui-status[data-state="error"]{color:var(--cb-ui-danger);background:rgba(255,127,139,.08);border-color:rgba(255,127,139,.2)}
@media(prefers-reduced-motion:reduce){
  .cb-page input[type="checkbox"],.cb-form input[type="checkbox"],
  input[type="checkbox"].cb-ui-check,
  .cb-page input[type="checkbox"]::before,.cb-form input[type="checkbox"]::before,
  input[type="checkbox"].cb-ui-check::before{transition:none!important}
}
/* COBUILD unified UI: controls, feedback, accessibility */
:root{--cb-ui-radius:12px;--cb-ui-border:rgba(151,164,196,.22);--cb-ui-surface:rgba(18,25,42,.92);--cb-ui-accent:#8170ff;--cb-ui-focus:rgba(129,112,255,.32)}
:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]),select,textarea){box-sizing:border-box;max-width:100%;font:inherit;border:1px solid var(--cb-ui-border);border-radius:var(--cb-ui-radius);transition:border-color .18s ease,box-shadow .18s ease}
:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):focus-visible{outline:0;border-color:var(--cb-ui-accent);box-shadow:0 0 0 3px var(--cb-ui-focus)}
:where(input[type=checkbox],input[type=radio]){accent-color:var(--cb-ui-accent);width:1rem;height:1rem;vertical-align:middle;cursor:pointer}
:where(button,[type=button],[type=submit],[type=reset],a.button,.btn):focus-visible{outline:2px solid var(--cb-ui-accent);outline-offset:3px}
:where(table){max-width:100%;border-collapse:collapse}:where(th,td){overflow-wrap:anywhere}:where(pre){max-width:100%;overflow:auto}
:where(.toast,.cb-toast,.toast-message,.notification-toast){max-width:min(100%,440px);border:1px solid var(--cb-ui-border);border-radius:14px;background:var(--cb-ui-surface);box-shadow:0 16px 44px rgba(0,0,0,.28);padding:12px 15px;overflow-wrap:anywhere}
:where(.modal,.popup,.dialog,.cb-modal){border:1px solid var(--cb-ui-border);border-radius:18px}
@media(max-width:700px){:where(table){display:block;max-width:100%;overflow-x:auto}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px;min-width:0}}
@media(prefers-reduced-motion:reduce){:where(*,*::before,*::after){scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
:where(input[type=checkbox]){appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;width:18px;height:18px;margin:0 6px 0 0;vertical-align:middle;border:1px solid rgba(151,164,196,.45);border-radius:5px;background:rgba(9,14,26,.85);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
:where(input[type=checkbox])::before{content:;width:9px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) scale(0);transform-origin:center;transition:transform .12s}
:where(input[type=checkbox]:checked){background:var(--cb-ui-accent);border-color:var(--cb-ui-accent)}:where(input[type=checkbox]:checked)::before{transform:rotate(-45deg) scale(1)}:where(input[type=checkbox]:focus-visible){outline:0;box-shadow:0 0 0 3px var(--cb-ui-focus)}:where(input[type=checkbox]:disabled){opacity:.45;cursor:not-allowed}