/* views/tabs/tab_1_profile/style.css */
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: 10px; }
.btn-opt { 
    background: #fff; border: 1px solid #e0e0e0; border-radius: 6px;
    padding: 10px 5px; cursor: pointer; transition: all 0.2s;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 5px; color: #555; font-size: 12px; text-align: center;
    min-height: 50px; width: 100%;
}
.btn-opt:hover { border-color: #bbb; background: #f9f9f9; }
.btn-opt.active { 
    border-color: #d35400; background: #fff8e1; 
    color: #d35400; font-weight: bold; 
    box-shadow: 0 2px 5px rgba(211, 84, 0, 0.15);
}