.lwm-export-reports {
    margin-top: 20px;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.lwm-export-reports h2 {
    margin-top: 0;
    font-size: 24px;
}

.lwm-export-reports form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

.lwm-export-reports label {
    font-weight: bold;
    margin-left: 10px;
}

.lwm-export-reports select,
.lwm-export-reports input[type="number"] {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

.lwm-export-reports .lwm-export-button {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

.lwm-export-reports .lwm-export-button:hover {
    background-color: #005177;
}

.lwm-export-reports .lwm-export-instructions {
    margin-top: 15px;
    font-size: 14px;
    color: #555;
}
.lwm-admin-reports,
.lwm-set-hourly-rate,
.lwm-comparison-chart,
.lwm-manage-employees,
.lwm-advanced-reports {
    direction: rtl;
    font-family: Arial, sans-serif;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
}






div#lwm-representative-area {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 180px;
    top: -148px;
}



.lwm-employee-area button,
.lwm-daily-report-form button,
.lwm-admin-reports button,
.lwm-set-hourly-rate button,
.lwm-manage-employees button,
.lwm-advanced-reports button {
padding: 0 20px;
    background-color: #15aa00;
    color: white;
    border: none;
    border-radius: 45px;
    cursor: pointer;
}

.lwm-employee-area button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}
.lwm-employee-area{
        position: absolute !important;
top: -78px !important;
    left: 43px !important;
}

.lwm-daily-report-form form,
.lwm-set-hourly-rate table,
.lwm-admin-reports table,
.lwm-manage-employees form,
.lwm-manage-employees table,
.lwm-advanced-reports form {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.lwm-daily-report-form label,
.lwm-admin-reports label,
.lwm-manage-employees label,
.lwm-advanced-reports label {
    display: block;
    margin: 4px 0;
    width: fit-content;
}

.lwm-daily-report-form input,
.lwm-set-hourly-rate input,
.lwm-admin-reports input,
.lwm-admin-reports select,
.lwm-manage-employees input,
.lwm-advanced-reports select,
.lwm-advanced-reports input {
width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-width: 80px;
}

.lwm-admin-reports table th,
.lwm-admin-reports table td,
.lwm-set-hourly-rate table th,
.lwm-set-hourly-rate table td,
.lwm-manage-employees table th,
.lwm-manage-employees table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: right;
    color: #000;
}

.lwm-comparison-chart canvas,
.lwm-advanced-reports canvas {
    max-width: 100%;
}

#lwm-signature-pad {
    border: 1px solid #ccc;
    background-color: #fff;
    width: 100%;
}
#lwm-representative-area button#lwm-start-work , #lwm-representative-area button#lwm-end-work {
  font-size: 1px !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 1px;
    color: #15aa00;
}
.wrap #lwm-video-stream, .lwm-admin-reports label {
    display: none;
}
.lwm-edit-field {
    width: 80px;
}

.lwm-save-report,
.lwm-delete-session {
    background-color: #d63638;
}

.lwm-stats {
    margin: 20px 0;
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.lwm-pie-chart {
    margin: 20px 0;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    max-width: 300px;
    display: inline-block;
}

select {
    padding: 0 10px !important;
}

/* הגדרת קונטיינר הורה עם Flexbox */
.lwm-employee-shifts {
display: flex;
    flex-wrap: wrap;
    justify-content: right;
    flex-direction: row-reverse;
}

/* הסרת רוחב קבוע והגדרת רוחב דינמי לעמודות */
div#tab6 h2,
form#lwm-employee-shifts-filter,
.lwm-stats-box,
.lwm-employee-shifts h3 {
width: auto;
    flex: 1 1 300px;
    min-width: 250px;
    max-width: 350px;
    margin: 10px !important;
    padding: 15px !important;
    border-radius: 10px;
    box-shadow: 1px 0px 14px rgba(0, 0, 0, 0.1);
}

/* התאמת סגנון לטופס הסינון */
form#lwm-employee-shifts-filter {
    background: #fff;
    border: 1px solid rgb(241, 196, 15);
    display: flex;
    flex-direction: column; /* תוכן הטופס מסודר אנכית */
    align-items: flex-start; /* יישור תוכן לימין ב-RTL */
}

/* התאמת סגנון לקופסת הסטטיסטיקות */
.lwm-stats-box {
    background: #fff; /* רקע לבן לעקביות */
}

/* התאמת כותרות */
div#tab6 h2, .lwm-employee-shifts h3 {
    background: rgb(241, 196, 15) !important;
    color: #ffffff !important;
    text-align: center;
    font-size: 23px !important;
    max-height: fit-content;
    max-width: 262px;
}

/* התאמות למסכים קטנים */
@media only screen and (max-width: 800px) {
    .lwm-employee-shifts {
        flex-direction: column; /* ערימה אנכית במסכים קטנים */
        align-items: center; /* מרכוז העמודות */
    }

    div#tab6 h2,
    form#lwm-employee-shifts-filter,
    .lwm-stats-box,
    .lwm-employee-shifts h3 {
        width: 100%; /* רוחב מלא במסכים קטנים */
        max-width: none; /* הסרת מגבלת רוחב מקסימלי */
        min-width: 0; /* מאפשר התכווצות מלאה */
    }
}
/* הסתרת הכותרת 'נתוני משתמש' */
div#tab6 > h2:first-child {
    display: none;
}

/* סגנון לכותרת 'דוח משמרות - 08/2025' */
div#tab6 .lwm-employee-shifts h2 {
    width: auto;
    flex: 1 1 100%; /* תופס את כל הרוחב בחלק העליון */
    margin: 10px auto; /* מרכוז אופקי עם מרווח */
    padding: 7px 25px;
    background: rgb(241, 196, 15);
    color: #ffffff;
    border-radius: 15px;
    text-align: center;
    font-family: 'Rubik', sans-serif;
}
.lwm-admin-reports form select, .lwm-admin-reports button{
    margin: inherit;
}
.lwm-admin-reports form {
    display: -webkit-box;
    margin: 5px;
}
.lwm-admin-reports .lwm-employee-stats .lwm-stats-box
 {
    background: #fff;
    max-width: 240px;
    margin: 0 !important;
}
.lwm-admin-reports form input[type="number"] {
    width: 78px;
    margin: inherit;
}
.lwm-admin-reports .lwm-employee-shifts .lwm-accordion {
min-width: 250px;
    max-width: 250px;
    flex: 1 1 300px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 1px 0px 14px rgba(0, 0, 0, 0.1);
    padding: 18px 8px !important;
    max-height: 240px;
    overflow-y: auto;
    box-sizing: border-box;
    margin: 12px 0 25px;
}
/* שיפור מראה האקורדיון */
div#tab6 div .lwm-employee-shifts .lwm-accordion {
min-width: 262px;
    max-width: 262px;
    flex: 1 1 300px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 1px 0px 14px rgba(0, 0, 0, 0.1);
    padding: 10px 18px !important;
    position: absolute;
    top: 112px;
    right: 40px;
    max-height: 240px;
    min-height: 240px;
    overflow-y: auto;
    width: 100%;
    box-sizing: border-box;
}



/* התאמת תוכן האקורדיון */
.lwm-accordion-content {
    position: relative; /* שינוי מ-absolute ל-relative כדי למנוע חפיפה */
    border: 1px solid #ddd;
    border-top: none; /* הסרת גבול עליון לחיבור חלק עם הכותרת */
    border-radius: 0 0 5px 5px;
}


.lwm-stats-box p {
    margin: 8px 0;
    font-size: 16px;
    color: #333;
}


.lwm-accordion-item span
 {
    padding: 0 3px 0 0;
}
.lwm-accordion-item {
margin-bottom: 10px !important;
    height: 30px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Rubik';
    background-color: #f1c40f;
    color: #fff;
    padding: 6px 4px;
    border-radius: 3px;
}



.lwm-accordion-item .lwm-accordion-header:hover {
background-color: #ffffff;
    color: #f1c40f;
    font-size: 14px;
    padding: 5px 0 1px;
    margin: -5px 0 0;
    width: 207px;
}

.lwm-accordion-content {
display: none;
    padding: 15px !important;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    margin: 2px 0 0 !important;
    font-weight: 100;
}

.lwm-accordion-content p {
    margin: 8px 0;
    font-size: 15px;
    color: #333;
    width: 190px;
}

.lwm-accordion-content input.lwm-edit-field {
    width: 100px;
    margin: 5px 0;
}

.lwm-accordion-content button {
    margin-top: 10px;
}

/* מניעת גלילה בזמן ציור על הקנבס */
#lwm-signature-canvas {
    touch-action: none; /* מונע פעולות מגע כמו גלילה על הקנבס */
}

@media only screen and (max-width: 800px) {
/* השבתת גלילה של הדף כאשר הקנבס פעיל */
body.canvas-active {
    overflow: hidden; /* מונע גלילה של הדף */
}}

.lwm-daily-report-form
 {
position: fixed;
    background: #fff;
    top: -20px;
    right: 2%;
    z-index: 9999;
    height: 100%;
    width: 260px;
    padding: 35px;
}

#lwm-daily-report-form > input:nth-child(2)
 {
min-width: 120px;
    margin: 0 7px 0 0 !important;
}

#lwm-representative-area #lwm-video-stream {
pointer-events: none;
}


#lwm-representative-area #lwm-video-stream iframe
 {
    height: 1px !important;
    width: 1px !important;
}
#lwm-daily-report-form {
    display: flex;
    flex-wrap: wrap;
}



#lwm-daily-report-form > input:nth-child(2),
#lwm-daily-report-form > input:nth-child(4),
#lwm-daily-report-form > input:nth-child(6) {
flex: 1;
    max-width: 40px;
    border: 0;
    box-shadow: none;
    font-size: 14px;
    padding: 0;
    height: 16px;
    margin: 0 15px 11px;
}
#lwm-daily-report-form > label:nth-child(5) {
    max-width: 18px;
}
#lwm-daily-report-form > label:not(:nth-child(1)):not(:nth-child(3)):not(:nth-child(5)),
#lwm-daily-report-form > input:not(:nth-child(2)):not(:nth-child(4)):not(:nth-child(6)),
#lwm-daily-report-form > canvas,
#lwm-daily-report-form > button {
    flex: 0 0 100%;
}

.lwm-daily-report-form h2 {
    color: #000;
    line-height: 2em;
    border-bottom: 1px solid #a9a9a9;
    margin: -16px 0 0;
}