.jetly-notify-admin {
    max-width: 1100px;
    margin: 30px auto;
}
.jetly-notify-hero-card {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    padding: 32px 32px 28px 32px;
    margin-bottom: 28px;
    position: relative;
    gap: 28px;
    flex-wrap: wrap;
}
.jetly-notify-hero-card .hero-icon {
    font-size: 48px;
    color: #25d366;
    background: #eafbe7;
    border-radius: 50%;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(37,211,102,0.07);
}
.jetly-notify-hero-card .hero-content {
    flex: 1 1 300px;
    min-width: 220px;
}
.jetly-notify-hero-card h1 {
    margin: 0 0 8px 0;
    font-size: 2.1rem;
    font-weight: 700;
    color: #1d2327;
    letter-spacing: -1px;
}
.jetly-notify-hero-card .hero-subtitle {
    margin: 0;
    color: #4a5568;
    font-size: 1.08rem;
    opacity: 0.92;
    font-weight: 400;
}

/* Modern Tabs Design */
.jetly-notify-tabs {
    display: flex;
    gap: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.07);
    margin-bottom: 28px;
    padding: 0 8px;
    border: 1px solid #f0f0f0;
    overflow-x: auto;
}
.jetly-notify-tabs .nav-tab {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 13px 28px 13px 18px;
    font-size: 1.08rem;
    font-weight: 600;
    color: #1d2327;
    background: transparent;
    border: none;
    margin: 0 2px 0 0;
    transition: background 0.18s, color 0.18s, box-shadow 0.18s;
    position: relative;
    top: 0;
    box-shadow: none;
    outline: none;
    cursor: pointer;
}
.jetly-notify-tabs .nav-tab .dashicons {
    font-size: 20px;
    color: #25d366;
    margin-right: 2px;
}
.jetly-notify-tabs .nav-tab-active {
    color: #25d366;
    border-bottom: 3.5px solid #25d366;
    z-index: 2;
}
.jetly-notify-tabs .nav-tab:not(.nav-tab-active):hover {
    background: #f7fafd;
    color: #25d366;
}

.jetly-notify-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.07);
    padding: 32px 24px 28px 24px;
    margin-bottom: 24px;
    border: 1px solid #f0f0f0;
}
.form-field {
    margin-bottom: 20px;
}
.form-field label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}
.form-field input[type="text"],
.form-field input[type="password"],
.form-field input[type="number"],
.form-field select,
.form-field textarea {
    width: 100%;
    max-width: 650px;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 1.08rem;
    background: #f7fafd;
    color: #1d2327;
    transition: border-color 0.18s, box-shadow 0.18s;
}
.form-field input[type="text"]:focus,
.form-field input[type="password"]:focus,
.form-field input[type="number"]:focus,
.form-field select:focus,
.form-field textarea:focus {
    border-color: #25d366;
    box-shadow: 0 2px 8px rgba(37,211,102,0.13);
    background: #fff;
}
.form-field input[type="number"] {
    max-width: 100px;
}
.form-field textarea {
    min-height: 80px;
    resize: vertical;
}
.form-field .description {
    color: #666;
    font-style: italic;
    margin-top: 5px;
}
.button-hero {
    margin-top: 20px !important;
}
.form-field.checkbox-field {
    display: flex;
    align-items: center;
    gap: 10px;
}
.form-field.checkbox-field label {
    margin-bottom: 0;
    order: 2;
}
.form-field.checkbox-field input[type="checkbox"] {
    margin: 0;
    order: 1;
}
.form-field.checkbox-field .description {
    flex-basis: 100%;
    order: 3;
    margin-top: 10px;
}
.form-field.checkbox-field.with-block-description {
    flex-wrap: wrap;
}
.form-field.checkbox-field.with-block-description .description {
    flex-basis: 100%;
    margin-top: 10px;
    padding-left: 0;
}
.validation-message {
    color: #dc3232;
    margin-top: 5px;
    font-style: italic;
}
.phone-input-group {
    display: flex;
    gap: 10px;
    max-width: 650px;
}
.phone-input-group select {
    width: 250px !important;
}
.phone-input-group input[type="tel"] {
    flex: 1;
}
.form-field.phone-field .description {
    margin-top: 8px;
}
.jetly-notify-message-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.07);
    padding: 22px 32px 18px 32px;
    margin-bottom: 24px;
    border: 1px solid #f0f0f0;
    max-width: 100%;
}
.jetly-notify-message {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.08rem;
    font-weight: 500;
    margin-bottom: 6px;
    padding: 12px 0 8px 0;
    border-radius: 7px;
}
.jetly-notify-message-error {
    color: #c62828;
    background: #fbeaea;
    border: 1px solid #f5bdbd;
}
.jetly-notify-message-updated {
    color: #2e7d32;
    background: #eafbe7;
    border: 1px solid #b6e2c1;
}
.jetly-notify-message .dashicons {
    font-size: 20px;
    margin-right: 6px;
    vertical-align: middle;
}
.wp-core-ui select:disabled {
    background-image: none !important;
}