/* Canonical icon-only close control for static and dynamic CRM surfaces.
   The priority layer wins over legacy per-module important rules.
   Semantic labels, handlers, disabled state and native focus remain in the DOM. */
@layer crm-close-controls {
 :root { --crm-close-bg:#fffdf9; --crm-close-fg:#173b5d; --crm-close-border:#cbd8e2; --crm-close-hover:#edf3f7; --crm-close-ring:#397dae; }
 body[data-crm-appearance=night] { --crm-close-bg:#244561; --crm-close-fg:#f5f0e8; --crm-close-border:#64809b; --crm-close-hover:#305675; --crm-close-ring:#a6c8e0; }
 :is(button[aria-label^="Закрыть"],button[title^="Закрыть"]) {
  position:relative; box-sizing:border-box!important; flex:0 0 44px!important;
  width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; max-width:44px!important; max-height:44px!important;
  padding:0!important; margin:0!important; border:1px solid var(--crm-close-border)!important; border-radius:8px!important;
  background:var(--crm-close-bg)!important; color:var(--crm-close-fg)!important; box-shadow:none!important;
  font-size:0!important; line-height:1!important; text-indent:0!important; vertical-align:middle!important;
  outline:none!important; opacity:1!important; transition:none!important;
 }
 :is(button[aria-label^="Закрыть"],button[title^="Закрыть"])::before {
  content:""!important; position:absolute!important; left:50%!important; top:50%!important;
  width:20px!important; height:20px!important; margin:0!important; padding:0!important;
  transform:translate(-50%,-50%)!important; background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22m5%205%2014%2014M19%205%205%2019%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22m5%205%2014%2014M19%205%205%2019%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;
  pointer-events:none!important;
 }
 :is(button[aria-label^="Закрыть"],button[title^="Закрыть"]) > :is(svg,img,span) { display:none!important; }
 :is(button[aria-label^="Закрыть"],button[title^="Закрыть"]):hover:not(:disabled) { background:var(--crm-close-hover)!important; }
 :is(button[aria-label^="Закрыть"],button[title^="Закрыть"]):focus-visible { outline:2px solid var(--crm-close-ring)!important; outline-offset:2px!important; }
 :is(button[aria-label^="Закрыть"],button[title^="Закрыть"]):disabled { opacity:.55!important; cursor:default!important; }
}