namespace Optisoft2.wwwroot.css {
    public class optisoft_ui { /* =====================================
   OPTISOFT GLOBAL UI VARIABLES
   ===================================== */
        /* =====================================
   OPTISOFT GLOBAL UI VARIABLES
   ===================================== */
        :root {
            /* Main Accent (Hover Color) */
            --optisoft-accent: #ff7a1a; /* orange hover */
            --optisoft-accent-hover: #198754; /* (optional) green */
            /* Neutral Colors */
            --optisoft-grey: #6c757d;
            --optisoft-grey-border: #ced4da;
            --optisoft-grey-hover-bg: #f1f3f5;
            /* Table Hover */
            --optisoft-row-hover: #e9ecef;
        }
        /* =====================================
   GLOBAL PILL BUTTON STYLE
   ===================================== */
        .btn-optisoft {
            border-radius: 999px;
            padding: .32rem .75rem;
            font-size: .85rem;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: .4rem;
            background: #fff;
            color: var(--optisoft-grey);
            border: 1px solid var(--optisoft-grey-border);
            transition: all .18s ease;
            text-decoration: none;
        }

            .btn-optisoft:hover {
                background: var(--optisoft-accent);
                border-color: var(--optisoft-accent);
                color: #fff;
            }

            .btn-optisoft i {
                color: var(--optisoft-grey);
                transition: all .18s ease;
            }

            .btn-optisoft:hover i {
                color: #fff; /* or deepskyblue if you want */
            }
        /* Table row hover */
        .table-hover tbody tr:hover > * {
            background-color: var(--optisoft-row-hover) !important;
        }

        .section-soft-shadow {
            border: 1px solid #e8edf2;
            border-radius: 16px;
            box-shadow: 0 8px 24px rgba(16, 24, 40, 0.08);
            background: #fff;
        }

            .section-soft-shadow .section-top-bar {
                border-top-left-radius: 16px;
                border-top-right-radius: 16px;
            }

            .section-soft-shadow .card-body {
                border-bottom-left-radius: 16px;
                border-bottom-right-radius: 16px;
            }