/* Light modern polish — additive layer loaded after the page's own stylesheet.
   Keeps existing layouts intact; just softens shadows, adds smooth transitions
   and consistent focus states for a more modern feel. */

:root {
    --tep-green: #15803d;
    --tep-green-dark: #0f4c3a;
}

/* Smoother interactions on buttons and links */
button, .btn, a.cta, .create-btn, input[type="submit"] {
    transition: transform .15s ease, box-shadow .15s ease, background .2s ease, opacity .15s ease;
}

button:hover, .btn:hover, .create-btn:hover, input[type="submit"]:hover {
    transform: translateY(-1px);
}

button:active, .btn:active {
    transform: translateY(0);
}

/* Softer, layered card/panel shadows and a touch more roundness */
.card, .panel {
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(16,40,28,.05), 0 10px 28px rgba(16,40,28,.06);
    transition: transform .2s ease, box-shadow .2s ease;
}

.card:hover, .panel:hover {
    box-shadow: 0 2px 6px rgba(16,40,28,.07), 0 16px 40px rgba(16,40,28,.10);
}

/* Consistent, modern focus ring on all fields */
input, select, textarea {
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: var(--tep-green);
    box-shadow: 0 0 0 3px rgba(21,128,61,.12);
}

/* Crisper tables */
.table-container, table {
    border-radius: 12px;
}