/* File: assets/zhady-qr-style.css (v2.0.0 fixed 1000) */

.zhady-qr-card{
  padding:18px;
  border:1px solid #eee;
  border-radius:18px;
  background:#fff;
  box-shadow: 0 8px 30px rgba(0,0,0,.04);
}

.zhady-qr-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px;
}

.zhady-qr-title{
  margin:0;
  font-size:28px;
  letter-spacing:-.02em;
}

.zhady-qr-subtitle{
  margin:6px 0 0;
  color:#666;
  font-size:13px;
  line-height:1.45;
}

.zhady-qr-grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:16px;
  align-items:start;
}

.zhady-qr-panel{
  border:1px solid #f0f0f0;
  border-radius:16px;
  padding:14px;
  background:#fafafa;
}

.zhady-qr-block{
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  padding:12px;
}

.zhady-qr-label{
  display:block;
  font-size:12px;
  color:#444;
  font-weight:900;
  letter-spacing:.02em;
}

.zhady-qr-input{
  width:100%;
  margin-top:8px;
  padding:12px 12px;
  border:1px solid #ddd;
  border-radius:12px;
  background:#fff;
  outline:none;
  box-sizing:border-box;
}

.zhady-qr-input:focus{
  border-color:#b9b9ff;
  box-shadow: 0 0 0 4px rgba(86, 90, 255, .12);
}

.zhady-qr-input[disabled]{
  opacity:.75;
  cursor:not-allowed;
  background:#f7f7f7;
}

.zhady-qr-row{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
  margin-top:12px;
}

.zhady-qr-hint{
  margin:8px 0 0;
  color:#777;
  font-size:12px;
  line-height:1.4;
}

.zhady-qr-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}

.zhady-qr-btn{
  padding:12px 16px;
  border:0;
  border-radius:12px;
  cursor:pointer;
  font-weight:900;
}

.zhady-qr-btn-secondary{
  border:1px solid #ddd;
  background:#fff;
  font-weight:900;
}

.zhady-qr-btn:disabled,
.zhady-qr-btn-secondary:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.zhady-qr-tip{
  margin-top:12px;
  padding:12px;
  border-radius:14px;
  background:#fff;
  border:1px dashed #e6e6e6;
  color:#444;
  font-size:12px;
  line-height:1.45;
}

/* Preview card */
.zhady-qr-preview{
  border:1px solid #f0f0f0;
  border-radius:16px;
  padding:14px;
  background:#fff;
}

.zhady-qr-preview-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

.zhady-qr-preview-title{ font-weight:900; }
.zhady-qr-preview-sub{
  color:#777;
  font-size:12px;
  margin-top:2px;
}

.zhady-qr-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid #eee;
  background:#fafafa;
  font-size:12px;
  font-weight:900;
}

/* Frame */
.zhady-qr-frame{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:12px;
  border-radius:16px;
  border:1px dashed #ddd;
  background:#fcfcfc;
  min-height:260px;
  font-family: Arial, sans-serif;
}

.zhady-qr-frame.is-memorial{
  border:4px solid #111;
  background:#fff;
}

/* Header (preview) */
.zhady-qr-header{
  width:100%;
  padding:0 8px;
  margin: 6px 0 10px;
  color:#111;
  font-weight:600;
  display:none;
  line-height:1.15;
  letter-spacing:.02em;
  text-transform:uppercase;
  font-family: Arial, sans-serif;
  box-sizing:border-box;
}

/* QR box */
.zhady-qr-box{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:10px;
  border-radius:14px;
  background:#fff;
  box-sizing:border-box;
}

.zhady-qr-box canvas,
.zhady-qr-box img{
  max-width: 100%;
  height: auto;
  display:block;
}

/* Footer (preview) */
.zhady-qr-footer{
  display:none;
  margin-top:14px;
  text-align:center;
  font-family: Arial, sans-serif;
}

.zhady-qr-brand{
  font-size:42px;
  font-weight:900;
  letter-spacing:.12em;
  color:#111;
}

.zhady-qr-tagline{
  font-size:22px;
  color:#555;
  margin-top:6px;
}

.zhady-qr-help{
  margin:10px 0 0;
  font-size:12px;
  color:#777;
  text-align:center;
}

/* Mobile notice */
.zhady-qr-mobile-note{
  display:none;
  background:#fff4d6;
  color:#663c00;
  padding:12px 14px;
  border-radius:12px;
  font-weight:700;
  margin: 0 0 14px;
  border: 1px solid rgba(102,60,0,.18);
}

@media (max-width: 900px){
  .zhady-qr-grid{ grid-template-columns: 1fr; }
  .zhady-qr-row{ grid-template-columns: 1fr; }

  .zhady-qr-mobile-note{ display:block; }

  .zhady-qr-help{
    display:block;
    background:#fff4d6;
    color:#663c00;
    padding:12px 14px;
    border-radius:12px;
    font-weight:700;
    margin:0 0 12px;
    border:1px solid rgba(102,60,0,.18);
  }

}