/* Shared semantic action styles. Loaded after module CSS. */
body[data-interface-theme]{
  --uia-danger:#f07886;
  --uia-danger-text:#ffd9de;
  --uia-danger-bg:color-mix(in srgb,var(--uia-danger) 13%,var(--uis-inset));
  --uia-danger-bg-hover:color-mix(in srgb,var(--uia-danger) 24%,var(--uis-inset));
  --uia-danger-line:color-mix(in srgb,var(--uia-danger) 48%,var(--uis-line));
  --uia-warning:#e5b85d;
  --uia-success:var(--uis-accent);
}
body[data-interface-surface="glass"]{
  --uia-danger-bg:color-mix(in srgb,var(--uia-danger) 14%,var(--uig-inset));
  --uia-danger-bg-hover:color-mix(in srgb,var(--uia-danger) 25%,var(--uig-bg-alt));
  --uia-danger-line:color-mix(in srgb,var(--uia-danger) 48%,var(--uig-line));
}
body[data-interface-surface="glass"] :is(:is(button,.ui-button)[data-variant="secondary"],button.is-secondary,.admin-modal-actions>button:not(:last-child):not(.is-danger):not([data-variant="primary"])){color:var(--uig-text);border-color:var(--uig-line);background:color-mix(in srgb,var(--uis-accent) 8%,var(--uig-inset))}

.ui-button,
button[data-variant],
button.is-primary,
button.is-secondary,
button.is-danger,
form button[type="submit"],
.admin-modal-actions>button{
  display:inline-flex;
  width:auto;
  min-height:44px!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 16px!important;
  border:1px solid var(--uis-line);
  border-radius:11px!important;
  font:inherit;
  font-size:.72rem;
  font-weight:850;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}
.ui-button-icon{width:44px!important;min-width:44px!important;padding:0!important}
.ui-button svg,button[data-variant] svg,button.is-primary svg,button.is-secondary svg,button.is-danger svg,form button[type="submit"] svg,.admin-modal-actions>button svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

:is(button[data-variant],.ui-button,button.is-primary,button.is-secondary,button.is-danger,form button[type="submit"],.admin-modal-actions>button){transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}
:is(button,.ui-button)[data-variant="primary"],button.is-primary,form button[type="submit"],.admin-modal-actions>button:last-child:not(.is-danger):not([data-variant="secondary"]){color:var(--uis-head);border-color:var(--uis-accent);background:var(--uis-accent);box-shadow:inset 0 1px color-mix(in srgb,#fff 22%,transparent)}
:is(button,.ui-button)[data-variant="secondary"],button.is-secondary,.admin-modal-actions>button:not(:last-child):not(.is-danger):not([data-variant="primary"]){color:var(--uis-text);border-color:var(--uis-line);background:color-mix(in srgb,var(--uis-accent) 8%,var(--uis-inset))}
:is(button,.ui-button)[data-variant="ghost"]{color:var(--uis-muted);border-color:var(--uis-line);background:transparent}
:is(button[data-variant],.ui-button,button.is-primary,button.is-secondary,button.is-danger,form button[type="submit"],.admin-modal-actions>button):hover:not(:disabled){border-color:var(--uis-line-strong);transform:translateY(-1px)}
:is(button,.ui-button)[data-variant="primary"]:hover:not(:disabled),button.is-primary:hover:not(:disabled),form button[type="submit"]:hover:not(:disabled),.admin-modal-actions>button:last-child:not(.is-danger):not([data-variant="secondary"]):hover:not(:disabled){background:color-mix(in srgb,var(--uis-accent) 88%,#fff)}
:is(button,.ui-button)[data-variant="secondary"]:hover:not(:disabled),button.is-secondary:hover:not(:disabled),.admin-modal-actions>button:not(:last-child):not(.is-danger):not([data-variant="primary"]):hover:not(:disabled){background:var(--uis-accent-soft)}
:is(button,.ui-button)[data-variant="danger"],button.is-danger{
  color:var(--uia-danger-text)!important;
  border-color:var(--uia-danger-line)!important;
  background:var(--uia-danger-bg)!important;
  background-image:none!important;
}
:is(button,.ui-button)[data-variant="danger"]:hover:not(:disabled),button.is-danger:hover:not(:disabled){color:#fff!important;background:var(--uia-danger-bg-hover)!important}
:is(button[data-variant],.ui-button,button.is-primary,button.is-secondary,button.is-danger,form button[type="submit"],.admin-modal-actions>button):disabled{cursor:not-allowed!important;opacity:.5}
:is(button[data-variant],.ui-button,button.is-primary,button.is-secondary,button.is-danger,form button[type="submit"],.admin-modal-actions>button):focus-visible{outline:3px solid color-mix(in srgb,var(--uis-accent) 28%,transparent);outline-offset:2px}
:is(button,.ui-button)[data-variant="danger"]:focus-visible,button.is-danger:focus-visible{outline-color:color-mix(in srgb,var(--uia-danger) 38%,transparent)}

/* Odjava je destruktivna navigacijska stavka, ne samostalni akcijski panel.
   Zadržava semantičku danger boju, ali geometriju profilnog izbornika. */
.topbar-profile-menu>button.is-danger{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  width:100%!important;
  min-height:57px!important;
  justify-content:initial!important;
  gap:11px!important;
  padding:7px 9px!important;
  border-color:transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:inset 0 1px color-mix(in srgb,var(--uia-danger) 22%,transparent)!important;
  text-align:left!important;
  white-space:normal!important;
}
.topbar-profile-menu>button.is-danger:hover:not(:disabled),
.topbar-profile-menu>button.is-danger:focus-visible{
  color:var(--uia-danger-text)!important;
  border-color:color-mix(in srgb,var(--uia-danger) 26%,transparent)!important;
  background:color-mix(in srgb,var(--uia-danger) 10%,transparent)!important;
  box-shadow:none!important;
  transform:translateX(2px)!important;
}
.topbar-profile-menu>button.is-danger>svg{
  color:var(--uia-danger)!important;
  stroke:currentColor!important;
  background:color-mix(in srgb,var(--uia-danger) 10%,transparent)!important;
}
.topbar-profile-menu>button.is-danger small{color:var(--uis-muted)!important}
body[data-interface-surface="glass"] .topbar-profile-menu>button.is-danger small{color:var(--uig-muted)!important}
@media(max-width:860px){
  .topbar-profile-menu>button.is-danger{grid-template-columns:42px minmax(0,1fr)!important;min-height:56px!important;padding:7px 9px!important}
}

/* Existing destructive controls that predate data-variant. */
body[data-interface-theme] :is(.admin-user-delete,.schedule-clear-button,[data-plan-remove],[data-reminder-delete],[data-remove-attachment],[data-concert-link-remove]){
  color:var(--uia-danger-text)!important;
  border-color:var(--uia-danger-line)!important;
  background:var(--uia-danger-bg)!important;
  background-image:none!important;
}
body[data-interface-theme] :is(.admin-user-delete,.schedule-clear-button,[data-plan-remove],[data-reminder-delete],[data-remove-attachment],[data-concert-link-remove]):hover:not(:disabled){color:#fff!important;background:var(--uia-danger-bg-hover)!important}