/* Resync campaign: modern icon button, flash banner, and removal confirmation. Shared by every page. */
.mk-resync-form{margin:0;flex-shrink:0;display:inline-flex}
.mk-resync-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #d5e3f5;border-radius:10px;background:#f4f8fe;color:#2868b7;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.mk-resync-button svg{width:18px;height:18px}
.mk-resync-button:hover{background:#eaf2fd;border-color:#2868b7;box-shadow:0 1px 4px rgba(40,104,183,.18)}
.mk-resync-button:active{transform:translateY(1px)}
.mk-resync-button:focus-visible{outline:3px solid #6099ee;outline-offset:2px}
.mk-resync-button[disabled],.mk-resync-button.is-loading{cursor:progress;opacity:.75;pointer-events:none}
.mk-resync-button.is-loading svg{animation:mk-resync-spin .9s linear infinite}
@keyframes mk-resync-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.mk-resync-button,.mk-resync-button svg{transition:none}.mk-resync-button.is-loading svg{animation-duration:2.4s}}
html[data-theme=dark] .mk-resync-button{background:#213c5d;border-color:#385373;color:#92bff7}
html[data-theme=dark] .mk-resync-button:hover{background:#2a4a72;border-color:#92bff7}

.mk-resync-flash{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px;padding:12px 16px;border:1px solid #d5e3f5;border-left-width:4px;border-radius:12px;background:#f4f8fe;color:#17324f;font-size:.95rem;line-height:1.45}
.mk-resync-flash svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}
.mk-resync-flash--success{border-color:#b7e2c6;background:#eefaf2;color:#17482b}
.mk-resync-flash--warning{border-color:#f1d9a0;background:#fff8e6;color:#5c4100}
.mk-resync-flash--danger{border-color:#f0c0c0;background:#fdf0f0;color:#6b1c1c}
.mk-resync-flash--info{border-color:#c4d9f3;background:#f4f8fe;color:#17324f}
html[data-theme=dark] .mk-resync-flash{background:#1b2d45;border-color:#385373;color:#e4edf8}
html[data-theme=dark] .mk-resync-flash--success{background:#163626;border-color:#2f6a4a}
html[data-theme=dark] .mk-resync-flash--warning{background:#3a2e12;border-color:#7a6226}
html[data-theme=dark] .mk-resync-flash--danger{background:#3f1e22;border-color:#7a3a40}

.mk-resync-confirm{max-width:640px;margin:24px auto;padding:24px;border:1px solid #d5e3f5;border-radius:16px;background:#fff}
.mk-resync-confirm h1{font-size:1.4rem;margin:0 0 8px}
.mk-resync-confirm-name{margin:12px 0;padding:10px 14px;border-radius:10px;background:#f4f8fe;font-weight:700;word-break:break-word}
.mk-resync-confirm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.mk-resync-danger-button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid #b42318;border-radius:10px;background:#b42318;color:#fff;font-weight:700;cursor:pointer}
.mk-resync-danger-button:hover{background:#8f1c13;border-color:#8f1c13}
.mk-resync-danger-button:focus-visible{outline:3px solid #6099ee;outline-offset:2px}
.mk-resync-danger-button[disabled]{opacity:.7;cursor:progress}
.mk-resync-secondary-button{display:inline-flex;align-items:center;padding:10px 18px;border:1px solid #d5e3f5;border-radius:10px;background:#f4f8fe;color:#2868b7;font-weight:700;text-decoration:none}
.mk-resync-secondary-button:hover{background:#eaf2fd;border-color:#2868b7;color:#2868b7}
html[data-theme=dark] .mk-resync-confirm{background:#16273d;border-color:#385373;color:#e4edf8}
html[data-theme=dark] .mk-resync-confirm-name{background:#213c5d}
html[data-theme=dark] .mk-resync-secondary-button{background:#213c5d;border-color:#385373;color:#92bff7}