.ebg-widget{max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.ebg-header{text-align:center;margin-bottom:2rem}
.ebg-title{color:#1f2937;font-size:2rem;line-height:1.2;margin:0 0 .5rem;font-weight:700}
.ebg-subtitle{color:#6b7280;font-size:1rem;margin:0 auto;max-width:640px}

.ebg-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.08);padding:1.5rem;margin-bottom:1.5rem}
.ebg-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.ebg-field{}
.ebg-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}
.ebg-input{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s}
.ebg-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}

.ebg-barcode-container{background:#f9fafb;border-radius:12px;padding:1rem;text-align:center;margin-top:1rem; min-height: 120px; display: flex; align-items: center; justify-content: center;}
.ebg-error{color: #ef4444; background: #fee2e2; border-radius: 8px; padding: 0.5rem 1rem; margin-top: 1rem;}
.ebg-button{background-color: #2563eb; color: #fff; border: none; padding: 0.75rem 1.5rem; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background-color .2s; margin-top: 1rem;}
.ebg-button:hover{background-color: #1d4ed8;}

.ebg-section-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1rem}
.ebg-howto{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.ebg-howto-item{padding:1rem;border-radius:8px}
.ebg-howto-warm{background:#fef3c7;color:#92400e}
.ebg-howto-calm{background:#d1fae5;color:#065f46}
.ebg-howto-cool{background:#dbeafe;color:#1e40af}

.ebg-content{color:#374151;line-height:1.7;font-size:1rem}
.ebg-content p{margin:.75rem 0}

@media (max-width:768px){
  .ebg-grid{grid-template-columns:1fr}
  .ebg-widget{padding:0 1rem}
}