/*
Theme Name: helpdesk
Theme URI: https://appnestdigital.com
Author: AppNest Digital
Author URI: https://appnestdigital.com
Description: Secure multi-theme support portal with Envato purchase verification for ThemeForest products.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: helpdesk
*/

:root {
  --hd-bg: #f3f6f9;
  --hd-surface: #ffffff;
  --hd-primary: #0f4c81;
  --hd-accent: #ff7a18;
  --hd-text: #1b2430;
  --hd-muted: #5b6675;
  --hd-border: #d6dde5;
  --hd-success: #15803d;
  --hd-danger: #b91c1c;
}

body {
  margin: 0;
  font-family: "Segoe UI", Tahoma, sans-serif;
  background: radial-gradient(circle at top left, #e9f2fb 0%, #f3f6f9 45%, #eef2f6 100%);
  color: var(--hd-text);
}

.hd-wrap {
  max-width: 1150px;
  margin: 0 auto;
  padding: 24px;
}

.hd-card {
  background: var(--hd-surface);
  border: 1px solid var(--hd-border);
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 6px 18px rgba(9, 20, 33, 0.06);
}

.hd-grid {
  display: grid;
  gap: 16px;
}

.hd-grid.themes {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.hd-btn {
  display: inline-block;
  border: 0;
  border-radius: 10px;
  padding: 10px 14px;
  color: #fff;
  background: linear-gradient(135deg, var(--hd-primary), #2563a9);
  text-decoration: none;
  cursor: pointer;
}

.hd-btn.secondary {
  background: linear-gradient(135deg, #1f2937, #4b5563);
}

.hd-input,
.hd-select,
.hd-textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--hd-border);
  border-radius: 10px;
  box-sizing: border-box;
}

.hd-form-row {
  margin-bottom: 12px;
}

.hd-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  color: #fff;
}

.hd-badge.active { background: var(--hd-success); }
.hd-badge.expired { background: var(--hd-danger); }
.hd-badge.extended { background: #0d9488; }

.hd-alert {
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 12px;
}

.hd-alert.error { background: #fee2e2; color: #7f1d1d; }
.hd-alert.success { background: #dcfce7; color: #14532d; }
.hd-alert.info { background: #e0f2fe; color: #0c4a6e; }

@media (max-width: 720px) {
  .hd-wrap { padding: 14px; }
}