/* Prism 30 – hotfix de comunidad, editores y perfil. No sustituye estilos anteriores. */
:root{--pr30-bg:#1c172b;--pr30-border:#66527e;--pr30-accent:#bc9aff}
/* 1. Desplegables verdaderamente opacos, sin líneas verticales del fondo. */
.pr30-opaque-menu,.pr30-opaque-menu::before,.pr30-opaque-menu::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.pr30-opaque-menu{background:#21192f!important;background-image:none!important;opacity:1!important;isolation:isolate;box-shadow:0 16px 40px #000b!important;border:1px solid #765998!important;overflow:hidden}
:is(.account-popover,.user-dropdown,.v11-account-menu,.prism-user-menu,.nav-user-dropdown,.profile-dropdown,.user-menu-dropdown,.account-dropdown)[aria-expanded="true"],:is(.account-popover,.user-dropdown,.v11-account-menu,.prism-user-menu,.nav-user-dropdown,.profile-dropdown,.user-menu-dropdown,.account-dropdown):not([hidden]){background-color:#21192f!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* 2. Acciones de feed alineadas bajo un mismo grupo. */
.feedhead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(10px,2vw,20px)!important;flex-wrap:wrap!important}
.feedhead>div:first-child{min-width:200px;flex:1 1 250px}
.pr30-feed-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;flex:0 1 auto}
.pr30-feed-actions>button{min-height:39px!important;min-width:0!important;white-space:nowrap;margin:0!important;position:static!important;align-self:center!important}
/* 3. Edición: publicar donde ya están los controles, nunca flotando fuera del editor. */
.pr30-publish{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:5px;min-height:36px;padding:8px 12px;border:1px solid #c98ad4;border-radius:11px;text-decoration:none!important;white-space:nowrap;background:linear-gradient(120deg,#7158b4,#ec94ba);color:#fff!important;font:700 12px Inter,system-ui,sans-serif;box-shadow:0 4px 16px #633a7a55;transition:transform .17s ease}
.pr30-publish:hover{transform:translateY(-1px)}
.stagebar,.stage-toolbar{gap:8px!important;min-width:0;flex-wrap:wrap}
.stagebar .pr30-publish{margin-left:5px}.stage-toolbar .pr30-publish{margin-left:auto}
/* Ayuda separada de controles de tema, sin tapar acciones inferiores. */
#helpFab,.help-fab{right:max(12px,env(safe-area-inset-right))!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;left:auto!important;z-index:80}
/* 4. Bandeja visual de medios dentro del editor de video. */
.pr30-bin{margin-top:18px;padding:12px;border:1px solid #62527e;border-radius:15px;background:linear-gradient(145deg,#231c36,#17182b);font:12px Inter,system-ui,sans-serif;min-width:0}
.pr30-bin h2{margin:0 0 8px!important;font-size:14px!important;color:#f8ecff!important;letter-spacing:0!important;text-transform:none!important}
.pr30-bin-info{margin:0 0 10px!important;color:#c1b2d7!important;line-height:1.5}
.pr30-bin-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 11px}
.pr30-bin-import{flex:1 1 95px;min-height:36px!important;border:1px solid #806c9b!important;border-radius:10px!important;color:#f4e8ff!important;background:#302541!important}
.pr30-bin-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:250px;overflow:auto}
.pr30-bin-media{display:flex;align-items:center;flex-direction:column;gap:5px;min-width:0;padding:5px!important;background:#161326!important;border:1px solid #514366!important;border-radius:10px!important;text-align:center;cursor:grab}
.pr30-bin-art{width:100%;height:65px;background:#08090f;border-radius:6px;overflow:hidden;display:grid;place-items:center}
.pr30-bin-art :is(img,video){width:100%;height:100%;object-fit:contain}
.pr30-bin-name{font-size:10px;color:#ddd3f2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr30-bin-status{display:block;margin-top:8px;color:#b3a5c7;line-height:1.35}
/* 5. Perfil público: biografía y sitio web como botones seguros. */
.pr30-public-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:9px 0 15px}
.pr30-public-links[hidden]{display:none!important}
.pr30-public-links :is(a,span){display:inline-flex;align-items:center;padding:8px 11px;border:1px solid #6a508b;background:#2a1e40;color:#e8d8ff;text-decoration:none;border-radius:12px;min-height:36px;font-size:13px;overflow-wrap:anywhere;max-width:100%}
.pr30-public-links a:hover{border-color:#bb97ec;background:#3b2b54}
/* 9. Tableros con feedback y publicaciones editables. */
.pr30-board-card{min-width:0;display:flex;flex-direction:column;gap:8px;text-align:left;border:1px solid #694f88;background:linear-gradient(145deg,#302340,#1d1830);color:#eee7ff;border-radius:16px;padding:16px;cursor:pointer;min-height:120px}
.pr30-board-card:hover{border-color:#b59be3}
.pr30-board-card strong{font-size:15px}.pr30-board-card small{font-size:11px;color:#c6b5db;line-height:1.4}
.pr30-board-icon{font-size:25px;color:#b994fc}
.pr30-entry{display:flex;align-items:center;gap:9px;padding:9px 4px;border-bottom:1px solid #4b3a60;min-width:0}.pr30-entry span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.pr30-entry a{font-size:12px;color:#bfc5ff}.pr30-entry input{accent-color:#c3a2f2;width:18px;height:18px}.pr30-error{color:#ffb6bb!important}
/* 7. Tarjetas coherentes: mismo ancho, altura de media proporcional sin recortar. */
.feed .masonry{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,265px),1fr))!important;align-items:start;gap:14px!important}
.feed .masonry>*{width:100%!important;min-width:0!important;max-width:100%!important;align-self:start}
.feed .masonry :is(.postcard,.pr24-card){width:100%!important;box-sizing:border-box!important;min-width:0!important}
.feed .masonry :is(.postcard,.pr24-card) .card-open{display:grid;place-items:center;min-width:0;overflow:hidden;background:#161124}
.feed .masonry :is(.postcard,.pr24-card) .card-open :is(img,video){display:block!important;width:100%!important;height:auto!important;max-height:330px!important;object-fit:contain!important;object-position:center!important}
/* Ajustes móviles */
@media(max-width:780px){
 .feedhead{align-items:stretch!important}
 .feedhead>div:first-child{flex:1 1 100%;min-width:0}
 .pr30-feed-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}
 .pr30-feed-actions>button{white-space:normal!important;text-align:center;min-width:0!important;padding:8px 5px!important;font-size:11px!important;line-height:1.3!important}
 .pr30-feed-actions>button svg{width:14px;height:14px}
 .feed .masonry{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .feed .masonry :is(.postcard,.pr24-card) .card-open :is(img,video){max-height:290px!important}
 .stagebar,.stage-toolbar{flex-wrap:wrap!important;padding:6px 9px!important}
 .stagebar .pr30-publish,.stage-toolbar .pr30-publish{min-height:35px;font-size:11px;padding:7px 9px;margin-left:auto}
 .pr30-bin-shelf{grid-template-columns:repeat(3,minmax(0,1fr));max-height:160px}
 .pr30-bin-art{height:54px}
}
@media(max-width:400px){.feed .masonry{grid-template-columns:1fr!important;gap:12px!important}.feed .masonry :is(.postcard,.pr24-card) .card-open :is(img,video){max-height:65dvh!important}.pr30-feed-actions{grid-template-columns:1fr 1fr}.pr30-feed-actions>button:last-child{grid-column:1/-1}.pr30-bin-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.pr30-publish{transition:none;transform:none!important}}