.license-page {

  display: flex;

  justify-content: center;

  padding: 40px 20px;
}

.license-card {

  width: 100%;
  max-width: 700px;

  background: white;

  border-radius: 20px;

  padding: 35px;

  box-shadow:
    0 6px 18px rgba(0,0,0,0.08);
}

/* ========================= */
/* HEADER */
/* ========================= */

.license-header {

  text-align: center;

  margin-bottom: 35px;
}

.license-icon {

  width: 85px;
  height: 85px;

  margin: auto;

  border-radius: 22px;

  background:
    linear-gradient(
      135deg,
      #3498db,
      #2980b9
    );

  display: flex;

  align-items: center;

  justify-content: center;

  color: white;

  font-size: 34px;

  margin-bottom: 18px;
}

.license-header h2 {

  margin: 0;
}

.license-header p {

  color: #777;

  margin-top: 10px;
}

/* ========================= */
/* SECTION */
/* ========================= */

.section-title {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 14px;

  font-weight: 600;

  color: #2c3e50;
}

.machine-box textarea {

  width: 100%;

  height: 120px;

  border-radius: 12px;

  border: 1px solid #ccc;

  padding: 14px;

  resize: none;

  font-size: 14px;

  margin-bottom: 16px;

  background: #fafafa;
}

.upload-box {

  border: 2px dashed #dcdcdc;

  border-radius: 14px;

  padding: 25px;

  background: #fafafa;

  text-align: center;

  margin-bottom: 20px;
}

.upload-box input {

  width: 100%;
}

.license-actions {

  display: flex;

  justify-content: center;

  margin-top: 25px;
}

/* ========================= */
/* BUTTON COLORS */
/* ========================= */

.btn.success {

  background:
    linear-gradient(
      135deg,
      #2ecc71,
      #27ae60
    );

  color: white;
}

.btn.success:hover {

  opacity: 0.95;
}

/* ==========================================================================
   MOBILE & RESPONSIVE LICENSE PAGE OVERRIDES (<= 768px)
   ========================================================================== */

@media (max-width: 768px) {
  .license-page {
    padding: 20px 12px;
  }

  .license-card {
    padding: 24px 16px;
    border-radius: 16px;
  }

  .license-header {
    margin-bottom: 25px;
  }

  .license-icon {
    width: 70px;
    height: 70px;
    font-size: 28px;
    border-radius: 18px;
    margin-bottom: 14px;
  }

  .license-header h2 {
    font-size: 20px;
  }

  .license-header p {
    font-size: 13px;
    margin-top: 6px;
  }

  .section-title {
    font-size: 14px;
  }

  .machine-box textarea {
    height: 100px;
    padding: 10px;
    font-size: 13px;
    margin-bottom: 12px;
    border-radius: 8px;
  }

  .upload-box {
    padding: 16px 10px;
    border-radius: 10px;
    margin-bottom: 16px;
  }

  .license-actions {
    margin-top: 16px;
  }

  .license-actions .btn {
    width: 100%;
    padding: 12px;
    text-align: center;
  }
}