.pure-button
{
    margin:0px !important;
}

.pure-textarea {
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.pure-custom-checkbox {    
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(0.2em);
}

.pure-select-listbox,
.pure-select {
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.4;
    color: #495057;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: auto !important;
    width: 100%;
    max-width: 100vw;
}

.pure-select-listbox {
    width:100%
}

.pure-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M0 1L4 1L2 5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 8px 10px;
    padding-right: 25px !important;
}

/* Focus state similar to Bootstrap */
.pure-select:focus {
    outline: none;
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Disabled state */
.pure-select:disabled,
.pure-select[disabled] {
    background-color: #e9ecef;
    color: #6c757d;
    cursor: not-allowed;
    opacity: 1;
}

/* Size helpers (optional, convenient to match bootstrap small/large) */
.pure-select-sm {
    padding: 0.25rem 1.5rem 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

.pure-select-lg {
    padding: 0.5rem 1.9rem 0.5rem 0.9rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}

/* Inline variant */
.pure-select-inline {
    display: inline-block;
    width: auto;
    min-width: 150px;
}

/* ########################## TABLE COMMAND BUTTONS */
.table-actions {
    white-space: nowrap;
    text-align: center;
}

/* Base flat button */
.table-btn {
    border: none;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 0;
    margin: 0 3px;
    color: #ffffff;
    font-size: 13px;
    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease;
}

    /* Remove default focus outline */
    .table-btn:focus {
        outline: none;
    }

    /* Press effect */
    .table-btn:active {
        transform: scale(0.95);
    }

/* EDIT – blue */
.table-btn-edit {
    background-color: #2563eb;
}

    .table-btn-edit:hover {
        background-color: #1d4ed8;
    }

/* DELETE – red */
.table-btn-delete {
    background-color: #dc2626;
}

    .table-btn-delete:hover {
        background-color: #b91c1c;
    }

/* VIEW – green (optional) */
.table-btn-view {
    background-color: #059669;
}

    .table-btn-view:hover {
        background-color: #047857;
    }

/* ########################## GLOBAL PURE TABLE DESIGN */
.pure-table tbody td {
    border-bottom: none;
}

.pure-table {
    width: 100%;
    border-collapse: collapse;
    border: none !important;
}

    .pure-table thead {
        background: transparent;
    }
    
        .pure-table thead th {
            font-weight: 700;
            color: #111827;
            background: transparent !important;
            border-bottom: 2px solid #9ca3af;
            padding: 0.6em 0.75em;
            text-align: left;
        }

    .pure-table tbody td {
        padding: 0.55em 0.75em;
        vertical-align: middle;
    }

.pure-table-striped tbody tr:nth-child(2n-1) td {
    background-color: #f9fafb;
}

.pure-table tbody tr:hover td {
    background-color: #f3f4f6;
}

.pure-table-bordered td,
.pure-table-bordered th {
    border-color: #d1d5db;
}

/* PURE FORMS */
.form-btn-section {
    margin-top: 1rem;
    display: flex;
    gap: 0.5rem;
}

form .pure-u-1
{
    margin-bottom: 1rem;
}

    form .pure-u-1 label {
        padding-left: 2px;
    }

/* ########################## PURE BUTTON CUSTOMIZATIONS */
.button-success {
    background: rgb(28, 184, 65);
}

.button-primary {
    background: #0078e7 !important;
    color: white !important;
}

.button-error {
    background: rgb(202, 60, 60) !important;
    color: white !important;
}

.button-warning {
    background: rgb(223, 117, 20);
}

.button-secondary {
    background: rgb(66, 184, 221);
}