/* ZyroDevv V1.7.2-HF8 — unified create flow + store UI across all buyer pages */
:root{
  --store-ink:#172733;
  --store-line:#203746;
  --store-cyan:#13b8c9;
  --store-blue:#3473f6;
  --store-purple:#7b35ee;
  --store-mint:#5ce0b6;
  --store-cream:#fff9e8;
  --store-soft:#eefbfc;
  --store-muted:#687787;
  --store-shadow:0 6px 0 var(--store-line);
  --store-shadow-sm:0 3px 0 var(--store-line);
}
html,body{overflow-x:hidden}
body:not(.admin-body){background:
  linear-gradient(rgba(27,181,199,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(27,181,199,.035) 1px,transparent 1px),
  linear-gradient(145deg,#f8ffff,#eef8ff 54%,#f8f3ff);background-size:28px 28px,28px 28px,auto;color:var(--store-ink)}
.content{max-width:1560px;width:100%;margin:0 auto}
.topbar{border-bottom:2px solid var(--store-line)!important;background:rgba(255,255,255,.94)!important;box-shadow:0 4px 0 rgba(32,55,70,.12)!important}
.sidebar{border-right:2px solid var(--store-line)!important;box-shadow:8px 0 0 rgba(32,55,70,.09)!important}
.side-brand img,.avatar,.avatar-btn img,.user-card img{border:2px solid var(--store-line)!important;box-shadow:var(--store-shadow-sm)!important}
.nav a{border:1.5px solid transparent!important}.nav a.active{border-color:var(--store-line)!important;box-shadow:var(--store-shadow-sm)!important}

/* Global store-style surfaces: all buyer menus inherit the same visual language. */
.card,.page-head,.auth-card,.modal,.panel-control-card,.billing-row,.renewal-card,.notification-item,.activity-item,.session-item,.security-event,.service-row,.support-ticket,.promo-card,.plan-card,.warranty-card{
  border:2px solid var(--store-line)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--store-shadow)!important;
}
.card .card,.card .plan-card,.card .service-row,.card .session-item,.card .security-event,.card .billing-row{box-shadow:0 2px 0 rgba(32,55,70,.22)!important;border-width:1.5px!important}
.page-head{padding:24px 26px!important;margin-bottom:20px!important;background:
  radial-gradient(circle at 95% 0,rgba(92,224,182,.24),transparent 30%),
  linear-gradient(135deg,#fff,#f2fbff)!important}
.page-head h1{letter-spacing:-.045em}.page-head p{color:var(--store-muted)!important}
.btn,.icon-btn,.menu-btn,.close-btn,.text-action,.power,.admin-icon-btn{
  border:2px solid var(--store-line)!important;
  box-shadow:var(--store-shadow-sm)!important;
  font-weight:850!important;
}
.btn:active,.icon-btn:active,.menu-btn:active,.close-btn:active,.power:active{transform:translateY(2px);box-shadow:0 1px 0 var(--store-line)!important}
.btn-primary{background:linear-gradient(110deg,var(--store-cyan),var(--store-blue),var(--store-purple))!important;color:#fff!important}
.btn-outline{background:#fff!important;color:var(--store-ink)!important}
.input-wrap,.smart-select-trigger,textarea,select,.upload-box{
  border:2px solid #274353!important;
  background:#fff!important;
  box-shadow:0 2px 0 rgba(39,67,83,.18)!important;
}
.input-wrap:focus-within,.smart-select.open .smart-select-trigger,.smart-select-trigger:focus{border-color:var(--store-blue)!important;box-shadow:0 0 0 4px rgba(52,115,246,.13),0 2px 0 var(--store-line)!important}
.chip,.badge,.role-chip,.server-online-pill{border:1.5px solid var(--store-line)!important;font-weight:900!important}

/* Unified create panel/CADP */
.deploy-zone-grid{display:block!important}.unified-create-card{max-width:1120px;margin:0 auto;padding:30px!important;overflow:visible!important}
.create-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.create-mode-option{position:relative;display:grid;grid-template-columns:24px 48px minmax(0,1fr);align-items:center;gap:11px;min-height:100px;padding:15px;border:2px solid #9db4c1;border-radius:20px;background:#fff;cursor:pointer;transition:.18s ease;box-shadow:0 3px 0 rgba(32,55,70,.2)}
.create-mode-option:hover{transform:translateY(-1px)}.create-mode-option:has(input:checked){border-color:var(--store-blue);background:linear-gradient(135deg,#effcff,#f3f1ff);box-shadow:0 4px 0 var(--store-blue)}
.create-mode-option.disabled{opacity:.55;cursor:not-allowed}.create-mode-option input{position:absolute;opacity:0;pointer-events:none}
.create-mode-check{width:22px;height:22px;border:2px solid #9ab0bc;border-radius:50%;display:grid;place-items:center;color:transparent;font-size:11px}.create-mode-option:has(input:checked) .create-mode-check{background:var(--store-blue);border-color:var(--store-blue);color:#fff}
.create-mode-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#e9f8fb;border:1.5px solid #a8c2ce;font-size:1.25rem}.create-mode-icon.cadp{background:linear-gradient(135deg,#fff3b8,#ffd15b)}
.create-mode-option b,.create-mode-option small{display:block}.create-mode-option b{font-size:1rem}.create-mode-option small{margin-top:4px;color:var(--store-muted);line-height:1.35}
.cadp-inline-info{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:13px;padding:14px 15px;border:2px solid #9fb7c3;border-radius:18px;background:#f8fcff;box-shadow:0 2px 0 rgba(32,55,70,.18)}
.cadp-inline-info>div{min-width:0}.cadp-inline-info b,.cadp-inline-info small{display:block}.cadp-inline-info small{margin-top:3px;color:var(--store-muted);line-height:1.4}.cadp-inline-info.ready{border-color:#d9aa30;background:#fff9df}.cadp-inline-info.success{border-color:#35b98b;background:#ecfff7}.cadp-inline-info.warning{border-color:#edb03b;background:#fff7e1}.cadp-inline-info.locked{border-color:#bac4cc;background:#f3f5f7}
.cadp-inline-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:2px solid var(--store-line);background:#fff;box-shadow:0 2px 0 var(--store-line);font-size:1.25rem}
#createPanelForm.cadp-mode .premium-create-grid{grid-template-columns:1fr!important}#createPanelForm.cadp-mode .smart-select{max-width:760px}
.runtime-options-inline{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.runtime-options-inline .runtime-option{min-height:100px!important}
.panel-only-field.hidden{display:none!important}

/* Smart select as a proper mobile sheet with an explicit cancel button. */
.smart-select-menu-head{position:sticky;top:0;z-index:4;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px -4px 4px;padding:10px 10px 12px;background:rgba(255,255,255,.97);border-bottom:1.5px solid #d8e4ea}
.smart-select-menu-head div{display:grid;gap:2px}.smart-select-menu-head small{font-size:9px;letter-spacing:.14em;color:#758595;font-weight:900}.smart-select-menu-head b{font-size:15px}.smart-select-menu-head button{width:40px;height:40px;border:2px solid var(--store-line);border-radius:13px;background:#fff;box-shadow:0 2px 0 var(--store-line);font-weight:950}
.smart-select-menu{border:2px solid var(--store-line)!important;box-shadow:0 8px 0 var(--store-line),0 30px 80px rgba(14,35,49,.28)!important}
.smart-select-option{border:1.5px solid #d0dfe6!important}.smart-select-option.selected{border-color:var(--store-blue)!important}

/* Compact dashboard server list on Android. */
.server-target-row{overflow:hidden;min-width:0}.server-target-copy,.server-target-meta{min-width:0}.server-target-copy b,.server-target-copy small,.server-target-meta strong,.server-target-meta small{overflow:hidden;text-overflow:ellipsis}

/* Status page: prevent right-side lines/text escaping the cards. */
.status-main-card,.service-list,.service-row{min-width:0;max-width:100%}.status-main-card{overflow:hidden!important}.service-row{overflow:hidden;grid-template-columns:minmax(0,1fr) minmax(120px,.34fr)!important}.service-identity{min-width:0;overflow:hidden}.service-identity>div{min-width:0}.service-identity b,.service-identity small{white-space:normal!important;overflow-wrap:anywhere}.service-metrics{min-width:0;max-width:100%;overflow:hidden}.service-metrics span,.service-metrics strong{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}

/* New upgrade marketplace */
.store-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.store-eyebrow{display:inline-flex;font-size:.68rem;letter-spacing:.14em;font-weight:950;color:#158596}.store-head-chip{padding:10px 13px;border:2px solid var(--store-line);border-radius:999px;background:#aaf3ce;box-shadow:0 3px 0 var(--store-line);font-size:.72rem;font-weight:950;white-space:nowrap}
.store-claim-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:20px;align-items:center}.store-claim-card .claim-role-list{grid-column:1/-1}.compact-claim-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}.compact-claim-list article{min-height:auto!important;padding:10px!important}
.role-store-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:22px;margin-top:22px;align-items:start}.role-store-catalog{padding:26px!important}.role-store-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:2px solid #d8e5eb}.role-store-title h2{margin:5px 0 0;font-size:2rem}.role-store-title>span{color:var(--store-muted);font-size:.82rem}
.role-store-category{padding:24px 0;border-bottom:2px solid #e0e9ed}.role-store-category:last-child{border-bottom:0;padding-bottom:0}.role-store-category-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}.role-store-category-head span{font-size:.65rem;letter-spacing:.13em;font-weight:950;color:#6d7987}.role-store-category-head h2{margin:5px 0 0;font-size:1.55rem}.role-store-category-head em{font-style:normal;padding:7px 9px;border:1.5px solid var(--store-line);border-radius:999px;background:#e9f7ff;font-size:.65rem;font-weight:950}
.role-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.role-product-card{position:relative;min-height:172px;padding:16px;text-align:left;border:2px solid #a9bdc7;border-radius:19px;background:#fff;box-shadow:0 3px 0 rgba(32,55,70,.24);display:flex;flex-direction:column;align-items:flex-start;transition:.18s}.role-product-card:hover{transform:translateY(-2px)}.role-product-card.selected{border-color:var(--role-product);box-shadow:0 5px 0 var(--role-product);background:linear-gradient(145deg,#fff,#f2fbff)}.role-product-check{position:absolute;right:12px;top:12px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--role-product);color:#fff;opacity:0}.role-product-card.selected .role-product-check{opacity:1}.role-product-card>small{font-size:.62rem;letter-spacing:.08em;font-weight:900;color:#778491;padding-right:30px}.role-product-card>b{font-size:1.18rem;margin-top:10px}.role-product-card>p{margin:5px 0 16px;color:var(--store-muted);font-size:.72rem;line-height:1.4;flex:1}.role-product-card>strong{font-size:1.15rem}.role-product-card>em{font-style:normal;font-size:.65rem;color:#71808f;margin-top:2px}
.role-checkout-card{position:sticky;top:94px;padding:24px!important}.role-checkout-top{display:flex;align-items:center;justify-content:space-between}.role-checkout-top i{width:22px;height:22px;border:2px solid var(--store-line);border-radius:50%;box-shadow:0 2px 0 var(--store-line)}.role-checkout-card h2{font-size:2rem;margin:18px 0 2px}.role-checkout-card>p{margin:0;color:var(--store-muted)}.role-checkout-price{font-size:2rem;font-weight:950;margin:20px 0;padding:15px;border:2px solid var(--store-line);border-radius:18px;background:var(--store-cream);box-shadow:0 3px 0 var(--store-line)}.role-checkout-price small{display:block;font-size:.68rem;color:#6f7c88;margin-top:4px}.role-benefit-list{display:grid;gap:9px;margin-bottom:18px}.role-benefit-list>div{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:10px;border:1.5px solid #d1dfe5;border-radius:14px}.role-benefit-list>div>span{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;background:#dffff0;color:#087b55;font-weight:950}.role-benefit-list p{margin:0;color:#6d7b89;font-size:.7rem}.role-benefit-list b{display:block;color:var(--store-ink);font-size:.82rem;margin-top:2px}.role-pay-button{min-height:58px}.role-replace-note{display:block;text-align:center;color:#74828e;margin-top:11px;line-height:1.4}
.server-map-card{margin-top:22px;padding:25px!important}.server-map-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:17px}.server-map-grid article{padding:14px;border:2px solid #a9bdc7;border-radius:17px;background:#fff;box-shadow:0 3px 0 rgba(32,55,70,.22)}.server-map-grid b,.server-map-grid span,.server-map-grid small{display:block}.server-map-grid b{color:#158596;font-size:.72rem}.server-map-grid span{font-weight:900;margin-top:7px}.server-map-grid small{color:var(--store-muted);font-size:.66rem;margin-top:3px;line-height:1.35}

@media(max-width:1180px){.role-store-layout{grid-template-columns:1fr}.role-checkout-card{position:static}.role-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.server-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-claim-card{grid-template-columns:1fr}}
@media(max-width:820px){
  .card,.page-head,.modal{border-radius:20px!important}.content{padding-left:12px!important;padding-right:12px!important}.page-head{padding:19px 17px!important}
  .unified-create-card{padding:20px 15px!important}.create-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.create-mode-option{grid-template-columns:22px 39px minmax(0,1fr);min-height:91px;padding:11px;gap:8px;border-radius:17px}.create-mode-icon{width:38px;height:38px;border-radius:12px}.create-mode-option b{font-size:.85rem}.create-mode-option small{font-size:.65rem}.cadp-inline-info{grid-template-columns:40px minmax(0,1fr);padding:12px}.cadp-inline-info .btn{grid-column:1/-1;width:100%}.cadp-inline-icon{width:38px;height:38px}
  .runtime-options-inline{grid-template-columns:repeat(2,minmax(0,1fr))!important}.runtime-options-inline .runtime-option{min-height:88px!important;padding:11px!important;grid-template-columns:20px 42px minmax(0,1fr)!important}.runtime-options-inline .runtime-logo{width:40px!important;height:40px!important}.runtime-options-inline small{font-size:.62rem!important}
  .store-page-head{align-items:flex-start}.store-head-chip{font-size:.62rem}.compact-claim-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.role-store-catalog{padding:18px 14px!important}.role-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.role-product-card{min-height:155px;padding:13px}.role-product-card>b{font-size:1rem}.role-checkout-card{padding:19px!important}.server-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-row{grid-template-columns:1fr!important;gap:9px!important;padding:13px!important}.service-metrics{text-align:left!important;padding-left:30px;display:flex!important;align-items:center;justify-content:space-between;gap:10px}.service-metrics span,.service-metrics strong{font-size:.68rem!important}.status-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .server-status-premium{padding:14px 10px!important}.server-status-head{margin-bottom:12px!important}.server-status-head>div{gap:8px!important}.server-status-icon{width:39px!important;height:39px!important;border-radius:13px!important}.server-online-pill{padding:7px 9px!important;font-size:.68rem!important}.server-target-list{gap:7px!important}.server-target-row{grid-template-columns:9px 31px minmax(0,1fr) auto!important;min-height:0!important;padding:9px 8px!important;gap:7px!important;border-radius:15px!important}.server-target-dot{width:8px!important;height:8px!important}.server-target-icon{width:31px!important;height:31px!important;border-radius:10px!important}.server-target-icon svg{width:16px!important;height:16px!important}.server-target-copy b{font-size:.78rem!important;white-space:nowrap}.server-target-copy small{font-size:.57rem!important;line-height:1.25!important;white-space:nowrap}.server-target-meta{grid-column:auto!important;text-align:right!important;margin:0!important;max-width:92px}.server-target-meta strong{font-size:.62rem!important;white-space:nowrap}.server-target-meta small{font-size:.52rem!important;white-space:nowrap;max-width:90px}.server-status-summary{font-size:.62rem!important;padding:9px!important}
  .smart-select-menu{left:9px!important;right:9px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;max-height:min(68vh,540px)!important}.smart-select-option{padding:10px 8px!important;grid-template-columns:34px minmax(0,1fr) auto!important}.smart-select-option-icon{width:34px!important;height:34px!important}.smart-select-check{display:none!important}.smart-select-menu-head{padding:9px 8px 11px}.smart-select-menu-head button{width:38px;height:38px}
  .create-panel-head{gap:11px!important;padding-bottom:15px!important;margin-bottom:16px!important}.create-panel-head>p{font-size:.72rem}.create-mode-option{grid-template-columns:18px 34px minmax(0,1fr);padding:9px 8px;min-height:84px}.create-mode-icon{width:34px;height:34px}.create-mode-option b{font-size:.73rem}.create-mode-option small{font-size:.55rem}.create-mode-check{width:18px;height:18px}.runtime-options-inline .runtime-option{grid-template-columns:18px 35px minmax(0,1fr)!important;min-height:78px!important;padding:9px!important}.runtime-options-inline .runtime-logo{width:35px!important;height:35px!important;font-size:.78rem!important}.runtime-options-inline b{font-size:.76rem!important}.runtime-options-inline small{display:none!important}
  .store-page-head{display:grid}.store-head-chip{justify-self:start}.role-store-title{display:grid}.role-store-title>span{font-size:.68rem}.role-product-card{min-height:142px}.role-product-card>p{font-size:.62rem}.role-product-card>strong{font-size:.96rem}.server-map-grid{grid-template-columns:1fr 1fr}.status-overview{grid-template-columns:1fr!important}.status-summary{min-height:84px!important}.status-main-card{padding:15px 10px!important}.service-list{gap:7px!important}.service-row{border-radius:15px!important}.service-identity b{font-size:.8rem!important}.service-identity small{font-size:.62rem!important}.service-metrics{padding-left:26px}.service-metrics span{max-width:70%}
}
@media(max-width:370px){.create-mode-options,.runtime-options-inline{grid-template-columns:1fr!important}.server-target-meta{max-width:74px}.server-target-meta small{max-width:72px}.role-product-grid{grid-template-columns:1fr}}