/* VelorStrategy desk parity for pages embedded inside the Consulting Desk (?embed=1 sets html[data-embed]).
   Aligns the embedded sections to the Legal / PMO / Sales desks: same content width and padding as a desk main,
   one-line serif title, description in a full-width card (max 3 lines), plain cards without window chrome or
   colored accents, blue buttons with gold reserved for Velora, and the desk scrollbar on both sides. */

html[data-embed]{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
html[data-embed] ::-webkit-scrollbar{width:10px;height:10px}
html[data-embed] ::-webkit-scrollbar-track{background:transparent}
html[data-embed] ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:100px}
html[data-embed] ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.24)}
html[data-embed],html[data-embed] body{background:#07090f !important}

/* ---- content width and padding: identical to a desk main (22px 26px, max 1150px) ---- */
html[data-embed] .wrap{max-width:1150px !important;margin:0 !important;padding:22px 26px 28px !important;box-sizing:border-box}
html[data-embed] .section{padding:0 !important}
html[data-embed] .section + .section{padding-top:0 !important}
html[data-embed] body > main{max-width:1150px !important;margin:0 !important;padding:22px 26px 28px !important;box-sizing:border-box}
html[data-embed] body > main .bar,html[data-embed] body > main .note-composer,html[data-embed] body > main #list{max-width:none !important;width:auto !important}

/* ---- section header: one-line title, description card ---- */
html[data-embed] .sec-head,html[data-embed] .dash-overview{max-width:none !important;width:100% !important;margin:0 0 16px !important}
html[data-embed] .sec-h2,html[data-embed] .dash-overview-h{font-family:Georgia,'Times New Roman',Times,serif !important;font-size:1.5rem !important;font-weight:700 !important;line-height:1.2 !important;letter-spacing:0 !important;color:#dce5f5 !important;margin:0 0 10px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none !important}
html[data-embed] .sec-h2 em,html[data-embed] .dash-overview-h em{font-style:italic;color:#fbbf24 !important}
html[data-embed] .sec-lead,html[data-embed] .dash-overview-p{
  display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  box-sizing:border-box;width:100% !important;max-width:none !important;margin:0 0 16px !important;
  padding:13px 18px !important;background:rgba(20,28,46,.78) !important;border:1px solid rgba(255,255,255,.13) !important;border-radius:12px !important;
  color:#dce5f5 !important;font-size:.92rem !important;line-height:1.55 !important}
html[data-embed] .sec-lead strong,html[data-embed] .dash-overview-p strong{font-weight:600;color:#fff}
html[data-embed] .sec-lead em,html[data-embed] .dash-overview-p em{font-style:italic;color:#dce5f5}
html[data-embed] .sec-eye,html[data-embed] .hero-eye,html[data-embed] .sec-kicker{display:none !important}

/* ---- panels: plain desk cards, no window chrome ---- */
html[data-embed] .panel{background:#0e1320 !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:14px !important;box-shadow:none !important;width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;box-sizing:border-box}
html[data-embed] .dash-overview{background:transparent !important;border:0 !important;padding:0 !important;box-shadow:none !important;width:100% !important;max-width:none !important;margin:0 0 16px !important}
html[data-embed] .dash-overview-row{width:100% !important;max-width:none !important}
html[data-embed] .panel-bar{background:transparent !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.07) !important;padding:12px 16px !important;gap:0 !important;justify-content:flex-start !important}
html[data-embed] .mdot{display:none !important}
html[data-embed] .panel-bar-lbl{font-family:Georgia,'Times New Roman',Times,serif !important;font-size:1.05rem !important;font-weight:700 !important;color:#dce5f5 !important;letter-spacing:0 !important;text-transform:none !important;margin:0 !important;text-align:left !important}
html[data-embed] .dash-grid{width:100% !important;max-width:none !important;gap:12px !important}

/* ---- cards and tiles: one neutral accent, no color coding ---- */
html[data-embed] .tmpl-card,html[data-embed] .plan-card,html[data-embed] .dash-tile,html[data-embed] .dash-stat,html[data-embed] .dlv-card,html[data-embed] .card{
  background:#141c2e !important;border:1px solid rgba(255,255,255,.13) !important;border-left-width:1px !important;border-radius:12px !important;box-shadow:none !important}
html[data-embed] .tmpl-card:hover,html[data-embed] .plan-card:hover,html[data-embed] .dash-tile:hover{border-color:#4f86f7 !important}
html[data-embed] .dash-tile-eye,html[data-embed] .lib-cat-h .num,html[data-embed] .plan-card-eye{color:#7a90b8 !important}
html[data-embed] .dash-tile-meta,html[data-embed] .plan-card .cta,html[data-embed] .plan-card-cta{color:#5b91ff !important}

/* ---- buttons: blue everywhere, gold only for Velora ---- */
html[data-embed] .btn,html[data-embed] .btn-primary,html[data-embed] .btn-teal,html[data-embed] .btn-amber,html[data-embed] .btn-slate,html[data-embed] .dash-resume,html[data-embed] .note-act,html[data-embed] .toolbar-btn.is-active{
  background:#1a56db !important;border:1px solid #4f86f7 !important;color:#fff !important;border-radius:8px !important;font-weight:600 !important;box-shadow:none !important}
html[data-embed] .btn:hover,html[data-embed] .dash-resume:hover{background:#4f86f7 !important}
html[data-embed] .btn-ghost,html[data-embed] .toolbar-btn,html[data-embed] .lib-chip,html[data-embed] .btn-secondary{
  background:rgba(26,86,219,.12) !important;border:1px solid rgba(79,134,247,.42) !important;color:#5b91ff !important;border-radius:8px !important;box-shadow:none !important}
html[data-embed] .lib-chip.is-active{background:#1a56db !important;border-color:#4f86f7 !important;color:#fff !important}
html[data-embed] .btn-violet,html[data-embed] .btn-velora,html[data-embed] .btn-gold,html[data-embed] [data-velora],html[data-embed] .gen-btn{
  background:linear-gradient(135deg,#c47f17,#fbbf24) !important;border:1px solid #fbbf24 !important;color:#0e1320 !important;font-weight:700 !important}

/* ---- selects and inputs: VS style ---- */
html[data-embed] select{-webkit-appearance:none;appearance:none;color-scheme:dark;background:#141c2e url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%239fb0cc' stroke-width='1.6' stroke-linecap='round'/></svg>") no-repeat right 11px center !important;border:1px solid rgba(255,255,255,.13) !important;color:#dce5f5 !important;border-radius:9px !important;padding:8px 32px 8px 10px !important;font:inherit;min-height:38px}
html[data-embed] select option{background:#141c2e;color:#dce5f5}

/* ---- learning track pages: neutral card accents, blue links as buttons ---- */
html[data-embed] .ccard,html[data-embed] .bcard,html[data-embed] .acc,html[data-embed] .faq{border-left:1px solid rgba(255,255,255,.13) !important;border-color:rgba(255,255,255,.13) !important;background:#141c2e !important}
html[data-embed] .ccard a,html[data-embed] .bcard a,html[data-embed] .card-cta{color:#5b91ff !important}

/* ---- career pages: tight wraps and alternate sections flattened, tool buttons standardized ---- */
html[data-embed] .wrap-tight{max-width:none !important;width:100% !important;margin:0 !important;padding:0 !important}
html[data-embed] .app-main{padding:22px 26px 28px !important}
html[data-embed] .section-alt{background:transparent !important;border:0 !important;margin:0 !important;padding:0 !important}
html[data-embed] .section{padding:0 0 18px !important}
html[data-embed] .tool-btn{background:rgba(26,86,219,.12) !important;border:1px solid rgba(79,134,247,.42) !important;color:#5b91ff !important;border-radius:8px !important;transform:none !important}
html[data-embed] .tool-btn .tool-btn-ico{color:#5b91ff !important}
html[data-embed] .tool-btn-primary,html[data-embed] .tool-btn-save{background:#1a56db !important;border-color:#4f86f7 !important;color:#fff !important}
html[data-embed] .tool-btn-primary .tool-btn-ico,html[data-embed] .tool-btn-save .tool-btn-ico{color:#fff !important}
html[data-embed] .tool-btn-gold,html[data-embed] .tool-btn-export,html[data-embed] .tool-btn-print,html[data-embed] .tool-btn-delete{background:rgba(26,86,219,.12) !important;border-color:rgba(79,134,247,.42) !important;color:#5b91ff !important}
html[data-embed] .tool-btn-gold .tool-btn-ico,html[data-embed] .tool-btn-export .tool-btn-ico,html[data-embed] .tool-btn-print .tool-btn-ico,html[data-embed] .tool-btn-delete .tool-btn-ico{color:#5b91ff !important}
html[data-embed] #bio-velora-gen,html[data-embed] #res-velora-gen,html[data-embed] #cl-go,html[data-embed] #ip-go,html[data-embed] #pr-go,html[data-embed] #re-go,html[data-embed] #rf-go,html[data-embed] #t-go,html[data-embed] #vf-go{background:linear-gradient(135deg,#c47f17,#fbbf24) !important;border-color:#fbbf24 !important;color:#0e1320 !important}
html[data-embed] #bio-velora-gen .tool-btn-ico,html[data-embed] #res-velora-gen .tool-btn-ico,html[data-embed] #cl-go .tool-btn-ico,html[data-embed] #ip-go .tool-btn-ico,html[data-embed] #pr-go .tool-btn-ico,html[data-embed] #re-go .tool-btn-ico,html[data-embed] #rf-go .tool-btn-ico,html[data-embed] #t-go .tool-btn-ico,html[data-embed] #vf-go .tool-btn-ico{color:#0e1320 !important}
html[data-embed] .warn,html[data-embed] .profile-snapshot-empty,html[data-embed] .tailor-output{background:#141c2e !important;border-color:rgba(255,255,255,.13) !important}
html[data-embed] .tag-gold{color:#dce5f5 !important;background:rgba(255,255,255,.05) !important;border-color:rgba(255,255,255,.13) !important}

/* ---- footer: every embedded page ends with the standard VelorStrategy footer, styled like the desk footer ---- */
html[data-embed] body footer{display:flex !important;flex-direction:column;gap:8px;text-align:center;margin:26px 0 0 !important;padding:24px 26px !important;background:#07090f !important;border:0 !important;border-top:1px solid rgba(255,255,255,.07) !important;border-radius:0 !important}
@media(min-width:640px){html[data-embed] body footer{flex-direction:row;align-items:center;justify-content:space-between;text-align:left}}
html[data-embed] body footer .foot-logo{font-family:Georgia,'Times New Roman',Times,serif !important;font-size:1.04rem;font-weight:700;color:#dce5f5}
html[data-embed] body footer .foot-logo-accent{color:#fbbf24}
html[data-embed] body footer .foot-meta{font-family:'Courier New',Courier,monospace !important;font-size:.66rem;color:#7a90b8;letter-spacing:.06em}
html[data-embed] body footer .foot-copy{font-size:.72rem;color:#4a5878;margin:0}
html[data-embed] body footer a{color:#7a90b8 !important;text-decoration:none}
html[data-embed] body footer a:hover{color:#fbbf24 !important}
