/* What2Do Ideas 2.0 (/ideas/ y /ideas/dashboard/) · capa visual sobre /wwd/ds-2.css.
   SOLO presentación: mismos ids, handlers, textos y datos.
   Se enlaza en <head> (primer pintado) y otra vez al final de <body>: así gana, a igual especificidad,
   a los <style> que los scripts de Ideas inyectan en <head> después de cargar. */

/* ── Encabezado 2.0 compartido (copia del aspecto de wwd/nav-2.css) ─────────────────────────── */
.w2h{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);border-bottom:1px solid var(--w2-line);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);font-family:var(--w2-font)}
.w2h-in{max-width:1180px;margin:0 auto;min-height:56px;display:flex;align-items:center;gap:8px;box-sizing:border-box;
  padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))}
.w2h-logo{margin-right:auto;display:inline-flex;align-items:center;gap:8px;height:40px;min-width:0;overflow:hidden;color:var(--w2-ink);
  font:800 17px/1 var(--w2-font);letter-spacing:-.02em;white-space:nowrap;text-decoration:none;border-radius:12px}
.w2h-logo svg{width:26px;height:26px;flex:0 0 auto;color:var(--w2-brand-aa)}
.w2h-logo span{font-size:14px;font-weight:500;color:var(--w2-muted)}
.w2h-acts{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.w2h .w2h-btn{width:40px;height:40px;min-width:40px;flex:0 0 auto;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;position:relative;
  border-radius:999px;border:1px solid var(--w2-line);background:#fff;color:var(--w2-ink);box-shadow:var(--w2-shadow);cursor:pointer;text-decoration:none;
  font:600 13px/1 var(--w2-font);transition:background-color .15s ease,border-color .15s ease,transform .15s ease}
.w2h .w2h-btn svg{width:19px;height:19px;display:block}
.w2h .w2h-lang,.w2h #languageButton,.w2h #langButton{min-width:40px;color:var(--w2-brand-aa);background:#fff;border-color:var(--w2-line);letter-spacing:0;font-weight:600;box-shadow:var(--w2-shadow)}
.w2h #languageButton:hover,.w2h #langButton:hover{background:var(--w2-soft)}
.w2h #languageButton:after{margin:0}
.w2h .w2h-lang::after{content:attr(data-lang);position:absolute;right:-2px;bottom:-2px;min-width:18px;padding:1px 3px;border-radius:999px;background:var(--w2-brand-aa);
  color:#fff;font:800 8px/1.2 system-ui,sans-serif;letter-spacing:.02em;text-align:center;border:1.5px solid #fff}
.w2h .w2h-back{height:40px;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:0 15px 0 11px;border-radius:999px;border:1px solid rgba(4,120,87,.35);
  background:#fff;color:var(--w2-brand-aa);font:650 14px/1 var(--w2-font);text-decoration:none;box-shadow:var(--w2-shadow);white-space:nowrap}
.w2h .w2h-back svg{width:18px;height:18px}
.w2h :is(.w2h-btn,.w2h-back):hover{border-color:#cbd5e1;background:var(--w2-soft)}
.w2h :is(.w2h-btn,.w2h-back):active{transform:scale(.96)}
.w2h :is(a,button):focus-visible{outline:3px solid rgba(5,150,105,.35);outline-offset:2px}
.w2h-sr,.w2h .profile-button .truncate{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;padding:0!important;margin:-1px!important}
.w2h .profile-button .profile-dot{position:absolute;top:1px;right:1px;width:10px;height:10px;border-radius:50%;background:var(--w2-faint);border:2px solid #fff}
.w2h .profile-button.signed .profile-dot{background:var(--w2-brand)}
@media(max-width:640px){.w2h-logo span{display:none}}
@media(max-width:420px){.w2h-in{gap:6px}.w2h-acts{gap:6px}.w2h .w2h-back{padding:0 12px 0 9px;gap:4px}}
/* Como el Directorio (nav-2): en teléfonos angostos el logo queda solo como ícono; «Volver» conserva su texto. */
@media(max-width:379px){.w2h-in{gap:6px;padding-left:12px;padding-right:12px}.w2h-acts{gap:6px}.w2h-logo{font-size:0;gap:0;min-width:40px;justify-content:center}}
@media(max-width:340px){.w2h .w2h-back{width:40px;padding:0;justify-content:center}.w2h .w2h-back span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.w2h :is(.w2h-btn,.w2h-back){transition:none}}
.w2i{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}

/* ── Base ─────────────────────────────────────────────────────────────────────────────────── */
html[data-w2d-design=ideas]{--ink:var(--w2-ink);--muted:var(--w2-muted);--paper:var(--w2-soft);--surface:#fff;--line:var(--w2-line);--canvas:var(--w2-soft);--card:#fff;
  --mint:var(--w2-brand-tint);--mintdark:var(--w2-brand-ink);--green:var(--w2-brand-aa);--shadow:var(--w2-shadow);font-family:var(--w2-font);color:var(--w2-ink);background:var(--w2-soft)}
html[data-w2d-design=ideas] body{background:radial-gradient(110% 60% at 0% 0%,rgba(16,185,129,.10),transparent 55%),var(--w2-soft)!important;font-family:var(--w2-font);color:var(--w2-ink);line-height:1.5}
html[data-w2d-design=ideas] :is(button,input,textarea,select){font-family:var(--w2-font)}
html[data-w2d-design=ideas] :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--w2-brand);outline-offset:2px}
html[data-w2d-design=ideas] .shell{max-width:1020px;padding:18px max(16px,env(safe-area-inset-left)) 56px;overflow-x:clip}
html[data-w2d-design=ideas] .card{background:#fff;border:1px solid var(--w2-line);border-radius:var(--w2-r-lg);box-shadow:var(--w2-shadow)}
html[data-w2d-design=ideas] .kicker,html[data-w2d-design=ideas] .eyebrow{font:800 11.5px/1.3 var(--w2-font)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--w2-brand-ink)!important;background:none}
html[data-w2d-design=ideas] .muted{color:var(--w2-muted)}
/* Botones consistentes (mismo lenguaje que .w2-btn) */
html[data-w2d-design=ideas] :is(.primary,.secondary,.danger){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:var(--w2-pill);
  font:650 14px/1.15 var(--w2-font);box-shadow:none;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s}
html[data-w2d-design=ideas] .primary{background:var(--w2-brand-aa);border:1px solid var(--w2-brand-aa);color:#fff}
html[data-w2d-design=ideas] .primary:hover{background:var(--w2-brand-ink)}
html[data-w2d-design=ideas] .secondary{background:#fff;border:1px solid var(--w2-line);color:var(--w2-ink)}
html[data-w2d-design=ideas] .secondary:hover{border-color:var(--w2-brand)}
html[data-w2d-design=ideas] .danger{background:#fff;border:1px solid #fecaca;color:var(--w2-danger)}
html[data-w2d-design=ideas] :is(.primary,.secondary,.danger):disabled{opacity:.55;cursor:not-allowed}
/* Pastillas (chips) */
html[data-w2d-design=ideas] .chip,html[data-w2d-design=ideas] .intent{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:var(--w2-pill);border:1px solid var(--w2-line);
  background:#fff;color:var(--w2-ink);font:600 13px/1.1 var(--w2-font);box-shadow:none}
html[data-w2d-design=ideas] .chip[aria-pressed="true"],html[data-w2d-design=ideas] .intent.active{background:var(--w2-brand-aa);border-color:var(--w2-brand-aa);color:#fff;box-shadow:none}
/* Entradas */
html[data-w2d-design=ideas] :is(.title-input,textarea,.field input,.field textarea,.field select,.form-grid input,.board-controls select){border:1px solid var(--w2-line);border-radius:14px;background:#fff;color:var(--w2-ink);font-family:var(--w2-font);min-height:44px}
html[data-w2d-design=ideas] :is(.title-input,textarea,.field input,.field textarea,.field select,.form-grid input):focus{outline:0;border-color:var(--w2-brand);box-shadow:0 0 0 3px rgba(16,185,129,.16)}
html[data-w2d-design=ideas] :is(.title-input,textarea)::placeholder{color:var(--w2-faint);opacity:1}
/* Estados vacío / cargando / error: mismo dibujo que .w2-empty */
html[data-w2d-design=ideas] :is(.board-empty,.empty){border:1px dashed var(--w2-line);border-radius:var(--w2-r-lg);background:var(--w2-soft);color:var(--w2-muted);text-align:center;padding:28px 16px;font-size:13.5px}
/* Aviso flotante */
html[data-w2d-design=ideas] .share-status,html[data-w2d-design=ideas] .ideas-pull-refresh{background:var(--w2-ink);font-family:var(--w2-font);border-radius:var(--w2-pill)}
html[data-w2d-design=ideas] .ideas-pull-refresh.ready{background:var(--w2-brand-aa)}
/* El indicador de «desliza para actualizar» asomaba como una mancha oscura arriba al centro. */
html[data-w2d-design=ideas] .ideas-pull-refresh:not(.show){visibility:hidden;transform:translate(-50%,-200%)}

/* ── Portada: «Inspiración para hoy» ─────────────────────────────────────────────────────── */
html[data-w2d-design=ideas] .ideas-inspiration{max-width:980px;margin:0 auto 16px;padding:clamp(18px,3vw,28px);border:1px solid var(--w2-line);border-radius:var(--w2-r-xl);
  background:radial-gradient(120% 90% at 0% 0%,rgba(16,185,129,.12),transparent 55%),linear-gradient(180deg,#fff,#f7faf8);box-shadow:0 10px 40px -18px rgba(15,23,42,.25)}
html[data-w2d-design=ideas] .ideas-inspiration .kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,.12)!important;padding:6px 12px;border-radius:999px;margin:0 0 10px}
html[data-w2d-design=ideas] .ideas-inspiration h2{font:800 clamp(28px,6.4vw,44px)/1.06 var(--w2-font);letter-spacing:-.03em;color:var(--w2-ink);max-width:16ch}
html[data-w2d-design=ideas] .ideas-inspiration-lead{color:var(--w2-muted)!important;font-size:clamp(15px,2.2vw,17px)!important;margin:10px 0 0!important}
html[data-w2d-design=ideas] .ideas-mood-grid{gap:8px;margin:18px 0 12px}
html[data-w2d-design=ideas] .ideas-mood{min-height:52px;border:1px solid var(--w2-line);border-radius:var(--w2-r);background:#fff;color:var(--w2-ink);font:600 13.5px/1.2 var(--w2-font);box-shadow:none;padding:8px 10px}
html[data-w2d-design=ideas] .ideas-mood:hover{transform:none;border-color:var(--w2-brand);box-shadow:none}
html[data-w2d-design=ideas] .ideas-mood-icon{width:32px;height:32px;border-radius:10px;background:var(--w2-brand-tint);color:var(--w2-brand-aa)}
html[data-w2d-design=ideas] .ideas-mood-icon .w2i{width:18px;height:18px}
html[data-w2d-design=ideas] .ideas-mood[aria-pressed="true"]{background:var(--w2-brand-aa);border-color:var(--w2-brand-aa);color:#fff;box-shadow:none}
html[data-w2d-design=ideas] .ideas-mood[aria-pressed="true"] .ideas-mood-icon{background:rgba(255,255,255,.18);color:#fff}
html[data-w2d-design=ideas] .ideas-inspiration-card{border:1px solid var(--w2-line);border-radius:var(--w2-r-lg);background:#fff;box-shadow:var(--w2-shadow);gap:16px}
html[data-w2d-design=ideas] .ideas-inspiration-icon{background:linear-gradient(135deg,var(--w2-brand-tint-2),#e0f2fe);color:var(--w2-brand-ink);font-size:0}
html[data-w2d-design=ideas] .ideas-inspiration-icon .w2i{width:34px;height:34px;stroke-width:1.6}
html[data-w2d-design=ideas] .ideas-inspiration-body h3{font:750 clamp(19px,2.6vw,24px)/1.2 var(--w2-font);letter-spacing:-.02em;color:var(--w2-ink)}
html[data-w2d-design=ideas] .ideas-inspiration-meta span{background:var(--w2-brand-tint);color:var(--w2-brand-ink);font:700 11.5px/1.2 var(--w2-font);padding:5px 10px}
html[data-w2d-design=ideas] .ideas-inspiration-body p{color:var(--w2-body)}
html[data-w2d-design=ideas] .ideas-inspiration-actions{gap:8px}
html[data-w2d-design=ideas] .ideas-inspiration-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:var(--w2-pill);border:1px solid var(--w2-line);
  background:#fff;color:var(--w2-ink);font:650 13.5px/1.2 var(--w2-font);box-shadow:none;padding:8px 14px}
html[data-w2d-design=ideas] .ideas-inspiration-actions button:first-child{background:var(--w2-brand-aa);border-color:var(--w2-brand-aa);color:#fff;box-shadow:none}
html[data-w2d-design=ideas] .ideas-inspiration-actions button:first-child:hover{background:var(--w2-brand-ink)}
@media(max-width:650px){
  html[data-w2d-design=ideas] .ideas-inspiration-card{grid-template-columns:52px minmax(0,1fr);gap:12px}
  html[data-w2d-design=ideas] .ideas-inspiration-icon{width:52px;height:52px;border-radius:14px}
  html[data-w2d-design=ideas] .ideas-inspiration-icon .w2i{width:26px;height:26px}
  html[data-w2d-design=ideas] .ideas-inspiration-actions{grid-template-columns:1fr;margin-left:-64px}
}
html[data-w2d-design=ideas] .ideas-ai-status{color:var(--w2-muted)!important;font:600 12.5px/1.4 var(--w2-font)!important}
html[data-w2d-design=ideas] .ideas-ai-status[data-state="error"]{color:var(--w2-danger)!important}

/* ── Portada: «Ideas para las Américas» (antes degradado naranja→morado) ─────────────────── */
html[data-w2d-design=ideas] .ideas-creative{max-width:980px;margin:0 auto 16px;padding:clamp(18px,3vw,26px);border:1px solid var(--w2-line);border-radius:var(--w2-r-xl);
  background:#fff;color:var(--w2-ink);box-shadow:var(--w2-shadow)}
html[data-w2d-design=ideas] .ideas-creative:before,html[data-w2d-design=ideas] .ideas-creative:after{display:none}
html[data-w2d-design=ideas] .ideas-creative-kicker{font:800 11.5px/1.3 var(--w2-font);letter-spacing:.08em;color:var(--w2-brand-ink)}
html[data-w2d-design=ideas] .ideas-creative h2{font:750 clamp(21px,3.4vw,28px)/1.15 var(--w2-font);letter-spacing:-.02em;color:var(--w2-ink)}
html[data-w2d-design=ideas] .ideas-creative-lead{color:var(--w2-body);font-size:14.5px}
html[data-w2d-design=ideas] .ideas-creative-actions{gap:8px;margin-top:14px}
html[data-w2d-design=ideas] .ideas-creative-action{display:flex;flex-direction:column;justify-content:center;min-height:56px;border:1px solid var(--w2-line);border-radius:var(--w2-r);background:#fff;
  color:var(--w2-ink);font:650 13.5px/1.2 var(--w2-font);box-shadow:none;padding:10px 12px}
html[data-w2d-design=ideas] .ideas-creative-action:hover{transform:none;box-shadow:none;border-color:var(--w2-brand)}
html[data-w2d-design=ideas] .ideas-creative-action span{color:var(--w2-muted);font:500 12px/1.3 var(--w2-font)}
html[data-w2d-design=ideas] .ideas-creative-action[data-go="#crear"]{background:var(--w2-brand-aa);border-color:var(--w2-brand-aa);color:#fff}
html[data-w2d-design=ideas] .ideas-creative-action[data-go="#crear"] span{color:rgba(255,255,255,.88)}
html[data-w2d-design=ideas] .ideas-creative-lab{margin-top:12px;padding:12px;border:1px dashed var(--w2-line);border-radius:var(--w2-r);background:var(--w2-soft);color:var(--w2-ink)}
html[data-w2d-design=ideas] .ideas-creative-lab p{font:500 13.5px/1.4 var(--w2-font);color:var(--w2-body)}
html[data-w2d-design=ideas] .ideas-creative-lab strong{color:var(--w2-ink)}
html[data-w2d-design=ideas] .ideas-template{display:inline-flex;align-items:center;min-height:40px;border:1px solid var(--w2-line);border-radius:var(--w2-pill);background:#fff;color:var(--w2-ink);
  font:600 12.5px/1.15 var(--w2-font);box-shadow:none;padding:0 12px}
html[data-w2d-design=ideas] .ideas-template:hover{transform:none;box-shadow:none;border-color:var(--w2-brand)}
html[data-w2d-design=ideas] .ideas-spark{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid rgba(4,120,87,.35);border-radius:var(--w2-pill);
  background:#fff;color:var(--w2-brand-aa);font:650 13.5px/1.2 var(--w2-font);box-shadow:none;padding:0 16px}
html[data-w2d-design=ideas] .ideas-spark:hover{transform:none;box-shadow:none;background:var(--w2-brand-tint)}
html[data-w2d-design=ideas] .ideas-focus{outline:3px solid rgba(16,185,129,.35)}

/* ── Ideas compartidas (vista pública) ───────────────────────────────────────────────────── */
html[data-w2d-design=ideas] .public-board{max-width:980px;border:1px solid var(--w2-line);border-radius:var(--w2-r-xl);background:#fff;box-shadow:var(--w2-shadow)}
html[data-w2d-design=ideas] .public-board:before{display:none}
html[data-w2d-design=ideas] .public-board .paths-top h2,html[data-w2d-design=ideas] .paths h2{font:750 clamp(20px,2.6vw,26px)/1.2 var(--w2-font);letter-spacing:-.02em}
html[data-w2d-design=ideas] .public-board .board-controls select{border-color:var(--w2-line);background:#fff;color:var(--w2-ink);font:600 13.5px var(--w2-font);border-radius:var(--w2-pill);padding:0 12px}
html[data-w2d-design=ideas] .public-idea{border:1px solid var(--w2-line);border-radius:var(--w2-r-lg);background:#fff;box-shadow:var(--w2-shadow)}
html[data-w2d-design=ideas] .public-meta{color:var(--w2-brand-ink);font-weight:600}
html[data-w2d-design=ideas] .public-actions button{min-height:40px;border-radius:var(--w2-pill);border:1px solid var(--w2-line);background:#fff;color:var(--w2-ink);font:650 13px var(--w2-font);padding:0 14px}
html[data-w2d-design=ideas] .public-actions button:hover{background:var(--w2-brand-tint);border-color:var(--w2-brand)}

/* ── Ventana de creación (pantalla completa en móvil, hoja centrada en escritorio) ───────── */
html[data-w2d-design=ideas] .ideas-creator-open .workspace{background:rgba(15,23,42,.42)}
html[data-w2d-design=ideas] .ideas-creator-open .workspace .compose{background:#fff;border:1px solid var(--w2-line);border-radius:var(--w2-r-xl);box-shadow:var(--w2-shadow-lg)}
html[data-w2d-design=ideas] .compose h2{font:750 clamp(22px,3vw,28px)/1.15 var(--w2-font);letter-spacing:-.02em}
html[data-w2d-design=ideas] .ideas-creator-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--w2-line);background:#fff;color:var(--w2-ink);box-shadow:none}
html[data-w2d-design=ideas] .ideas-creator-open .compose .kicker:after{color:var(--w2-muted)}
html[data-w2d-design=ideas] .accordion{border:1px solid var(--w2-line);background:var(--w2-soft);border-radius:var(--w2-r)}
html[data-w2d-design=ideas] .accordion summary{color:var(--w2-brand-ink);font:650 13.5px/1.3 var(--w2-font);min-height:44px;display:flex;align-items:center;padding:0 4px}
html[data-w2d-design=ideas] .intent-box{border:1px solid var(--w2-line);background:var(--w2-soft);border-radius:var(--w2-r)}
html[data-w2d-design=ideas] .map-piece{border-color:var(--w2-line);background:var(--w2-soft);border-radius:var(--w2-r)}
html[data-w2d-design=ideas] .map-piece strong{color:var(--w2-brand-ink)}
html[data-w2d-design=ideas] .pill{background:var(--w2-brand-tint);color:var(--w2-brand-ink)}
html[data-w2d-design=ideas] .ai-output{border-color:var(--w2-line);background:var(--w2-soft);color:var(--w2-ink);border-radius:var(--w2-r)}
html[data-w2d-design=ideas] .voice,html[data-w2d-design=ideas] .ideas-project-voice button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:var(--w2-pill);
  border:1px solid rgba(4,120,87,.35);background:#fff;color:var(--w2-brand-aa);font:650 13px/1 var(--w2-font)}
html[data-w2d-design=ideas] :is(.voice,.ideas-project-voice button).listening{background:var(--w2-danger-tint);border-color:#fecaca;color:var(--w2-danger)}
html[data-w2d-design=ideas] :is(.voice-status,.ideas-project-voice span,.status,.counter){color:var(--w2-muted)}

/* ── Perfil: hoja inferior en móvil ───────────────────────────────────────────────────────── */
html[data-w2d-design=ideas] .modal{background:rgba(15,23,42,.42)}
html[data-w2d-design=ideas] :is(.modal-card,.modal-panel){background:#fff;border-radius:var(--w2-r-xl);box-shadow:var(--w2-shadow-lg);font-family:var(--w2-font)}
html[data-w2d-design=ideas] .modal h2{font:750 22px/1.2 var(--w2-font);letter-spacing:-.02em}
html[data-w2d-design=ideas] .close,html[data-w2d-design=ideas] #closeProject{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:0;border-radius:999px;border:1px solid var(--w2-line);background:#fff;color:var(--w2-ink)}
html[data-w2d-design=ideas] .checkbox input,html[data-w2d-design=ideas] input[type=checkbox]{accent-color:var(--w2-brand-aa);width:18px;height:18px}
@media(max-width:800px){
  html[data-w2d-design=ideas] .modal{padding:0;align-items:flex-end}
  html[data-w2d-design=ideas] :is(.modal-card,.modal-panel){width:100%;max-height:90dvh;border-radius:var(--w2-r-xl) var(--w2-r-xl) 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom))}
  html[data-w2d-design=ideas] :is(.modal-card,.modal-panel)::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:#d6d3d1;margin:0 auto 12px}
}

/* ── Mi tablero (/ideas/dashboard/) ──────────────────────────────────────────────────────── */
html[data-w2d-design=ideas] .shell:has(> .side){max-width:1180px;padding:18px max(16px,env(safe-area-inset-left)) 56px;gap:20px}
html[data-w2d-design=ideas] .side{background:#fff;border:1px solid var(--w2-line);border-radius:var(--w2-r-lg);box-shadow:var(--w2-shadow);top:72px}
html[data-w2d-design=ideas] .identity strong{font:700 15px/1.3 var(--w2-font)}
html[data-w2d-design=ideas] .identity small,html[data-w2d-design=ideas] .side-foot{color:var(--w2-muted)}
html[data-w2d-design=ideas] .side .nav{gap:4px}
html[data-w2d-design=ideas] .side .nav button{min-height:44px;border-radius:var(--w2-pill);border:1px solid transparent;color:var(--w2-body);font:600 14px/1.2 var(--w2-font);padding:0 14px}
html[data-w2d-design=ideas] .side .nav button:hover{background:var(--w2-soft)}
html[data-w2d-design=ideas] .side .nav button.active{background:var(--w2-brand-aa);border-color:var(--w2-brand-aa);color:#fff}
html[data-w2d-design=ideas] .notice{border:1px solid #fde68a;background:var(--w2-warn-tint);color:#713f12;border-radius:var(--w2-r);font-size:13.5px}
html[data-w2d-design=ideas] .notice button{display:inline-flex;align-items:center;min-height:40px;padding:0 4px;color:var(--w2-brand-ink);font-weight:700}
html[data-w2d-design=ideas] .view .hero h1{font:800 clamp(28px,4.4vw,40px)/1.08 var(--w2-font);letter-spacing:-.03em;color:var(--w2-ink)}
html[data-w2d-design=ideas] .view .hero p{color:var(--w2-muted)}
html[data-w2d-design=ideas] .view h2{font:750 19px/1.25 var(--w2-font);letter-spacing:-.01em}
html[data-w2d-design=ideas] .stat{border:1px solid var(--w2-line);border-radius:var(--w2-r);background:#fff}
html[data-w2d-design=ideas] .stat b{font:750 22px/1.2 var(--w2-font)}
html[data-w2d-design=ideas] .stat span{color:var(--w2-muted)}
html[data-w2d-design=ideas] .project{border:1px solid var(--w2-line);border-radius:var(--w2-r);background:#fff}
html[data-w2d-design=ideas] .project:hover{border-color:var(--w2-brand)}
html[data-w2d-design=ideas] .tag{border-color:var(--w2-line);background:var(--w2-sunk);color:var(--w2-body);font:600 11.5px/1.2 var(--w2-font);padding:4px 9px}
html[data-w2d-design=ideas] .tag.public{background:var(--w2-brand-tint);border-color:var(--w2-brand-tint-2);color:var(--w2-brand-ink)}
html[data-w2d-design=ideas] .tag.pending{background:var(--w2-warn-tint);border-color:#fde68a;color:#713f12}
html[data-w2d-design=ideas] .subidea{border-left-color:var(--w2-brand);background:var(--w2-soft)}
html[data-w2d-design=ideas] .conversation{border-color:var(--w2-line);border-radius:var(--w2-r)}
html[data-w2d-design=ideas] .message{background:var(--w2-sunk);border-radius:14px}
html[data-w2d-design=ideas] .message.me{background:var(--w2-brand-tint)}
html[data-w2d-design=ideas] .field label{font:650 13px/1.3 var(--w2-font);color:var(--w2-body)}
html[data-w2d-design=ideas] button[data-new-project]::before,html[data-w2d-design=ideas] #addSubidea::before{content:"";width:16px;height:16px;flex:0 0 auto;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-w2d-design=ideas] #removeProject{width:40px;height:40px;min-height:40px;padding:0}
html[data-w2d-design=ideas] .ideas-trueke-bridge{border:1px solid var(--w2-line);background:var(--w2-soft);border-radius:var(--w2-r)}
html[data-w2d-design=ideas] .ideas-trueke-bridge p{color:var(--w2-muted)}
html[data-w2d-design=ideas] .ideas-trueke-bridge button{display:inline-flex;align-items:center;min-height:44px;border-radius:var(--w2-pill);border:1px solid var(--w2-brand-aa);background:var(--w2-brand-aa);color:#fff;font:650 13.5px var(--w2-font);padding:0 16px}
html[data-w2d-design=ideas] #ideasTruekeReturnNote{border-color:var(--w2-line)!important;background:var(--w2-soft)!important;color:var(--w2-body)!important}
@media(max-width:820px){
  html[data-w2d-design=ideas] .side{position:static;padding:6px}
  html[data-w2d-design=ideas] .side .nav{display:flex;flex-wrap:wrap;overflow:visible;gap:6px}
  html[data-w2d-design=ideas] .side .nav button{flex:0 0 auto;border-color:var(--w2-line);min-height:40px;padding:0 14px;white-space:nowrap}
}
@media(max-width:480px){
  html[data-w2d-design=ideas] .shell:has(> .side){padding:12px 14px 40px}
  html[data-w2d-design=ideas] .side .nav{display:flex;grid-template-columns:none}
  html[data-w2d-design=ideas] .side .nav button{font-size:13px;padding:0 12px}
}