/* Wrapper */
.taxocsie-export {
    position: relative;
    margin: 38px -38px 28px 16px;
    padding: 20px;
    background-color: #9cd1d87c;
    width: 100%;
    min-height: 318px;
    border-radius: 17px;
    box-sizing: border-box;
}

/* Header */
.taxocsie-export__header {
    font-size: 50px;
    text-align: center;
    margin-bottom: 48px;
    color: #7164e6;
}

/* Success notice (optional override for WP notice) */
.taxocsie-export__notice {
    min-width: 14px;
    margin: 0.5em 0;
    font-size: 15px;
    padding: 1px;
}

/* Form wrapper */
.taxocsie-export__form {
    display: flex;
    gap: 18px;
    flex-direction: column;
    align-content: space-around;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-around;
}



.taxocsie-export__select {
    font-size: 17px;
    font-family: sans-serif;
    text-align: center;
    line-height: 2;
    color: #2c3338;
    border-color: #8c8f94;
    box-shadow: none;
    border-radius: 3px;
    padding: 0px 21px 0 8px;
    min-height: 35px;
    max-width: 25rem;
    -webkit-appearance: none;
    background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
    background-size: 16px 16px;
    cursor: pointer;
    vertical-align: middle;
}


/* Submit button (inherits WP styles, but we can tweak spacing) */
.taxocsie-export__button {
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
    background: #0980e1;
    border-color: #186fb5;
    color: #ffffff;
    text-decoration: none;
    text-shadow: none;
}

/* Wrapper */
.taxocsie-import {
position: relative;
    margin: 38px -38px 28px 16px;
    padding: 20px;
    background-color: #9cd1d87c;
    width: 100%;
    min-height: 318px;
    border-radius: 17px;
    box-sizing: border-box;
}

/* Header */
.taxocsie-import__header {
    font-size: 50px;
    text-align: center;
    margin-bottom: 48px;
    color: #7164e6;
}

/* Success notice (optional override for WP notice) */
.taxocsie-import__notice {
    min-width: 14px;
    margin: 0.5em 0;
    font-size: 15px;
    padding: 1px;
}

/* Form wrapper */
.taxocsie-import__form {
    display: flex;
    gap: 0px;
    flex-direction: column;
    align-content: space-around;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-around;
}



.taxocsie-import__select {
    font-size: 17px;
    font-family: sans-serif;
    text-align: center;
    line-height: 2;
    color: #2c3338;
    border-color: #8c8f94;
    box-shadow: none;
    border-radius: 3px;
    padding: 0px 21px 0 8px;
    min-height: 35px;
    max-width: 25rem;
    -webkit-appearance: none;
    background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
    background-size: 16px 16px;
    cursor: pointer;
    vertical-align: middle;
}

.taxocsie-import__field {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 20px 0;
}

.taxocsie-import__file {
    flex: 1;
    font-size: 14px;
    border: 2px solid #ccc;
    border-radius: 6px;
    background-color: #f9f9f9;
    cursor: pointer;
    transition: border-color 0.3s, background-color 0.3s;
}

.taxocsie-import__file:hover {
    border-color: #0073aa;
    background-color: #fff;
}

.taxocsie-import__actions {
    display: flex;
    align-items: center;
}

.taxocsie-import__button {
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}

/* Table wrapper */
.taxocsie-import__tablewrap {
    margin-top: 15px;
    overflow-x: auto; /* scroll if wide */
}

table.taxocsie-import__table.widefat.striped thead th,
table.taxocsie-import__table.widefat thead th,
.taxocsie-import__table thead th {
    background-color: #0073aa !important; /* header bg */
    color: #ffffff !important;            /* header text color */
    vertical-align: middle;
}

/* If header contains links, force them white too */
.taxocsie-import__table thead th a,
.taxocsie-import__table thead th a:link,
.taxocsie-import__table thead th a:visited {
    color: #ffffff !important;
    text-decoration: none;
}

.taxocsie-import__table td {
    padding: 8px 10px;
}

.taxocsie-user-management {
    position: relative;
    margin: 38px -38px 28px 16px;
    padding: 20px;
    background-color: #9cd1d87c;
    width: 100%;
    min-height: 318px;
    border-radius: 17px;
    box-sizing: border-box;
}
.taxocsie-user-management p.note-description {
    font-size: 14px;
    color: red;
    margin-top: 5px;
}