/* 내 주문조회 */
.glookup-page{
  min-height:620px;
  padding:70px 0 110px;
  background:#f8fafc;
}

.glookup-intro{
  margin-bottom:18px;
  text-align:center;
}

.glookup-intro p{
  margin:0;
  color:#5aaee3;
  font-size:14px;
}

.glookup-card{
  width:min(760px,100%);
  margin:0 auto;
  padding:34px;
  border:1px solid #e3e7eb;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(31,45,60,.08);
}

.glookup-form{
  display:grid;
  grid-template-columns:1fr 1fr 150px;
  gap:12px;
  align-items:end;
}

.glookup-form label{
  color:#505962;
  font-size:13px;
  font-weight:900;
}

.glookup-form input{
  width:100%;
  height:48px;
  margin-top:8px;
  padding:0 13px;
  border:1px solid #d6dce1;
  border-radius:7px;
  background:#fff;
  font:inherit;
}

.glookup-form button{
  height:48px;
  border:0;
  border-radius:7px;
  background:#ff9138;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}

.glookup-guide{
  display:flex;
  gap:12px;
  margin-top:18px;
  padding:13px 15px;
  border-radius:7px;
  background:#f5f8fb;
  color:#75808a;
  font-size:12px;
}

.glookup-guide strong{
  color:#4f5963;
}

.glookup-message{
  width:min(760px,100%);
  margin:18px auto 0;
  padding:15px 17px;
  border-radius:8px;
}

.glookup-message--error{
  border:1px solid #ffd2d2;
  background:#fff2f2;
  color:#b64444;
}

.glookup-result{
  width:min(900px,100%);
  margin:34px auto 0;
  overflow:hidden;
  border:1px solid #e0e5e9;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(31,45,60,.07);
}

.glookup-result__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 26px;
  border-bottom:1px solid #e7eaed;
}

.glookup-result__head div{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.glookup-result__head span{
  color:#7b848d;
  font-size:12px;
}

.glookup-result__head strong{
  font-size:23px;
}

.glookup-status{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900;
}

.glookup-status--received{background:#aaaeb3}
.glookup-status--reviewing{background:#f0ad3c}
.glookup-status--paid{background:#59b5ed}
.glookup-status--partial{background:#4fce8a}
.glookup-status--rejected{background:#ff7a82}
.glookup-status--cancelled{background:#7d858d}

.glookup-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin:0;
  padding:24px 26px;
  gap:16px;
  border-bottom:1px solid #e7eaed;
}

.glookup-summary div{
  min-width:0;
}

.glookup-summary .full{
  grid-column:1/-1;
}

.glookup-summary dt{
  margin-bottom:7px;
  color:#7c858e;
  font-size:12px;
}

.glookup-summary dd{
  margin:0;
  color:#333a42;
  font-size:14px;
  font-weight:800;
  line-height:1.7;
}

.glookup-items{
  padding:25px 26px 30px;
}

.glookup-items h2{
  margin:0 0 16px;
  font-size:18px;
}

.glookup-items article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 0;
  border-bottom:1px solid #edf0f2;
}

.glookup-items article>div{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.glookup-items article>div:last-child{
  text-align:right;
}

.glookup-items article span{
  color:#7c858e;
  font-size:12px;
}

.glookup-empty{
  padding:55px 20px;
  color:#8b929a;
  text-align:center;
}

@media(max-width:760px){
  .glookup-page{
    min-height:500px;
    padding:38px 0 75px;
  }

  .glookup-card{
    padding:18px 14px;
    border-radius:11px;
  }

  .glookup-form{
    grid-template-columns:1fr;
  }

  .glookup-form button{
    margin-top:3px;
  }

  .glookup-guide{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }

  .glookup-result{
    margin-top:24px;
    border-radius:11px;
  }

  .glookup-result__head{
    align-items:flex-start;
    padding:19px 16px;
  }

  .glookup-result__head strong{
    font-size:18px;
  }

  .glookup-summary{
    grid-template-columns:1fr;
    padding:18px 16px;
  }

  .glookup-summary .full{
    grid-column:auto;
  }

  .glookup-items{
    padding:20px 16px 24px;
  }

  .glookup-items article{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }

  .glookup-items article>div:last-child{
    text-align:left;
  }
}