.hdos-confirmation-card{
  width:min(880px,92vw);
  margin:0 auto;
  padding:30px;
  border-radius:24px;
  background:#fff;
  color:#10243a;
  box-shadow:0 28px 80px rgba(4,24,40,.2);
}
.hdos-confirmation-card.is-confirmed{border-top:5px solid #2ca36a}
.hdos-confirmation-card.is-pending{border-top:5px solid #d2a74f}
.hdos-confirmation-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}
.hdos-confirmation-kicker{
  display:block;
  margin-bottom:6px;
  color:#6e8291;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hdos-confirmation-header h1{
  margin:0 0 8px;
  font-size:32px;
  line-height:1.1;
  color:#082b49;
}
.hdos-confirmation-header p{margin:0;color:#607584}
.hdos-status-pill{
  padding:8px 12px;
  border-radius:999px;
  background:#edf7f2;
  color:#25704c;
  font-weight:800;
  white-space:nowrap;
}
.hdos-reference-box{
  margin:24px 0;
  padding:18px;
  border-radius:16px;
  background:#f6f3ed;
  color:#082b49;
  font-size:30px;
  font-weight:900;
  text-align:center;
  letter-spacing:.03em;
}
.hdos-reservation-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.hdos-reservation-grid>div{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:14px;
  border:1px solid #e0e6ea;
  border-radius:12px;
  background:#fbfcfd;
}
.hdos-reservation-grid span{font-size:12px;color:#6e8291}
.hdos-reservation-grid strong{font-size:15px;color:#082b49}
.hdos-request-box{
  margin-top:14px;
  padding:14px;
  border-radius:12px;
  background:#fff9eb;
}
.hdos-request-box span{font-size:12px;color:#8b6a25}
.hdos-request-box p{margin:5px 0 0}
.hdos-confirmation-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.hdos-primary-action,
.hdos-secondary-action{
  min-height:46px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}
.hdos-primary-action{
  border:1px solid #082b49;
  background:#082b49;
  color:#fff;
}
.hdos-secondary-action{
  border:1px solid #cbd6dd;
  background:#fff;
  color:#082b49;
}
.hdos-confirmation-note{
  margin:18px 0 0;
  color:#6e8291;
  text-align:center;
}
.hdos-guest-page{
  margin:0;
  background:#eef3f6;
}
.hdos-guest-shell{
  min-height:100vh;
  padding:40px 20px;
}
.hdos-guest-brand{
  width:min(880px,92vw);
  margin:0 auto 18px;
  color:#082b49;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
@media(max-width:700px){
  .hdos-confirmation-card{padding:20px}
  .hdos-confirmation-header{flex-direction:column}
  .hdos-reservation-grid{grid-template-columns:1fr}
  .hdos-reference-box{font-size:22px}
  .hdos-confirmation-actions{flex-direction:column}
}
@media print{
  .hdos-confirmation-actions,.hdos-guest-brand{display:none!important}
  .hdos-confirmation-card{box-shadow:none;width:100%;padding:0}
}