/* ================================================================ ACCOUNT AREA */

.account-shell{max-width:480px;margin:0 auto;padding:60px 26px 80px}

.heading-title{font-size:clamp(26px,3.2vw,34px);margin-bottom:6px}
.heading-subtitle{color:var(--muted);font-size:15px;margin-bottom:32px}

/* ---- form card (login / recover / reset-password / settings) ---- */
.form-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:36px 32px;box-shadow:0 34px 60px -40px rgba(15,35,70,.4)}
.form-card h2{font-size:24px;margin-bottom:24px;text-align:center}
.form-card label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px;margin-top:2px}
.form-card input[type="email"],.form-card input[type="password"],.form-card input[type="text"]{
  width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;
  font-family:var(--sans);font-size:14.5px;margin-bottom:18px;background:var(--bg)
}
.form-card input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}
.form-card .redirect{text-align:center;font-size:13.5px;color:var(--muted);margin-top:18px}
.form-card .redirect a{color:var(--primary);font-weight:600}

.notification{padding:12px 16px;border-radius:12px;font-size:13.5px;margin-bottom:18px}
.notification.red{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.notification.green{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}

/* ---- license cards (dashboard) — class names are read by account.js, do not rename ---- */
.appushy_customer_license_item{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:26px 28px;margin-bottom:20px;box-shadow:0 22px 44px -30px rgba(15,35,70,.4)}
.appushy_customer_license_item_header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.appushy_customer_license_item_header h3{font-size:19px}
.appushy_customer_license_item_header_action{display:flex;gap:10px;flex-wrap:wrap}
.appushy_customer_license_item_header_action a,.appushy_customer_license_item_header_action button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--sans);font-weight:600;font-size:13.5px;
  padding:9px 17px;border-radius:99px;border:1px solid var(--border);cursor:pointer;
  background:var(--surface);color:var(--text);transition:transform .16s,border-color .16s
}
.appushy_customer_license_item_header_action a.download_plugin{background:var(--primary);color:#fff;border-color:transparent}
.appushy_customer_license_item_header_action a:hover,.appushy_customer_license_item_header_action button:hover{transform:translateY(-1px)}
.appushy_customer_license_item_body p{font-size:14px;color:var(--muted);margin:0 0 8px}
.appushy_customer_license_item_body p b{color:var(--text);font-weight:600}
.appushy_customer_license_item_empty{text-align:center;padding:60px 20px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:22px}
.appushy_customer_license_item_empty a{color:var(--primary);font-weight:600}

/* ---- domains popup — class names are read/built by account.js, do not rename ---- */
.appushy_license_domains_popup_container{display:none;position:fixed;inset:0;z-index:200;align-items:center;justify-content:center}
.appushy_license_domains_popup_dark_bg{position:absolute;inset:0;background:rgba(14,26,36,.55);backdrop-filter:blur(3px)}
.appushy_license_domains_popup{position:relative;z-index:1;background:var(--surface);border-radius:22px;padding:26px;max-width:460px;width:92%;max-height:80vh;overflow-y:auto;box-shadow:0 40px 80px -30px rgba(10,25,50,.5)}
.appushy_license_domains_popup_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.appushy_license_domains_popup_header h3{font-size:18px}
.close_icon{cursor:pointer;width:28px;height:28px;display:grid;place-items:center;border-radius:99px;color:var(--muted);flex:none}
.close_icon:hover{background:var(--border)}
.appushy_license_domains_popup_items{display:flex;flex-direction:column}
.appushy_license_domains_popup_item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);font-size:13.5px}
.appushy_license_domains_popup_item:last-child{border-bottom:none}
.appushy_license_domains_popup_item button{
  background:none;border:none;color:var(--danger);cursor:pointer;font-size:13px;font-weight:600;
  display:inline-flex;align-items:center;gap:6px;padding:4px 8px
}
.appushy_license_domains_popup_item button::before{
  content:"";width:13px;height:13px;flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 4h10M6.5 4V2.6a.6.6 0 0 1 .6-.6h1.8a.6.6 0 0 1 .6.6V4M4.5 4l.6 9a1 1 0 0 0 1 .9h3.8a1 1 0 0 0 1-.9l.6-9' stroke='%23dc2626' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain
}
.appushy_license_domains_popup_item_empty{text-align:center;padding:30px 10px;color:var(--muted);font-size:13.5px}

@media(max-width:520px){
  .account-shell{padding:40px 18px 60px}
  .form-card{padding:28px 22px}
}