/* ZyroDevv HF13 — compact premium layout + stable status */
.server-target-row.pending,.service-row.pending{background:linear-gradient(120deg,#eff8ff,#f8fbff)!important;border-color:#bfdbfe!important}
.server-target-row.pending .server-target-dot,.service-row.pending .service-signal{background:#3b82f6!important;box-shadow:0 0 0 5px rgba(59,130,246,.12)!important;animation:zyroStatusCoreBlue 1.5s ease-in-out infinite!important}
.server-target-row.pending .server-target-meta strong,.service-row.pending .service-metrics strong{color:#2563eb!important}
.smart-select-option-badge.warning{background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important}

/* Desktop density */
.dashboard-page{display:grid;gap:16px}
.dashboard-page>.ticker,.dashboard-page>.dashboard-heading,.dashboard-page>.dashboard-quick-actions,.dashboard-page>.dashboard-role,.dashboard-page>#taxAlert,.dashboard-page>.dashboard-stats,.dashboard-page>.server-status-card,.dashboard-page>.create-panel-card,.dashboard-page>.buyer-overview-grid{margin:0!important}
.dashboard-heading{padding:22px 24px!important;border-radius:24px!important}
.dashboard-heading-copy h1{font-size:clamp(2rem,3.4vw,3.05rem)!important}
.dashboard-heading-copy p{font-size:.92rem!important;margin-top:8px!important}
.dashboard-quick-actions{gap:10px!important}
.dashboard-quick-actions button{min-height:84px!important;padding:13px 14px!important;border-radius:18px!important}
.dashboard-quick-actions button>span{width:38px!important;height:38px!important;font-size:1.1rem!important}
.dashboard-quick-actions button>b{font-size:.86rem!important}
.dashboard-quick-actions button>small{font-size:.66rem!important}
.dashboard-stats{gap:10px!important}
.dashboard-stat{min-height:106px!important;padding:13px 10px!important;border-radius:20px!important}
.dashboard-stat-icon{width:42px!important;height:42px!important;border-radius:14px!important;font-size:18px!important}
.dashboard-stat strong{font-size:25px!important}
.dashboard-stat span{font-size:12px!important}
.server-status-premium{padding:17px!important;border-radius:24px!important}
.server-target-list{gap:7px!important}
.server-target-row{min-height:64px!important;padding:9px 12px!important;border-radius:16px!important}
.server-target-icon{width:36px!important;height:36px!important;border-radius:11px!important}
.server-target-copy b{font-size:.84rem!important}
.server-target-copy small{font-size:.62rem!important;line-height:1.3!important}
.server-target-meta strong{font-size:.68rem!important}
.server-target-meta small{font-size:.57rem!important}
.server-status-summary{padding:9px 12px!important;margin-top:10px!important}
.unified-create-card{padding:20px!important;border-radius:24px!important}
.unified-create-card .create-panel-head{padding-bottom:14px!important;margin-bottom:15px!important}
.unified-create-card .deploy-title-icon{width:52px!important;height:52px!important;flex-basis:52px!important}
.unified-create-card .create-panel-head h2{font-size:1.75rem!important}
.unified-create-card .create-panel-head>p{font-size:.78rem!important;line-height:1.5!important}
.premium-create-grid{gap:12px!important}
.unified-create-card .field{margin-bottom:10px!important}
.smart-select-trigger,.premium-input,.input-wrap{min-height:54px!important}
.create-mode-option{min-height:76px!important;padding:10px!important}
.account-mode-option{min-height:74px!important;padding:10px!important}
.runtime-options-inline .runtime-option{min-height:74px!important;padding:10px!important}
.account-mode-hint{padding:10px 12px!important;font-size:.7rem!important;line-height:1.45!important}
.premium-deploy-button{min-height:54px!important;font-size:.9rem!important}
.buyer-overview-grid{gap:10px!important}
.buyer-personal-card{min-height:140px!important;padding:16px!important;border-radius:20px!important}
.buyer-recommendation{padding:15px 17px!important;border-radius:20px!important}
.credentials-modal{width:min(94vw,540px)!important;padding:20px!important}
.credential-list{gap:9px!important}.credential-item{padding:10px!important;border-radius:15px!important}.credential-item-head{margin-bottom:6px!important}.credential-value-row code{padding:10px 11px!important}.credential-copy-btn{height:42px!important;min-width:84px!important}

/* Compact mobile storefront-like layout */
@media(max-width:780px){
  .content{padding:11px 10px 88px!important}
  .dashboard-page{gap:11px!important}
  .card{border-radius:20px!important}
  .ticker{margin-bottom:0!important;gap:7px!important}
  .ticker-item{padding:7px 11px!important;font-size:.65rem!important}
  .dashboard-heading{padding:15px 14px!important;border-radius:20px!important;min-height:0!important}
  .dashboard-heading-copy h1{font-size:1.55rem!important;letter-spacing:-.035em!important;line-height:1.06!important}
  .dashboard-heading-copy p{font-size:.68rem!important;line-height:1.45!important;margin-top:6px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .dashboard-kicker{font-size:.55rem!important;letter-spacing:.13em!important}
  .dashboard-system{display:none!important}

  .dashboard-quick-actions{display:flex!important;overflow-x:auto!important;gap:8px!important;scroll-snap-type:x proximity;padding:1px 1px 5px!important;grid-template-columns:none!important;scrollbar-width:none}
  .dashboard-quick-actions::-webkit-scrollbar{display:none}
  .dashboard-quick-actions button{flex:0 0 142px!important;min-height:62px!important;padding:9px 10px!important;border-radius:16px!important;grid-template-columns:33px minmax(0,1fr)!important;column-gap:8px!important;scroll-snap-align:start}
  .dashboard-quick-actions button>span{width:33px!important;height:33px!important;border-radius:11px!important;font-size:.95rem!important}
  .dashboard-quick-actions button>b{font-size:.72rem!important;line-height:1.15!important}
  .dashboard-quick-actions button>small{display:none!important}

  .dashboard-role{padding:12px!important;border-radius:18px!important;gap:8px!important}
  .role-banner-main{gap:9px!important;min-width:0}
  .role-banner .lock{width:38px!important;height:38px!important;border-radius:12px!important;font-size:17px!important;flex:0 0 38px}
  .role-banner h3{font-size:.82rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .role-banner p{font-size:.58rem!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .compact-upgrade{padding:8px 9px!important;font-size:.62rem!important;white-space:nowrap}

  .dashboard-stats{display:flex!important;overflow-x:auto!important;gap:8px!important;padding:1px 1px 5px!important;scrollbar-width:none;grid-template-columns:none!important}
  .dashboard-stats::-webkit-scrollbar{display:none}
  .dashboard-stat{flex:0 0 116px!important;min-height:88px!important;padding:10px 8px!important;border-radius:17px!important;gap:2px!important}
  .dashboard-stat-icon{width:34px!important;height:34px!important;border-radius:11px!important;font-size:15px!important}
  .dashboard-stat strong{font-size:20px!important}
  .dashboard-stat span{font-size:.62rem!important}
  .dashboard-stat-placeholder{height:88px!important;min-width:116px!important}

  .server-status-premium{padding:12px 9px!important;border-radius:20px!important}
  .server-status-head{margin-bottom:9px!important}
  .server-status-head b{font-size:.88rem!important}.server-status-head small{font-size:.58rem!important;line-height:1.25!important}
  .server-status-icon{width:35px!important;height:35px!important;border-radius:11px!important}
  .server-online-pill{padding:6px 8px!important;font-size:.59rem!important}
  .server-target-list{gap:5px!important}
  .server-target-row{grid-template-columns:7px 29px minmax(0,1fr) auto!important;min-height:0!important;padding:7px!important;gap:6px!important;border-radius:13px!important}
  .server-target-dot{width:7px!important;height:7px!important}
  .server-target-icon{width:29px!important;height:29px!important;border-radius:9px!important}
  .server-target-icon svg{width:15px!important;height:15px!important}
  .server-target-copy b{font-size:.69rem!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .server-target-copy small{font-size:.48rem!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .server-target-meta{max-width:76px!important;text-align:right!important}
  .server-target-meta strong{font-size:.53rem!important;white-space:nowrap}
  .server-target-meta small{font-size:.44rem!important;max-width:74px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .server-status-summary{font-size:.52rem!important;padding:7px 8px!important;margin-top:7px!important;gap:6px!important}

  .unified-create-card{padding:13px 10px!important;border-radius:20px!important}
  .unified-create-card .create-panel-head{padding-bottom:10px!important;margin-bottom:11px!important;gap:7px!important}
  .unified-create-card .deploy-title-lockup{gap:9px!important}
  .unified-create-card .deploy-title-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:13px!important}
  .unified-create-card .create-panel-kicker{font-size:.48rem!important;margin-bottom:2px!important}
  .unified-create-card .create-panel-head h2{font-size:1.12rem!important;line-height:1.05!important}
  .unified-create-card .create-panel-head>p{font-size:.59rem!important;line-height:1.4!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .premium-create-grid{gap:8px!important}
  .unified-create-card .field{margin-bottom:8px!important}
  .unified-create-card .field>label{font-size:.66rem!important;margin-bottom:5px!important}
  .create-mode-options,.account-mode-options,.runtime-options-inline{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .create-mode-option,.account-mode-option,.runtime-options-inline .runtime-option{min-height:64px!important;padding:7px!important;border-radius:13px!important;gap:5px!important}
  .create-mode-option{grid-template-columns:16px 29px minmax(0,1fr)!important}
  .create-mode-check,.account-mode-check,.runtime-check{width:16px!important;height:16px!important;font-size:.58rem!important}
  .create-mode-icon,.account-mode-icon,.runtime-options-inline .runtime-logo{width:29px!important;height:29px!important;border-radius:9px!important;font-size:.68rem!important}
  .create-mode-option b,.account-mode-option b,.runtime-option b{font-size:.62rem!important;line-height:1.15!important}
  .create-mode-option small,.account-mode-option small,.runtime-option small{display:none!important}
  .smart-select-trigger,.premium-input,.input-wrap{min-height:47px!important;border-radius:14px!important;padding:7px 9px!important}
  .smart-select-leading,.field-leading{width:30px!important;height:30px!important;border-radius:9px!important}
  .smart-select-copy b{font-size:.68rem!important}.smart-select-copy small{font-size:.49rem!important}
  .account-mode-hint{padding:8px 9px!important;font-size:.56rem!important;border-radius:12px!important}
  .premium-deploy-button{min-height:48px!important;border-radius:14px!important;font-size:.72rem!important;letter-spacing:.06em!important}

  .buyer-overview-grid{display:flex!important;overflow-x:auto!important;gap:8px!important;padding:1px 1px 5px!important;scroll-snap-type:x proximity;scrollbar-width:none;grid-template-columns:none!important}
  .buyer-overview-grid::-webkit-scrollbar{display:none}
  .buyer-personal-card,.buyer-recommendation{flex:0 0 225px!important;min-height:112px!important;padding:12px!important;border-radius:17px!important;scroll-snap-align:start}
  .buyer-card-icon,.buyer-recommendation>span{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important;font-size:16px!important}
  .buyer-personal-card small{font-size:.52rem!important}.buyer-personal-card h3{font-size:.84rem!important;margin-top:4px!important}.buyer-personal-card p{font-size:.58rem!important;margin-top:3px!important;line-height:1.35!important}
  .text-action{font-size:.65rem!important;padding-top:7px!important}
  .buyer-recommendation b{font-size:.78rem!important}.buyer-recommendation p{font-size:.58rem!important;line-height:1.4!important}

  .credentials-modal{padding:15px 12px!important;border-radius:21px!important;max-height:88vh!important}
  .credential-modal-head{margin-bottom:10px!important}.credential-modal-head h2{font-size:1.25rem!important}.credential-modal-head .badge{margin-bottom:5px!important}
  .credentials-intro{padding:9px 10px!important;margin-bottom:10px!important;border-radius:13px!important}.credentials-intro>span{width:32px!important;height:32px!important}.credentials-intro b{font-size:.75rem!important}.credentials-intro small{font-size:.57rem!important}
  .credential-list{gap:7px!important}.credential-item{padding:8px!important;border-radius:13px!important}.credential-item-head{font-size:.65rem!important;margin-bottom:5px!important}.credential-item-head>span{width:24px!important;height:24px!important}
  .credential-value-row{grid-template-columns:minmax(0,1fr) 72px!important;gap:6px!important}.credential-value-row code{font-size:.67rem!important;padding:8px!important;border-radius:10px!important}.credential-copy-btn{min-width:72px!important;height:36px!important;padding:0 7px!important;font-size:.65rem!important;border-radius:10px!important}
  .credentials-actions{gap:7px!important;margin-top:11px!important}.credentials-actions .btn{min-height:43px!important;font-size:.72rem!important}

  .page-head{margin-bottom:12px!important;align-items:flex-start!important}.page-head h1{font-size:1.45rem!important}.page-head p{font-size:.68rem!important;line-height:1.4!important}.page-head>.btn{padding:9px 11px!important;font-size:.65rem!important}
  .status-main-card,.status-note,.security-grid .card,.role-store-catalog,.role-checkout-card,.claim-access-hero{padding:14px!important}
  .service-row{padding:9px!important;min-height:58px!important;border-radius:14px!important}.service-identity b{font-size:.72rem!important}.service-identity small{font-size:.51rem!important}.service-metrics span,.service-metrics strong{font-size:.52rem!important}
}

@media(max-width:370px){
  .dashboard-quick-actions button{flex-basis:132px!important}
  .create-mode-options,.account-mode-options,.runtime-options-inline{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .create-mode-icon,.account-mode-icon,.runtime-options-inline .runtime-logo{display:none!important}
  .create-mode-option{grid-template-columns:16px minmax(0,1fr)!important}
  .buyer-personal-card,.buyer-recommendation{flex-basis:205px!important}
}

/* Admin density without changing workflows */
@media(max-width:780px){
  .admin-body .content{padding:11px 9px 90px!important}
  .admin-body .card{padding:13px!important;border-radius:18px!important}
  .admin-body .grid{gap:9px!important}
  .admin-body .page-head{margin-bottom:11px!important}
}
