.miko-report-host{position:relative!important}
/* Uniform flag on all card types */
html body .miko-content-report-flag{box-sizing:border-box!important;position:absolute!important;top:6px!important;right:6px!important;bottom:auto!important;left:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;aspect-ratio:1!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;margin:0!important;padding:0!important;border:1px solid #daeaffcc!important;border-radius:50%!important;background:#10253dcc!important;box-shadow:0 2px 6px #0004!important;transform:none!important;z-index:80!important}
html body .miko-content-report-flag svg{display:block!important;flex:0 0 11px!important;width:11px!important;height:11px!important;min-width:11px!important;min-height:11px!important;max-width:11px!important;max-height:11px!important;padding:0!important;margin:0!important;stroke:#fff!important;fill:none!important;filter:none!important}

/* Small tidy report flag within news image */
body.home .miko-news-card .miko-card-image .miko-content-report-flag{box-sizing:border-box!important;position:absolute!important;top:6px!important;right:6px!important;bottom:auto!important;left:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 20px!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;padding:0!important;margin:0!important;line-height:1!important;border-radius:6px!important;border:1px solid rgba(255,255,255,.8)!important;background:rgba(21,26,39,.82)!important;color:#fff!important;box-shadow:0 2px 5px #0003!important;transform:none!important;z-index:40!important}
body.home .miko-news-card .miko-card-image .miko-content-report-flag svg{box-sizing:content-box!important;display:block!important;flex:none!important;width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important;max-width:10px!important;max-height:10px!important;margin:0!important;padding:0!important;stroke-width:2!important;filter:none!important}
body.home .miko-news-card .miko-card-image .miko-content-report-flag:hover{background:#ed0046!important}

/* Compact report flags in homepage news thumbnails */
.miko-home-section .miko-news-card .miko-card-image .miko-content-report-flag,
.miko-home-section .miko-news-card .miko-report-host .miko-content-report-flag{right:7px!important;bottom:7px!important;width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;padding:0!important;border-radius:9px!important;background:rgba(25,29,46,.48)!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 3px 9px rgba(0,0,0,.18)!important;backdrop-filter:blur(7px)!important;display:grid!important;place-items:center!important}
.miko-home-section .miko-news-card .miko-content-report-flag svg{width:13px!important;height:13px!important;stroke-width:1.8!important;flex:none!important}
.miko-home-section .miko-news-card .miko-content-report-flag:hover,.miko-home-section .miko-news-card .miko-content-report-flag:focus-visible{background:#f50046!important;border-color:#fff!important;transform:translateY(-1px)!important}
@media(max-width:640px){.miko-home-section .miko-news-card .miko-content-report-flag{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;right:5px!important;bottom:5px!important}}

.miko-content-report-flag{position:absolute;top:6px;right:6px;bottom:auto;left:auto;z-index:40;box-sizing:border-box;flex:none;width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:1px solid rgba(218,234,255,.8);border-radius:50%;background:rgba(16,37,61,.8);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 2px 6px #0004;color:#fff;cursor:pointer;transition:background .2s;outline:none}
.miko-content-report-flag svg{display:block;flex:none;box-sizing:border-box;width:11px;height:11px;min-width:11px;min-height:11px;max-width:11px;max-height:11px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:none;transition:.2s}
.miko-content-report-flag:hover,.miko-content-report-flag:focus-visible{transform:translateY(-2px) scale(1.04);background:linear-gradient(145deg,rgba(255,255,255,.36),rgba(65,145,255,.18));border-color:rgba(255,255,255,.65);box-shadow:0 10px 28px rgba(30,113,230,.30),0 0 0 3px rgba(123,195,255,.12)}
.miko-content-report-flag:hover svg,.miko-content-report-flag:focus-visible svg{transform:rotate(-7deg) translateY(-1px)}
.miko-popular-thumb .miko-content-report-flag,.miko-y-side-thumb .miko-content-report-flag,.miko-pinned-side-media .miko-content-report-flag{top:5px;right:5px;bottom:auto;width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px;border-radius:50%}
.miko-popular-thumb .miko-content-report-flag svg,.miko-y-side-thumb .miko-content-report-flag svg,.miko-pinned-side-media .miko-content-report-flag svg{width:11px;height:11px;min-width:11px;min-height:11px;max-width:11px;max-height:11px}
.miko-report-tip{position:absolute;right:0;bottom:calc(100% + 7px);padding:5px 8px;border-radius:7px;background:rgba(8,20,43,.92);color:#fff;font-size:11px;font-weight:700;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(4px);transition:.18s;pointer-events:none}
.miko-content-report-flag:hover .miko-report-tip,.miko-content-report-flag:focus-visible .miko-report-tip{opacity:1;visibility:visible;transform:none}
.miko-report-modal{position:fixed;inset:0;z-index:999998;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.miko-report-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.miko-report-backdrop{position:absolute;inset:0;border:0;background:linear-gradient(180deg,rgba(7,20,43,.64),rgba(8,28,61,.72));backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%)}
.miko-report-dialog{position:relative;z-index:2;width:min(620px,100%);max-height:calc(100vh - 44px);overflow:auto;border:1px solid rgba(189,214,244,.94);border-radius:28px;background:radial-gradient(circle at 92% 5%,rgba(65,148,255,.09),transparent 20%),linear-gradient(155deg,rgba(255,255,255,.995),rgba(244,249,255,.985));box-shadow:0 38px 100px rgba(5,24,55,.34),0 12px 34px rgba(20,91,166,.10),inset 0 1px 0 rgba(255,255,255,.9);padding:26px;color:#15233b;scrollbar-width:thin;scrollbar-color:#cbdcf0 transparent;animation:mikoReportDialogIn .25s cubic-bezier(.2,.8,.2,1)}
.miko-report-close{position:absolute;top:16px;right:16px;z-index:8;width:44px;height:44px;padding:0!important;border:1px solid #d7e4f2;border-radius:14px;background:linear-gradient(180deg,#fff,#f2f7fd);color:#516883;display:grid;place-items:center;cursor:pointer;box-shadow:0 9px 22px rgba(31,79,132,.10),inset 0 1px 0 rgba(255,255,255,.95);transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.miko-report-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;transition:transform .2s ease}.miko-report-close:hover,.miko-report-close:focus-visible{transform:translateY(-2px) rotate(2deg);background:linear-gradient(180deg,#fff,#eaf4ff);color:#1769c5;border-color:#bcd7f1;box-shadow:0 13px 28px rgba(31,96,165,.16),0 0 0 4px rgba(64,144,235,.10);outline:none}.miko-report-close:hover svg,.miko-report-close:focus-visible svg{transform:rotate(90deg)}.miko-report-close:active{transform:scale(.96)}
.miko-report-dialog-head{display:flex;gap:15px;padding-right:56px;margin-bottom:17px}.miko-report-dialog-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#0b64d8,#35a0ff);box-shadow:0 12px 28px rgba(25,105,216,.26),0 0 0 5px rgba(37,132,238,.07);color:#fff}.miko-report-dialog-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.miko-report-dialog-head small{display:block;color:#1b75df;font-size:10px;font-weight:900;letter-spacing:.13em}.miko-report-dialog-head h2{font-size:27px;line-height:1.15;margin:2px 0 4px;color:#10213e;letter-spacing:-.02em}.miko-report-dialog-head p{margin:0;color:#667a95;font-size:12.5px;line-height:1.5}
.miko-report-target{display:none;margin:0 0 16px;padding:11px 13px;border:1px solid #d6e6f5;border-radius:13px;background:linear-gradient(180deg,#f9fcff,#f3f8fe);color:#3b516c;font-size:11.5px;font-weight:750;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.miko-report-target.is-visible{display:block}.miko-report-form fieldset{border:0;padding:0;margin:0}.miko-report-form legend{font-size:13px;font-weight:900;margin-bottom:9px;color:#243753}
.miko-report-reasons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.miko-report-reasons label{cursor:pointer}.miko-report-reasons input{position:absolute;opacity:0}.miko-report-reasons span{min-height:47px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dbe7f4;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfdff);color:#334964;font-size:12.5px;font-weight:760;box-shadow:0 3px 10px rgba(30,75,125,.025);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.miko-report-reasons i{width:15px;height:15px;flex:0 0 15px;border:1.5px solid #a9bfd8;border-radius:50%;box-shadow:inset 0 0 0 3px #fff;transition:.18s}.miko-report-reasons label:hover span{transform:translateY(-1px);border-color:#bfd7ee;box-shadow:0 7px 16px rgba(30,75,125,.07)}.miko-report-reasons input:checked+span{border-color:#4b99ed;background:linear-gradient(180deg,#f3f9ff,#ecf6ff);color:#0b5fbe;box-shadow:0 8px 20px rgba(40,123,216,.10),inset 0 0 0 1px rgba(75,153,237,.10)}.miko-report-reasons input:checked+span i{background:#1675dc;border-color:#1675dc;box-shadow:inset 0 0 0 4px #fff,0 0 0 2px rgba(22,117,220,.10)}
.miko-report-note{position:relative;display:block;margin-top:16px}.miko-report-note>span{display:block;margin-bottom:7px;color:#243753;font-size:13px;font-weight:800}.miko-report-note textarea{width:100%;min-height:104px;resize:vertical;border:1px solid #d8e5f3;border-radius:13px;background:#fff;padding:11px 12px 26px;color:#20344f;font:inherit;font-size:13px}.miko-report-note em{position:absolute;right:10px;bottom:8px;color:#91a0b2;font-size:10px;font-style:normal}
.miko-report-actions{display:flex;justify-content:flex-end;align-items:center;gap:11px;margin-top:18px}.miko-report-actions button{min-height:46px;border-radius:14px;padding:0 17px;font-weight:900;font-size:13px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.miko-report-actions button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.miko-report-cancel{min-width:118px;border:1px solid #d8e4f0;background:linear-gradient(180deg,#fff,#f3f7fb);color:#536a84;box-shadow:0 7px 17px rgba(31,79,132,.07),inset 0 1px 0 rgba(255,255,255,.95);display:inline-flex;align-items:center;justify-content:center;gap:7px}.miko-report-cancel:hover,.miko-report-cancel:focus-visible{transform:translateY(-2px);background:linear-gradient(180deg,#fff,#edf4fb);color:#2f5379;border-color:#bdd2e7;box-shadow:0 11px 23px rgba(31,79,132,.12),0 0 0 4px rgba(173,197,223,.13);outline:none}.miko-report-submit{min-width:154px;border:0;background:linear-gradient(135deg,#2c92fb,#0d6edc);color:#fff;box-shadow:0 12px 26px rgba(22,111,216,.27),0 0 0 1px rgba(255,255,255,.18) inset;display:inline-flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden}.miko-report-submit:before{content:"";position:absolute;top:-60%;bottom:-60%;left:-32%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-18deg);transition:left .5s ease}.miko-report-submit:hover:before{left:118%}.miko-report-submit:hover,.miko-report-submit:focus-visible{transform:translateY(-2px);background:linear-gradient(135deg,#3e9eff,#116fdb);box-shadow:0 16px 32px rgba(22,111,216,.34),0 0 0 5px rgba(62,145,245,.11);outline:none}.miko-report-submit:active,.miko-report-cancel:active{transform:scale(.97)}.miko-report-submit:disabled{opacity:.6;cursor:wait;transform:none}.miko-report-status{min-height:18px;margin:9px 0 0;text-align:right;color:#c13b46;font-size:12px;font-weight:800}
.miko-report-toast{position:fixed;right:20px;bottom:22px;z-index:1000000;display:flex;align-items:center;gap:10px;max-width:360px;padding:13px 16px;border:1px solid rgba(153,217,191,.8);border-radius:15px;background:rgba(246,255,251,.96);box-shadow:0 18px 40px rgba(8,55,37,.18);color:#184e3a;opacity:0;visibility:hidden;transform:translateY(14px);transition:.22s}.miko-report-toast.is-show{opacity:1;visibility:visible;transform:none}.miko-report-toast>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#24a46d;color:#fff;font-weight:900}.miko-report-toast strong,.miko-report-toast small{display:block}.miko-report-toast small{font-size:11px;color:#59806d}
body.miko-report-open{overflow:hidden}
@media(max-width:700px){.miko-content-report-flag{right:8px;bottom:8px;width:36px;height:36px;border-radius:12px}.miko-report-tip{display:none}.miko-report-modal{padding:10px;align-items:end}.miko-report-dialog{width:100%;max-height:90vh;border-radius:24px 24px 15px 15px;padding:21px 16px 18px}.miko-report-close{top:12px;right:12px;width:40px;height:40px;border-radius:12px}.miko-report-close svg{width:17px;height:17px}.miko-report-dialog-head{padding-right:48px;gap:11px}.miko-report-dialog-icon{width:43px;height:43px;flex-basis:43px;border-radius:13px}.miko-report-dialog-head h2{font-size:23px}.miko-report-dialog-head p{font-size:11px}.miko-report-reasons{grid-template-columns:1fr}.miko-report-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.miko-report-actions button{width:100%;min-width:0}.miko-report-toast{left:12px;right:12px;bottom:14px;max-width:none}}

/* Lifestyle cards only — premium top-right report action */
body.home .miko-section-lifestyle .miko-card-image .miko-content-report-flag{
  top:10px!important;
  right:10px!important;
  bottom:auto!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(224,235,248,.48)!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,rgba(24,39,59,.66),rgba(54,76,104,.42))!important;
  -webkit-backdrop-filter:blur(11px) saturate(130%)!important;
  backdrop-filter:blur(11px) saturate(130%)!important;
  box-shadow:0 7px 18px rgba(5,18,37,.20),inset 0 1px 0 rgba(255,255,255,.24)!important;
  color:#fff!important;
  overflow:visible!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
}
body.home .miko-section-lifestyle .miko-card-image .miko-content-report-flag:before{
  content:""!important;
  position:absolute!important;
  inset:-3px!important;
  border:1px solid rgba(134,190,244,.20)!important;
  border-radius:13px!important;
  pointer-events:none!important;
  opacity:.46!important;
  animation:mikoLifestyleReportPulse 3.6s ease-in-out infinite!important;
}
body.home .miko-section-lifestyle .miko-card-image .miko-content-report-flag:after{
  content:""!important;
  position:absolute!important;
  top:4px!important;
  left:5px!important;
  width:9px!important;
  height:4px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.68),rgba(255,255,255,.08))!important;
  transform:rotate(-25deg)!important;
  pointer-events:none!important;
  opacity:.62!important;
}
body.home .miko-section-lifestyle .miko-card-image .miko-content-report-flag svg{
  width:16px!important;
  height:16px!important;
  stroke-width:1.9!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.24)) drop-shadow(0 0 4px rgba(155,211,255,.12))!important;
  transition:transform .2s ease,filter .2s ease!important;
}
body.home .miko-section-lifestyle .miko-card-image .miko-report-tip{
  top:calc(100% + 7px)!important;
  right:0!important;
  bottom:auto!important;
}
@media(hover:hover) and (pointer:fine){
  body.home .miko-section-lifestyle .miko-card-image .miko-content-report-flag:hover,
  body.home .miko-section-lifestyle .miko-card-image .miko-content-report-flag:focus-visible{
    transform:translateY(-2px) scale(1.035)!important;
    border-color:rgba(190,222,255,.72)!important;
    background:linear-gradient(145deg,rgba(26,47,73,.76),rgba(68,104,145,.54))!important;
    box-shadow:0 10px 24px rgba(5,22,47,.24),0 0 14px rgba(97,178,255,.12),inset 0 1px 0 rgba(255,255,255,.32)!important;
  }
  body.home .miko-section-lifestyle .miko-card-image .miko-content-report-flag:hover svg,
  body.home .miko-section-lifestyle .miko-card-image .miko-content-report-flag:focus-visible svg{
    transform:scale(1.06) rotate(-5deg)!important;
    filter:drop-shadow(0 2px 4px rgba(0,0,0,.22)) drop-shadow(0 0 6px rgba(155,211,255,.25))!important;
  }
}
@keyframes mikoLifestyleReportPulse{
  0%,100%{opacity:.28;transform:scale(.97)}
  50%{opacity:.56;transform:scale(1.025)}
}
@media(max-width:700px){
  body.home .miko-section-lifestyle .miko-card-image .miko-content-report-flag{
    top:8px!important;
    right:8px!important;
    bottom:auto!important;
    width:32px!important;
    height:32px!important;
    border-radius:10px!important;
  }
  body.home .miko-section-lifestyle .miko-card-image .miko-content-report-flag svg{
    width:15px!important;
    height:15px!important;
  }
}
@keyframes mikoReportDialogIn{from{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  body.home .miko-section-lifestyle .miko-card-image .miko-content-report-flag:before{animation:none!important}
  body.home .miko-section-lifestyle .miko-card-image .miko-content-report-flag,
  body.home .miko-section-lifestyle .miko-card-image .miko-content-report-flag svg,
  .miko-report-dialog,.miko-report-close,.miko-report-close svg,.miko-report-actions button{transition:none!important;animation:none!important}
  .miko-report-submit:before{display:none!important}
}

/* Global report UI — all news/card pages */
.miko-report-subject,.miko-report-admin-note{display:block;margin-top:14px}
.miko-report-subject>span,.miko-report-admin-note>span{display:block;margin-bottom:7px;color:#243753;font-size:13px;font-weight:800}
.miko-report-subject input{width:100%;min-height:44px;border:1px solid #d8e5f3;border-radius:12px;background:#fff;padding:0 12px;color:#20344f;font:inherit;font-size:13px;box-shadow:none}
.miko-report-subject input:focus,.miko-report-note textarea:focus,.miko-report-admin-note textarea:focus{border-color:#4b99ed;box-shadow:0 0 0 3px rgba(75,153,237,.11);outline:0}
.miko-report-admin-note textarea{width:100%;min-height:82px;resize:vertical;border:1px solid #d8e5f3;border-radius:13px;background:#fff;padding:11px 12px;color:#20344f;font:inherit;font-size:13px}
.miko-report-admin-note small{color:#8b9bad;font-weight:600}
.miko-report-host--auto{position:relative!important}
.miko-report-host--article{position:relative!important}
.miko-report-host--article>.miko-content-report-flag{top:10px!important;right:10px!important;bottom:auto!important}
.miko-content-report-flag--auto{isolation:isolate}
@media(max-width:700px){
  .miko-report-subject,.miko-report-admin-note{margin-top:12px}
  .miko-report-subject input{min-height:42px;font-size:12px}
  .miko-report-admin-note textarea{min-height:72px;font-size:12px}
}

/* v2.2 visibility hardening — close + cancel controls on every device */
.miko-report-dialog .miko-report-close{
  display:grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:30!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #a9c7e6!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#173f69!important;
  -webkit-text-fill-color:#173f69!important;
  box-shadow:0 10px 24px rgba(26,74,126,.15),0 0 0 4px rgba(52,132,224,.07)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.miko-report-dialog .miko-report-close svg{
  display:block!important;
  width:20px!important;
  height:20px!important;
  opacity:1!important;
  visibility:visible!important;
  fill:none!important;
  stroke:#173f69!important;
  color:#173f69!important;
  stroke-width:2.45!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.miko-report-dialog .miko-report-close:hover,
.miko-report-dialog .miko-report-close:focus-visible{
  background:#eaf4ff!important;
  color:#075fbe!important;
  -webkit-text-fill-color:#075fbe!important;
  border-color:#6ea7df!important;
  box-shadow:0 14px 30px rgba(31,96,165,.18),0 0 0 5px rgba(64,144,235,.12)!important;
  outline:none!important;
}
.miko-report-dialog .miko-report-close:hover svg,
.miko-report-dialog .miko-report-close:focus-visible svg{
  stroke:#075fbe!important;
}

.miko-report-dialog .miko-report-actions .miko-report-cancel{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:124px!important;
  min-height:46px!important;
  padding:0 18px!important;
  border:1px solid #a9c7e6!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#234e78!important;
  -webkit-text-fill-color:#234e78!important;
  box-shadow:0 9px 20px rgba(31,79,132,.11)!important;
  text-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.miko-report-dialog .miko-report-actions .miko-report-cancel span{
  display:inline!important;
  visibility:visible!important;
  opacity:1!important;
  color:#234e78!important;
  -webkit-text-fill-color:#234e78!important;
  font-weight:900!important;
}
.miko-report-dialog .miko-report-actions .miko-report-cancel svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  opacity:1!important;
  visibility:visible!important;
  fill:none!important;
  stroke:#234e78!important;
  color:#234e78!important;
  stroke-width:2.2!important;
}
.miko-report-dialog .miko-report-actions .miko-report-cancel:hover,
.miko-report-dialog .miko-report-actions .miko-report-cancel:focus-visible{
  background:#edf6ff!important;
  color:#164e86!important;
  -webkit-text-fill-color:#164e86!important;
  border-color:#75aee5!important;
  box-shadow:0 12px 26px rgba(31,79,132,.14),0 0 0 4px rgba(117,174,229,.12)!important;
  outline:none!important;
}
.miko-report-dialog .miko-report-actions .miko-report-cancel:hover span,
.miko-report-dialog .miko-report-actions .miko-report-cancel:focus-visible span{
  color:#164e86!important;
  -webkit-text-fill-color:#164e86!important;
}
.miko-report-dialog .miko-report-actions .miko-report-cancel:hover svg,
.miko-report-dialog .miko-report-actions .miko-report-cancel:focus-visible svg{
  stroke:#164e86!important;
}

.miko-report-dialog .miko-report-actions .miko-report-submit{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.miko-report-dialog .miko-report-actions .miko-report-submit span{
  display:inline!important;
  visibility:visible!important;
  opacity:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.miko-report-dialog .miko-report-actions .miko-report-submit svg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  stroke:#fff!important;
  color:#fff!important;
}

@media(max-width:700px){
  .miko-report-modal{padding:8px!important;align-items:end!important}
  .miko-report-dialog{
    width:100%!important;
    max-width:100%!important;
    max-height:92vh!important;
    border-radius:24px 24px 14px 14px!important;
    padding:20px 14px 16px!important;
  }
  .miko-report-dialog .miko-report-close{
    top:11px!important;
    right:11px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    border-radius:13px!important;
  }
  .miko-report-dialog .miko-report-close svg{
    width:19px!important;
    height:19px!important;
  }
  .miko-report-dialog-head{padding-right:50px!important}
  .miko-report-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;
    gap:9px!important;
    position:sticky!important;
    bottom:-16px!important;
    z-index:20!important;
    padding:10px 0 4px!important;
    background:linear-gradient(180deg,rgba(247,251,255,0),rgba(247,251,255,.98) 26%,rgba(247,251,255,1))!important;
  }
  .miko-report-dialog .miko-report-actions .miko-report-cancel,
  .miko-report-dialog .miko-report-actions .miko-report-submit{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    font-size:13px!important;
  }
}
@media(max-width:380px){
  .miko-report-dialog{padding:18px 12px 14px!important}
  .miko-report-dialog .miko-report-close{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
  .miko-report-dialog .miko-report-actions .miko-report-cancel,
  .miko-report-dialog .miko-report-actions .miko-report-submit{
    min-height:46px!important;
    padding-inline:10px!important;
    font-size:12px!important;
  }
}

/* Report evidence upload */
.miko-report-attachments{margin-top:15px}
.miko-report-attachments-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:7px}
.miko-report-attachments-head>span{color:#243753;font-size:13px;font-weight:900}
.miko-report-attachments-head>span small{color:#8b9bad;font-weight:600}
.miko-report-attachments-head>em{color:#91a0b2;font-size:9px;font-style:normal;text-align:right}
.miko-report-upload{position:relative;display:flex;align-items:center;gap:11px;min-height:66px;padding:10px 12px;border:1px dashed #aac9e9;border-radius:14px;background:linear-gradient(180deg,#fbfdff,#f4f9ff);cursor:pointer;transition:.2s ease}
.miko-report-upload:hover,.miko-report-upload:focus-within{transform:translateY(-1px);border-color:#4b99ed;background:#f0f7ff;box-shadow:0 8px 20px rgba(40,123,216,.08)}
.miko-report-upload input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.miko-report-upload-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:linear-gradient(135deg,#e4f1ff,#fff);color:#1675dc;box-shadow:0 5px 12px rgba(22,117,220,.08)}
.miko-report-upload-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.miko-report-upload>span:last-child{display:flex;flex-direction:column;min-width:0}
.miko-report-upload b{color:#28527d;font-size:12px;font-weight:900}
.miko-report-upload small{margin-top:2px;color:#8395a9;font-size:9px}
.miko-report-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.miko-report-preview:empty{display:none}
.miko-report-preview-item{position:relative;display:block;width:76px;height:62px;overflow:hidden;border:1px solid #d1e1ef;border-radius:11px;background:#eef5fb;box-shadow:0 5px 12px rgba(30,75,125,.07)}
.miko-report-preview-item img{display:block;width:100%;height:100%;object-fit:cover}
.miko-report-preview-item small{position:absolute;right:4px;bottom:4px;min-width:20px;padding:2px 5px;border-radius:999px;background:rgba(7,28,54,.76);color:#fff;font-size:7px;font-weight:900;text-align:center}
@media(max-width:700px){
  .miko-report-attachments-head{align-items:flex-start;flex-direction:column;gap:3px}
  .miko-report-attachments-head>em{text-align:left}
  .miko-report-upload{min-height:60px}
  .miko-report-preview-item{width:68px;height:56px}
}