/* =========================================================
   APRN – Component Styles (shared across languages)
   Modern professional redesign — consistent with Search &
   AdvancedSearch pages. All admin pages inherit these.
   ========================================================= */

/* ---- Buttons ---- */
.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    background:linear-gradient(135deg,#1b4332 0%,#2d6a4f 100%);
    border:none;border-radius:10px;color:#fff;
    height:auto;min-height:40px;padding:11px 28px;
    font:600 14px/1 'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    cursor:pointer;transition:all .25s;
    box-shadow:0 2px 8px rgba(27,67,50,.18);
    letter-spacing:.2px;
}
.btn:hover{
    background:linear-gradient(135deg,#2d6a4f 0%,#40916c 100%);
    transform:translateY(-1px);box-shadow:0 4px 16px rgba(27,67,50,.25);
}
.btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(27,67,50,.12)}

/* ---- Footer bar ---- */
.MasterFooter{
    background:linear-gradient(135deg,#1b4332 0%,#2d6a4f 100%);
    font:500 14px/1 'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    color:#fff;border:none;padding:12px 22px;border-radius:10px;transition:.25s;
}
.MasterFooter:hover{color:#95d5b2;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}

/* ---- Accordion ---- */
.AccordionHeader{
    background:linear-gradient(135deg,#1b4332 0%,#2d6a4f 100%);
    color:#fff;text-align:center;
    border:none;border-radius:10px 10px 0 0;padding:14px 18px;
    font:600 15px/1.4 'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    cursor:pointer;transition:.25s;
}
.AccordionHeader:hover{background:linear-gradient(135deg,#2d6a4f 0%,#40916c 100%)}
.AccordionContent{
    background:#fff;padding:18px;
    border-radius:0 0 10px 10px;
    box-shadow:0 2px 8px rgba(0,0,0,.06);
    text-align:inherit;
}
.AccordionTitle,.AccordionContent,.AccordionContainer{position:relative;width:100%}
.AccordionTitle{
    color:#1b4332;width:100%;overflow:hidden;cursor:pointer;
    font:bold 14px/1.4 'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    text-align:center;display:table-cell;
    background:#e8f5ee;border-radius:8px;padding:10px;
    -moz-user-select:none;
}
.AccordionContainer{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}

/* ---- Page titles ---- */
.PageTitle{
    color:#1b4332;
    font:700 22px/1.3 'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    margin-bottom:18px;padding-bottom:12px;
    border-bottom:3px solid #52b788;display:inline-block;
    letter-spacing:.2px;
}
.PageTitle2{
    color:#2d6a4f;
    font:600 17px/1.3 'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    margin-bottom:12px;
}

/* ---- Menu items ---- */
.MenuItem{background:#1b4332;color:#fff;padding:8px 16px;border-radius:8px}
.MenuItem:hover{background:#2d6a4f}
.mainmenuitem{font:500 16px/1.4 'Inter','Segoe UI',Tahoma,Arial,sans-serif;color:#1b4332;transition:.2s}
.mainmenuitem:hover{color:#52b788}

/* ---- Side menus ---- */
.left_box{width:100%}
.adv_title{width:100%;height:auto;padding:12px 16px;background:#1b4332;color:#fff;font-weight:600;border-radius:10px 10px 0 0}
.l_box{width:100%;border:1px solid #e2e8f0;padding:6px;overflow:hidden;border-radius:0 0 10px 10px}
.left_menu{margin:0;padding:0;list-style:none}
.left_menu li{margin:0 0 2px;list-style:none}
.left_menu li a{
    color:#2d6a4f;padding:10px 16px;display:block;
    font:500 14px/1.4 'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    border-radius:6px;transition:.2s;background:none;height:auto;
}
.left_menu li a:hover{background:#e8f5ee;color:#1b4332}

/* ---- Arrow-menu (legacy) ---- */
.arrowblue,.arrowblue_ar{
    width:100%;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;
}
.arrowblue ul,.arrowblue_ar ul{list-style:none;margin:0;padding:0}
.arrowblue li a,.arrowblue_ar li a{
    font:600 13px/1.4 'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    display:block;background:#1b4332;height:auto;
    padding:10px 16px;line-height:1.4;color:#fff;
}
.arrowblue li a:hover,.arrowblue_ar li a:hover{background:#2d6a4f;color:#fff}
.arrowblue li a.selected,.arrowblue_ar li a.selected{background:#52b788;color:#fff}

/* ============================================
   TABLES — Form layout tables
   ============================================ */
.tbl{
    width:80%;border:1px solid #e2e8f0;border-radius:12px;
    padding:0;font:400 14px/1.6 'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    margin:16px auto;background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,.04);
    border-collapse:separate;border-spacing:0;overflow:hidden;
}
.tbl td{
    border:none;border-bottom:1px solid #f0f4f3;
    padding:12px 18px;color:#333;vertical-align:middle;
}
.tbl tr:last-child td{border-bottom:none}
.tbl th{
    background:linear-gradient(135deg,#1b4332 0%,#2d6a4f 100%);
    color:#fff;padding:13px 18px;font-weight:600;text-align:inherit;
    font-size:13px;text-transform:uppercase;letter-spacing:.5px;
}

.tbl2{
    width:60%;border:1px solid #e2e8f0;padding:0;
    font:400 14px/1.6 'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    margin:12px auto;border-radius:10px;overflow:hidden;
    background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.tbl2 td{
    border:none;border-bottom:1px solid #f0f4f3;
    padding:10px 16px;vertical-align:middle;
}
.tbl2 tr:last-child td{border-bottom:none}

/* ============================================
   GRIDVIEWS — Data grids
   ============================================ */
.Grid{
    width:95%;border:1px solid #e2e8f0;border-radius:12px;
    padding:0;font:400 13.5px/1.6 'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    margin:16px auto;background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,.04);
    border-collapse:separate;border-spacing:0;overflow:hidden;
}
.Grid th{
    background:linear-gradient(135deg,#1b4332 0%,#2d6a4f 100%);
    color:#fff;padding:13px 16px;font-weight:600;font-size:13px;
    text-transform:uppercase;letter-spacing:.5px;
    border-bottom:2px solid #143d2b;white-space:nowrap;
}
.Grid td{
    padding:11px 16px;border-bottom:1px solid #f0f4f3;
    color:#333;vertical-align:middle;
}
.Grid tr:last-child td{border-bottom:none}
.Grid tr:nth-child(even) td{background:#fafcfb}
.Grid tr:hover td{background:#e8f5ee;transition:background .15s}
.Grid a{
    color:#2d6a4f;font-weight:600;text-decoration:none;
    transition:color .2s;
}
.Grid a:hover{color:#1b4332}
/* Grid footer row (add-new) */
.Grid tfoot td,
.Grid tr.GridFooter td{
    background:#f8faf9;border-top:2px solid #e2e8f0;
    padding:10px 16px;
}
/* Grid edit row */
.Grid tr.GridEditRow td{
    background:#fffbeb;border-bottom:1px solid #fde68a;
}
/* Grid pager */
.Grid td[colspan]{
    background:#f8faf9;text-align:center;padding:10px 16px;
    border-bottom:none;
}
.Grid td[colspan] table td{
    border:none;padding:2px 4px;background:transparent;
}
.Grid td[colspan] table a,
.Grid td[colspan] table span{
    display:inline-block;min-width:30px;height:30px;
    line-height:30px;text-align:center;border-radius:8px;
    font-size:13px;font-weight:600;text-decoration:none;
    transition:all .2s;padding:0;
}
.Grid td[colspan] table a{
    background:#fff;color:#2d6a4f;border:1px solid #d4e8dc;
}
.Grid td[colspan] table a:hover{
    background:#2d6a4f;color:#fff;border-color:#2d6a4f;
}
.Grid td[colspan] table span{
    background:#1b4332;color:#fff;border:1px solid #1b4332;
    border-radius:8px;
}

.Grid2{
    width:100%;border:1px solid #e2e8f0;padding:0;
    font:400 13.5px/1.6 'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    margin:12px 0;border-radius:12px;overflow:hidden;
    background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04);
    border-collapse:separate;border-spacing:0;
}
.Grid2 th{
    background:linear-gradient(135deg,#1b4332 0%,#2d6a4f 100%);
    color:#fff;padding:13px 16px;font-weight:600;font-size:13px;
    text-transform:uppercase;letter-spacing:.5px;
    border-bottom:2px solid #143d2b;white-space:nowrap;
}
.Grid2 td{
    padding:11px 16px;border-bottom:1px solid #f0f4f3;
    color:#333;vertical-align:middle;
}
.Grid2 tr:last-child td{border-bottom:none}
.Grid2 tr:nth-child(even) td{background:#fafcfb}
.Grid2 tr:hover td{background:#e8f5ee;transition:background .15s}

/* ============================================
   FORM INPUTS — Shared across admin pages
   ============================================ */
.tbl input[type="text"],
.tbl textarea,
.tbl2 input[type="text"],
.tbl2 textarea{
    padding:8px 12px;
    border:1.5px solid #d4dbd7;border-radius:8px;
    font-size:13.5px;color:#333;background:#fff;
    transition:border-color .2s,box-shadow .2s;
    box-sizing:border-box;
}
.tbl input[type="text"]:focus,
.tbl textarea:focus,
.tbl2 input[type="text"]:focus,
.tbl2 textarea:focus{
    outline:none;border-color:#52b788;
    box-shadow:0 0 0 3px rgba(82,183,136,.15);
}
.tbl select,
.tbl2 select{
    padding:8px 12px;
    border:1.5px solid #d4dbd7;border-radius:8px;
    font-size:13.5px;color:#333;background:#fff;
    transition:border-color .2s,box-shadow .2s;
    appearance:none;-webkit-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 12px center;
    padding-right:32px;
}
[dir="rtl"] .tbl select,
[dir="rtl"] .tbl2 select{
    background-position:left 12px center;
    padding-right:12px;padding-left:32px;
}
.tbl select:focus,
.tbl2 select:focus{
    outline:none;border-color:#52b788;
    box-shadow:0 0 0 3px rgba(82,183,136,.15);
}

/* Grid inline edit inputs */
.Grid input[type="text"],
.Grid2 input[type="text"]{
    padding:7px 10px;
    border:1.5px solid #d4dbd7;border-radius:7px;
    font-size:13px;color:#333;background:#fff;
    transition:border-color .2s,box-shadow .2s;
    box-sizing:border-box;
}
.Grid input[type="text"]:focus,
.Grid2 input[type="text"]:focus{
    outline:none;border-color:#52b788;
    box-shadow:0 0 0 3px rgba(82,183,136,.15);
}

/* ---- Misc legacy ---- */
.Water{background:#fff3cd;color:#dc3545;font-size:13px;padding:8px 12px;border-radius:8px;border:1px solid #ffc107}
.clndr{background:#e8f5ee;border-radius:8px;padding:8px;font-size:13px}
.clndr div,.clndr td{background:transparent;border:none;font-size:13px;padding:4px}

/* ---- Data markers ---- */
.existdata{color:#2d6a4f;font:700 16px/1.4 'Inter','Segoe UI',Tahoma,Arial,sans-serif}
.c1{font:700 16px/1.4 'Inter','Segoe UI',Tahoma,Arial,sans-serif;text-decoration:underline}
.c2{color:#2d6a4f;font:700 14px/1.4 'Inter','Segoe UI',Tahoma,Arial,sans-serif}
.c3{font-size:14px}
.c4{color:#dc3545;font:700 14px/1.4 'Inter','Segoe UI',Tahoma,Arial,sans-serif}
.c5{font-size:14px}
.c6{color:#212529;font:700 14px/1.4 'Inter','Segoe UI',Tahoma,Arial,sans-serif}
.c7{font-size:14px}
.rep{width:100%}

/* ---- Search input (page-level) ---- */
.search-input{
    padding:10px 16px;border:1.5px solid #d4dbd7;border-radius:10px;
    font:400 14px/1.4 'Inter','Segoe UI',Tahoma,Arial,sans-serif;transition:.25s;
}
.search-input:focus{outline:none;border-color:#52b788;box-shadow:0 0 0 3px rgba(82,183,136,.15)}

/* ---- Site footer ---- */
.site-footer{
    background:linear-gradient(135deg,#1b4332 0%,#2d6a4f 100%);
    color:rgba(255,255,255,.85);
    padding:32px 24px;text-align:center;
    font:400 13px/1.6 'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    margin-top:40px;
}
.site-footer a{color:#95d5b2}
.site-footer a:hover{color:#fff}

/* ============================================
   ADMIN PAGE WRAPPER — consistent spacing
   ============================================ */
.body_column{
    font-family:'Inter','Segoe UI',Tahoma,Arial,sans-serif;
    padding:0 16px;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media(max-width:768px){
    .tbl{width:100%}
    .tbl2{width:100%}
    .Grid{width:100%}
    .Grid th,.Grid td{padding:9px 10px;font-size:12px}
    .Grid2 th,.Grid2 td{padding:9px 10px;font-size:12px}
    .tbl td,.tbl th{padding:10px 12px}
    .tbl2 td{padding:8px 10px}
    .PageTitle{font-size:18px}
}