/* Tax Exempt UI — matched to Order History styling */

.aerots-te-wrap{
  font-family: "Exo 2", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  width: 100%;
  max-width: 100%;
  padding: 18px 22px;
  margin: 0 auto;
  box-sizing: border-box;
}

.aerots-te-wrap h2{
  font-size: 28px;
  font-weight: 700;
  color: #222;
  margin: 6px 0 18px 0;
}

/* card like .order-box */
.aerots-te-card{
  background: #fff;
  border: 1px solid #e9eef2;
  border-radius: 12px;
  padding: 18px 22px;
}

/* fields */
.aerots-te-field{ margin-bottom: 14px; }
.aerots-te-field label{
  display:block;
  font-size: 14px;
  font-weight: 600;
  color:#222;
  margin-bottom: 6px;
}

.aerots-te-input{
  width:100%;
  height:50px;
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid #1C58EE;
  font-size: 14px;
  box-sizing: border-box;
  background: #fff !important;
  appearance: none;
}

.aerots-te-help{
  display:block;
  margin-top: 6px;
  color:#666;
  font-size: 12px;
  line-height: 1.35;
}

/* checkbox */
.aerots-te-check{
  display:flex;
  gap:10px;
  align-items:center;
  font-size: 14px;
  margin: 6px 0 14px;
}
.aerots-te-check input{ transform: translateY(1px); }

/* buttons */
.aerots-te-actions{ margin-top: 12px; display:flex; gap:12px; flex-wrap:wrap; }

.aerots-te-btn{
  background:#1C58EE !important;
  color:#fff !important;
  border: 1px solid #1C58EE !important;
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  display: inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition: 0.2s;
  text-decoration:none;
}

.aerots-te-btn:hover{
  background:#0A44D5 !important;
  border-color:#0A44D5 !important;
}

.aerots-te-btn--ghost{
  background:#fff !important;
  color:#1C58EE !important;
}

.aerots-te-btn--ghost:hover{
  background:#1C58EE !important;
  color:#fff !important;
}

/* alerts */
#aerots-te-result{ margin-top: 14px; }

.aerots-te-alert{
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #e9eef2;
  background: #f7f9fb;
  color: #222;
  font-size: 14px;
}

.aerots-te-alert--success{
  border-color: #cfe9d7;
  background: #e9f7ef;
  color: #155724;
}

.aerots-te-alert--error{
  border-color: #f1c7c7;
  background: #fff1f0;
  color: #7a1a1a;
}

/* Status layout (2 columns) */
.aerots-te-status-grid{
  display:grid !important;
  grid-template-columns: minmax(280px, 1fr) 380px !important;
  gap: 22px !important;
  align-items:start !important;
  width: 100% !important;
}

.aerots-te-header{
  background:#f1f7fa;
  padding: 16px 18px;
  border-radius: 12px;
  border: 1px solid #e9eef2;
}

.aerots-te-row{
  font-size: 15px;
  margin-bottom: 10px;
}
.aerots-te-row span{
  font-weight: 600;
}

.aerots-te-note{
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #e9eef2;
  background:#fafafa;
  color:#444;
}

/* Preview card */
.aerots-te-preview{
  border:1px solid #e9eef2;
  border-radius:12px;
  padding:12px;
  background:#fff;
}

.aerots-te-preview-title{
  font-weight:700;
  margin-bottom:10px;
  font-size: 15px;
}

.aerots-te-preview-img{
  width:100%;
  height:auto;
  border-radius:10px;
  border:1px solid #e9eef2;
  background:#fff;
}

.aerots-te-preview-frame{
  width:100%;
  border:1px solid #e9eef2;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}

.aerots-te-preview-frame iframe{
  width:100%;
  height:360px;
  border:0;
  display:block;
}

.aerots-te-preview-note{
  margin-top:10px;
  color:#666;
  font-size:12px;
  line-height:1.35;
}

/* Responsive */
@media (max-width: 900px){
  .aerots-te-status-grid{
    grid-template-columns: minmax(260px, 1fr) 320px !important;
    gap: 16px !important;
  }
  .aerots-te-preview-frame iframe{ height:320px; }
}

@media (max-width: 720px){
  .aerots-te-status-grid{ grid-template-columns: 1fr !important; }
  .aerots-te-preview-frame iframe{ height:360px; }
}

@media (max-width: 480px){
  .aerots-te-wrap{ padding: 14px 14px; }
  .aerots-te-card{ padding: 14px 14px; }
  .aerots-te-wrap h2{ font-size: 24px; }
}

/* --- Status badges --- */
/* ✅ Badge stays next to Status label */
.aerots-te-row--top{
  display:block;
  margin-bottom: 12px;
}

.aerots-te-row-inline{
  display:flex;
  align-items:center;
  gap: 10px;
}

.aerots-te-badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  border: 1px solid transparent;
  white-space: nowrap;
}

.aerots-te-badge-icon{
  display:inline-flex;
  width: 18px;
  height: 18px;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  font-size: 13px;
}

/* Approved (green) */
.aerots-te-badge--approved{
  background:#e9f7ef;
  color:#155724;
  border-color:#cfe9d7;
}
.aerots-te-badge--approved .aerots-te-badge-icon{
  background:#cfe9d7;
  color:#155724;
}

/* Pending (blue-ish) */
.aerots-te-badge--pending{
  background:#f1f7fa;
  color:#1C58EE;
  border-color:#d7e3ff;
}
.aerots-te-badge--pending .aerots-te-badge-icon{
  background:#d7e3ff;
  color:#1C58EE;
}

/* Denied / Revoked (red) */
.aerots-te-badge--denied,
.aerots-te-badge--revoked{
  background:#fff1f0;
  color:#7a1a1a;
  border-color:#f1c7c7;
}
.aerots-te-badge--denied .aerots-te-badge-icon,
.aerots-te-badge--revoked .aerots-te-badge-icon{
  background:#f1c7c7;
  color:#7a1a1a;
}

/* Expired (orange) */
.aerots-te-badge--expired{
  background:#fff7e6;
  color:#7a4a00;
  border-color:#ffe0b2;
}
.aerots-te-badge--expired .aerots-te-badge-icon{
  background:#ffe0b2;
  color:#7a4a00;
}