/* Radio buttons – Τύπος Επίδοσης */

.epidosi_form_radio_mode{
    padding:10px;
    border: solid 1px grey;
    border-radius: 4px;
    font-size: 16px;
    margin: 10px;
    cursor:pointer;
}


.pinakas_diathesimon_epidoseon .omadiki_epidosi {
    background: #c8e6ed;
}


.epidosi-view-group-btn{
    background:#f3f4f6;
    color:#111827;
    border:none;
    border-radius:8px;
    padding:8px 14px;
    font-weight:600;
    cursor:pointer;
    transition:.2s;
    margin-right:8px;
}

.epidosi-view-group-btn:hover{
    background:#e5e7eb;
}

#epidosi-group-modal{
    position:fixed;
    inset:0;
    z-index:999999;
}

.epidosi-group-modal-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.epidosi-group-modal-box{
    position:relative;
    width:min(900px, calc(100% - 40px));
    max-height:80vh;
    overflow:auto;
    margin:60px auto;
    background:#fff;
    border-radius:14px;
    padding:24px;
    box-shadow:0 20px 50px rgba(0,0,0,.18);
    z-index:2;
}

.epidosi-group-modal-close{
    position:absolute;
    top:12px;
    right:14px;
    border:none;
    background:transparent;
    font-size:28px;
    line-height:1;
    cursor:pointer;
}

#epidosi-group-modal-content{
    margin-top:20px;
}

.epidosi-group-view{
    cursor:pointer;
    font-weight:600;
}


#epidosi-datatable thead th{
    background:#f4f6fb;padding:14px;font-size:14px;font-weight:600;
    border-bottom:1px solid #e5e7eb;text-align:left
}
#epidosi-datatable tbody td{
    padding:14px;font-size:14px;border-bottom:1px solid #f1f5f9
}

.epidosi-analipsi-btn{
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    color:#fff;border:none;border-radius:8px;padding:8px 14px;
    font-weight:600;cursor:pointer;transition:.2s;
    box-shadow:0 6px 15px rgba(37,99,235,.25)
}
.epidosi-analipsi-btn:hover{
    background:linear-gradient(135deg,#1d4ed8,#1e40af)
}
.epidosi-analipsi-btn.loading{
    pointer-events:none;opacity:.8;padding-right:36px;position:relative
}
.epidosi-analipsi-btn.loading::after{
    content:"";width:16px;height:16px;
    border:3px solid rgba(255,255,255,.5);
    border-top-color:#fff;border-radius:50%;
    position:absolute;right:10px;top:50%;
    transform:translateY(-50%);
    animation:spin .8s linear infinite
}
@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}

.epidosi-deadline{
    display:inline-block;padding:4px 10px;border-radius:999px;
    font-size:12px;font-weight:600
}
.epidosi-deadline.ok{background:#dcfce7;color:#166534}
.epidosi-deadline.warning{background:#ffedd5;color:#9a3412}
.epidosi-deadline.danger{background:#fee2e2;color:#991b1b}

#epidosi-toast {
    position: fixed;
    bottom: 24px;
    right: 24px;
    background: #111827;
    color: #ffffff;
    padding: 16px 18px;
    border-radius: 10px;
    opacity: 0;
    transform: translateY(20px);
    transition: .3s;
    z-index: 99999;
    min-width: 260px;
}

#epidosi-toast.show {
    opacity: 1;
    transform: translateY(0);
}

#epidosi-toast.success {
    background: linear-gradient(135deg, #16a34a, #15803d);
}

#epidosi-toast.error {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
}

#epidosi-toast .toast-message {
    margin-bottom: 12px;
    font-size: 14px;
}

#epidosi-toast .toast-ok {
    background: rgba(255,255,255,0.15);
    border: none;
    color: #fff;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

#epidosi-toast .toast-ok:hover {
    background: rgba(255,255,255,0.25);
}