/* xmediart.it - Sales Portal RC 1.4 — commercial frontend */
.xm-sales-portal,.xm-sales-portal *{box-sizing:border-box}
.xm-sales-portal{font-family:inherit;color:#252a31}
.xm-sales-card{width:100%;max-width:760px;margin:20px auto;padding:34px;border:1px solid #dfe3e8;border-radius:10px;background:#fff;box-shadow:0 3px 16px rgba(20,30,40,.05)}
.xm-sales-brand{font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;margin-bottom:8px;color:#2f5bea}
.xm-sales-card h2{font-size:32px;line-height:1.2;margin:0 0 12px;font-weight:600}
.xm-sales-lead{margin:0 0 28px;color:#606872;font-size:16px;line-height:1.65}
.xm-sales-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.xm-sales-form label{display:block;font-weight:600;font-size:14px;color:#333b45}
.xm-sales-form label>span{color:#c62828}
.xm-sales-form input,.xm-sales-form select{display:block;width:100%;height:46px;margin-top:8px;padding:9px 12px;border:1px solid #cfd5dc;border-radius:4px;background:#fff;font:inherit;line-height:26px;box-shadow:none}
.xm-sales-form input:focus,.xm-sales-form select:focus{outline:0;border-color:#2f5bea;box-shadow:0 0 0 2px rgba(47,91,234,.12)}
.xm-sales-summary{margin:28px 0 22px;padding:18px 20px;border:1px solid #e1e5ea;border-radius:7px;background:#f8fafc;display:flex;justify-content:space-between;gap:24px;align-items:center}
.xm-sales-summary span,.xm-sales-license-card span{display:block;font-size:12px;color:#707985;margin-bottom:5px}
.xm-sales-summary strong{display:block;font-size:14px}
.xm-sales-total{text-align:right;white-space:nowrap}
.xm-sales-total strong{font-size:24px}
.xm-sales-paypal-label{font-size:13px;font-weight:600;color:#59616b;margin:0 0 10px}
#xm-sales-paypal-button{min-height:44px}
.xm-sales-button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border:0;border-radius:4px;background:#2f5bea;color:#fff;font-weight:600;cursor:pointer}
.xm-sales-button:hover{filter:brightness(.95)}
.xm-sales-success,.xm-sales-error,.xm-sales-loading{margin-top:16px;padding:13px 15px;border-radius:4px;font-size:14px;line-height:1.5}
.xm-sales-success{background:#e9f8ef;color:#176b35}
.xm-sales-error{background:#fdf0f0;color:#8d2020}
.xm-sales-loading{background:#f5f6f7;color:#59616b}
.xm-sales-account-dashboard{margin-top:22px;padding-top:22px;border-top:1px solid #e4e7eb}
.xm-sales-account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.xm-sales-account-head h3{margin:3px 0;font-size:22px}
.xm-sales-account-head p{margin:0;color:#69717c}
.xm-sales-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7b838d}
.xm-sales-status{display:inline-block;padding:6px 10px;border-radius:20px;background:#e8f7ed;color:#17733a;font-size:12px;font-weight:700}
.xm-sales-license-card{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin:22px 0;padding:18px;border:1px solid #e1e5ea;border-radius:7px;background:#f8fafc}
.xm-sales-license-card strong{font-size:14px}
.xm-sales-account-dashboard h4{margin:24px 0 10px;font-size:16px}
.xm-sales-orders{border:1px solid #e1e5ea;border-radius:6px;overflow:hidden}
.xm-sales-order-row{display:grid;grid-template-columns:.6fr 2fr 1.2fr 1fr;gap:12px;padding:11px 13px;border-top:1px solid #e7e9ec;font-size:13px}
.xm-sales-order-row:first-child{border-top:0}
.xm-sales-order-head{background:#f5f6f8;color:#59616b;font-weight:600}
.xm-sales-muted{color:#707985}
.xm-sales-hero{max-width:1120px;margin:0 auto 22px;padding:36px 40px;border-radius:10px;background:#f4f7ff;border:1px solid #dfe6ff}
.xm-sales-hero h1{margin:0 0 8px;font-size:40px;line-height:1.1;font-weight:600}
.xm-sales-hero p{margin:0;color:#606872;font-size:17px}
.xm-sales-portal-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;max-width:1120px;margin:0 auto}
.xm-sales-portal-columns .xm-sales-card{max-width:none;margin:0}
@media(max-width:800px){
 .xm-sales-grid,.xm-sales-portal-columns{grid-template-columns:1fr}
 .xm-sales-card{padding:24px}
 .xm-sales-summary{display:block}.xm-sales-total{text-align:left;margin-top:15px}
 .xm-sales-license-card{grid-template-columns:1fr}
 .xm-sales-order-row{grid-template-columns:1fr 1fr}
 .xm-sales-order-head{display:none}
 .xm-sales-hero{padding:28px 24px}.xm-sales-hero h1{font-size:32px}
}

.xm-sales-plans-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 22px}
.xm-sales-plan-card{position:relative;min-height:150px;padding:17px 12px 14px;border:1px solid #d7dce2;border-radius:7px;background:#fff;text-align:left;cursor:pointer;font:inherit;color:#252a31;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .15s,box-shadow .15s,transform .15s}
.xm-sales-plan-card:hover{border-color:#9da9b7;box-shadow:0 3px 12px rgba(20,30,40,.07);transform:translateY(-1px)}
.xm-sales-plan-card.is-selected{border:2px solid #2f5bea;padding:16px 11px 13px;box-shadow:0 3px 14px rgba(47,91,234,.12)}
.xm-sales-plan-badge{position:absolute;top:-10px;right:8px;padding:3px 8px;border-radius:12px;background:#2f5bea;color:#fff;font-size:10px;font-weight:700}
.xm-sales-plan-name{font-size:15px;font-weight:700;margin-bottom:6px}
.xm-sales-plan-sites{font-size:12px;color:#66717c;margin-bottom:auto}
.xm-sales-plan-price{font-size:18px;font-weight:700;margin-top:14px}
.xm-sales-plan-description{font-size:11px;color:#707985;margin-top:8px;line-height:1.35}
.xm-sales-selected-plan{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin:0 0 22px;padding:16px 18px;border:1px solid #dfe3e8;border-radius:7px;background:#f8fafc}
.xm-sales-selected-plan span{display:block;font-size:11px;color:#707985;margin-bottom:4px}
.xm-sales-selected-plan strong{font-size:14px}
.xm-sales-selected-plan .xm-sales-total{text-align:right}
.xm-sales-selected-plan .xm-sales-total strong{font-size:22px}
@media(max-width:1000px){.xm-sales-plans-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){
 .xm-sales-plans-grid{grid-template-columns:repeat(2,1fr)}
 .xm-sales-selected-plan{grid-template-columns:1fr}.xm-sales-selected-plan .xm-sales-total{text-align:left}
}

/* Consistent frontend form controls. */
.xm-sales-card input[type="text"],
.xm-sales-card input[type="email"],
.xm-sales-card input[type="number"],
.xm-sales-card input[type="password"],
.xm-sales-card select,
.xm-sales-card textarea{
  box-sizing:border-box;
  min-height:42px;
  padding:8px 11px;
  border:1px solid #c9cfd6;
  border-radius:5px;
  font-size:15px;
  line-height:24px;
}
.xm-sales-card select{height:42px}

/* Account: active domains and self-service deactivation. */
.xm-sales-activations-section{margin:26px 0 8px}
.xm-sales-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 10px}
.xm-sales-section-heading h4{margin:0}
.xm-sales-section-heading>span{font-size:12px;color:#69717c;font-weight:600}
.xm-sales-activations{border:1px solid #e1e5ea;border-radius:6px;overflow:hidden}
.xm-sales-activation-row{display:grid;grid-template-columns:1.6fr 1.15fr 1.15fr .8fr;gap:14px;align-items:center;padding:13px 14px;border-top:1px solid #e7e9ec;font-size:13px}
.xm-sales-activation-row:first-child{border-top:0}
.xm-sales-activation-head{background:#f5f6f8;color:#59616b;font-weight:600}
.xm-sales-domain strong{word-break:break-word}
.xm-sales-deactivate-domain{height:34px;padding:0 11px;border:1px solid #c62828;border-radius:4px;background:#fff;color:#a51f1f;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.xm-sales-deactivate-domain:hover{background:#fdf0f0}
.xm-sales-deactivate-domain:disabled{opacity:.65;cursor:wait}
@media(max-width:700px){
 .xm-sales-activation-head{display:none}
 .xm-sales-activation-row{grid-template-columns:1fr 1fr;padding:12px}
 .xm-sales-activation-row>span:nth-child(3){display:none}
 .xm-sales-activation-row>span:last-child{text-align:right}
}