/* === Icon Theme (Admin-like) === Mode A (default): colored background buttons Mode B: stroke-only colored icons on transparent buttons */ /* Common */ .btn svg { stroke: currentColor; /* don't force fill here */ } /* Mode A (iconstyle-a on ) */ .iconstyle-a .btn.icon-only:not(.primary):not(.success):not(.warn):not(.danger), .iconstyle-a .btn.pill:not(.primary):not(.success):not(.warn):not(.danger) { background: #0ea5e9; color: #ffffff; border-color: #0284c7; } .iconstyle-a .btn.warn { background:#f59e0b; color:#fff; border-color:#d97706; } .iconstyle-a .btn.danger { background:#ef4444; color:#fff; border-color:#dc2626; } .iconstyle-a .btn.success { background:#22c55e; color:#fff; border-color:#16a34a; } .iconstyle-a .btn.primary { background:#0ea5e9; color:#fff; border-color:#0284c7; } /* Mode B (iconstyle-b on ) */ .iconstyle-b .btn.icon-only, .iconstyle-b .btn.pill { background: transparent !important; border-color: transparent !important; box-shadow: none !important; } .iconstyle-b .btn.icon-only .lbl, .iconstyle-b .btn.pill .lbl { color: inherit; } /* Variant colors (stroke only) */ .iconstyle-b .btn.primary { color:#0ea5e9; } .iconstyle-b .btn.success { color:#16a34a; } .iconstyle-b .btn.warn { color:#d97706; } .iconstyle-b .btn.danger { color:#dc2626; } /* Hover tweaks */ .iconstyle-b .btn:hover { transform: none; } /* Foggy style for inactive icons (consistent with externe_task) */ .btn[disabled], .btn.inaktiv { opacity: 0.45; filter: grayscale(100%); } .btn[disabled] svg, .btn.inaktiv svg { opacity: 0.9; }