/* Golden Opportunities V2 — Dashboard App Styles */
:root {
  /* Golden Opportunities palette */
  --go-cream:#FDF8F0; --go-cream-dark:#F5F3EE; --go-warm-border:#DDD2C0;
  --go-gold:#B8860B; --go-gold-light:#FFF8E1; --go-gold-hover:#A07608;
  --go-burnt:#C4572A; --go-burnt-light:#FDE8E0;
  --go-ink:#1a1a1a; --go-ink-2:#344563; --go-ink-3:#6B778C; --go-ink-4:#B3B9C4;
  --go-white:#FFFFFF;
  --go-blue:#3B82F6; --go-blue-light:#EFF6FF;
  --go-green:#34A853; --go-green-light:#E8F5E9;
  --go-red:#EA4335; --go-red-light:#FCE8E6;
  --go-purple:#7B61FF; --go-purple-light:#F0ECFF;
  --go-amber:#FF9500; --go-amber-light:#FEF7E0;
  /* Surfaces */
  --go-bg:#ECEDEF; --go-surface:#FFFFFF; --go-surface-2:#F4F5F7;
  --go-border:rgba(0,0,0,.08); --go-border-2:rgba(0,0,0,.05);
  /* Layout */
  --go-topbar-h:52px; --go-r:12px; --go-r2:8px; --go-r3:18px;
  /* Typography */
  --go-font:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  --go-mono:'JetBrains Mono','SF Mono','Menlo',monospace;
  --go-serif:'Georgia','Playfair Display',serif;
  /* Shadows */
  --go-sh:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --go-sh2:0 4px 16px rgba(0,0,0,.09),0 1px 4px rgba(0,0,0,.05);
  --go-sh3:0 12px 40px rgba(0,0,0,.14),0 3px 10px rgba(0,0,0,.06);
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{overflow-x:hidden}
body{font-family:var(--go-font);background:var(--go-bg);color:var(--go-ink);line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:rgba(184,134,11,.15)}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-thumb{background:var(--go-ink-4);border-radius:2px}
a{color:var(--go-blue);text-decoration:none}
button,input,textarea,select{font-family:var(--go-font)}

/* ═══ ANIMATIONS ═══ */
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes slideUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes popIn{from{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes scanPulse{0%,100%{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.02)}}
@keyframes goldenShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}

/* ═══ TOPBAR ═══ */
.go-bar{position:fixed;top:0;left:0;right:0;z-index:300;height:var(--go-topbar-h);background:rgba(255,255,255,.88);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:.5px solid var(--go-border);padding:0 max(20px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between}
.go-bar-left{display:flex;align-items:center;gap:10px}
.go-bar-right{display:flex;gap:8px;align-items:center}
.go-brand{display:flex;align-items:center;gap:8px}
.go-brand-icon{width:28px;height:28px;border-radius:7px;background:linear-gradient(145deg,#B8860B,#D4A017);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(184,134,11,.3);font-size:14px}
.go-brand-name{font-size:15px;font-weight:700;color:var(--go-ink);letter-spacing:-.4px}
.go-brand-name em{font-style:normal;color:var(--go-gold)}
.go-brand-ver{font-family:var(--go-mono);font-size:8px;color:var(--go-ink-4);background:var(--go-surface-2);padding:2px 6px;border-radius:4px;border:.5px solid var(--go-border)}

/* Topbar buttons */
.go-bar-btn{height:32px;padding:0 14px;border-radius:var(--go-r2);font-size:12px;font-weight:600;cursor:pointer;letter-spacing:-.2px;border:none;transition:all .15s;display:flex;align-items:center;gap:6px}
.go-bar-btn.gold{background:linear-gradient(135deg,#B8860B,#D4A017);color:#fff;box-shadow:0 2px 8px rgba(184,134,11,.3)}
.go-bar-btn.gold:hover{background:linear-gradient(135deg,#A07608,#B8860B);transform:translateY(-1px)}
.go-bar-btn.ghost{background:rgba(0,0,0,.04);color:var(--go-ink-2)}
.go-bar-btn.ghost:hover{background:rgba(0,0,0,.07)}
.go-bar-btn:disabled{opacity:.35;pointer-events:none}

/* Burger / App launcher */
.go-burger{width:30px;height:30px;padding:0;border-radius:var(--go-r2);border:none;background:rgba(0,0,0,.04);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}
.go-burger:hover{background:rgba(0,0,0,.07)}
.go-burger svg{width:14px;height:14px;color:var(--go-ink-2)}

/* ═══ MAIN LAYOUT ═══ */
.go-main{margin-top:var(--go-topbar-h);min-height:calc(100vh - var(--go-topbar-h));padding:20px;max-width:1200px;margin-left:auto;margin-right:auto}

/* ═══ MY CONTEXT PANEL ═══ */
.go-context{background:var(--go-white);border:.5px solid var(--go-border);border-radius:var(--go-r3);box-shadow:var(--go-sh);margin-bottom:20px;overflow:hidden;animation:fadeUp .3s ease}
.go-context-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.go-context-header:hover{background:rgba(0,0,0,.02)}
.go-context-title{font-size:14px;font-weight:700;color:var(--go-ink);display:flex;align-items:center;gap:8px}
.go-context-toggle{font-size:10px;color:var(--go-ink-4);transition:transform .2s}
.go-context-body{padding:0 20px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.go-context-body.collapsed{display:none}
.go-ctx-field{display:flex;flex-direction:column;gap:4px}
.go-ctx-field.full{grid-column:1/-1}
.go-ctx-label{font-size:11px;font-weight:600;color:var(--go-ink-3);letter-spacing:.02em;text-transform:uppercase}
.go-ctx-input{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:var(--go-r2);font-size:13px;color:var(--go-ink);background:var(--go-surface-2);transition:border-color .15s}
.go-ctx-input:focus{outline:none;border-color:var(--go-gold);box-shadow:0 0 0 3px rgba(184,134,11,.1)}
textarea.go-ctx-input{min-height:60px;resize:vertical}

/* ═══ SCAN SECTION ═══ */
.go-scan{background:var(--go-white);border:.5px solid var(--go-border);border-radius:var(--go-r3);box-shadow:var(--go-sh);margin-bottom:20px;overflow:hidden}
.go-scan-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between}
.go-scan-title{font-family:var(--go-serif);font-size:18px;font-weight:700;color:var(--go-ink)}
.go-scan-btn{padding:10px 24px;border:none;background:linear-gradient(135deg,#B8860B,#D4A017);border-radius:var(--go-r2);font-size:14px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 2px 8px rgba(184,134,11,.3);letter-spacing:.2px}
.go-scan-btn:hover{background:linear-gradient(135deg,#A07608,#B8860B);box-shadow:0 4px 12px rgba(184,134,11,.4);transform:translateY(-1px)}
.go-scan-btn:disabled{opacity:.4;pointer-events:none}

/* Scan progress */
.go-scan-progress{display:none;padding:16px 20px;border-top:.5px solid var(--go-border)}
.go-scan-progress.active{display:block}
.go-scan-stage{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:12px;color:var(--go-ink-3)}
.go-scan-stage .icon{font-size:14px;width:20px;text-align:center}
.go-scan-stage.done{color:var(--go-green)}
.go-scan-stage.active{color:var(--go-ink);font-weight:600}
.go-scan-stage.active .icon{animation:pulse 1.5s infinite}
.go-scan-bar{height:3px;background:var(--go-surface-2);border-radius:2px;overflow:hidden;margin-top:8px}
.go-scan-fill{height:100%;background:linear-gradient(90deg,var(--go-gold),#D4A017);border-radius:2px;transition:width .5s ease}

/* ═══ RESULTS GRID ═══ */
.go-results{display:grid;grid-template-columns:1fr 1fr;gap:16px;animation:fadeUp .3s ease}
@media(max-width:900px){.go-results{grid-template-columns:1fr}}
.go-results-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;text-align:center;padding:48px 24px;color:var(--go-ink-3)}
.go-results-empty .icon{font-size:32px;margin-bottom:16px;opacity:.6}
.go-results-empty .title{font-size:16px;font-weight:700;color:var(--go-ink);margin-bottom:8px}
.go-results-empty .sub{font-size:12px;color:var(--go-ink-4);max-width:300px;line-height:1.6}

/* ═══ OPPORTUNITY CARD ═══ */
.go-card{background:var(--go-white);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:all .25s;border:.5px solid var(--go-border);box-shadow:var(--go-sh);animation:popIn .3s ease}
.go-card:hover{box-shadow:var(--go-sh2);transform:translateY(-2px)}
.go-card-stripe{height:4px;width:100%}
.go-card-stripe.golden{background:linear-gradient(90deg,#B8860B,#D4A017)}
.go-card-stripe.intel{background:linear-gradient(90deg,var(--go-blue),#60A5FA)}
.go-card-stripe.watch{background:linear-gradient(90deg,var(--go-amber),#FFC107)}
.go-card-stripe.threat{background:linear-gradient(90deg,var(--go-red),#FF6B6B)}

.go-card-head{padding:14px 18px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.go-card-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:10px}
.go-card-cat.golden{background:var(--go-gold-light);color:var(--go-gold)}
.go-card-cat.intel{background:var(--go-blue-light);color:var(--go-blue)}
.go-card-cat.watch{background:var(--go-amber-light);color:#b36b00}
.go-card-cat.threat{background:var(--go-red-light);color:var(--go-red)}
.go-card-conf{font-family:var(--go-mono);font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px}
.go-card-conf-bar{width:50px;height:5px;background:#eee;border-radius:3px;overflow:hidden}
.go-card-conf-fill{height:100%;border-radius:3px;transition:width .5s ease}

.go-card-body{padding:12px 18px 14px}
.go-card-title{font-family:var(--go-serif);font-size:15px;font-weight:700;color:var(--go-ink);line-height:1.3;margin-bottom:6px}
.go-card-anchor{font-size:11px;font-weight:600;color:var(--go-gold);margin-bottom:8px;display:flex;align-items:center;gap:4px}
.go-card-summary{font-size:12px;color:var(--go-ink-2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.go-card-meta{padding:10px 18px;border-top:.5px solid var(--go-border-2);display:flex;flex-wrap:wrap;gap:8px}
.go-card-tag{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:500;background:var(--go-surface-2);color:var(--go-ink-3)}
.go-card-tag.urgency{background:var(--go-red-light);color:var(--go-red)}

.go-card-actions{padding:10px 18px 14px;border-top:.5px solid var(--go-border-2);display:flex;gap:8px}
.go-card-btn{flex:1;padding:8px 12px;border:1px solid #e5e5e5;border-radius:var(--go-r2);background:var(--go-white);font-size:11px;font-weight:600;color:var(--go-ink-2);cursor:pointer;transition:all .15s;text-align:center}
.go-card-btn:hover{background:var(--go-surface-2);border-color:#ccc;transform:translateY(-1px)}
.go-card-btn.primary{background:var(--go-gold);color:#fff;border-color:var(--go-gold)}
.go-card-btn.primary:hover{background:var(--go-gold-hover)}

/* ═══ ENRICHMENT PANEL ═══ */
.go-enrich{display:none;padding:12px 18px;border-top:.5px solid var(--go-border-2);background:var(--go-cream);animation:slideUp .2s ease}
.go-enrich.open{display:block}
.go-enrich-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:.5px solid var(--go-border-2);font-size:12px}
.go-enrich-row:last-child{border-bottom:none}
.go-enrich-label{font-weight:600;color:var(--go-ink-3);min-width:100px}
.go-enrich-value{color:var(--go-ink);text-align:right}
.go-enrich-conf{font-family:var(--go-mono);font-size:10px;color:var(--go-ink-4);margin-left:8px}
.go-enrich-loading{text-align:center;padding:16px;color:var(--go-ink-4);font-size:12px}

/* ═══ DETAIL MODAL ═══ */
.go-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:500;display:none;align-items:center;justify-content:center;animation:fadeIn .15s}
.go-modal-overlay.active{display:flex}
.go-modal{background:var(--go-white);border-radius:var(--go-r3);max-width:700px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:var(--go-sh3);animation:popIn .2s ease}
.go-modal-header{padding:20px 24px;border-bottom:.5px solid var(--go-border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--go-white);z-index:1;border-radius:var(--go-r3) var(--go-r3) 0 0}
.go-modal-title{font-family:var(--go-serif);font-size:18px;font-weight:700;color:var(--go-ink)}
.go-modal-close{width:32px;height:32px;border:none;background:var(--go-surface-2);border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}
.go-modal-close:hover{background:#eee}
.go-modal-body{padding:24px}
.go-modal-section{margin-bottom:20px}
.go-modal-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--go-ink-3);margin-bottom:8px}

/* ═══ WORKFLOW PANEL ═══ */
.go-workflow{display:none;padding:16px 18px;border-top:.5px solid var(--go-border-2);background:var(--go-cream);animation:slideUp .2s ease}
.go-workflow.open{display:block}
.go-workflow-content{font-size:13px;line-height:1.7;color:var(--go-ink-2)}
.go-workflow-content h3{font-family:var(--go-serif);font-size:15px;color:var(--go-ink);margin:12px 0 6px}
.go-workflow-content ul{margin:4px 0 8px 16px}
.go-workflow-content li{margin:2px 0}

/* ═══ INTEL MAP / REPORT ═══ */
.go-report{background:var(--go-white);border:.5px solid var(--go-border);border-radius:var(--go-r3);box-shadow:var(--go-sh);padding:24px;margin-bottom:20px;display:none}
.go-report.active{display:block;animation:fadeUp .3s ease}
.go-report-headline{font-family:var(--go-serif);font-size:22px;font-weight:700;color:var(--go-ink);margin-bottom:4px}
.go-report-sub{font-size:13px;color:var(--go-ink-3);margin-bottom:20px}
.go-report-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:20px}
.go-report-metric{text-align:center;padding:12px;background:var(--go-surface-2);border-radius:var(--go-r2)}
.go-report-metric-val{font-family:var(--go-mono);font-size:20px;font-weight:700;color:var(--go-ink)}
.go-report-metric-label{font-size:10px;color:var(--go-ink-3);text-transform:uppercase;letter-spacing:.03em;margin-top:2px}

/* ═══ TOAST ═══ */
.go-toasts{position:fixed;bottom:20px;right:20px;z-index:600;display:flex;flex-direction:column;gap:8px}
.go-toast{padding:10px 16px;background:var(--go-ink);color:#fff;border-radius:var(--go-r2);font-size:12px;font-weight:500;box-shadow:var(--go-sh2);animation:slideUp .3s ease;display:flex;align-items:center;gap:8px;max-width:320px}

/* ═══ FOLDERS / FILTER BAR ═══ */
.go-filter-bar{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding:4px 0;-webkit-overflow-scrolling:touch}
.go-filter-bar::-webkit-scrollbar{display:none}
.go-filter-pill{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;border:1px solid var(--go-border);background:var(--go-white);color:var(--go-ink-3);cursor:pointer;white-space:nowrap;transition:all .15s}
.go-filter-pill:hover{border-color:var(--go-gold);color:var(--go-gold)}
.go-filter-pill.active{background:var(--go-gold);color:#fff;border-color:var(--go-gold)}
.go-filter-count{font-family:var(--go-mono);font-size:9px;margin-left:4px;opacity:.7}

/* ═══ SORT CONTROLS ═══ */
.go-sort-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.go-sort-label{font-size:11px;color:var(--go-ink-4);font-weight:500}
.go-sort-select{padding:4px 8px;border:1px solid var(--go-border);border-radius:var(--go-r2);font-size:11px;background:var(--go-white);color:var(--go-ink-2);cursor:pointer}

/* ═══ LOADING STATES ═══ */
.go-skeleton{background:linear-gradient(90deg,var(--go-surface-2) 25%,#e8e8e8 50%,var(--go-surface-2) 75%);background-size:200% 100%;animation:goldenShimmer 1.5s infinite;border-radius:var(--go-r2)}
.go-spinner{width:16px;height:16px;border:2px solid var(--go-border);border-top-color:var(--go-gold);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}

/* ═══ RESPONSIVE ═══ */
@media(max-width:768px){
  .go-main{padding:12px}
  .go-context-body{grid-template-columns:1fr}
  .go-bar{padding:0 12px}
  .go-brand-name{font-size:13px}
  .go-card-body{padding:10px 14px}
  .go-modal{width:95%;max-height:90vh}
}