/* HelixGen Creator dashboard + signup/login. Scoped to .hg-* classes. */

.hg-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin:24px auto;max-width:560px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.hg-card h2{margin:0 0 8px;font-size:1.5rem;color:#0c1e3f}
.hg-card p{color:#374151;line-height:1.5}

.hg-form{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.hg-form label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:#0c1e3f;font-weight:500}
.hg-form label small{color:#6b7280;font-weight:400}
.hg-form input,.hg-form textarea{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:1rem;font-family:inherit;background:#fff}
.hg-form input:focus,.hg-form textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.hg-form button,.hg-card .button{background:#0c1e3f;color:#fff;border:0;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem;margin-top:8px}
.hg-form button:hover,.hg-card .button:hover{background:#1e3a8a}

.hg-success{background:#ecfdf5;color:#065f46;padding:12px 14px;border-radius:8px;margin-bottom:12px;border:1px solid #a7f3d0}
.hg-error{background:#fef2f2;color:#991b1b;padding:12px 14px;border-radius:8px;margin-bottom:12px;border:1px solid #fecaca}
.hg-info{background:#eff6ff;color:#1e3a8a;padding:12px 14px;border-radius:8px;border:1px solid #bfdbfe}

.hg-login form{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.hg-login label{font-size:.9rem;color:#0c1e3f;font-weight:500;display:flex;flex-direction:column;gap:4px}
.hg-login input[type=text],.hg-login input[type=password]{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:1rem}

.hg-dash{max-width:1100px;margin:24px auto;padding:0 16px}
.hg-dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:8px}
.hg-dash-head h1{margin:0;color:#0c1e3f;font-size:1.7rem}
.hg-logout{color:#6b7280;text-decoration:none;font-size:.9rem}
.hg-logout:hover{color:#0c1e3f}

.hg-dash-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.hg-dash-card h3{margin:0 0 12px;color:#0c1e3f}
.hg-dash-code small{color:#6b7280;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
.hg-dash-code .hg-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:2.2rem;font-weight:700;color:#0c1e3f;letter-spacing:.05em;margin:6px 0}
.hg-copy{background:#2563eb;color:#fff;border:0;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500}
.hg-copy:hover{background:#1d4ed8}

.hg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.hg-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}
.hg-stat small{color:#6b7280;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}
.hg-stat strong{display:block;font-size:1.6rem;color:#0c1e3f;margin-top:6px;font-weight:700}
.hg-stat-owed strong{color:#059669}

.hg-table{width:100%;border-collapse:collapse;font-size:.92rem}
.hg-table th,.hg-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #f3f4f6}
.hg-table th{color:#6b7280;font-weight:500;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}
.hg-status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:500}
.hg-status-pending{background:#fef3c7;color:#92400e}
.hg-status-paid{background:#d1fae5;color:#065f46}

.hg-fineprint{color:#6b7280;font-size:.85rem;margin-top:16px}
.hg-fineprint a{color:#2563eb}

/* Admin dashboard */
.hg-admin .hg-admin-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 16px;padding:6px;background:#f3f4f6;border-radius:10px}
.hg-admin .hg-admin-tabs a{padding:8px 16px;border-radius:6px;text-decoration:none;color:#6b7280;font-size:.9rem;font-weight:500}
.hg-admin .hg-admin-tabs a:hover{color:#0c1e3f;background:#fff}
.hg-admin .hg-admin-tabs a.is-active{color:#fff;background:#0c1e3f}
.hg-stats-7{grid-template-columns:repeat(7,1fr)}
.hg-inline-form{display:inline-flex;gap:6px;align-items:center;margin:0;flex-wrap:wrap}
.hg-inline-form input[type=number]{padding:4px 6px;font-size:.85rem;border:1px solid #d1d5db;border-radius:4px;width:56px}
.hg-inline-form button{background:#e5e7eb;color:#374151;border:0;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500}
.hg-inline-form button:hover{background:#d1d5db}
.hg-btn-pay{background:#059669!important;color:#fff!important}
.hg-btn-pay:hover{background:#047857!important}
.hg-tools{padding-left:0;list-style:none}
.hg-tools li{margin:10px 0;padding:8px 12px;background:#f9fafb;border-radius:6px}
.hg-tools li a{color:#2563eb;text-decoration:none;font-weight:500}
.hg-tools li a:hover{text-decoration:underline}

/* WC status colors */
.hg-status-completed{background:#d1fae5;color:#065f46}
.hg-status-processing{background:#dbeafe;color:#1e40af}
.hg-status-on-hold{background:#fef3c7;color:#92400e}
.hg-status-cancelled,.hg-status-failed,.hg-status-refunded{background:#fee2e2;color:#991b1b}

/* Product + coupon editors */
.hg-row-between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.hg-btn-pri{background:#0c1e3f;color:#fff;border:0;padding:8px 14px;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500;display:inline-block}
.hg-btn-pri:hover{background:#1e3a8a;color:#fff}
.hg-btn-link{color:#2563eb;font-size:.9rem;text-decoration:none}
.hg-btn-link:hover{text-decoration:underline}
.hg-btn-danger{background:#fee2e2!important;color:#991b1b!important}
.hg-btn-danger:hover{background:#fecaca!important}
.hg-muted{color:#9ca3af;font-size:.85rem}

.hg-form-wide{max-width:none}
.hg-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}
.hg-checkbox{flex-direction:row!important;align-items:center;gap:8px!important}
.hg-checkbox input{width:auto}
.hg-multi{min-height:120px;padding:8px}

.hg-products .hg-prod-thumb{width:54px;padding:6px 4px}
.hg-products .hg-prod-thumb img{width:46px;height:46px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;display:block}
.hg-products code{font-size:.82rem;color:#6b7280}
.hg-thumb-current img{max-width:160px;border-radius:8px;border:1px solid #e5e7eb;margin-top:4px}
.hg-status-publish{background:#d1fae5;color:#065f46}
.hg-status-draft{background:#f3f4f6;color:#6b7280}
.hg-status-pending{background:#fef3c7;color:#92400e}

.hg-pager{display:flex;gap:6px;margin-top:14px;justify-content:center}
.hg-pager a{padding:6px 12px;border-radius:6px;border:1px solid #e5e7eb;text-decoration:none;color:#374151;font-size:.85rem}
.hg-pager a.is-active{background:#0c1e3f;color:#fff;border-color:#0c1e3f}

/* Creator dashboard hero code */
.hg-code-hero{background:linear-gradient(135deg,#0c1e3f 0%,#1e3a8a 100%);color:#fff;border:0;text-align:center;padding:32px 24px}
.hg-code-hero-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:8px}
.hg-code-hero-value{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:3rem;font-weight:800;letter-spacing:.08em;line-height:1;margin:8px 0 16px}
.hg-code-hero-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.hg-code-hero-actions .hg-btn-pri{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;font-size:.9rem;cursor:pointer;border-radius:6px;font-weight:500}
.hg-code-hero-actions .hg-btn-pri:hover{background:rgba(255,255,255,.25)}
.hg-code-hero-sub{font-size:.9rem;color:#cbd5e1;margin:0;line-height:1.5;max-width:520px;margin-left:auto;margin-right:auto}
.hg-code-hero-sub strong{color:#fff}

.hg-stats-6{grid-template-columns:repeat(6,1fr)}
@media (max-width:1024px){.hg-stats-6{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.hg-stats-6{grid-template-columns:repeat(2,1fr)}}

/* Chart */
.hg-chart-wrap{position:relative;height:300px;width:100%}
.hg-chart-toggle{display:inline-flex;gap:2px;background:#f3f4f6;padding:4px;border-radius:8px}
.hg-chart-btn{background:transparent;border:0;padding:6px 12px;border-radius:6px;font-size:.85rem;color:#6b7280;cursor:pointer;font-weight:500}
.hg-chart-btn:hover{color:#0c1e3f}
.hg-chart-btn.is-active{background:#0c1e3f;color:#fff}

.hg-success-code{font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:1.1em;background:#fff;padding:2px 8px;border-radius:4px;color:#0c1e3f}

@media (max-width:1024px){
  .hg-stats-7{grid-template-columns:repeat(4,1fr)}
  .hg-grid-2{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hg-stats,.hg-stats-7{grid-template-columns:repeat(2,1fr)}
  .hg-dash-card{padding:16px}
  .hg-card{padding:18px;margin:16px}
  .hg-dash-code .hg-code{font-size:1.7rem}
  .hg-table{font-size:.82rem}
  .hg-table th,.hg-table td{padding:6px 4px}
}