/*
 * PromXAI AI Detail Actions — canonical shared toolbar owner.
 * Tool / News / Public Command details all use the same fixed action language:
 * Close -> Share -> Favorite -> Featured (when applicable).
 */
.px-ai-detail-actions{display:flex;align-items:center;gap:7px;direction:ltr;flex:0 0 auto}
.px-ai-detail-action{box-sizing:border-box;width:38px;height:38px;min-width:38px;min-height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(151,183,229,.17);border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));color:#b9c9dd;box-shadow:inset 0 1px rgba(255,255,255,.07),0 6px 16px rgba(3,10,24,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease,box-shadow .16s ease}
button.px-ai-detail-action{appearance:none;font:inherit;cursor:pointer}
.px-ai-detail-action .px-icon{width:18px;height:18px}
button.px-ai-detail-action:hover,button.px-ai-detail-action:focus-visible{transform:translateY(-1px);color:#fff;border-color:rgba(105,175,255,.40);background:linear-gradient(180deg,rgba(75,143,236,.16),rgba(73,92,212,.10));box-shadow:0 8px 20px rgba(4,15,36,.18)}
.px-ai-detail-action.is-close{color:#e8eef8}
.px-ai-detail-action.is-share{color:#75d2ff}
.px-ai-detail-action.is-featured{color:#ffd45f;border-color:rgba(255,207,91,.34);background:linear-gradient(145deg,rgba(126,82,18,.76),rgba(58,38,14,.78));box-shadow:0 7px 18px rgba(92,55,8,.18),inset 0 1px rgba(255,255,255,.08)}
.px-ai-detail-action.is-featured .px-icon{fill:rgba(255,212,95,.24);stroke:currentColor}
/* Favorite surface/state is intentionally inherited from card-favorite-action.css,
   the existing canonical PromXAI heart owner. */
html[data-theme="light"] .px-ai-detail-action{border-color:rgba(42,67,106,.12);background:linear-gradient(180deg,#fff,#f5f8fd);color:#5d7088;box-shadow:inset 0 1px #fff,0 7px 18px rgba(46,66,98,.08)}
html[data-theme="light"] .px-ai-detail-action.is-share{color:#2c87bf}
html[data-theme="light"] .px-ai-detail-action.is-featured{color:#d58b0e;border-color:rgba(202,139,24,.24);background:linear-gradient(145deg,#fff8e7,#ffedc4)}
@media(max-width:700px){.px-ai-detail-actions{gap:6px}.px-ai-detail-action{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:13px}}
@media(prefers-reduced-motion:reduce){.px-ai-detail-action,.px-ai-detail-action:hover,.px-ai-detail-action:focus-visible{transition:none;transform:none}}