/* ============================================================
   Moonya v2 — Brain
   Izvor: design-previews/moonya-brain-concept.html
   View-scoped (#v-brain + #srcModal.brv2-modal): ne curi u druge ekrane.
   ============================================================ */

#v-brain .brv2-page{max-width:1450px;margin:0 auto;min-width:0}
#v-brain .brv2-page *,#v-brain .brv2-page *::before,#v-brain .brv2-page *::after{box-sizing:border-box!important}

/* ---- Command ---- */
#v-brain .brv2-command{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:12px 0 20px}
#v-brain .brv2-command-copy{min-width:0}
#v-brain .brv2-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 8px;color:#215bc3!important;font:700 10px "Space Mono",monospace!important;letter-spacing:.13em;text-transform:uppercase}
#v-brain .brv2-eyebrow::before{content:"";width:22px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--moonya-cyan),var(--moonya-violet))}
#v-brain .brv2-title{margin:0!important;font:800 clamp(38px,4.3vw,60px)/.95 "Bricolage Grotesque",sans-serif!important;letter-spacing:-.055em!important;color:var(--moonya-navy-950)!important}
#v-brain .brv2-desc{max-width:690px;margin:12px 0 0!important;color:var(--moonya-muted)!important;font-size:12.5px;line-height:1.55}
#v-brain .brv2-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
#v-brain .brv2-btn{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--moonya-line);border-radius:12px;background:#fff;color:var(--moonya-navy-900);font-size:10.5px;font-weight:800;white-space:nowrap;font-family:inherit;cursor:pointer;box-shadow:0 3px 12px rgba(4,21,63,.03)}
#v-brain .brv2-btn svg{width:15px;height:15px;flex:0 0 auto}
#v-brain .brv2-btn:hover{border-color:#cfd9ef;background:#fafdff}
#v-brain .brv2-btn:disabled{opacity:.55;cursor:not-allowed}
#v-brain .brv2-btn.sm{min-height:37px;padding:0 12px;font-size:9.5px}
#v-brain .brv2-btn.primary{border:0;color:#fff;background:linear-gradient(115deg,#103e94,#215bc3 54%,#8350d8);box-shadow:0 11px 24px rgba(33,91,195,.2)}
#v-brain .brv2-btn.primary:hover{filter:brightness(1.06)}
#v-brain .brv2-btn.soft{background:#eff5ff;border-color:#dbe8fb;color:#1b58b2}

/* ---- Shell / kartice ---- */
#v-brain .brv2-shell{min-width:0;padding:8px;border:1px solid #dce4f3;border-radius:23px;background:#e7edf8;box-shadow:var(--moonya-shadow)}
#v-brain .brv2-card{min-width:0;height:100%;border:1px solid var(--moonya-line);border-radius:16px;background:#fff}
#v-brain .brv2-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#eef4ff;color:#3161ae;font:700 8px "Space Mono",monospace;white-space:nowrap;text-transform:uppercase}
#v-brain .brv2-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}

/* ---- Hero: mapa signala ---- */
#v-brain .brv2-hero{position:relative;min-height:250px;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(520px,1.25fr);gap:28px;align-items:center;padding:30px 32px;overflow:hidden;color:#fff;background:linear-gradient(125deg,#061e55 0%,#0a3b87 52%,#49258d 100%)}
#v-brain .brv2-hero::after{content:"";position:absolute;right:-90px;top:-160px;width:430px;height:430px;border:1px solid rgba(95,218,247,.25);border-radius:50%;box-shadow:0 0 0 46px rgba(95,218,247,.035),0 0 0 92px rgba(177,78,239,.035)}
#v-brain .brv2-hero-copy{position:relative;z-index:1;min-width:0}
#v-brain .brv2-kicker{display:inline-flex;align-items:center;gap:7px;color:#9ce9f7;font:700 8.5px "Space Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
#v-brain .brv2-kicker i{width:7px;height:7px;border-radius:50%;background:#37e1aa;box-shadow:0 0 0 4px rgba(55,225,170,.12)}
#v-brain .brv2-hero h3{max-width:530px;margin:15px 0 10px!important;font:800 clamp(28px,2.8vw,40px)/1 "Bricolage Grotesque",sans-serif!important;letter-spacing:-.045em!important;color:#fff!important}
#v-brain .brv2-hero p{max-width:550px;margin:0!important;color:#c3d1eb!important;font-size:11.5px;line-height:1.65}
#v-brain .brv2-map{position:relative;z-index:1;width:100%;max-width:620px;height:238px;min-width:0;margin:auto}
#v-brain .brv2-map-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#v-brain .brv2-map-path{fill:none;stroke:rgba(126,207,244,.28);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:5 8;animation:brv2SignalLine 7s linear infinite}
#v-brain .brv2-map-path.out{stroke:rgba(178,107,240,.4)}
@keyframes brv2SignalLine{to{stroke-dashoffset:-52}}
#v-brain .brv2-signal{fill:#67e6f5;filter:drop-shadow(0 0 5px rgba(75,226,247,.9))}
#v-brain .brv2-signal.out{fill:#c97af3}
#v-brain .brv2-node{position:absolute;width:126px;min-height:52px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.08);box-shadow:0 8px 22px rgba(3,17,54,.15);backdrop-filter:blur(5px)}
#v-brain .brv2-node i{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(91,219,241,.13);font-style:normal;color:#fff}
#v-brain .brv2-node i svg{width:15px;height:15px}
#v-brain .brv2-node b{display:block;color:#fff;font-size:8.5px}
#v-brain .brv2-node span{display:block;margin-top:2px;color:#aebede;font-size:6.8px}
#v-brain .brv2-map-ig{left:0;top:18px}
#v-brain .brv2-map-brand{left:6px;bottom:30px}
#v-brain .brv2-map-results{right:0;top:93px}
#v-brain .brv2-map-comp{right:6px;bottom:30px}
#v-brain .brv2-brain{position:absolute;left:50%;top:45%;width:92px;height:92px;display:grid;place-items:center;border:1px solid rgba(112,228,248,.5);border-radius:30px;background:radial-gradient(circle at 35% 25%,rgba(85,226,244,.35),transparent 40%),linear-gradient(145deg,#0e65b6,#623cc0);box-shadow:0 0 0 9px rgba(59,207,237,.055),0 16px 38px rgba(1,14,49,.34);transform:translate(-50%,-50%)}
#v-brain .brv2-brain::before,#v-brain .brv2-brain::after{content:"";position:absolute;border:1px solid rgba(106,225,246,.25);border-radius:34px;animation:brv2BrainPulse 3.6s ease-out infinite}
#v-brain .brv2-brain::before{inset:-10px}
#v-brain .brv2-brain::after{inset:-20px;animation-delay:1.2s}
@keyframes brv2BrainPulse{0%,35%{opacity:.15;transform:scale(.92)}70%,100%{opacity:.55;transform:scale(1.04)}}
#v-brain .brv2-brain svg{width:43px;height:43px;color:#fff;filter:drop-shadow(0 5px 8px rgba(0,0,0,.2))}
#v-brain .brv2-brain b{position:absolute;top:101px;color:#dce8ff;font:700 7.5px "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
#v-brain .brv2-output{position:absolute;left:50%;bottom:0;display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(201,122,243,.35);border-radius:999px;background:rgba(117,63,193,.24);color:#efe1ff;font-size:7.5px;font-weight:800;white-space:nowrap;transform:translateX(-50%)}
#v-brain .brv2-output i{width:6px;height:6px;border-radius:50%;background:#ca7af3;box-shadow:0 0 0 4px rgba(202,122,243,.12)}

/* ---- Grid ---- */
#v-brain .brv2-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px;margin-top:13px}
#v-brain .brv2-span7{grid-column:span 7}
#v-brain .brv2-span5{grid-column:span 5}
#v-brain .brv2-span12{grid-column:span 12}
#v-brain .brv2-section{height:100%;padding:18px;display:flex;flex-direction:column}
#v-brain .brv2-section>.brv2-knowledge{flex:1;align-content:start}
#v-brain .brv2-know-foot{margin-top:auto}
#v-brain .brv2-section .brv2-know-foot{margin-top:11px}
#v-brain .brv2-span7 .brv2-section .brv2-know-foot{margin-top:auto}
#v-brain .brv2-sec-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
#v-brain .brv2-sec-head h3{margin:0!important;font:800 18px "Bricolage Grotesque",sans-serif!important;color:var(--moonya-navy-950)!important}
#v-brain .brv2-sec-head p{margin:4px 0 0!important;color:#7d899c!important;font-size:9.5px;line-height:1.45}
#v-brain .brv2-mini-status{padding:6px 9px;border-radius:999px;background:#e9f8f2;color:#16825e;font:700 8px "Space Mono",monospace;white-space:nowrap}
#v-brain .brv2-mini-status.warn{background:#fff4e3;color:#b16a10}

/* ---- Šta Brain zna ---- */
#v-brain .brv2-knowledge{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#v-brain .brv2-fact{position:relative;min-width:0;padding:14px;border:1px solid var(--moonya-line);border-radius:14px;background:#f8faff}
#v-brain .brv2-fact.ok::before{content:"✓";position:absolute;right:12px;top:12px;width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:#e1f7ef;color:#16825e;font-size:9px;font-weight:900}
#v-brain .brv2-fact label{display:block;color:#8290a4;font:700 7.5px "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
#v-brain .brv2-fact b{display:block;margin-top:7px;padding-right:26px;color:#2a3951;font-size:10.5px;line-height:1.5;overflow-wrap:anywhere;white-space:normal}
#v-brain .brv2-fact:not(.ok) b{color:#8b96a9;font-weight:600}
#v-brain .brv2-know-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding:10px 12px;border-radius:11px;background:#edf5ff;color:#4d6590;font-size:8.5px}
#v-brain .brv2-know-link{border:0;padding:0;background:transparent;color:#2159ae;font:800 8.5px Manrope,inherit;cursor:pointer;white-space:nowrap}
#v-brain .brv2-know-link:hover{text-decoration:underline}

/* ---- Odakle Brain uči ---- */
#v-brain .brv2-sources{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#v-brain .brv2-source{position:relative;min-width:0;min-height:120px;padding:13px;border:1px solid var(--moonya-line);border-radius:14px;background:#fff}
#v-brain .brv2-source-top{display:flex;align-items:center;gap:8px}
#v-brain .brv2-source-icon{width:33px;height:33px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:linear-gradient(135deg,#e3faff,#efe7ff);color:#215cc0;font-size:14px}
#v-brain .brv2-source-icon svg{width:16px;height:16px}
#v-brain .brv2-source-title{min-width:0;flex:1}
#v-brain .brv2-source-title b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2c3b53;font-size:9.5px}
#v-brain .brv2-source-title span{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8793a5;font-size:7.5px}
#v-brain .brv2-source p{margin:11px 0 0!important;color:#7b8799!important;font-size:8.5px;line-height:1.5}
#v-brain .brv2-status{position:absolute;right:11px;top:11px;width:7px;height:7px;border-radius:50%;background:#29d99c;box-shadow:0 0 0 4px rgba(41,217,156,.11)}
#v-brain .brv2-source.is-off .brv2-status{background:#c9d2e0;box-shadow:0 0 0 4px rgba(146,157,175,.1)}
#v-brain .brv2-source.custom .brv2-status{background:#7953dc;box-shadow:0 0 0 4px rgba(121,83,220,.12)}
#v-brain .brv2-remove{position:absolute;right:8px;bottom:7px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #e2e8f2;border-radius:9px;background:#fff;color:#8b97aa;font-size:15px;cursor:pointer}
#v-brain .brv2-remove:hover{background:#fff0f2;color:#c9455b}
#v-brain .brv2-source-cta{margin-top:10px}

/* ---- Playbook ---- */
#v-brain .brv2-playbook{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:18px}
#v-brain .brv2-summary{min-width:0;padding:18px;border-radius:15px;color:#fff;background:linear-gradient(145deg,#07245e,#0e438d 62%,#4d288d)}
#v-brain .brv2-summary-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#98e8f6;font:700 8px "Space Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
#v-brain .brv2-summary-body{margin:16px 0 0;color:#e8eefb;font-size:12px;line-height:1.65;font-weight:600}
#v-brain .brv2-summary-foot{display:flex;align-items:center;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);color:#99acd0;font-size:8px}
#v-brain .brv2-summary-foot i{width:7px;height:7px;border-radius:50%;background:#31dda2;flex:0 0 auto}
#v-brain .brv2-insights{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#v-brain .brv2-insight-col{min-width:0;padding:14px;border:1px solid var(--moonya-line);border-radius:14px;background:#fbfcfe}
#v-brain .brv2-insight-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
#v-brain .brv2-insight-head b{color:#16825e;font-size:9.5px}
#v-brain .brv2-insight-col.bad .brv2-insight-head b{color:#bc4659}
#v-brain .brv2-insight-list{display:grid;gap:7px}
#v-brain .brv2-insight{display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:11px;background:#eaf8f3;color:#38594e;font-size:9px;line-height:1.5}
#v-brain .brv2-insight i{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:#d6f1e6;color:#16825e;font-style:normal;font-weight:900;font-size:9px}
#v-brain .brv2-insight.is-avoid{background:#fff1f3;color:#704852}
#v-brain .brv2-insight.is-avoid i{background:#f9dce1;color:#c4485e}
#v-brain .brv2-insight-list .empty{padding:12px;border:1px dashed #ccd9ec;border-radius:11px;text-align:center;color:#8290a6!important;font-size:9px;background:transparent}

/* ---- Modal: Dodaj izvor ---- */
#srcModal.brv2-modal{background:rgba(4,21,63,.46);backdrop-filter:blur(5px)}
#srcModal .brv2-dialog{width:min(430px,100%);padding:20px;border:1px solid var(--moonya-line);border-radius:20px;background:#fff;box-shadow:0 26px 70px rgba(4,21,63,.24)}
#srcModal .brv2-dialog *{box-sizing:border-box!important}
#srcModal .brv2-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}
#srcModal .brv2-dialog-head h3{margin:0!important;font:800 20px "Bricolage Grotesque",sans-serif!important;color:var(--moonya-navy-950)!important}
#srcModal .brv2-dialog-close{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--moonya-line);border-radius:11px;background:#fff;color:#53627a;cursor:pointer}
#srcModal .brv2-dialog-close:hover{border-color:#cfd9ef;background:#fafdff}
#srcModal .brv2-field{margin-bottom:12px}
#srcModal .brv2-field label{display:block;margin-bottom:6px;color:#53627a;font-size:10px;font-weight:800}
#srcModal .brv2-field input,#srcModal .brv2-field select,#srcModal .brv2-field textarea{width:100%;padding:0 12px!important;border:1px solid #dae3ef!important;border-radius:12px!important;background:#fbfcfe!important;color:#29384f!important;font-size:12px!important;font-family:inherit}
#srcModal .brv2-field input,#srcModal .brv2-field select{height:45px}
#srcModal .brv2-field textarea{min-height:132px;padding:12px!important;line-height:1.55;resize:vertical}
#srcModal .brv2-field input:focus,#srcModal .brv2-field select:focus,#srcModal .brv2-field textarea:focus{outline:0!important;border-color:#59cce9!important;box-shadow:0 0 0 3px rgba(18,200,242,.13)!important}
#srcModal .brv2-file{min-height:116px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:18px!important;border:1px dashed #b9c9e1;border-radius:13px;background:#f8fbff;color:#2c4f86;cursor:pointer;text-align:center}
#srcModal .brv2-file input{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
#srcModal .brv2-file span{font-size:12px;font-weight:800}
#srcModal .brv2-file small{color:#7e8ca2;font-size:9px}
#srcModal .brv2-dialog-cta{width:100%;min-height:45px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;border:0;border-radius:12px;color:#fff;background:linear-gradient(115deg,#103e94,#215bc3 54%,#8350d8);box-shadow:0 11px 24px rgba(33,91,195,.2);font-size:10.5px;font-weight:800;font-family:inherit;cursor:pointer}
#srcModal .brv2-dialog-cta:hover{filter:brightness(1.06)}
#srcModal .brv2-dialog-msg{font-size:12px;margin-top:9px;text-align:center;min-height:1em}

/* ---- Responsive ---- */
@media(max-width:1180px){
  #v-brain .brv2-hero{grid-template-columns:1fr}
  #v-brain .brv2-map{max-width:680px}
  #v-brain .brv2-span7,#v-brain .brv2-span5{grid-column:span 12}
}
@media(max-width:760px){
  #v-brain .brv2-command{align-items:flex-start;flex-direction:column}
  #v-brain .brv2-actions{width:100%}
  #v-brain .brv2-actions .brv2-btn{flex:1}
  #v-brain .brv2-knowledge,#v-brain .brv2-sources,#v-brain .brv2-insights{grid-template-columns:1fr}
  #v-brain .brv2-playbook{grid-template-columns:1fr}
  #v-brain .brv2-hero{padding:24px 20px}
}
@media(max-width:620px){
  #v-brain .brv2-hero{min-height:auto}
  #v-brain .brv2-map{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
  #v-brain .brv2-map-lines{display:none}
  #v-brain .brv2-node,#v-brain .brv2-brain,#v-brain .brv2-output{position:relative;inset:auto;width:auto;min-width:0;transform:none}
  #v-brain .brv2-node{min-height:58px}
  #v-brain .brv2-brain{grid-column:1/-1;width:76px;height:76px;margin:8px auto 25px;border-radius:24px}
  #v-brain .brv2-brain b{top:83px}
  #v-brain .brv2-output{grid-column:1/-1;justify-self:center;margin-top:2px}
  #v-brain .brv2-section{padding:15px}
  #v-brain .brv2-sec-head{align-items:stretch;flex-direction:column}
  #v-brain .brv2-know-foot{align-items:flex-start;flex-direction:column;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  #v-brain *{transition-duration:.01ms!important}
  #v-brain .brv2-map-path,#v-brain .brv2-brain::before,#v-brain .brv2-brain::after{animation:none!important}
  #v-brain .brv2-signal{display:none}
}