/* 1. FORCE THE LAYOUT - Add Spacing */
#etimeclock-main, 
.entry-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important; 
    align-items: center !important;
}

/* 2. THE BUTTONS - New Professional Colors */
a.etimeclock-action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 300px !important;
    height: 54px !important;
    border-radius: 980px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    transition: all 0.2s ease !important;
}

/* Forest Green - Clock In */
a.etimeclock-action[data-id="in"],
a.etimeclock-action:not([data-id="out"]) {
    background-color: #1a5c37 !important; /* Deep Professional Green */
}

/* Deep Red - Clock Out */
a.etimeclock-action[data-id="out"] {
    background-color: #a82323 !important; /* Deep Professional Red */
}

/* 3. INPUT FIELDS */
input[type="text"], input[type="password"] {
    width: 100% !important;
    max-width: 300px !important;
    border-radius: 12px !important;
    border: 1px solid #d2d2d7 !important;
    text-align: center !important;
}