.araz-table tbody tr.araz-last-record{
    background:#ffe8e8 !important;
    box-shadow:inset -5px 0 0 #c15000;
}

.araz-table tbody tr.araz-last-record td{
    font-weight:800 !important;
    color:#006464 !important;
}

body.toplevel_page_araz-attendance .wrap{
    direction:rtl;
}
.araz-last-record{
    background:red !important;
}
body.toplevel_page_araz-attendance .wrap>table.widefat{
    margin-top:25px;
    width:100%;
    background:#fff!important;
    border:0!important;
    border-radius:20px!important;
    overflow:hidden!important;
    box-shadow:0 10px 35px rgba(0,0,0,.08)!important;
}


/* هدر جدول */
body.toplevel_page_araz-attendance table.widefat thead th{
    background:linear-gradient(135deg,#006464,#008080)!important;
    color:#fff!important;
    padding:18px!important;
    text-align:center!important;
    font-size:15px!important;
    border:0!important;
}


/* سلول ها */
body.toplevel_page_araz-attendance table.widefat td{
    padding:18px!important;
    text-align:center!important;
    border-bottom:1px solid #eee!important;
    vertical-align:middle!important;
    background:#fff!important;
}


/* ردیف ها */
body.toplevel_page_araz-attendance table.widefat tbody tr{
    transition:.25s;
}

body.toplevel_page_araz-attendance table.widefat tbody tr:hover td{
    background:#f1fbfb!important;
}


/* حذف خط های وردپرس */
body.toplevel_page_araz-attendance table.widefat,
body.toplevel_page_araz-attendance table.widefat td,
body.toplevel_page_araz-attendance table.widefat th{
    border-left:0!important;
    border-right:0!important;
}


/* نام کاربر */
body.toplevel_page_araz-attendance table strong{
    color:#006464;
    font-size:17px;
}


/* فیلد حقوق */
body.toplevel_page_araz-attendance input[type=number]{
    border-radius:12px!important;
    border:1px solid #ddd!important;
    padding:8px!important;
    text-align:center;
}


/* دکمه ها */
body.toplevel_page_araz-attendance .button{
    border-radius:12px!important;
    padding:9px 18px!important;
    height:auto!important;
    font-weight:700!important;
}


body.toplevel_page_araz-attendance .button-primary{
    background:#006464!important;
    border-color:#006464!important;
}


body.toplevel_page_araz-attendance .button-primary:hover{
    background:#008080!important;
}


/* عنوان صفحه */
body.toplevel_page_araz-attendance h1{
    color:#006464!important;
    font-weight:800!important;
    font-size:28px!important;
}
.araz-attendance-admin{}
.araz-attendance-admin .widefat,
.wrap table.widefat{
    border:none!important;
    border-radius:18px!important;
    overflow:hidden;
    background:#fff!important;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    border-collapse:separate!important;
    border-spacing:0;
    direction:rtl;
}
body.toplevel_page_araz-attendance .wrap h1{
    color:#006464;
    font-size:28px;
    font-weight:800;
    margin-bottom:25px;
}

body.toplevel_page_araz-attendance .wrap h2{
    font-weight:800!important;
}

body.toplevel_page_araz-attendance .wrap table.widefat{
    border:none!important;
    border-radius:18px!important;
    overflow:hidden;
    background:#fff!important;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    border-collapse:separate!important;
    border-spacing:0;
    direction:rtl;
}

body.toplevel_page_araz-attendance .wrap table thead th{
    background:linear-gradient(135deg,#006464,#008080)!important;
    color:#fff!important;
    font-size:14px;
    padding:16px!important;
    border:none!important;
    text-align:center;
}

body.toplevel_page_araz-attendance .wrap table tbody td{
    padding:15px!important;
    text-align:center;
    vertical-align:middle!important;
    border-bottom:1px solid #eee!important;
    font-size:14px;
}

body.toplevel_page_araz-attendance .wrap table tbody tr{
    transition:.25s;
}

body.toplevel_page_araz-attendance .wrap table tbody tr:hover{
    background:#f3fbfb!important;
    transform:scale(1.005);
}

body.toplevel_page_araz-attendance .wrap table tbody tr:last-child td{
    border-bottom:none!important;
}

body.toplevel_page_araz-attendance .wrap table strong{
    color:#006464;
    font-size:16px;
}

body.toplevel_page_araz-attendance .wrap input[type="number"]{
    border:1px solid #ddd;
    border-radius:10px;
    padding:8px 12px;
    font-size:14px;
    text-align:center;
    transition:.2s;
}

body.toplevel_page_araz-attendance .wrap input[type="number"]:focus{
    border-color:#006464;
    box-shadow:0 0 0 3px rgba(0,100,100,.15);
}

body.toplevel_page_araz-attendance .wrap .button{
    border-radius:10px!important;
    padding:8px 18px!important;
    height:auto!important;
    font-weight:700!important;
    transition:.25s;
}

body.toplevel_page_araz-attendance .wrap .button:hover{
    transform:translateY(-2px);
}

body.toplevel_page_araz-attendance .wrap .button-primary{
    background:#006464!important;
    border-color:#006464!important;
    box-shadow:0 5px 15px rgba(0,100,100,.25);
}

body.toplevel_page_araz-attendance .wrap .button-primary:hover{
    background:#008080!important;
}

body.toplevel_page_araz-attendance .wrap div[style*="background:#fff"]{
    border:none!important;
    border-radius:18px!important;
    box-shadow:0 8px 25px rgba(0,0,0,.08)!important;
    transition:.3s;
}

body.toplevel_page_araz-attendance .wrap div[style*="background:#fff"]:hover{
    transform:translateY(-5px);
}

body.toplevel_page_araz-attendance .wrap div[style*="background:#fff"] h3{
    color:#444;
    font-size:16px;
    margin-top:0;
}

body.toplevel_page_araz-attendance .wrap span[style*="color:green"]{
    background:#e8fff0;
    padding:8px 14px;
    border-radius:20px;
    display:inline-block;
}

body.toplevel_page_araz-attendance .wrap input[type="checkbox"]{
    width:20px;
    height:20px;
    accent-color:#006464;
}

body.toplevel_page_araz-attendance .notice{
    border-radius:12px!important;
    border:none!important;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

body.toplevel_page_araz-attendance .wrap table.widefat + a.button{
    margin-top:25px;
}
/* موبایل */
@media(max-width:768px){

.wrap table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
}

.wrap h1{
    font-size:22px;
}

.wrap div[style*="display:flex"]{
    flex-direction:column;
}

.wrap div[style*="background:#fff"]{
    width:100%;
}

}

#araz_start_btn:not(:disabled){
background:linear-gradient(135deg,#006464,#009999)!important;
cursor:pointer!important;
box-shadow:0 15px 35px rgba(0,100,100,.35)!important;
}


#araz_start_btn:not(:disabled):hover{
transform:translateY(-3px);
}


#araz_accept_rules{
appearance:none;
border:2px solid #006464;
border-radius:6px;
position:relative;
}


#araz_accept_rules:checked:after{
content:"✓";
position:absolute;
color:white;
font-size:16px;
font-weight:bold;
left:3px;
top:-3px;
}


#araz_accept_rules:checked{
background:#006464;
}

	
	#araz-processing{

display:none;

position:fixed;

inset:0;

background:#ffffffee;

z-index:999999;

align-items:center;

justify-content:center;

flex-direction:column;

color:#006464;

font-size:18px;

font-weight:900;

text-align:center;

}


#araz-processing .araz-spinner{

width:65px;

height:65px;

border-radius:50%;

border:6px solid #ddd;

border-top-color:#006464;

animation:arazSpin 1s linear infinite;

margin-bottom:25px;

}
/* =========================
   ARAZ ATTENDANCE 2026 UI
========================= */

.araz-attendance-card{
    width:100%;
    margin:5px auto;
    padding:5px;
    background:
    linear-gradient(145deg,#ffffff,#f3f8f8);
    border-radius:35px;
    box-shadow:
    0 25px 70px rgba(0,0,0,.12);
margin-right: 0 !important;
}

#araz-page-loader{

position:fixed;

inset:0;

background:#ffffff;

z-index:99999;

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;


font-size:18px;

font-weight:900;

color:#006464;

}


.araz-spinner{

width:60px;

height:60px;

border-radius:50%;

border:6px solid #e5eeee;

border-top-color:#006464;

animation:arazSpin 1s linear infinite;

margin-bottom:20px;

}



@keyframes arazSpin{

100%{
transform:rotate(360deg);
}

}

/* HEADER */

.araz-attendance-header{

    background:
    linear-gradient(135deg,#004c4c,#009999);

    color:#fff;
    padding:35px 20px;
    border-radius:30px;

    text-align:center;

    position:relative;
    overflow:hidden;

    box-shadow:
    0 20px 40px rgba(0,100,100,.35);
}


.araz-attendance-header:before{

content:"";
position:absolute;
width:180px;
height:180px;
background:#ffffff20;
border-radius:50%;
top:-80px;
left:-50px;

}


.araz-attendance-header h2{
color:#fff !important;
position:relative;
font-size:19px;
font-weight:900;
margin:0 0 10px;

}


.araz-attendance-header p{

position:relative;
font-size:14px;
font-weight:800;
margin:5px;

}


.araz-attendance-header span{

position:relative;
opacity:.9;
font-size:12px;

}




/* USER CARD */

.araz-user-box{

margin-top:10px;

display:flex;
align-items:center;

gap:5px;

padding:5px;

background:
rgba(255,255,255,.7);

backdrop-filter:blur(20px);

border-radius:28px;

border:1px solid #ffffff;

box-shadow:
0 10px 30px #00000012;

}



.user-uploaded-image{

width:80px!important;
height:80px!important;

border-radius:50%!important;

object-fit:cover!important;

border:2px solid #c39758!important;

box-shadow:
0 10px 25px #00646440;

}
	.user-upload-btn{
		    background: #c39758;
	}


.araz-user-box h3{

margin:0;
font-size:14px;
font-weight:900;
color:#003d3d !important;
line-height: 2;
letter-spacing:-1px;

}


.araz-user-box p{

margin:5px 0;
color:#777;

}




/* CLOCK */

.araz-clock-box{

margin-top:10px;

padding:10px;

border-radius:30px;

background:

linear-gradient(135deg,#ffffff,#edfafa);


text-align:center;


box-shadow:
inset 0 0 20px #00646410;

}



.araz-clock-box span{

display:block;

color:#666;

font-size:13px;

}


.araz-clock-box strong{

display:block;

margin-top:15px;

font-size:16px;

font-weight:900;

color:#006464;

letter-spacing:1px;

}




/* BUTTONS */

.araz-buttons{

display:flex;

gap:20px;

margin:30px 0;

}



.araz-btn{

height:90px;

flex:1;

border:0;

border-radius:30px;

font-size:22px!important;

font-weight:900!important;

cursor:pointer;

color:#fff;


display:flex;

align-items:center;
justify-content:center;


transition:.35s;


box-shadow:
0 15px 35px rgba(0,0,0,.18);

}



.araz-btn:hover{

transform:
translateY(-7px)
scale(1.03);

}



.login-btn{

background:

linear-gradient(135deg,#00d084,#008f5a);
letter-spacing:-1;
}



.logout-btn{

background:

linear-gradient(135deg,#ff7272,#d52b2b);

}




/* WORK MESSAGE */


.araz-work-box{

padding:15px;

border-radius:28px;
background:

linear-gradient(135deg,#e8f3ff,#cfe7ff);

color:#0057b8;

font-size:15px;

font-weight:900;

text-align:center;


box-shadow:
0 15px 35px #00855725;

line-height:2;
animation:
show .5s ease;

}



/* TABLE */

.araz-table{

width:100%;

margin-top:30px;

border-collapse:separate;

border-spacing:0 10px;

}



.araz-table thead th{

background:#006464;

color:white;

padding:16px;

font-size:13px;

}



.araz-table thead th:first-child{

border-radius:0 18px 18px 0;

}


.araz-table thead th:last-child{

border-radius:18px 0 0 18px;

}



.araz-table tbody tr{

background:white;

box-shadow:
0 8px 20px #00000010;

}


.araz-table td{

padding:18px 10px;

text-align:center;

border:0;

font-size:12px;

}



.araz-table tbody tr td:first-child{

border-radius:0 15px 15px 0;

}


.araz-table tbody tr td:last-child{

border-radius:15px 0 0 15px;

}




/* MOBILE */

@media(max-width:600px){


.araz-attendance-card{

margin:15px;

padding:18px;

border-radius:25px;

}



.araz-attendance-header h2{

font-size:14px;

}


.araz-buttons{

flex-direction:column;

}


.araz-btn{

height:111px;
letter-spacing:-1px;
font-size:20px!important;

}


.araz-user-box{

padding:10px;

}



.araz-table{

font-size:11px;

}


.araz-table td{

padding:14px 5px;

}


}



/* Animation */


@keyframes show{

from{

opacity:0;

transform:translateY(20px);

}

to{

opacity:1;

transform:none;

}

}