/* WebMix share widget styles (loaded by webmix-share.js) v5 */
.wmx-fab{position:fixed;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:9990;font-family:inherit}
.wmx-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font:600 14px/1 inherit;font-family:inherit;padding:10px 14px;box-shadow:0 4px 14px rgba(79,70,229,.35);cursor:pointer}
.wmx-fab.min .wmx-btn{padding:10px;opacity:.85}
.wmx-fab.min .wmx-lbl{display:none}
.wmx-x{position:absolute;top:-7px;left:-7px;width:20px;height:20px;border-radius:50%;border:0;background:#fff;color:#4f46e5;font-size:12px;line-height:20px;box-shadow:0 1px 4px rgba(0,0,0,.25);cursor:pointer;padding:0}
.wmx-menu{position:absolute;right:0;bottom:48px;background:#fff;color:#1f2937;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:8px;min-width:190px;display:none}
.wmx-fab.open .wmx-menu{display:block}
.wmx-menu button{display:flex;width:100%;align-items:center;gap:8px;border:0;background:none;padding:10px;border-radius:10px;font:500 14px inherit;font-family:inherit;color:inherit;cursor:pointer;text-align:left}
.wmx-menu button:hover{background:#eef2ff}
.wmx-ico{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}
.wmx-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#312e81;color:#fff;padding:8px 14px;border-radius:999px;font-size:14px;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s}
.wmx-toast.on{opacity:1}
.wmx-rbtn{margin:8px 0;display:inline-flex}
.wmx-line{background:#06c755}.wmx-fb{background:#1877f2}.wmx-cp{background:#4f46e5}.wmx-nt{background:#7c3aed}

/* Floating WebMix apps entry — above share FAB, not in app flow */
.wmx-apps-fab{position:fixed;right:12px;bottom:calc(148px + env(safe-area-inset-bottom,0px));z-index:9988;font-family:inherit}
.wmx-apps-btn{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;background:#fff;color:#312e81;font:700 13px/1 inherit;font-family:inherit;padding:10px 14px;cursor:pointer;box-shadow:0 4px 16px rgba(49,46,129,.22);border:1px solid #c7d2fe}
.wmx-apps-btn:hover,.wmx-apps-btn:focus-visible{background:#eef2ff;outline:2px solid #4f46e5;outline-offset:2px}
.wmx-apps-hide{position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:50%;border:0;background:#fff;color:#4b5563;font-size:14px;line-height:22px;box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer;padding:0}
.wmx-apps-hide:hover,.wmx-apps-hide:focus-visible{background:#fee2e2;color:#991b1b;outline:2px solid #ef4444;outline-offset:1px}

.wmx-panel-bg{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:9992;opacity:0;pointer-events:none;transition:opacity .2s ease}
.wmx-panel-bg.on{opacity:1;pointer-events:auto}
.wmx-panel{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:9993;width:min(420px,calc(100vw - 24px));max-height:min(78vh,640px);overflow:auto;background:#fff;color:#1f2937;border-radius:18px;box-shadow:0 16px 40px rgba(49,46,129,.28),0 0 0 1px rgba(79,70,229,.14);padding:16px 16px 14px;font-family:inherit;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease}
.wmx-panel.on{opacity:1;pointer-events:auto;transform:translateY(0)}
.wmx-panel-x{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:50%;background:#f3f4f6;color:#374151;font-size:20px;line-height:32px;cursor:pointer;padding:0}
.wmx-panel-x:hover,.wmx-panel-x:focus-visible{background:#e5e7eb;outline:2px solid #4f46e5;outline-offset:1px}
.wmx-eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0 36px 8px 0;padding:4px 12px;border-radius:999px;border:1px solid #a5b4fc;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700;line-height:1.4}
.wmx-panel h2{font-size:1.1rem;margin:0 36px 6px 0;color:#312e81;font-weight:800}
.wmx-sub{margin:0 0 12px;font-size:13px;line-height:1.45;color:#4b5563}
.wmx-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}
@media (min-width:420px){.wmx-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wmx-card{display:block;background:#f8fafc;border-radius:12px;overflow:hidden;text-decoration:none;color:#1f2937;box-shadow:0 1px 3px rgba(15,23,42,.08);border:1px solid #e5e7eb}
.wmx-card:hover,.wmx-card:focus-visible{box-shadow:0 4px 12px rgba(79,70,229,.25);outline:2px solid #4f46e5;outline-offset:1px}
.wmx-card img,.wmx-ph{width:100%;aspect-ratio:16/10;object-fit:cover;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;font-size:12px}
.wmx-card span{display:block;padding:6px 7px;font-size:12px;line-height:1.35}
.wmx-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.wmx-links a{color:#fff;background:#4f46e5;padding:8px 12px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:600}
.wmx-links a.fb{background:#7c3aed}
.wmx-panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.wmx-panel-secondary,.wmx-panel-ghost{border-radius:999px;font:600 13px inherit;font-family:inherit;padding:8px 12px;cursor:pointer}
.wmx-panel-secondary{border:0;background:#4f46e5;color:#fff}
.wmx-panel-ghost{border:1px solid #c7d2fe;background:#fff;color:#4338ca}
.wmx-panel-ghost:hover,.wmx-panel-secondary:hover{filter:brightness(1.05)}

@media (max-width:640px){
  .wmx-apps-fab{bottom:calc(150px + env(safe-area-inset-bottom,0px));right:10px}
  .wmx-apps-lbl{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .wmx-panel{left:10px;right:10px;width:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));max-height:min(82vh,680px)}
}
@media (prefers-reduced-motion:reduce){
  .wmx-panel,.wmx-panel-bg{transition:none}
}
@media print{
  .wmx-fab,.wmx-apps-fab,.wmx-panel,.wmx-panel-bg,.wmx-toast,.wmx-rbtn{display:none!important}
}