/* Shared projects use the same light palette as the shop and editor. */
.editor-coop-dialog{color-scheme:light;box-sizing:border-box;width:min(570px,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:22px;border:1px solid #c9d8e6;border-radius:18px;background:#fff;color:#122d48;box-shadow:0 18px 65px #0c28482e;overflow:auto;font:inherit}
.editor-coop-dialog::backdrop{background:#17334b66}
.editor-coop-dialog header{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:18px}.editor-coop-dialog h2{font-size:1.25rem;margin:0}
.editor-coop-dialog [data-coop-body]{display:flex;flex-direction:column;gap:12px}.editor-coop-dialog p{margin:0;line-height:1.55}.editor-coop-dialog input{display:block;width:100%;box-sizing:border-box;min-height:46px;padding:10px 12px;margin-top:8px;border:1px solid #b9cde1;border-radius:9px;background:#f7faff;color:#122d48;font:inherit}.editor-coop-dialog .coop-code{font-size:1.35rem;font-weight:700;letter-spacing:.1em;text-align:center}
.editor-coop-dialog .danger{color:#ae2738!important;border-color:#e5b6bd!important}.editor-coop-dialog button:focus-visible,.editor-coop-dialog input:focus-visible{outline:3px solid #3099f9;outline-offset:2px}
#editor-canvas>.editor-coop-badge{position:absolute;display:block;z-index:21;left:10px;bottom:44px;max-width:calc(100% - 20px);border:1px solid #adcbe6;border-radius:20px;background:#f8fcfff2;color:#164e79;padding:9px 14px;min-height:40px;font:600 12px/1.35 system-ui,sans-serif;box-shadow:0 2px 9px #18345317;cursor:pointer;touch-action:manipulation;pointer-events:auto}
#editor-canvas>.editor-coop-badge.has-error{background:#fff4f5;color:#ab2239;border-color:#e3a4af}#editor-canvas>.editor-coop-badge[hidden]{display:none!important}
.coop-shared-heading{margin:34px 0 16px;color:#132c43}.coop-shared-list .project-card{background:#f8fbff;border:1px solid #bfd9ec}
@media(max-width:600px){.editor-coop-dialog{padding:16px}.editor-coop-dialog button{min-height:46px}#editor-canvas>.editor-coop-badge{left:8px;bottom:42px;font-size:11px;padding:8px 12px}.project-actions #coop-open{flex:1 1 auto}}

/* Invitation controls: the code is readable, selectable and separate from the
 * destructive "generate another code" action. */
.editor-coop-dialog .coop-invitation{padding:16px;border:1px solid #c7dcf3;border-radius:14px;background:#f4f8ff;min-width:0}
.editor-coop-dialog .coop-invitation>label{display:block;margin:0 0 9px;font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.09em;color:#3e6085}
.editor-coop-dialog .coop-code-row{display:flex;align-items:stretch;gap:10px;min-width:0}
.editor-coop-dialog .coop-code-row .coop-code{flex:1 1 auto;min-width:0;width:0;margin:0;background:#fff;font:700 19px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;cursor:copy;user-select:all;-webkit-user-select:all}
.editor-coop-dialog .coop-copy-button{flex:0 0 auto;min-width:150px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.editor-coop-dialog .coop-copy-button svg{width:18px;height:18px;flex:0 0 18px}
.editor-coop-dialog .coop-code-expiry{font-size:12px;color:#527090;margin-top:8px;overflow-wrap:anywhere}
.coop-copy-feedback{font:500 13px/1.5 system-ui,sans-serif!important;color:#0a694e;margin:8px 0 0!important;overflow-wrap:anywhere}
.coop-copy-feedback:empty{display:none}.coop-copy-feedback.is-error{color:#aa2739}
/* Scope navigation rules to this action menu; leave the shop navbar untouched. */
.personalization-page .personal-subnav.personal-action-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:20px 0 24px;border:0;background:transparent;list-style:none;max-width:100%}
.personalization-page .personal-action-menu .personal-action-link{box-sizing:border-box;display:flex;align-items:center;gap:12px;position:relative;min-width:0;min-height:94px;padding:16px 14px;border:1px solid #d4e1f0;border-radius:14px;background:#fff;color:#173450;text-decoration:none!important;box-shadow:0 3px 11px #17345006;transition:background .15s,border-color .15s,box-shadow .15s;outline-offset:3px}
.personalization-page .personal-action-menu .personal-action-link:visited{color:#173450}
.personalization-page .personal-action-menu .personal-action-link:hover{background:#f5f9ff;border-color:#91bce9;box-shadow:0 6px 18px #214e8210}
.personalization-page .personal-action-menu .personal-action-link:focus-visible{outline:3px solid #1682eb}
.personal-action-menu .personal-action-icon{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #d8e8fa;border-radius:11px;background:#eef5ff;color:#0766c2}
.personal-action-menu .personal-action-icon svg{width:22px;height:22px;display:block}
.personal-action-menu .personal-action-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.personal-action-menu .personal-action-copy strong{font-size:14px;font-weight:600;line-height:1.45;letter-spacing:0}
.personal-action-menu .personal-action-copy small{font-size:12px;line-height:1.5;color:#5b7188;font-weight:400}
.personal-action-menu .personal-action-arrow{flex:0 0 auto;color:#65849f;font-size:18px;align-self:flex-start;line-height:1;margin-top:3px}
.personalization-page .personal-action-menu .personal-action-link.is-primary{border-color:#acd0f4;background:#edf6ff;color:#07589f}
.personalization-page .personal-action-menu .personal-action-link.is-primary:hover{background:#e1efff;border-color:#6aa9e6}
.personal-action-menu .is-primary .personal-action-icon{background:#0875d6;color:#fff;border-color:#0875d6}
/* Compatibility confirmation for native-triggered copying in older WebViews.
 * It is a child of the canvas, not a replacement for Android's native panels. */
#editor-canvas>.coop-copy-confirmation{display:flex!important;position:absolute;inset:0;z-index:140;align-items:center;justify-content:center;box-sizing:border-box;padding:16px;background:#19334b70;backdrop-filter:blur(3px);touch-action:auto;overflow:auto;color-scheme:light}
.coop-copy-confirmation .coop-copy-card{box-sizing:border-box;width:min(380px,100%);max-height:100%;overflow:auto;border:1px solid #d0dfef;border-radius:18px;background:#fff;color:#14314c;padding:22px;box-shadow:0 16px 60px #112d4b40;font:14px/1.55 system-ui,sans-serif;touch-action:auto}
.coop-copy-card h2{margin:0 0 8px;font-size:21px;line-height:1.35;color:#14314c}.coop-copy-card p{margin:0 0 16px;color:#4b637b}
.coop-copy-card .coop-code{display:block;box-sizing:border-box;width:100%;margin:4px 0 12px;min-height:50px;padding:10px 6px;background:#f4f8ff;color:#14314c;border:1px solid #aacbeb;border-radius:10px;text-align:center;font:700 20px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.04em;user-select:all;-webkit-user-select:all}
.coop-copy-card .coop-copy-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.coop-copy-actions button{flex:1 1 auto;min-height:46px;font:600 14px/1.4 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.coop-copy-actions button:focus-visible,.coop-copy-card input:focus-visible{outline:3px solid #1682eb;outline-offset:2px}
@media(max-width:1080px){.personalization-page .personal-subnav.personal-action-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.personalization-page .personal-subnav.personal-action-menu{gap:9px;margin:16px 0 20px}.personalization-page .personal-action-menu .personal-action-link{padding:13px 12px;min-height:134px;align-items:flex-start;flex-direction:column;gap:10px;border-radius:13px}.personal-action-menu .personal-action-icon{flex-basis:34px;width:34px;height:34px;border-radius:10px}.personal-action-menu .personal-action-copy strong{font-size:13px}.personal-action-menu .personal-action-copy small{font-size:11px}.personal-action-menu .personal-action-arrow{position:absolute;right:12px;top:15px}.editor-coop-dialog .coop-invitation{padding:12px}.editor-coop-dialog .coop-code-row{flex-direction:column;gap:8px}.editor-coop-dialog .coop-code-row .coop-code{width:100%;font-size:21px;min-height:50px}.editor-coop-dialog .coop-copy-button{width:100%;min-width:0}.coop-copy-confirmation .coop-copy-card{padding:18px}}
@media(prefers-reduced-motion:reduce){.personalization-page .personal-action-menu .personal-action-link{transition:none}}

/* Corrección 048: owner-managed ordering permissions, light theme on all widths. */
.editor-coop-dialog .coop-members{display:grid;gap:12px;min-width:0}
.editor-coop-dialog .coop-members h3{margin:6px 0 0;font-size:16px;color:#193b5b}
.editor-coop-dialog .coop-member-card{display:grid;gap:7px;min-width:0;padding:14px;border:1px solid #d1dfed;border-radius:12px;background:#f8fbff;color:#183a56}
.editor-coop-dialog .coop-member-card>strong{font-size:15px;overflow-wrap:anywhere}
.editor-coop-dialog .coop-member-card>small{font-size:12px;color:#5b7188}
.editor-coop-dialog .coop-permission-state{font-size:13px;color:#5e7388}
.editor-coop-dialog .coop-permission-state.is-allowed{color:#11614d;font-weight:600}
.editor-coop-dialog .coop-member-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px}
.editor-coop-dialog .coop-member-actions .p-btn{min-height:44px;font-size:13px;white-space:normal;flex:1 1 180px;text-align:center}
.editor-coop-dialog .coop-permission-help{font-size:12px;color:#526d86;padding:10px 0 0}
.editor-coop-dialog .coop-member-actions button:disabled{opacity:.55;cursor:wait}
