/* Medio unified actions 3.5.1 — based on the approved v4 button hierarchy.
   The original Medio stylesheets are not modified. One class system covers native buttons and GlassButton.
   This layer changes appearance only; it never simulates backend success. */
.medio-action-btn{--medio-shadow:rgba(89,60,177,.27);box-sizing:border-box;isolation:isolate;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;column-gap:6px!important;border-radius:999px!important;font-family:"Outfit","Lexend",sans-serif!important;font-weight:550!important;font-size:12px!important;letter-spacing:.002em!important;min-height:34px!important;line-height:1.2!important;transition:transform .22s cubic-bezier(.2,1,.3,1),box-shadow .27s ease,border-color .22s ease,background-color .22s ease!important;white-space:nowrap;vertical-align:middle;cursor:pointer;backface-visibility:hidden}
.medio-action-btn.medio-action-sm{height:34px!important;min-height:34px!important;padding:0 13px!important}.medio-action-btn.medio-action-md,.medio-action-btn.medio-action-lg{height:36px!important;min-height:36px!important;padding:0 15px!important}.medio-action-btn.medio-action-icon{width:35px!important;height:35px!important;min-height:35px!important;padding:0!important}
.medio-action-btn svg,.medio-action-btn .medio-action-native-icon{width:15px!important;height:15px!important;flex-shrink:0;stroke-width:1.9}.medio-action-btn .medio-action-native-icon{object-fit:contain;pointer-events:none;display:inline-block}
.medio-action-btn:disabled,.medio-action-btn[aria-disabled="true"]{opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important}
.medio-action-btn:focus-visible{outline:2px solid #7368ef!important;outline-offset:3px!important}
.medio-action-btn:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 9px 20px var(--medio-shadow)!important}
.medio-action-btn:active:not(:disabled){transform:translateY(0) scale(.965)}
/* Primary: purple-blue/cyan animated mesh from the approved Publish button */
.medio-action-primary{--medio-shadow:rgba(100,65,209,.40);border:1px solid rgba(195,170,255,.56)!important;color:#fff!important;background:linear-gradient(108deg,#4c55ed 0%,#8139f0 42%,#514ee9 70%,#4298ee 100%)!important;box-shadow:0 5px 13px var(--medio-shadow),inset 0 1px 1px rgba(255,255,255,.35)!important;text-shadow:0 1px 1px #2c215548!important;overflow:hidden}
.medio-action-primary::before{content:"";position:absolute;inset:-80%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 24% 18%,#95bfff 0,transparent 29%),radial-gradient(circle at 75% 32%,#ac54ef 0,transparent 33%),radial-gradient(circle at 35% 78%,#4a4af2 0,transparent 42%);opacity:.73;animation:medio-action-mesh 8s ease-in-out infinite alternate}
.medio-action-primary::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.36),transparent 30%,transparent 75%,rgba(255,255,255,.11));z-index:-1}
.medio-action-primary:hover:not(:disabled){box-shadow:0 9px 24px rgba(109,65,211,.46),inset 0 1px 2px #ffffff74!important}
/* Original v3.5 GlassButton secondary / outline values: no purple text or blue outline. */
.medio-action-secondary{--medio-shadow:rgba(112,144,176,.18);background:rgba(255,255,255,.80)!important;border:1px solid rgba(255,255,255,.90)!important;color:#1e293b!important;text-shadow:none!important;box-shadow:0 6px 20px rgba(112,144,176,.14)!important;backdrop-filter:blur(12px)}
.medio-action-secondary:hover:not(:disabled){background:#fff!important;color:#1e293b!important;box-shadow:0 8px 25px rgba(112,144,176,.22)!important}
.medio-action-outline,.medio-action-ghost{--medio-shadow:rgba(15,23,42,.07);background:rgba(255,255,255,.4)!important;border:1px solid rgba(226,232,240,.80)!important;color:#334155!important;text-shadow:none!important;box-shadow:0 1px 3px rgba(15,23,42,.10)!important;backdrop-filter:blur(12px)}
.medio-action-outline:hover:not(:disabled),.medio-action-ghost:hover:not(:disabled){background:rgba(255,255,255,.72)!important;color:#334155!important;border-color:#cbd5e1!important;box-shadow:0 2px 8px rgba(15,23,42,.12)!important}
.medio-action-glass{background:rgba(255,255,255,.67)!important;border:1px solid rgba(255,255,255,.9)!important;color:#334155!important;backdrop-filter:blur(12px)}
.medio-action-success{--medio-shadow:rgba(32,148,134,.33);background:linear-gradient(115deg,#078c83,#21ae9e 48%,#4dbed3)!important;border:1px solid rgba(117,231,208,.62)!important;color:#fff!important;box-shadow:0 5px 13px var(--medio-shadow),inset 0 1px 1px #ffffff51!important;overflow:hidden}
.medio-action-danger{--medio-shadow:rgba(201,57,104,.35);background:linear-gradient(115deg,#cb326e,#ec557e 50%,#eb917b)!important;border:1px solid rgba(255,165,183,.6)!important;color:#fff!important;box-shadow:0 5px 13px var(--medio-shadow),inset 0 1px 1px #ffffff4b!important;overflow:hidden}
.medio-action-success::before,.medio-action-danger::before{content:"";pointer-events:none;position:absolute;inset:-75%;z-index:-1;opacity:.5;animation:medio-action-mesh 8s ease-in-out infinite alternate}
.medio-action-success::before{background:radial-gradient(circle at 30% 25%,#87fde0,transparent 32%),radial-gradient(circle at 75% 70%,#27a3d5,transparent 40%)}
.medio-action-danger::before{background:radial-gradient(circle at 30% 25%,#ffd0a0,transparent 33%),radial-gradient(circle at 77% 68%,#d4418b,transparent 37%)}
.medio-action-btn:is(.medio-action-primary,.medio-action-success,.medio-action-danger) svg{color:#fff!important;stroke:#fff!important}
.medio-action-btn:is(.medio-action-secondary,.medio-action-outline,.medio-action-glass,.medio-action-ghost) svg{color:#334155;stroke:currentColor}
.medio-header-bell{overflow:visible!important}.medio-header-bell-inner{display:inline-flex;position:relative}.medio-header-bell-count{position:absolute;top:-9px;right:-11px;border:1.5px solid #fff;border-radius:999px;background:#ec4a79;color:#fff;min-width:15px;height:15px;padding:0 2px;font-size:9px;line-height:13px;font-weight:700;text-align:center;white-space:nowrap}
@keyframes medio-action-mesh{0%{transform:translate(-3%,-3%) rotate(-5deg) scale(1)}50%{transform:translate(3%,3%) rotate(2deg) scale(1.08)}100%{transform:translate(-2%,4%) rotate(4deg) scale(1.06)}}
@media (prefers-reduced-motion:reduce){.medio-action-btn,.medio-action-btn::before,.medio-action-btn::after{animation:none!important;transition:none!important}}
/* Do not convert nav tabs, dropdown options, icon-only controls, or links into CTA buttons. */

.medio-action-primary{background:radial-gradient(ellipse at 18% 15%,rgba(157,196,255,.50),transparent 41%),radial-gradient(ellipse at 84% 90%,rgba(175,83,240,.66),transparent 45%),linear-gradient(108deg,#4c55ed,#8139f0 49%,#4298ee)!important;background-size:175% 155%,165% 175%,100% 100%!important;animation:medio-action-bg 8s ease-in-out infinite alternate}
.medio-action-success{background:radial-gradient(ellipse at 18% 18%,rgba(136,250,226,.4),transparent 40%),radial-gradient(ellipse at 88% 85%,rgba(71,158,226,.39),transparent 44%),linear-gradient(115deg,#078c83,#21ae9e 48%,#4dbed3)!important;background-size:180% 175%,170% 180%,100% 100%!important;animation:medio-action-bg 9s ease-in-out infinite alternate}
.medio-action-danger{background:radial-gradient(ellipse at 18% 18%,rgba(255,189,139,.43),transparent 40%),radial-gradient(ellipse at 80% 85%,rgba(189,36,111,.4),transparent 44%),linear-gradient(115deg,#cb326e,#ec557e 50%,#eb917b)!important;background-size:180% 175%,170% 180%,100% 100%!important;animation:medio-action-bg 8s ease-in-out infinite alternate}
.medio-action-primary::before,.medio-action-success::before,.medio-action-danger::before{content:none}
@keyframes medio-action-bg{0%{background-position:0% 0%,100% 100%,0% 0%}50%{background-position:70% 30%,15% 90%,0% 0%}100%{background-position:100% 80%,0% 0%,0% 0%}}
/* Icons are CSS masks from bundled Lucide SVGs; never change the React component children. */
.medio-action-btn.medio-action-added-icon::before{content:"";position:static;z-index:auto;inset:auto;display:inline-block!important;opacity:1;flex:0 0 15px;width:15px;height:15px;border-radius:0;background:currentColor!important;animation:none!important;transform:none!important;filter:none!important;pointer-events:none;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
.medio-action-icon-plus::before{-webkit-mask-image:url(/assets/medio-action-icons/plus.svg);mask-image:url(/assets/medio-action-icons/plus.svg)}
.medio-action-icon-save::before{-webkit-mask-image:url(/assets/medio-action-icons/save.svg);mask-image:url(/assets/medio-action-icons/save.svg)}
.medio-action-icon-eye::before{-webkit-mask-image:url(/assets/medio-action-icons/eye.svg);mask-image:url(/assets/medio-action-icons/eye.svg)}
.medio-action-icon-rotate-ccw::before{-webkit-mask-image:url(/assets/medio-action-icons/rotate-ccw.svg);mask-image:url(/assets/medio-action-icons/rotate-ccw.svg)}
.medio-action-icon-trash-2::before{-webkit-mask-image:url(/assets/medio-action-icons/trash-2.svg);mask-image:url(/assets/medio-action-icons/trash-2.svg)}
.medio-action-icon-download::before{-webkit-mask-image:url(/assets/medio-action-icons/download.svg);mask-image:url(/assets/medio-action-icons/download.svg)}
.medio-action-icon-cloud-upload::before{-webkit-mask-image:url(/assets/medio-action-icons/cloud-upload.svg);mask-image:url(/assets/medio-action-icons/cloud-upload.svg)}
.medio-action-icon-external-link::before{-webkit-mask-image:url(/assets/medio-action-icons/external-link.svg);mask-image:url(/assets/medio-action-icons/external-link.svg)}
.medio-action-icon-refresh-cw::before{-webkit-mask-image:url(/assets/medio-action-icons/refresh-cw.svg);mask-image:url(/assets/medio-action-icons/refresh-cw.svg)}
.medio-action-icon-copy::before{-webkit-mask-image:url(/assets/medio-action-icons/copy.svg);mask-image:url(/assets/medio-action-icons/copy.svg)}
.medio-action-icon-check::before{-webkit-mask-image:url(/assets/medio-action-icons/check.svg);mask-image:url(/assets/medio-action-icons/check.svg)}
.medio-action-icon-x::before{-webkit-mask-image:url(/assets/medio-action-icons/x.svg);mask-image:url(/assets/medio-action-icons/x.svg)}
.medio-action-icon-bell::before{-webkit-mask-image:url(/assets/medio-action-icons/bell.svg);mask-image:url(/assets/medio-action-icons/bell.svg)}
.medio-action-icon-file-text::before{-webkit-mask-image:url(/assets/medio-action-icons/file-text.svg);mask-image:url(/assets/medio-action-icons/file-text.svg)}
.medio-action-icon-send::before{-webkit-mask-image:url(/assets/medio-action-icons/send.svg);mask-image:url(/assets/medio-action-icons/send.svg)}
@media(prefers-reduced-motion:reduce){.medio-action-primary,.medio-action-success,.medio-action-danger{animation:none!important}}