/* Botones inspirados en la referencia visual del usuario. */
:root{--action-ink:#15151c;--action-purple:#8346ed;--action-purple-light:#f1eaff}
button{transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}
button.primary,button.secondary{border-radius:999px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:12px;line-height:1.3;white-space:normal}
button.primary{background:var(--action-ink);color:#fff;border:1px solid var(--action-ink);padding:11px 19px;box-shadow:0 2px 5px #15151c12}
button.primary:hover{background:#2e263b;border-color:#2e263b;box-shadow:0 4px 12px #15151c1c}
button.secondary{background:#fff;color:#35343d;border:1px solid #e8e6ed;padding:10px 17px;box-shadow:0 2px 5px #1c153507}
button.secondary:hover{background:#f7f3ff;border-color:#d6c6f1}
button:active:not(:disabled){transform:translateY(1px)}
button:focus-visible,summary:focus-visible{outline:3px solid #b397ed;outline-offset:3px}
button:disabled{opacity:.5;cursor:not-allowed}
button.create-action{padding:6px 7px 6px 17px;gap:14px;min-height:42px}
.create-action .action-plus{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;height:28px;width:28px;flex-shrink:0;background:var(--action-purple);color:#fff;font:400 24px/1 'Segoe UI',sans-serif;box-shadow:inset 0 0 0 1px #ffffff35}
nav button{border-radius:999px}
nav button.active{background:var(--action-ink);color:white}
nav button:hover:not(.active){background:#ffffff12}
.navgroup{background:#ffffff0a;border-radius:18px;padding:3px}
.navgroup summary{border-radius:14px}
.navgroup button.active{background:var(--action-purple-light);color:#4f2988;box-shadow:inset 3px 0 0 var(--action-purple)}
.hrtabs,.toolbar:has([data-business]){gap:7px}
.hrtabs button,[data-business]{min-height:36px;padding:9px 16px;box-shadow:none}
.hrtabs button.primary,[data-business].primary{background:var(--action-ink);color:white;border-color:var(--action-ink)}
button.link{color:#703bc4;border-radius:999px}
#alertbell{background:#fff;color:#3d3150;min-height:35px;white-space:nowrap}
#alertcount{background:var(--action-purple-light);color:#7138c7}
#alertprofile{border-radius:999px;border-color:#e3dce9}
@media(prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}}
@media(max-width:700px){button.primary,button.secondary{font-size:12px}.top>.primary{flex-shrink:0;max-width:160px}.create-action .action-plus{width:25px;height:25px}button.create-action{gap:8px}}