diff --git a/src/index.css b/src/index.css index dd4feec..9d815ad 100755 --- a/src/index.css +++ b/src/index.css @@ -64,6 +64,7 @@ button { border: none; padding: 10px 20px; font-size: 16px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); cursor: pointer; border-radius: var(--border-radius); transition: background-color var(--transition-fast), transform var(--transition-fast); @@ -71,6 +72,7 @@ button { button:hover { background-color: var(--color-primary-dark); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transform: translateY(-2px); } @@ -592,7 +594,7 @@ th { padding: 20px; background-color: var(--color-surface); border-radius: var(--border-radius); - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08); } /* Formulários */ @@ -614,16 +616,27 @@ th { border: 1px solid var(--color-border); border-radius: var(--border-radius); width: 100%; + transition: border-color var(--transition-fast), box-shadow var(--transition-fast); +} +.form-group input:focus, +.form-group select:focus, +.form-group textarea:focus { + border-color: var(--color-primary); + box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2); + outline: none; } /* Alinhamento de texto e checkbox */ .checkbox-label { display: flex; align-items: center; - gap: 8px; + gap: 12px; } .checkbox-label input[type="checkbox"] { + width: 18px; + height: 18px; + accent-color: var(--color-primary); margin: 0; }