.achroma-app                                                {font-family: Arial, sans-serif; background: #f4f5f7; min-height: 100vh; color: #222; }
.screen                                                     {padding: 5px; max-width: 360px; width: 100%; margin: 0 auto;}
.login-screen                                               {display: flex; align-items: center; justify-content: center; min-height: 100vh;}
.login-card, .period-card, .day-card, .summary-card         {background: #fff; border-radius: 14px; padding: 18px !important; box-shadow: 0 6px 20px rgba(0, 0, 0, .08); margin-bottom: 16px;}
.collapsible                                                {border:unset !important; margin:0px 0px 18px 0px !important;}
input, select, textarea                                     {width: 100%; box-sizing: border-box; padding: 12px; margin: 8px 0; border: 1px solid #ccc; border-radius: 8px; font-size: 16px;}
textarea                                                    {resize: vertical; min-height: 80px;}
button                                                      {border: 0; border-radius: 8px; padding: 12px 16px; font-weight: bold; cursor: pointer;}
.login-card button,.validate                                {width: 100%; background: #111; color: #fff; margin-top: 12px; }
.app-header                                                 {display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;}
.week-nav                                                   {display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px;}
.day-title                                                  {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; margin-bottom: 12px;}
.day-title h2                                               {margin: 0 0 10px;}
.day-title span                                             {font-weight: bold; color: #0a7a3d;}
.day-disabled                                               {opacity: 0.45; pointer-events: none;}
.day-disabled .chantier-list, .day-disabled .add-line, .day-disabled .copy-prev-day {pointer-events: none;}
.work-line                                                  {border: 1px solid #eee;border-radius: 10px;padding: 12px;margin-bottom: 12px;}
.add-line                                                   {display: flex; align-items: center; justify-content: center; width: 100%; background: #f0f0f0; margin-bottom: 13px;}
.copy                                                       {display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 13px; background: #d1dfb8; color:#344834 !important;}
.delete-line                                                {color: #b00020; width: fit-content; margin: 0px 0px 0px auto; display: block; cursor: pointer; }
.summary-card                                               {position: sticky; bottom: 0;}

@keyframes move_photo {
    to {
        transform: translate(0px, 0px);
        opacity: 1;
    }
}