/* BN624 - One button component for the .btn family (it had no styling, so these buttons showed as the browser's default gray).
   Only elements with class "btn" are affected. Main actions green; secondary white with a border; danger red; warning amber.
   "html body" raises priority over older generic link/button rules. */
html body .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 18px;border-radius:12px;font:600 15px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;text-decoration:none;cursor:pointer;box-sizing:border-box;border:1px solid #cbd5e1;background:#fff;color:#0f172a;transition:background-color .15s,border-color .15s}
html body .btn:hover{border-color:#168753;color:#116a41}
html body .btn:focus-visible{outline:3px solid rgba(22,135,83,.45);outline-offset:2px}
html body .btn:is([disabled],.disabled){opacity:.55;cursor:not-allowed}
html body .btn:is(.btn-primary,.primary,.big,.solid,.btn-success),
html body button.btn:not([type=button]):not([type=reset]):not(.ghost):not(.ghost-inline):not(.btn-ghost):not(.secondary):not(.btn-secondary):not(.light):not(.btn-light):not([class*="outline"]):not(.danger):not(.btn-danger):not(.btn-warning):not(.small),
html body input.btn[type=submit]{background:#15803d;border-color:#15803d;color:#fff}
html body .btn:is(.btn-primary,.primary,.big,.solid,.btn-success):hover,
html body button.btn:not([type=button]):not([type=reset]):not(.ghost):not(.ghost-inline):not(.btn-ghost):not(.secondary):not(.btn-secondary):not(.light):not(.btn-light):not([class*="outline"]):not(.danger):not(.btn-danger):not(.btn-warning):not(.small):hover,
html body input.btn[type=submit]:hover{background:#116a41;border-color:#116a41;color:#fff}
html body .btn:is(.ghost,.ghost-inline,.btn-ghost,.secondary,.btn-secondary,.light,.btn-light,.btn-outline-secondary,.btn-outline-primary,.btn-outline-success){background:#fff;color:#0f172a;border-color:#cbd5e1}
html body .btn:is(.btn-outline-primary,.btn-outline-success){color:#166534;border-color:#86c5a0}
html body .btn.ghost-inline{border-color:transparent;background:transparent;color:#166534;padding-left:8px;padding-right:8px}
html body .btn:is(.danger,.btn-danger){background:#fff;color:#b91c1c;border-color:#fca5a5}
html body .btn:is(.danger,.btn-danger):hover{background:#fef2f2;border-color:#b91c1c;color:#991b1b}
html body .btn.btn-warning{background:#fffbeb;color:#92400e;border-color:#fcd34d}
html body .btn.big{min-height:48px;font-size:16px;font-weight:700;padding:11px 24px}
html body .btn:is(.small,.btn-sm){min-height:36px;padding:6px 12px;font-size:14px}
@media (pointer:coarse){html body .btn:is(.small,.btn-sm){min-height:44px}}
html body .btn.w-100{width:100%}
@media print{html body .btn{border:1px solid #999!important;background:#fff!important;color:#000!important}}
