/* Meter Signups Admin Styles */

/* General */
.meter-admin-content {
    margin-top: 20px;
}

/* Status indicators */
.meter-status {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 3px;
    font-weight: bold;
}

.meter-trial {
    background-color: #e5f5fa;
    color: #0073aa;
}

.meter-active {
    background-color: #edf7ed;
    color: #46b450;
}

.meter-expired {
    background-color: #fef1f1;
    color: #dc3232;
}

.meter-cancelled {
    background-color: #f6f7f7;
    color: #777;
}

.meter-no-license {
    background-color: #f6f7f7;
    color: #777;
}

/* Progress bar */
.meter-progress-bar {
    height: 8px;
    background-color: #f0f0f0;
    border-radius: 4px;
    margin-top: 8px;
    overflow: hidden;
}

.meter-progress {
    height: 100%;
    background-color: #0073aa;
}

/* Dashboard boxes */
.meter-dashboard-boxes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.meter-box {
    flex: 1 0 200px;
    margin: 0 10px 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.meter-box h2 {
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}

.meter-box-content {
    padding: 15px;
    text-align: center;
}

.meter-count {
    font-size: 32px;
    font-weight: 600;
    color: #0073aa;
    margin-bottom: 10px;
}

.meter-box-footer {
    padding: 10px 15px;
    background-color: #f9f9f9;
    border-top: 1px solid #eee;
    text-align: right;
}

/* Dashboard sections */
.meter-dashboard-sections {
    margin-top: 30px;
}

.meter-section {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    margin-bottom: 20px;
    padding: 15px;
}

.meter-section h2 {
    margin-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

/* Days left indicator */
.meter-days-left {
    font-weight: bold;
}

.meter-urgent {
    color: #dc3232;
}

/* Status table */
.post-type-meter_email_template .column-subject {
    width: 30%;
}

.post-type-meter_email_template .column-type,
.post-type-meter_email_template .column-trigger {
    width: 15%;
}