/* Shared opt-in icon action. Keep geometry identical across cards and toolbars. */
:root{--app-icon-btn-size:44px;--app-icon-btn-icon-size:20px;--app-icon-btn-radius:9px}
.app-icon-btn.app-icon-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--app-icon-btn-size);width:var(--app-icon-btn-size);height:var(--app-icon-btn-size);min-width:var(--app-icon-btn-size);max-width:var(--app-icon-btn-size);min-height:var(--app-icon-btn-size);max-height:var(--app-icon-btn-size);margin:0;padding:0;gap:0;border:1px solid var(--st-edge,#70503a);border-radius:var(--app-icon-btn-radius);background:var(--st-panel,#211913);color:var(--st-accent,#ffbd8c);box-shadow:none;font:inherit;line-height:1;text-decoration:none;list-style:none;cursor:pointer;vertical-align:middle;touch-action:manipulation}
.app-icon-btn.app-icon-btn .ui-icon{display:block;width:var(--app-icon-btn-icon-size);height:var(--app-icon-btn-icon-size);flex:none;vertical-align:middle}
.app-icon-btn.app-icon-btn::-webkit-details-marker{display:none}
.app-icon-btn.app-icon-btn::after{content:none}
.app-icon-btn.app-icon-btn:is([aria-pressed=true],.is-following),details[open]>.app-icon-btn.app-icon-btn{background:var(--st-hover,#3e2719);color:var(--st-highlight,#ffc18e);border-color:var(--st-highlight,#ffc18e);box-shadow:inset 0 0 0 1px currentColor}
@media(hover:hover){.app-icon-btn.app-icon-btn:not(:disabled):hover{background:var(--st-hover,#3e2719);color:var(--st-highlight,#ffc18e);border-color:var(--st-highlight,#ffc18e)}}
.app-icon-btn.app-icon-btn:focus-visible{outline:2px solid var(--st-highlight,#ffc18e);outline-offset:3px}
.app-icon-btn.app-icon-btn:disabled{opacity:.5;cursor:not-allowed}
.app-icon-btn.app-icon-btn[hidden]{display:none}
.preference-actions{gap:8px}
.preference-actions>.social-share,.preference-actions>.share-dialog-control,.preference-actions>.platform-detail-menu{display:inline-flex;align-items:center;margin:0;vertical-align:middle}