/* Digital Dunia Premium Dark UI for Health CRM (Frontend) */

.hcf-dashboard,
.hcf-score-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin: 24px 0;
    font-family: system-ui, -apple-system, sans-serif;
}

.hcf-card,
.hcf-score-card,
.hcf-trends,
.hcf-ai-reader,
.hcf-ai-result {
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(148, 163, 255, 0.15);
    border-radius: 28px;
    padding: 32px;
    color: #cbd5e1;
    box-shadow: 0 32px 100px rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(24px);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hcf-card:hover, .hcf-score-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 40px 120px rgba(0, 0, 0, 0.8);
}

.hcf-card h2,
.hcf-score-card h3,
.hcf-trends h2,
.hcf-ai-reader h2 {
    color: #fff;
    font-weight: 900;
    letter-spacing: -0.02em;
    margin-top: 0;
    margin-bottom: 20px;
}

.hcf-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 16px;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(2, 6, 23, 0.4);
}

.hcf-table th,
.hcf-table td {
    padding: 12px 16px;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid rgba(148, 163, 255, 0.1);
}

.hcf-table th {
    background: rgba(79, 70, 229, 0.15);
    color: #fff;
    font-weight: 700;
}

.hcf-trend-flags ul,
.hcf-ai-result ul {
    margin-left: 18px;
    color: #e2e8f0;
}

.hcf-ai-reader textarea,
.hcf-ai-reader input[type="number"],
.hcf-ai-reader input[type="date"] {
    width: 100%;
    background: rgba(2, 6, 23, 0.5);
    color: #fff;
    border: 1px solid rgba(148, 163, 255, 0.2);
    border-radius: 14px;
    padding: 14px;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.hcf-ai-reader textarea:focus,
.hcf-ai-reader input:focus {
    border-color: #06b6d4;
    outline: none;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.2);
}

.hcf-chart-wrap {
    padding: 16px;
    border: 1px solid rgba(148, 163, 255, 0.15);
    border-radius: 16px;
    margin-bottom: 16px;
    background: rgba(2, 6, 23, 0.6);
}

.hcf-ai-reader button {
    background: linear-gradient(135deg, #4f46e5, #06b6d4);
    border: none;
    color: #fff;
    padding: 12px 24px;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(79, 70, 229, 0.4);
    transition: all 0.2s;
}

.hcf-ai-reader button:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(79, 70, 229, 0.6);
}


/* Digital Dunia Unified Premium OS UI v10.0 - single source of truth */
:root,
.duni-shell,
.dds-site,
.dds-portal-ready,
.dd-final-v8-ui,
.admin-builder-ui,
.admin-dashboard,
.admin-page,
.pa-dashboard,
.pa-public,
.qrcg-admin,
.qrcg-public,
.fos-wrap,
.hcf-wrap,
.rcm-wrap,
.lcc-wrap,
.leadpilot-wrap,
.bos-pcc-wrap,
.wpl-wrap,
.dem-wrap,
.nextthing-wrap,
.aah-wrap {
  --dd-bg:#020617;
  --dd-bg-2:#07111f;
  --dd-panel:rgba(15,23,42,.82);
  --dd-panel-2:rgba(8,13,28,.92);
  --dd-glass:rgba(255,255,255,.055);
  --dd-line:rgba(148,163,255,.18);
  --dd-line-strong:rgba(34,211,238,.30);
  --dd-text:#f8fbff;
  --dd-muted:#aab7d5;
  --dd-soft:#dbeafe;
  --dd-primary:#4f46e5;
  --dd-primary-2:#06b6d4;
  --dd-accent:#22d3ee;
  --dd-success:#10b981;
  --dd-warning:#f59e0b;
  --dd-danger:#ef4444;
  --dd-radius:24px;
  --dd-radius-sm:16px;
  --dd-shadow:0 24px 80px rgba(0,0,0,.36);
  --dd-shadow-soft:0 16px 45px rgba(2,6,23,.28);
  --dd-gradient:linear-gradient(135deg,var(--dd-primary),var(--dd-primary-2));
  --dd-card-gradient:linear-gradient(145deg,rgba(15,23,42,.92),rgba(6,14,33,.88));
  --dd-hero-gradient:radial-gradient(circle at 80% 12%,rgba(34,211,238,.24),transparent 26%),radial-gradient(circle at 16% 0%,rgba(79,70,229,.30),transparent 30%),linear-gradient(135deg,#020617,#081225 56%,#0f172a);
}

/* Base premium canvas */
body.dds-portal-ready,
body.dd-final-v8-ui,
.duni-shell,
.duni-os-page,
.duni-account-page,
[class*="duni-"][class*="page"],
[class*="-dashboard"],
[class*="-public"]{
  color:var(--dd-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.duni-shell{max-width:1500px!important;margin:0 auto!important;padding:34px 22px!important;}
.duni-shell *{box-sizing:border-box!important;}

/* Replace old green/white portal design */
.duni-nav,.duni-hero,.duni-suite-preview,.duni-page-head,.duni-card,.duni-os-card,.duni-panel,.duni-product-card,.duni-price-card,.duni-account-card,.duni-subscription,.duni-app-tile,.duni-command-card,
.admin-builder-head,.admin-builder-card,.admin-dashboard-card,
.pa-card,.pa-widget,.pa-panel,.qrcg-card,.qrcg-panel,.fos-card,.hcf-card,.rcm-card,.lcc-card,.leadpilot-card,.bos-pcc-card,.wpl-card,.dem-card,.nextthing-card,.aah-card,
.postbox,.metabox-holder .postbox{
  background:var(--dd-card-gradient)!important;
  border:1px solid var(--dd-line)!important;
  border-radius:var(--dd-radius)!important;
  color:var(--dd-text)!important;
  box-shadow:var(--dd-shadow)!important;
}
.duni-nav{position:sticky!important;top:16px!important;z-index:40!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:12px 14px!important;backdrop-filter:blur(22px)!important;}
.duni-nav a,.duni-brand{color:var(--dd-soft)!important;text-decoration:none!important;border-radius:999px!important;font-weight:850!important;}
.duni-nav a{padding:10px 13px!important;}
.duni-nav a:hover,.duni-nav a.is-active{background:rgba(79,70,229,.20)!important;color:#fff!important;}
.duni-brand span{background:var(--dd-gradient)!important;color:#fff!important;border-radius:14px!important;box-shadow:0 0 28px rgba(34,211,238,.24)!important;}

.duni-hero,.duni-page-head,.ddv8-hero,.ddv8-page-head{
  background:var(--dd-hero-gradient)!important;
  border:1px solid var(--dd-line)!important;
  border-radius:32px!important;
  box-shadow:var(--dd-shadow)!important;
  overflow:hidden!important;
}
.duni-hero h1,.duni-page-head h1,.duni-card h1,.duni-card h2,.duni-card h3,.duni-os-card h1,.duni-os-card h2,.duni-os-card h3,
.pa-card h1,.pa-card h2,.pa-card h3,.qrcg-card h1,.qrcg-card h2,.qrcg-card h3,
.fos-card h1,.fos-card h2,.fos-card h3,.hcf-card h1,.hcf-card h2,.hcf-card h3,.rcm-card h1,.rcm-card h2,.rcm-card h3,
.wrap h1,.wrap h2,.wrap h3{color:#fff!important;letter-spacing:-.035em!important;}
.duni-hero p,.duni-page-head p,.duni-card p,.duni-card li,.duni-os-card p,.duni-os-card li,.duni-panel p,.duni-panel li,
.pa-card p,.pa-card li,.qrcg-card p,.qrcg-card li,.fos-card p,.hcf-card p,.rcm-card p,.lcc-card p,.leadpilot-card p,.bos-pcc-card p,
.description,.form-table p.description{color:var(--dd-muted)!important;line-height:1.65!important;}
.duni-kicker,.duni-tag,.duni-card small,.duni-card-meta,.dd-badge,.pa-badge,.qrcg-badge{color:#67e8f9!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-weight:900!important;}

/* App-store cards and dashboards */
.duni-grid,.duni-market-grid,.duni-app-grid,.ddv8-grid,.ddv8-market-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:18px!important;align-items:stretch!important;}
.duni-card,.duni-product-card,.duni-app-tile{padding:22px!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;}
.duni-card:hover,.duni-product-card:hover,.duni-app-tile:hover,.pa-card:hover,.qrcg-card:hover{transform:translateY(-4px)!important;border-color:var(--dd-line-strong)!important;box-shadow:0 30px 95px rgba(2,6,23,.48)!important;}
.duni-card-actions,.duni-hero-actions,.dd-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:16px!important;}

/* Premium buttons */
.duni-button,.duni-button-primary,.button-primary,.wp-core-ui .button-primary,.btn-primary,
.pa-button,.qrcg-button,.fos-button,.hcf-button,.rcm-button,.lcc-button,.leadpilot-button,.bos-pcc-button,.wpl-button,
a.button,input[type="submit"],button[type="submit"]{
  background:var(--dd-gradient)!important;
  border:0!important;
  border-radius:999px!important;
  color:#fff!important;
  box-shadow:0 16px 38px rgba(79,70,229,.28)!important;
  font-weight:900!important;
  min-height:42px!important;
  padding:11px 18px!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.duni-button:hover,.button-primary:hover,.wp-core-ui .button-primary:hover,.btn-primary:hover,a.button:hover,button[type="submit"]:hover{transform:translateY(-2px)!important;box-shadow:0 22px 50px rgba(6,182,212,.28)!important;color:#fff!important;}
.duni-button-secondary,.button:not(.button-primary){background:rgba(255,255,255,.07)!important;border:1px solid var(--dd-line)!important;color:var(--dd-soft)!important;box-shadow:none!important;}

/* Forms, tables and generated output areas */
input:not([type="checkbox"]):not([type="radio"]),select,textarea,
.duni-shell input,.duni-shell select,.duni-shell textarea,
.pa-dashboard input,.pa-dashboard select,.pa-dashboard textarea,
.qrcg-admin input,.qrcg-admin select,.qrcg-admin textarea{
  background:rgba(15,23,42,.78)!important;
  border:1px solid rgba(148,163,255,.22)!important;
  border-radius:16px!important;
  color:#fff!important;
  min-height:44px!important;
  padding:10px 13px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
input::placeholder,textarea::placeholder{color:#7890b9!important;}
table,.wp-list-table,.duni-table{background:rgba(8,13,28,.76)!important;border:1px solid var(--dd-line)!important;border-radius:18px!important;overflow:hidden!important;color:var(--dd-text)!important;}
th,td,.wp-list-table th,.wp-list-table td{border-color:rgba(148,163,255,.12)!important;color:var(--dd-soft)!important;}
th,.wp-list-table th{background:rgba(79,70,229,.14)!important;color:#fff!important;font-weight:900!important;}

/* QR / preview / output: never white blank */
#qrcg-result,.qrcg-result,.qrcg-preview,.qr-preview,.qr-output,.generated-output,.pa-output,.duni-preview-grid div,.duni-suite-preview{
  background:linear-gradient(145deg,rgba(2,6,23,.90),rgba(15,23,42,.82))!important;
  border:1px solid var(--dd-line)!important;
  border-radius:22px!important;
  color:var(--dd-text)!important;
}
#qrcg-result img,.qrcg-result img,.qrcg-preview img,.qr-preview img{background:#fff!important;padding:14px!important;border-radius:18px!important;box-shadow:0 16px 45px rgba(0,0,0,.30)!important;}

/* Command center pattern */
.dd-command-bar,.duni-command-bar,.pa-command-bar,.qrcg-command-bar{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important;background:rgba(15,23,42,.74)!important;border:1px solid var(--dd-line)!important;border-radius:999px!important;padding:8px!important;box-shadow:var(--dd-shadow-soft)!important;}
.dd-metric-grid,.duni-metrics,.pa-metrics,.qrcg-metrics,.ddv8-metrics{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:14px!important;margin:18px 0!important;}
.dd-metric,.duni-metric,.pa-metric,.qrcg-metric,.ddv8-metrics article{background:rgba(255,255,255,.055)!important;border:1px solid var(--dd-line)!important;border-radius:20px!important;padding:18px!important;color:#fff!important;}
.dd-metric strong,.duni-metric strong,.pa-metric strong,.qrcg-metric strong{display:block!important;font-size:30px!important;color:#fff!important;}

/* Kill clashing white/green legacy styles inside Digital Dunia surfaces */
.duni-shell [style*="background:#fff"],.duni-shell [style*="background: #fff"],.duni-shell [style*="background:white"],.duni-shell [style*="background: white"],
.pa-dashboard [style*="background:#fff"],.qrcg-admin [style*="background:#fff"],.wrap [style*="background:#fff"]{background:var(--dd-card-gradient)!important;color:var(--dd-text)!important;border-color:var(--dd-line)!important;}
.duni-shell [style*="#0f7b63"],.duni-shell [style*="#095944"],.duni-shell [style*="hsl(170"]{color:var(--dd-accent)!important;}

/* Admin polish without breaking WP */
.wp-admin .wrap[class*="duni"],.wp-admin .wrap[class*="pa-"],.wp-admin .wrap[class*="qrcg"],.wp-admin .wrap[class*="fos"],.wp-admin .wrap[class*="hcf"],.wp-admin .wrap[class*="rcm"],.wp-admin .wrap[class*="lcc"],.wp-admin .wrap[class*="leadpilot"],.wp-admin .wrap[class*="bos"],.wp-admin .wrap[class*="wpl"]{background:var(--dd-bg)!important;padding:24px!important;border-radius:28px!important;}
.wp-admin .wrap[class*="duni"] .notice,.wp-admin .wrap[class*="pa-"] .notice,.wp-admin .wrap[class*="qrcg"] .notice{background:rgba(15,23,42,.92)!important;border-color:var(--dd-line-strong)!important;color:var(--dd-text)!important;border-radius:16px!important;}

/* Mobile app feel */
@media (max-width: 780px){
  .duni-shell{padding:18px 12px!important;}
  .duni-nav{position:static!important;display:grid!important;border-radius:22px!important;}
  .duni-nav>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .duni-hero,.duni-page-head{grid-template-columns:1fr!important;padding:26px 18px!important;border-radius:26px!important;}
  .duni-card-actions,.duni-hero-actions{display:grid!important;grid-template-columns:1fr!important;}
  .duni-button,a.button,button[type="submit"]{width:100%!important;text-align:center!important;justify-content:center!important;}
}