.mimicguard-dashboard,
.mimicguard-logs,
.mimicguard-settings {
width: calc(100% - 40px);
max-width: calc(100% - 40px);
box-sizing: border-box;
overflow-x: hidden;
margin: 0 20px;}

.mimicguard-header-panel {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
width: 100%;
max-width: 100%;
box-sizing: border-box;
float: none;
clear: both;
padding: 0;
margin: 0 0 15px 0;}

.mimicguard-header-panel h1 {
padding: 0;
margin: 0;
font-size: 24px;
font-weight: 600;
color: #1d2327;
align-self: flex-start;}

.mimicguard-header-panel .mimicguard-settings-saved-notice {
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 10px 0 0 0;
color: #1d2327;}

.mimicguard-header-panel .mimicguard-settings-saved-notice p {
color: #1d2327;}

.wrap.mimicguard-dashboard,
.wrap.mimicguard-logs,
.wrap.mimicguard-settings {
width: calc(100% - 20px);
max-width: calc(100% - 20px);
box-sizing: border-box;
margin-left: 0;
margin-right: 20px;
padding-top: 16px;}

.mimicguard-stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin: 20px 0;}

.mimicguard-stat-card {
background: #fff;
border: 1px solid #ccd0d4;
border-radius: 4px;
padding: 20px;
box-shadow: 0 1px 1px rgba(0,0,0,.04);}

.mimicguard-stat-card h3 {
margin: 0 0 10px 0;
font-size: 14px;
font-weight: 600;
color: #555;}

.mimicguard-stat-card .stat-number {
font-size: 36px;
font-weight: 700;
color: #2271b1;
margin: 10px 0;}

.mimicguard-stat-card .stat-label {
margin: 0;
color: #646970;
font-size: 13px;}

.mimicguard-charts {
margin: 30px 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
box-sizing: border-box;}

@media (max-width: 782px) {
.mimicguard-charts {
grid-template-columns: 1fr;
}
}

.mimicguard-chart-card {
background: #fff;
border: 1px solid #ccd0d4;
border-radius: 4px;
padding: 20px;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
box-sizing: border-box;
width: 100%;
max-width: 100%;}

.mimicguard-chart-card h2 {
margin-top: 0;
font-size: 18px;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 15px;}

.mimicguard-filters {
margin: 20px 0;
box-sizing: border-box;
width: 100%;
max-width: 100%;}

.mimicguard-filters form {
display: flex;
flex-wrap: wrap;
gap: 15px;
align-items: flex-end;}

.mimicguard-filters label {
display: flex;
flex-direction: column;
gap: 5px;
font-weight: 600;}

.mimicguard-filters input[type="text"],
.mimicguard-filters input[type="date"],
.mimicguard-filters select {
min-width: 150px;}

.mimicguard-filters select:focus {
outline: none;
border-color: #2271b1;
box-shadow: 0 0 0 1px #2271b1;}

.mimicguard-filters select option:hover {
background-color: #2271b1;
color: #fff;}

.mimicguard-filters select option:checked {
background-color: #2271b1;
color: #fff;}

.mimicguard-logs-table {
margin: 20px 0 0 0;
width: 100%;
max-width: 100%;
box-sizing: border-box;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
min-width: 0;
position: relative;
user-select: none;}

.mimicguard-logs-table.scrollable {
cursor: grab !important;}

.mimicguard-logs-table.scrollable:active {
cursor: grabbing !important;}

.mimicguard-logs-table.scrollable * {
cursor: grab !important;}

.mimicguard-logs-table.scrollable:active * {
cursor: grabbing !important;}

.mimicguard-logs-table.scrollable a,
.mimicguard-logs-table.scrollable button,
.mimicguard-logs-table.scrollable input,
.mimicguard-logs-table.scrollable select,
.mimicguard-logs-table.scrollable textarea {
cursor: pointer !important;}

.mimicguard-logs-table table {
user-select: text;}

.mimicguard-logs-table::-webkit-scrollbar {
height: 4px;}

.mimicguard-logs-table::-webkit-scrollbar-track {
background: #e0e0e0;}

.mimicguard-logs-table::-webkit-scrollbar-thumb {
background: #666;
border-radius: 0;}

.mimicguard-logs-table::-webkit-scrollbar-thumb:hover {
background: #333;}

.mimicguard-logs-table table {
width: 100%;
table-layout: fixed;
min-width: 1000px;}

.mimicguard-logs-table table th:nth-child(1),
.mimicguard-logs-table table td:nth-child(1) {
width: 15%;
min-width: 150px;}

.mimicguard-logs-table table th:nth-child(2),
.mimicguard-logs-table table td:nth-child(2) {
width: 15%;
min-width: 120px;}

.mimicguard-logs-table table th:nth-child(3),
.mimicguard-logs-table table td:nth-child(3) {
width: 12%;
min-width: 100px;}

.mimicguard-logs-table table th:nth-child(4),
.mimicguard-logs-table table td:nth-child(4) {
width: 20%;
min-width: 200px;}

.mimicguard-logs-table table th:nth-child(5),
.mimicguard-logs-table table td:nth-child(5) {
width: 38%;
min-width: 300px;}

.mimicguard-logs-table table th,
.mimicguard-logs-table table td {
word-wrap: break-word;
overflow-wrap: break-word;
white-space: normal;}

.mimicguard-log-info {
margin: 0 0 20px 0;
padding: 0;
background: #f0f0f1;
border-radius: 4px;}

.mimicguard-log-info p {
margin: 0;
padding: 10px;}

.mimicguard-quick-actions {
margin: 20px 0;}

.mimicguard-quick-actions .button {
margin-right: 10px;}

.mimicguard-settings-container {
background: #fff;
border: 1px solid #ccd0d4;
border-radius: 4px;
padding: 20px;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
box-sizing: border-box;
width: 100%;
max-width: 100%;}

.mimicguard-settings-container .submit {
margin-bottom: 0;
padding-bottom: 0;}

.mimicguard-settings-container .description {
font-size: 0.8rem;}

.mimicguard-settings-container .form-table {
border-collapse: separate;
border-spacing: 0;
width: 100%;
margin-top: 0;}

.mimicguard-settings-container .form-table tr {
border-bottom: 1px solid #ccd0d4;
display: grid;
grid-template-columns: 200px auto 1fr;
gap: 15px;
align-items: center;
padding: 15px 0;}

.mimicguard-settings-container .form-table tr:first-child {
border-top: 1px solid #ccd0d4;}

.mimicguard-settings-container .form-table th {
padding: 0;
text-align: left;
font-weight: 600;
vertical-align: middle;}

.mimicguard-settings-container .form-table td {
padding: 0;
vertical-align: middle;}

.mimicguard-settings-container .form-table .mimicguard-input-cell {
display: flex;
justify-content: center;
align-items: center;
min-width: 80px;
width: 80px;}

.mimicguard-settings-container .form-table .mimicguard-description-cell {
display: flex;
align-items: center;}

.mimicguard-settings-container .form-table .mimicguard-description-cell .description {
margin: 0;}

@media (max-width: 782px) {
.mimicguard-settings-container .form-table tr {
grid-template-columns: 1fr;
gap: 10px;
}
.mimicguard-settings-container .form-table th {
margin-bottom: 5px;
}
.mimicguard-settings-container .form-table .mimicguard-input-cell {
justify-content: flex-start;
}
}

.mimicguard-settings-info {
margin-top: 30px;
padding: 20px;
background: #f9f9f9;
border-left: 4px solid #2271b1;}

.mimicguard-settings-info h2 {
margin-top: 0;}

.mimicguard-settings-info ul {
list-style: disc;
margin-left: 20px;}

.mimicguard-settings-info li {
margin: 10px 0;}

.mimicguard-nav-tabs {
margin: 0 0 30px 0;
border-bottom: 1px solid #ccd0d4;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;}

.mimicguard-nav-tabs::-webkit-scrollbar {
height: 4px;}

.mimicguard-nav-tabs::-webkit-scrollbar-track {
background: #e0e0e0;}

.mimicguard-nav-tabs::-webkit-scrollbar-thumb {
background: #666;
border-radius: 0;}

.mimicguard-nav-tabs::-webkit-scrollbar-thumb:hover {
background: #333;}

.mimicguard-nav-tabs ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: nowrap;
gap: 0;
min-width: fit-content;}

.mimicguard-nav-tab {
margin: 0;
padding: 0;
flex-shrink: 0;}

.mimicguard-nav-tab a {
display: block;
padding: 10px 15px;
text-decoration: none;
color: #50575e;
font-weight: 600;
border-bottom: 4px solid transparent;
transition: border-color 0.2s ease;
margin-bottom: -1px;
white-space: nowrap;
outline: none;
border-left: none;
border-right: none;
border-top: none;}

.mimicguard-nav-tab a:focus,
.mimicguard-nav-tab a:active {
outline: none;
border-left: none;
border-right: none;
border-top: none;
box-shadow: none;}

.mimicguard-nav-tab a:hover {
color: #2271b1;
}

.mimicguard-nav-tab-active a {
color: #2271b1;
border-bottom-color: #2271b1;}

#wpfooter,
#footer-left,
#footer-upgrade {
display: none !important;}

#wpbody-content {
padding-bottom: 30px !important;}

.tablenav-pages .page-numbers {
display: inline-block;
min-width: 40px;
height: 40px;
line-height: 40px;
padding: 0 12px;
margin: 0 4px;
text-align: center;
border: 1px solid #c3c4c7;
border-radius: 6px;
background: #fff;
color: #2271b1;
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: all 0.2s ease;
box-sizing: border-box;}

.tablenav-pages .page-numbers:hover {
background: #f0f0f1;
border-color: #2271b1;
color: #2271b1;}

.tablenav-pages .page-numbers.current {
background: #2271b1;
border-color: #2271b1;
color: #fff;
font-weight: 600;}

.tablenav-pages .page-numbers.current:hover {
background: #135e96;
border-color: #135e96;
color: #fff;}

.tablenav-pages .page-numbers.dots {
border: none;
background: transparent;
color: #50575e;
cursor: default;}

.tablenav-pages .page-numbers.dots:hover {
background: transparent;
border: none;
color: #50575e;}