/* EDALAT_FANUM_FONT_START */
@import url('/assets/flaticon/animate.min.css');

@font-face{
    font-family:'IRANSansFaNum';
    src:url('/assets/fonts/IRANSansMobile(FaNum)_UltraLight.ttf') format('truetype');
    font-weight:200;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'IRANSansFaNum';
    src:url('/assets/fonts/IRANSansMobile(FaNum)_Light.ttf') format('truetype');
    font-weight:300;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'IRANSansFaNum';
    src:url('/assets/fonts/IRANSansMobile(FaNum).ttf') format('truetype');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'IRANSansFaNum';
    src:url('/assets/fonts/IRANSansMobile(FaNum)_Medium.ttf') format('truetype');
    font-weight:500;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'IRANSansFaNum';
    src:url('/assets/fonts/IRANSansMobile(FaNum)_Bold.ttf') format('truetype');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'IRANSansFaNum';
    src:url('/assets/fonts/IRANSansMobile(FaNum)_Black.ttf') format('truetype');
    font-weight:900;
    font-style:normal;
    font-display:swap;
}
/* EDALAT_FANUM_FONT_END */

@font-face{font-family:IRANSans;src:url('/assets/fonts/IRANSansWeb.woff2') format('woff2');font-weight:400}
*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#1f2937;font-family:IRANSans,Tahoma,Arial,sans-serif;line-height:1.9}a{text-decoration:none;color:#0f5ea8}
.top{background:linear-gradient(135deg,#0b4d89,#0f75bc);color:white;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;position:sticky;top:0;z-index:10;box-shadow:0 8px 25px #0002}
.brand{display:flex;gap:12px;align-items:center}.brand img{width:54px;height:54px;object-fit:contain}.brand span{display:block;font-size:13px;opacity:.9}.top nav a{color:white;margin:0 8px}
.container{max-width:1440px;margin:28px auto;padding:0 16px}.card{background:white;border:1px solid #e5e7eb;border-radius:22px;padding:24px;margin-bottom:18px;box-shadow:0 12px 35px #1f293714}.hero{text-align:center}.rules{background:#f8fafc;border:1px dashed #b6c3d1;border-radius:16px;padding:18px;text-align:right;margin:18px 0}
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:18px}.step{background:#e5e7eb;color:#6b7280;border-radius:14px;padding:10px;text-align:center;font-size:13px}.step span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:white;margin-left:6px}.step.on{background:#0f75bc;color:white}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{display:block;margin:10px 0;font-weight:700}input,select,textarea{width:100%;border:1px solid #d1d5db;border-radius:14px;padding:12px 14px;font:inherit;background:#fff}textarea{min-height:140px}.btn,button{display:inline-block;border:0;border-radius:14px;padding:11px 18px;background:#e5e7eb;color:#1f2937;cursor:pointer;font:inherit;font-weight:800}.btn.primary,button.primary,.primary{background:#0f75bc;color:white}.hint{font-size:13px;color:#6b7280}.success{border-color:#86efac}.error{border-color:#fecaca}
table{width:100%;border-collapse:collapse;margin-top:14px;background:white}th,td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:right;vertical-align:top}th{background:#f8fafc}.adminnav{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.adminnav a{background:#f1f5f9;border-radius:12px;padding:10px 14px}.stat{background:#f8fafc;border-radius:16px;padding:18px}.stat b{display:block;font-size:28px;color:#0f75bc}.login{max-width:430px;margin:40px auto}
.print{background:white}.a4{width:210mm;min-height:297mm;margin:auto;background:white;padding:18mm;color:#111}
@media(max-width:760px){.top{align-items:flex-start;gap:10px;flex-direction:column}.steps{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.card{padding:18px;border-radius:18px}.brand img{width:44px;height:44px}table{font-size:12px;display:block;overflow-x:auto;white-space:nowrap}}
@media print{.top,.btn,button{display:none!important}.container{max-width:none;margin:0;padding:0}.card{box-shadow:none;border:0}.a4{width:auto;min-height:auto;padding:0}}

/* University footer */
.site-footer{
    margin-top:56px;
    color:#e5e7eb;
    background:linear-gradient(180deg,#0757b7 0%,#0b4d97 100%);
}
.footer-main{
    max-width:1280px;
    margin:0 auto;
    padding:28px 24px 34px;
    display:grid;
    grid-template-columns:2fr 1fr 1.35fr;
    gap:34px;
}
.footer-title{
    display:block;
    color:#fff;
    font-weight:800;
    margin-bottom:16px;
}
.footer-col h4{
    color:#e5e7eb;
    font-size:14px;
    margin:0 0 8px;
    font-weight:600;
}
.footer-col p{
    color:#d1d5db;
    font-size:14px;
    line-height:2;
    margin:0;
    max-width:680px;
}
.footer-col ul{
    list-style:none;
    padding:0;
    margin:0;
}
.footer-col li{
    color:#d1d5db;
    font-size:14px;
    margin:0 0 12px;
}
.footer-col a{
    color:#d1d5db;
    transition:.15s ease;
}
.footer-col a:hover{
    color:#fff;
}
.footer-social{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:18px;
}
.footer-social a{
    width:28px;
    height:28px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#0b5fb5;
    transition:.15s ease;
}
.footer-social a:hover{
    transform:scale(1.08);
}
.footer-social svg{
    width:17px;
    height:17px;
}
.footer-contact li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}
.footer-contact span{
    color:#e5e7eb;
    white-space:nowrap;
}
.footer-bottom{
    background:#062d63;
}
.footer-bottom-inner{
    max-width:1280px;
    margin:0 auto;
    padding:16px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.footer-bottom p{
    margin:0;
    color:#d1d5db;
    font-size:14px;
    font-weight:300;
}
.footer-bottom span,
.footer-bottom a{
    color:#d1d5db;
    font-size:14px;
    font-weight:600;
}
.footer-bottom a{
    margin-right:5px;
}
.footer-bottom a:hover{
    color:#fff;
}

@media(max-width:900px){
    .footer-main{
        grid-template-columns:1fr 1fr;
    }
    .footer-address{
        grid-column:1 / -1;
    }
}
@media(max-width:640px){
    .site-footer{
        margin-top:36px;
    }
    .footer-main{
        grid-template-columns:1fr;
        padding:24px 18px 28px;
        gap:24px;
    }
    .footer-contact li{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }
    .footer-bottom-inner{
        padding:16px 18px 70px;
        flex-direction:column;
        text-align:center;
    }
}
@media print{
    .site-footer{
        display:none!important;
    }
}

/* A4 print style */
.print-only{
    display:none;
}

.print-a4-header{
    display:none;
}

@media print{
    @page{
        size:A4 portrait;
        margin:12mm 10mm 14mm 10mm;
    }

    html,
    body{
        width:210mm;
        min-height:297mm;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
        color:#000!important;
        font-size:11pt!important;
        line-height:1.8!important;
        -webkit-print-color-adjust:exact;
        print-color-adjust:exact;
    }

    body *{
        color:#000!important;
        box-shadow:none!important;
        text-shadow:none!important;
    }

    header,
    footer,
    .site-footer,
    .topbar,
    .navbar,
    .nav,
    .menu,
    .admin-nav,
    .no-print,
    .btn,
    button,
    input[type="submit"],
    input[type="button"],
    a[href^="/panel"],
    a[href^="javascript"]{
        display:none!important;
    }

    main{
        width:190mm!important;
        max-width:190mm!important;
        margin:0 auto!important;
        padding:0!important;
        background:#fff!important;
    }

    main:before{
        content:"";
        display:block;
        width:100%;
        height:28mm;
        margin:0 0 8mm 0;
        background-image:url('/assets/img/edalat-logo-fa.png'), url('https://edalat.ac.ir/images/edalat-logo-fa.png');
        background-repeat:no-repeat;
        background-position:center top;
        background-size:auto 24mm;
        filter:grayscale(1) contrast(1.4) brightness(0);
    }

    main:after{
        content:"سامانه ثبت نام دوره های کوتاه مدت دانشگاه عدالت";
        display:block;
        margin-top:8mm;
        padding-top:4mm;
        border-top:1px solid #000;
        text-align:center;
        font-size:9pt;
        color:#000!important;
    }

    .card,
    .box,
    .panel,
    .table-wrap,
    section,
    article{
        border:1px solid #000!important;
        border-radius:0!important;
        background:#fff!important;
        padding:5mm!important;
        margin:0 0 5mm 0!important;
        page-break-inside:avoid;
        break-inside:avoid;
    }

    h1,
    h2,
    h3{
        color:#000!important;
        margin-top:0!important;
        page-break-after:avoid;
        break-after:avoid;
    }

    table{
        width:100%!important;
        border-collapse:collapse!important;
        page-break-inside:auto;
    }

    tr{
        page-break-inside:avoid;
        break-inside:avoid;
    }

    th,
    td{
        border:1px solid #000!important;
        padding:6px 8px!important;
        color:#000!important;
        background:#fff!important;
        vertical-align:top!important;
    }

    th{
        font-weight:700!important;
    }

    img{
        max-width:100%!important;
    }

    a{
        text-decoration:none!important;
        color:#000!important;
    }

    .print-title{
        text-align:center;
        font-size:15pt!important;
        font-weight:800!important;
        margin:0 0 6mm!important;
        padding-bottom:3mm;
        border-bottom:2px solid #000;
    }

    .print-meta{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:3mm;
        margin-bottom:5mm;
        font-size:10pt;
    }

    .print-page-break{
        page-break-before:always;
        break-before:page;
    }
}


/* UI_POLISH_V2_START */
:root{
    --edalat-blue:#0757b7;
    --edalat-blue-2:#0b83d8;
    --edalat-dark:#0f172a;
    --edalat-muted:#64748b;
    --edalat-line:#dbe5f2;
    --edalat-soft:#f3f7fc;
    --edalat-card:#ffffff;
    --edalat-shadow:0 22px 60px rgba(15,23,42,.10);
    --edalat-radius:22px;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'IRANSansFaNum',Tahoma,Arial,sans-serif!important;
    color:var(--edalat-dark);
    background:
        radial-gradient(circle at 12% 10%,rgba(11,131,216,.10),transparent 28%),
        radial-gradient(circle at 88% 18%,rgba(7,87,183,.09),transparent 24%),
        linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)!important;
    font-feature-settings:"ss01";
}

body,
input,
select,
textarea,
button{
    font-family:'IRANSansFaNum',Tahoma,Arial,sans-serif!important;
}

a{
    text-decoration:none!important;
}

header,
.topbar,
.site-header{
    background:linear-gradient(135deg,#063f91 0%,#0879c9 100%)!important;
    box-shadow:0 16px 40px rgba(7,87,183,.18)!important;
}

header img,
.topbar img,
.site-header img{
    transition:transform .25s ease,filter .25s ease;
}

header a:hover img,
.topbar a:hover img,
.site-header a:hover img,
.brand-logo-link:hover img{
    transform:translateY(-1px) scale(1.04);
    filter:drop-shadow(0 8px 18px rgba(255,255,255,.24));
}

.brand-logo-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#fff!important;
    cursor:pointer;
}

main{
    animation:fadeInPage .45s ease both;
}

@keyframes fadeInPage{
    from{opacity:0;transform:translateY(10px)}
    to{opacity:1;transform:translateY(0)}
}

.container,
.wrap,
.page,
.main-wrap,
main > section,
main > .card{
    max-width:1440px;
}

.card,
.box,
.panel,
.form-card,
.auth-card,
main > .card,
main section{
    border:1px solid rgba(219,229,242,.95)!important;
    border-radius:var(--edalat-radius)!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:var(--edalat-shadow)!important;
    backdrop-filter:blur(10px);
}

.card:hover,
.box:hover,
.panel:hover,
.form-card:hover,
.auth-card:hover,
main > .card:hover{
    box-shadow:0 28px 70px rgba(15,23,42,.13)!important;
}

h1,
h2,
h3{
    letter-spacing:-.35px;
    color:#101828!important;
}

h1{
    font-weight:900!important;
}

p,
label,
li,
td,
th{
    font-weight:400;
}

label{
    color:#334155!important;
    font-weight:700!important;
    margin-bottom:8px!important;
}

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="file"],
select,
textarea{
    width:100%;
    min-height:48px;
    border:1px solid #d8e3f0!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#0f172a!important;
    padding:12px 14px!important;
    outline:none!important;
    box-shadow:0 8px 22px rgba(15,23,42,.04)!important;
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;
}

textarea{
    min-height:120px;
    resize:vertical;
}

input[type="file"]{
    padding:10px!important;
    background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
}

input:focus,
select:focus,
textarea:focus{
    border-color:var(--edalat-blue-2)!important;
    box-shadow:0 0 0 4px rgba(11,131,216,.14),0 12px 28px rgba(15,23,42,.07)!important;
    transform:translateY(-1px);
}

input::placeholder,
textarea::placeholder{
    color:#94a3b8!important;
}

button,
.btn,
.button,
input[type="submit"],
a.btn{
    border:0!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,var(--edalat-blue) 0%,var(--edalat-blue-2) 100%)!important;
    color:#fff!important;
    font-weight:800!important;
    padding:12px 22px!important;
    min-height:46px;
    box-shadow:0 12px 28px rgba(7,87,183,.22)!important;
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
    cursor:pointer;
}

button:hover,
.btn:hover,
.button:hover,
input[type="submit"]:hover,
a.btn:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 36px rgba(7,87,183,.30)!important;
    filter:saturate(1.08);
}

button:active,
.btn:active,
.button:active,
input[type="submit"]:active{
    transform:translateY(0);
}

.steps,
.stepper,
.wizard-steps,
.progress-steps{
    display:flex;
    justify-content:center;
    gap:10px;
    margin:24px auto 18px!important;
}

.steps > *,
.stepper > *,
.wizard-steps > *,
.progress-steps > *{
    border-radius:16px!important;
    border:1px solid rgba(219,229,242,.95)!important;
    background:#eef3f8!important;
    color:#64748b!important;
    min-height:44px;
    box-shadow:0 10px 26px rgba(15,23,42,.05)!important;
    transition:all .22s ease;
}

.steps .active,
.stepper .active,
.wizard-steps .active,
.progress-steps .active,
.steps > .current,
.stepper > .current{
    background:linear-gradient(135deg,var(--edalat-blue),var(--edalat-blue-2))!important;
    color:#fff!important;
    border-color:transparent!important;
    transform:translateY(-1px);
}

table{
    overflow:hidden;
    border-radius:16px;
}

th{
    background:#f1f7ff!important;
    color:#0f172a!important;
    font-weight:900!important;
}

td,
th{
    border-color:#e3ebf5!important;
}

.notice,
.alert,
.message,
.rules-box{
    border-radius:17px!important;
    border:1px dashed #b6cbe3!important;
    background:linear-gradient(180deg,#fbfdff,#f5f9ff)!important;
}

.footer-main,
.footer-bottom-inner{
    font-family:'IRANSansFaNum',Tahoma,Arial,sans-serif!important;
}

@media (max-width:768px){
    body{
        background:#f5f8fc!important;
    }

    .steps,
    .stepper,
    .wizard-steps,
    .progress-steps{
        overflow-x:auto;
        justify-content:flex-start;
        padding:0 12px 8px;
    }

    .steps > *,
    .stepper > *,
    .wizard-steps > *,
    .progress-steps > *{
        min-width:max-content;
    }

    .card,
    .box,
    .panel,
    .form-card,
    .auth-card,
    main > .card,
    main section{
        border-radius:18px!important;
    }

    input[type="text"],
    input[type="tel"],
    input[type="number"],
    input[type="email"],
    input[type="password"],
    select,
    textarea{
        min-height:50px;
        font-size:15px!important;
    }
}

@media print{
    body,
    input,
    select,
    textarea,
    button{
        font-family:'IRANSansFaNum',Tahoma,Arial,sans-serif!important;
    }
}
/* UI_POLISH_V2_END */

/* OTP_UI_FIX_START */
main{
    min-height:calc(100vh - 360px);
    padding-bottom:56px!important;
}

body.page-otp main{
    display:flex;
    flex-direction:column;
    align-items:center;
}

body.page-otp main > .card,
body.page-otp main > .box,
body.page-otp main > section,
body.page-otp main form{
    width:100%;
}

body.page-otp main .card,
body.page-otp main .box,
body.page-otp main section{
    max-width:860px!important;
    padding:42px 42px 34px!important;
}

body.page-otp h1,
body.page-otp h2,
body.page-otp h3{
    text-align:right!important;
    margin-bottom:24px!important;
    font-size:26px!important;
    font-weight:900!important;
}

body.page-otp form{
    position:relative;
}

body.page-otp input[type="text"],
body.page-otp input[type="tel"],
body.page-otp input[type="number"],
body.page-otp input[name*="otp"],
body.page-otp input[name*="code"]{
    height:58px!important;
    min-height:58px!important;
    border:1px solid #c9d9ec!important;
    border-radius:16px!important;
    background:#fff!important;
    color:#0f172a!important;
    font-size:22px!important;
    font-weight:800!important;
    letter-spacing:8px!important;
    text-align:center!important;
    direction:ltr!important;
    padding:10px 18px!important;
    box-shadow:0 12px 30px rgba(15,23,42,.06)!important;
    caret-color:#0757b7;
}

body.page-otp input[type="text"]:focus,
body.page-otp input[type="tel"]:focus,
body.page-otp input[type="number"]:focus,
body.page-otp input[name*="otp"]:focus,
body.page-otp input[name*="code"]:focus{
    border-color:#0879c9!important;
    box-shadow:0 0 0 5px rgba(8,121,201,.14),0 16px 36px rgba(15,23,42,.09)!important;
    outline:none!important;
}

body.page-otp form button,
body.page-otp form .btn,
body.page-otp form input[type="submit"]{
    min-width:150px!important;
    height:54px!important;
    padding:0 26px!important;
    margin-top:14px!important;
    border-radius:16px!important;
}

body.page-otp form p,
body.page-otp .help,
body.page-otp .hint,
body.page-otp small{
    color:#64748b!important;
    font-size:13px!important;
    line-height:2!important;
    margin-top:16px!important;
}

body.page-otp .site-footer,
body.page-otp footer{
    margin-top:8px!important;
}

body.page-otp .steps,
body.page-otp .stepper,
body.page-otp .wizard-steps,
body.page-otp .progress-steps{
    margin-top:28px!important;
    margin-bottom:22px!important;
}

body.page-otp .steps > *,
body.page-otp .stepper > *,
body.page-otp .wizard-steps > *,
body.page-otp .progress-steps > *{
    background:#f2f7fc!important;
    border:1px solid #dbe8f6!important;
    color:#607089!important;
}

body.page-otp .steps > *:nth-child(2),
body.page-otp .stepper > *:nth-child(2),
body.page-otp .wizard-steps > *:nth-child(2),
body.page-otp .progress-steps > *:nth-child(2){
    background:linear-gradient(135deg,#0757b7,#0879c9)!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:0 14px 28px rgba(7,87,183,.20)!important;
}

@media (min-width:700px){
    body.page-otp form{
        display:grid;
        grid-template-columns:1fr auto;
        gap:12px;
        align-items:start;
    }

    body.page-otp form label,
    body.page-otp form h1,
    body.page-otp form h2,
    body.page-otp form h3,
    body.page-otp form p,
    body.page-otp form small,
    body.page-otp form .help,
    body.page-otp form .hint{
        grid-column:1 / -1;
    }

    body.page-otp form button,
    body.page-otp form .btn,
    body.page-otp form input[type="submit"]{
        margin-top:0!important;
    }
}

@media (max-width:699px){
    body.page-otp main .card,
    body.page-otp main .box,
    body.page-otp main section{
        padding:28px 18px!important;
    }

    body.page-otp h1,
    body.page-otp h2,
    body.page-otp h3{
        font-size:22px!important;
    }

    body.page-otp input[type="text"],
    body.page-otp input[type="tel"],
    body.page-otp input[type="number"],
    body.page-otp input[name*="otp"],
    body.page-otp input[name*="code"]{
        font-size:20px!important;
        letter-spacing:6px!important;
    }

    body.page-otp form button,
    body.page-otp form .btn,
    body.page-otp form input[type="submit"]{
        width:100%!important;
    }
}
/* OTP_UI_FIX_END */

/* OTP_UI_FIX_START */
main{
    min-height:calc(100vh - 360px);
    padding-bottom:56px!important;
}

body.page-otp main{
    display:flex;
    flex-direction:column;
    align-items:center;
}

body.page-otp main > .card,
body.page-otp main > .box,
body.page-otp main > section,
body.page-otp main form{
    width:100%;
}

body.page-otp main .card,
body.page-otp main .box,
body.page-otp main section{
    max-width:860px!important;
    padding:42px 42px 34px!important;
}

body.page-otp h1,
body.page-otp h2,
body.page-otp h3{
    text-align:right!important;
    margin-bottom:24px!important;
    font-size:26px!important;
    font-weight:900!important;
}

body.page-otp form{
    position:relative;
}

body.page-otp input[type="text"],
body.page-otp input[type="tel"],
body.page-otp input[type="number"],
body.page-otp input[name*="otp"],
body.page-otp input[name*="code"]{
    height:58px!important;
    min-height:58px!important;
    border:1px solid #c9d9ec!important;
    border-radius:16px!important;
    background:#fff!important;
    color:#0f172a!important;
    font-size:22px!important;
    font-weight:800!important;
    letter-spacing:8px!important;
    text-align:center!important;
    direction:ltr!important;
    padding:10px 18px!important;
    box-shadow:0 12px 30px rgba(15,23,42,.06)!important;
    caret-color:#0757b7;
}

body.page-otp input[type="text"]:focus,
body.page-otp input[type="tel"]:focus,
body.page-otp input[type="number"]:focus,
body.page-otp input[name*="otp"]:focus,
body.page-otp input[name*="code"]:focus{
    border-color:#0879c9!important;
    box-shadow:0 0 0 5px rgba(8,121,201,.14),0 16px 36px rgba(15,23,42,.09)!important;
    outline:none!important;
}

body.page-otp form button,
body.page-otp form .btn,
body.page-otp form input[type="submit"]{
    min-width:150px!important;
    height:54px!important;
    padding:0 26px!important;
    margin-top:14px!important;
    border-radius:16px!important;
}

body.page-otp form p,
body.page-otp .help,
body.page-otp .hint,
body.page-otp small{
    color:#64748b!important;
    font-size:13px!important;
    line-height:2!important;
    margin-top:16px!important;
}

body.page-otp .site-footer,
body.page-otp footer{
    margin-top:8px!important;
}

body.page-otp .steps,
body.page-otp .stepper,
body.page-otp .wizard-steps,
body.page-otp .progress-steps{
    margin-top:28px!important;
    margin-bottom:22px!important;
}

body.page-otp .steps > *,
body.page-otp .stepper > *,
body.page-otp .wizard-steps > *,
body.page-otp .progress-steps > *{
    background:#f2f7fc!important;
    border:1px solid #dbe8f6!important;
    color:#607089!important;
}

body.page-otp .steps > *:nth-child(2),
body.page-otp .stepper > *:nth-child(2),
body.page-otp .wizard-steps > *:nth-child(2),
body.page-otp .progress-steps > *:nth-child(2){
    background:linear-gradient(135deg,#0757b7,#0879c9)!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:0 14px 28px rgba(7,87,183,.20)!important;
}

@media (min-width:700px){
    body.page-otp form{
        display:grid;
        grid-template-columns:1fr auto;
        gap:12px;
        align-items:start;
    }

    body.page-otp form label,
    body.page-otp form h1,
    body.page-otp form h2,
    body.page-otp form h3,
    body.page-otp form p,
    body.page-otp form small,
    body.page-otp form .help,
    body.page-otp form .hint{
        grid-column:1 / -1;
    }

    body.page-otp form button,
    body.page-otp form .btn,
    body.page-otp form input[type="submit"]{
        margin-top:0!important;
    }
}

@media (max-width:699px){
    body.page-otp main .card,
    body.page-otp main .box,
    body.page-otp main section{
        padding:28px 18px!important;
    }

    body.page-otp h1,
    body.page-otp h2,
    body.page-otp h3{
        font-size:22px!important;
    }

    body.page-otp input[type="text"],
    body.page-otp input[type="tel"],
    body.page-otp input[type="number"],
    body.page-otp input[name*="otp"],
    body.page-otp input[name*="code"]{
        font-size:20px!important;
        letter-spacing:6px!important;
    }

    body.page-otp form button,
    body.page-otp form .btn,
    body.page-otp form input[type="submit"]{
        width:100%!important;
    }
}
/* OTP_UI_FIX_END */

/* COURSE_ATTACHMENTS_UI_START */
.ux-file-description{
    display:block;
    margin-top:5px;
    color:#64748b;
    font-size:11px;
    font-weight:700;
    line-height:1.9;
}
.ux-upload-card a{
    color:#0757b7;
    font-weight:900;
    text-decoration:none;
}
/* COURSE_ATTACHMENTS_UI_END */

/* COURSE_PAYMENT_FLOW_UI_START */
.course-payment-box{
    margin-top:22px;
    padding:18px;
    border:1px solid #dbe7f5;
    border-radius:18px;
    background:#f8fbff;
}

.course-payment-box h3{
    margin:0 0 7px;
    color:#0f172a;
    font-size:17px;
    font-weight:900;
}

.payment-guide{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px 12px;
    padding:15px;
    margin:0 0 16px;
    border:1px solid #dbe7f5;
    border-radius:17px;
    background:#f8fbff;
    color:#475569;
    font-size:13px;
    font-weight:700;
    line-height:1.9;
}

.payment-guide-number{
    width:27px;
    height:27px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#0757b7;
    color:#fff;
    font-size:12px;
    font-weight:900;
}

.payment-amount-box{
    margin:0 0 16px;
    padding:16px;
    border:1px solid #bfdbfe;
    border-radius:17px;
    background:#eff6ff;
    color:#1e3a5f;
    font-size:14px;
    font-weight:800;
}

.payment-amount-box b{
    color:#0757b7;
    font-size:17px;
}

.payment-account-box{
    margin:0 0 18px;
    padding:18px;
    border:1px solid #dbe7f5;
    border-radius:18px;
    background:#fff;
}

.payment-account-box h3{
    margin:0 0 14px;
    color:#0f172a;
    font-size:17px;
    font-weight:900;
}

.payment-account-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.payment-account-item{
    padding:13px;
    border:1px solid #e3edf8;
    border-radius:14px;
    background:#fbfdff;
}

.payment-account-item span{
    display:block;
    margin-bottom:5px;
    color:#64748b;
    font-size:11px;
    font-weight:800;
}

.payment-account-item b{
    display:block;
    color:#0f172a;
    font-size:14px;
    font-weight:900;
    word-break:break-word;
}

.payment-account-wide{
    grid-column:1 / -1;
}

.payment-account-note{
    margin-top:13px;
    padding:12px 13px;
    border-radius:13px;
    background:#f8fafc;
    color:#475569;
    font-size:12px;
    font-weight:700;
    line-height:2;
}

.payment-not-configured{
    display:flex;
    flex-direction:column;
    gap:7px;
    padding:18px;
    border:1px solid #fed7aa;
    border-radius:18px;
    background:#fff7ed;
    color:#9a3412;
    line-height:2;
}

.payment-not-configured b{
    font-size:15px;
}

.payment-ref-field input{
    border-color:#93c5fd!important;
    box-shadow:0 0 0 4px rgba(37,99,235,.08);
}

@media(max-width:640px){
    .payment-account-grid{
        grid-template-columns:1fr;
    }

    .payment-account-wide{
        grid-column:auto;
    }
}
/* COURSE_PAYMENT_FLOW_UI_END */


/* CUSTOMER_BUGFIX_ATTACHMENT_VIEW_START */
.attachment-view-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:12px;
}

.attachment-view-card{
    border:1px solid #dbe7f5;
    border-radius:18px;
    padding:14px;
    background:#fff;
}

.attachment-view-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}

.attachment-view-head b{
    color:#0f172a;
    font-size:14px;
    font-weight:900;
}

.attachment-view-card p{
    margin:0 0 10px;
    color:#64748b;
    font-size:12px;
    font-weight:700;
    line-height:1.9;
}

.attachment-view-card img{
    width:100%;
    max-height:460px;
    object-fit:contain;
    border-radius:14px;
    background:#f8fafc;
    border:1px solid #edf2f7;
}

.attachment-file-placeholder{
    padding:20px;
    border-radius:14px;
    background:#f8fafc;
    color:#475569;
    font-weight:800;
}

.header-logo-link{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
}

@media(max-width:760px){
    .attachment-view-grid{
        grid-template-columns:1fr;
    }
}
/* CUSTOMER_BUGFIX_ATTACHMENT_VIEW_END */

/* ADMIN_MODAL_SYSTEM_START */
.admin-list-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.admin-list-head h2{
    margin:0 0 6px;
}

.admin-row-actions{
    white-space:nowrap;
}

.btn.danger{
    background:#b91c1c!important;
    color:#fff!important;
}

.admin-toast-success{
    max-width:1440px;
    margin:0 auto 14px;
    padding:13px 16px;
    border:1px solid #bbf7d0;
    border-radius:14px;
    background:#f0fdf4;
    color:#166534;
    font-weight:900;
}

.admin-modal-open{
    overflow:hidden;
}

.admin-modal-backdrop{
    position:fixed;
    inset:0;
    z-index:9999;
    display:none;
    align-items:flex-start;
    justify-content:center;
    padding:28px 14px;
    background:rgba(15,23,42,.58);
    overflow:auto;
}

.admin-modal-backdrop.is-open{
    display:flex;
}

.admin-modal{
    width:min(1180px,100%);
    background:#fff;
    border-radius:24px;
    border:1px solid #dbe7f5;
    box-shadow:0 30px 90px rgba(15,23,42,.30);
    overflow:hidden;
}

.admin-modal-head{
    position:sticky;
    top:0;
    z-index:2;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding:18px 20px;
    border-bottom:1px solid #e5edf6;
    background:#fff;
}

.admin-modal-head h2{
    margin:0 0 6px;
    font-size:20px;
}

.admin-modal-close{
    width:38px;
    height:38px;
    border:0;
    border-radius:13px;
    background:#f1f5f9;
    color:#0f172a;
    font-size:28px;
    line-height:1;
    cursor:pointer;
}

.admin-modal-form{
    padding:20px;
    max-height:calc(100vh - 135px);
    overflow:auto;
}

.admin-modal-actions{
    position:sticky;
    bottom:0;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin:22px -20px -20px;
    padding:14px 20px;
    border-top:1px solid #e5edf6;
    background:#fff;
}

.course-attachments-box{
    margin-top:22px;
    padding:18px;
    border:1px solid #dbe7f5;
    border-radius:18px;
    background:#f8fbff;
}

.course-attachments-box h3{
    margin:0 0 7px;
    font-size:16px;
}

.course-attachment-row{
    display:grid;
    grid-template-columns:2fr 100px 140px auto;
    gap:10px;
    align-items:start;
    padding:14px;
    margin-top:12px;
    border:1px solid #dbe7f5;
    border-radius:14px;
    background:#fff;
}

.course-attachment-row label{
    display:block;
    font-size:12px;
    font-weight:800;
}

.course-attachment-row input,
.course-attachment-row textarea,
.course-attachment-row select{
    width:100%;
    margin-top:6px;
}

.course-attachment-description{
    grid-column:1 / 4;
}

.course-attachment-remove{
    margin-top:26px;
    background:#b91c1c!important;
    color:#fff!important;
    border:0;
    border-radius:10px;
    padding:10px 12px;
    cursor:pointer;
}

@media(max-width:760px){
    .admin-list-head{
        flex-direction:column;
    }

    .admin-modal-backdrop{
        padding:10px;
    }

    .admin-modal{
        border-radius:18px;
    }

    .admin-modal-form{
        padding:14px;
    }

    .course-attachment-row{
        grid-template-columns:1fr;
    }

    .course-attachment-description{
        grid-column:auto;
    }

    .course-attachment-remove{
        margin-top:0;
    }
}
/* ADMIN_MODAL_SYSTEM_END */

/* ADMIN_MODAL_UI_FIX_START */
.admin-modal-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:99999!important;
    display:none;
    align-items:center!important;
    justify-content:center!important;
    padding:22px!important;
    background:
        radial-gradient(circle at top right, rgba(7,87,183,.20), transparent 34%),
        rgba(15,23,42,.62)!important;
    backdrop-filter:blur(7px);
    overflow:hidden!important;
}

.admin-modal-backdrop.is-open{
    display:flex!important;
}

.admin-modal{
    width:min(1420px, calc(100vw - 44px))!important;
    height:min(860px, calc(100vh - 44px))!important;
    max-height:calc(100vh - 44px)!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:28px!important;
    border:1px solid rgba(219,231,245,.95)!important;
    background:#fff!important;
    box-shadow:0 38px 110px rgba(15,23,42,.34)!important;
    overflow:hidden!important;
}

.admin-modal-head{
    flex:0 0 auto!important;
    position:relative!important;
    top:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:22px 26px!important;
    border-bottom:1px solid #e6eef8!important;
    background:
        linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
}

.admin-modal-head h2{
    margin:0 0 7px!important;
    color:#0f172a!important;
    font-size:24px!important;
    line-height:1.5!important;
    font-weight:950!important;
}

.admin-modal-head .hint{
    margin:0!important;
    color:#64748b!important;
    font-size:13px!important;
    font-weight:700!important;
}

.admin-modal-close{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border:1px solid #fee2e2!important;
    border-radius:16px!important;
    background:#fff1f2!important;
    color:transparent!important;
    font-size:0!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:none!important;
}

.admin-modal-close::before{
    content:"×"!important;
    display:block!important;
    color:#be123c!important;
    font-family:Arial, sans-serif!important;
    font-size:34px!important;
    font-weight:400!important;
    line-height:1!important;
    transform:translateY(-1px);
}

.admin-modal-close .ts-ico,
.admin-modal-close i,
.admin-modal-close svg,
.admin-modal-close img,
.admin-modal-close span{
    display:none!important;
}

.admin-modal-form{
    flex:1 1 auto!important;
    max-height:none!important;
    overflow:auto!important;
    padding:24px 26px 0!important;
    background:#f6f9fd!important;
}

.admin-modal-form > .grid,
.admin-modal-form .course-payment-box,
.admin-modal-form .course-attachments-box{
    background:#fff!important;
    border:1px solid #e1ebf7!important;
    border-radius:22px!important;
    padding:20px!important;
    box-shadow:0 14px 36px rgba(15,23,42,.06)!important;
}

.admin-modal-form > .grid{
    margin-bottom:18px!important;
}

.admin-modal-form .grid{
    gap:16px!important;
}

.admin-modal-form label{
    color:#1e293b!important;
    font-size:13px!important;
    font-weight:900!important;
}

.admin-modal-form input,
.admin-modal-form textarea,
.admin-modal-form select{
    min-height:48px!important;
    border:1px solid #cbd8e8!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:inset 0 1px 0 rgba(15,23,42,.03)!important;
}

.admin-modal-form textarea{
    min-height:96px!important;
}

.course-payment-box,
.course-attachments-box{
    margin-top:18px!important;
}

.course-payment-box h3,
.course-attachments-box h3{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 8px!important;
    color:#0f172a!important;
    font-size:18px!important;
    font-weight:950!important;
}

.course-payment-box .hint,
.course-attachments-box .hint{
    margin:0 0 16px!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.9!important;
}

.course-attachment-row{
    grid-template-columns:2fr 110px 140px 120px!important;
    gap:12px!important;
    padding:16px!important;
    border:1px solid #dce8f5!important;
    border-radius:18px!important;
    background:#fbfdff!important;
}

.course-attachment-remove{
    width:100%!important;
    margin-top:24px!important;
    border-radius:12px!important;
    background:#fee2e2!important;
    color:#b91c1c!important;
    font-weight:900!important;
}

.course-attachment-remove .ts-ico,
.course-attachment-remove i,
.course-attachment-remove svg,
.course-attachment-remove img{
    display:none!important;
}

.admin-modal-actions{
    flex:0 0 auto!important;
    position:sticky!important;
    bottom:0!important;
    z-index:3!important;
    display:flex!important;
    justify-content:flex-start!important;
    gap:12px!important;
    margin:24px -26px 0!important;
    padding:16px 26px!important;
    border-top:1px solid #e6eef8!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(8px);
}

.admin-modal-actions .btn{
    min-height:44px!important;
    padding:10px 18px!important;
    border-radius:13px!important;
    font-weight:900!important;
}

.admin-list-first-card{
    overflow:hidden!important;
}

.admin-list-head{
    align-items:center!important;
    padding-bottom:14px!important;
    border-bottom:1px solid #edf2f7!important;
}

.admin-list-head h2{
    color:#0f172a!important;
    font-size:24px!important;
    font-weight:950!important;
}

.admin-list-head .hint{
    max-width:780px!important;
    color:#64748b!important;
}

.admin-list-head .btn{
    min-height:46px!important;
    border-radius:14px!important;
    padding:10px 18px!important;
    white-space:nowrap!important;
}

body.admin-modal-open{
    overflow:hidden!important;
}

@media(max-width:900px){
    .admin-modal-backdrop{
        padding:10px!important;
        align-items:stretch!important;
    }

    .admin-modal{
        width:100%!important;
        height:calc(100vh - 20px)!important;
        max-height:calc(100vh - 20px)!important;
        border-radius:20px!important;
    }

    .admin-modal-head{
        padding:16px!important;
    }

    .admin-modal-head h2{
        font-size:19px!important;
    }

    .admin-modal-form{
        padding:16px 16px 0!important;
    }

    .admin-modal-form > .grid,
    .admin-modal-form .course-payment-box,
    .admin-modal-form .course-attachments-box{
        padding:14px!important;
        border-radius:18px!important;
    }

    .course-attachment-row{
        grid-template-columns:1fr!important;
    }

    .course-attachment-description{
        grid-column:auto!important;
    }

    .course-attachment-remove{
        margin-top:0!important;
    }

    .admin-modal-actions{
        margin:18px -16px 0!important;
        padding:12px 16px!important;
    }
}
/* ADMIN_MODAL_UI_FIX_END */

/* OFFICIAL_REGISTRATION_A4_START */
section.card{
    min-height:220px;
}

.official-record-card{
    margin-top:18px!important;
    padding:0!important;
    overflow:hidden!important;
    background:#eef4fb!important;
    border:1px solid #dbe7f5!important;
}

.official-record-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:flex-start;
    padding:16px 18px;
    border-bottom:1px solid #dbe7f5;
    background:#fff;
}

.official-a4-sheet{
    width:min(100%, 210mm);
    min-height:297mm;
    margin:18px auto;
    padding:16mm;
    background:#fff;
    color:#111827;
    border:1px solid #d7e1ee;
    box-shadow:0 24px 70px rgba(15,23,42,.16);
    font-family:IRANSans, Tahoma, Arial, sans-serif;
}

.official-record-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding-bottom:12px;
    border-bottom:3px solid #0757b7;
}

.official-brand{
    display:flex;
    align-items:center;
    gap:14px;
}

.official-brand img{
    width:64px;
    height:64px;
    object-fit:contain;
}

.official-brand h1{
    margin:0 0 6px;
    color:#0f172a;
    font-size:22px;
    font-weight:950;
    line-height:1.5;
}

.official-brand p{
    margin:0;
    color:#475569;
    font-size:12px;
    font-weight:800;
}

.official-record-code{
    min-width:180px;
    padding:10px 12px;
    border:1px solid #cbd8e8;
    border-radius:14px;
    background:#f8fbff;
    text-align:center;
}

.official-record-code span,
.official-status-row span{
    display:block;
    margin-bottom:5px;
    color:#64748b;
    font-size:11px;
    font-weight:800;
}

.official-record-code b{
    color:#0757b7;
    font-size:15px;
    font-weight:950;
}

.official-status-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin:14px 0 16px;
}

.official-status-row div{
    padding:10px 12px;
    border:1px solid #dbe7f5;
    border-radius:13px;
    background:#f8fafc;
}

.official-status-row b{
    display:block;
    color:#0f172a;
    font-size:13px;
    font-weight:950;
}

.official-section-title{
    display:flex;
    align-items:center;
    gap:8px;
    margin:16px 0 8px;
}

.official-section-title h2{
    margin:0;
    color:#0f172a;
    font-size:15px;
    font-weight:950;
}

.official-icon{
    width:34px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#0757b7;
    color:#fff;
    font-size:10px;
    font-weight:950;
    letter-spacing:-.5px;
}

.official-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
    margin-bottom:8px;
    border:1px solid #cbd8e8;
}

.official-table th,
.official-table td{
    padding:9px 10px;
    border:1px solid #cbd8e8;
    color:#111827;
    font-size:12px;
    line-height:1.85;
    vertical-align:top;
    word-break:break-word;
}

.official-table th{
    width:18%;
    background:#f1f6fc;
    color:#1e3a5f;
    font-weight:950;
}

.official-table td{
    background:#fff;
    font-weight:700;
}

.official-attachment-table th{
    width:auto;
}

.official-attachment-table thead th{
    background:#eaf2fb;
}

.official-signature-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-top:18mm;
}

.official-signature-row div{
    height:32mm;
    border:1px dashed #94a3b8;
    border-radius:12px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-top:10px;
    color:#475569;
    font-size:12px;
    font-weight:900;
}

@media(max-width:900px){
    .official-a4-sheet{
        width:auto;
        min-height:auto;
        margin:12px;
        padding:14px;
    }

    .official-record-header,
    .official-brand{
        align-items:flex-start;
    }

    .official-record-header{
        flex-direction:column;
    }

    .official-status-row{
        grid-template-columns:1fr;
    }

    .official-table{
        table-layout:auto;
    }
}

@media print{
    @page{
        size:A4 portrait;
        margin:10mm;
    }

    html,
    body{
        background:#fff!important;
        height:auto!important;
    }

    body *{
        visibility:hidden!important;
    }

    .official-record-card,
    .official-record-card *{
        visibility:visible!important;
    }

    .official-record-card{
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        background:#fff!important;
        box-shadow:none!important;
    }

    .official-a4-sheet{
        width:190mm!important;
        min-height:auto!important;
        margin:0 auto!important;
        padding:0!important;
        border:0!important;
        box-shadow:none!important;
    }

    .no-print,
    .no-print *{
        display:none!important;
        visibility:hidden!important;
    }

    .official-brand img{
        width:54px!important;
        height:54px!important;
    }

    .official-brand h1{
        font-size:18px!important;
    }

    .official-table th,
    .official-table td{
        padding:6px 7px!important;
        font-size:10.5px!important;
        line-height:1.65!important;
    }

    .official-section-title{
        margin:10px 0 6px!important;
    }

    .official-signature-row{
        margin-top:12mm!important;
    }
}
/* OFFICIAL_REGISTRATION_A4_END */

/* ADMIN_REGISTRATION_CLEAN_FINAL_START */
.official-record-clean{
    min-height:0!important;
    padding:0!important;
    margin-top:18px!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #d9e2ee!important;
    box-shadow:0 18px 48px rgba(15,23,42,.10)!important;
}

.official-record-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:18px 22px!important;
    background:#fff!important;
    border-bottom:1px solid #d9e2ee!important;
}

.official-record-actions-title h2{
    margin:0 0 4px!important;
    color:#111827!important;
    font-size:21px!important;
    font-weight:950!important;
}

.official-record-actions-title span{
    color:#4b5563!important;
    font-size:12px!important;
    font-weight:800!important;
}

.official-record-actions-buttons{
    display:flex!important;
    gap:10px!important;
    flex-wrap:wrap!important;
}

.official-status-panel{
    padding:14px 22px!important;
    background:#fafafa!important;
    border-bottom:1px solid #d9e2ee!important;
}

.official-status-panel form{
    display:flex!important;
    align-items:end!important;
    gap:10px!important;
    flex-wrap:wrap!important;
}

.official-status-panel label{
    display:block!important;
    width:100%!important;
    margin:0 0 4px!important;
    color:#111827!important;
    font-size:12px!important;
    font-weight:900!important;
}

.official-status-panel select{
    max-width:260px!important;
    min-height:42px!important;
    border-radius:10px!important;
}

.official-a4-clean{
    width:min(100%, 210mm)!important;
    min-height:297mm!important;
    margin:18px auto 24px!important;
    padding:15mm!important;
    background:#fff!important;
    color:#000!important;
    border:1px solid #111!important;
    box-shadow:none!important;
    font-family:IRANSans, Tahoma, Arial, sans-serif!important;
}

.official-a4-clean,
.official-a4-clean *{
    color:#000!important;
}

.official-a4-clean .ts-ico,
.official-a4-clean .panel-icon,
.official-a4-clean .official-icon,
.official-a4-clean i,
.official-a4-clean svg{
    display:none!important;
}

.official-a4-clean .official-record-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    padding:0 0 10px!important;
    margin:0 0 12px!important;
    border-bottom:2px solid #000!important;
    background:#fff!important;
}

.official-a4-clean .official-brand{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
}

.official-a4-clean .official-brand img{
    width:58px!important;
    height:58px!important;
    object-fit:contain!important;
    filter:grayscale(1)!important;
}

.official-a4-clean .official-brand h1{
    margin:0 0 5px!important;
    font-size:19px!important;
    font-weight:950!important;
    line-height:1.5!important;
}

.official-a4-clean .official-brand p{
    margin:0!important;
    font-size:11px!important;
    font-weight:800!important;
}

.official-a4-clean .official-record-code{
    min-width:175px!important;
    padding:8px 10px!important;
    border:1px solid #000!important;
    border-radius:0!important;
    background:#fff!important;
    text-align:center!important;
}

.official-a4-clean .official-record-code span,
.official-a4-clean .official-status-row span{
    display:block!important;
    margin-bottom:4px!important;
    font-size:10.5px!important;
    font-weight:800!important;
}

.official-a4-clean .official-record-code b,
.official-a4-clean .official-status-row b{
    display:block!important;
    font-size:12px!important;
    font-weight:950!important;
}

.official-a4-clean .official-status-row{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:0!important;
    margin:0 0 12px!important;
    border:1px solid #000!important;
}

.official-a4-clean .official-status-row div{
    padding:7px 8px!important;
    border:0!important;
    border-left:1px solid #000!important;
    border-radius:0!important;
    background:#fff!important;
}

.official-a4-clean .official-status-row div:last-child{
    border-left:0!important;
}

.official-a4-clean .official-section-title{
    display:block!important;
    margin:12px 0 6px!important;
    padding:0 0 4px!important;
    border-bottom:1px solid #000!important;
}

.official-a4-clean .official-section-title h2{
    margin:0!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1.6!important;
}

.official-a4-clean .official-table{
    width:100%!important;
    border-collapse:collapse!important;
    table-layout:fixed!important;
    margin:0 0 8px!important;
    border:1px solid #000!important;
    background:#fff!important;
}

.official-a4-clean .official-table th,
.official-a4-clean .official-table td{
    padding:6px 7px!important;
    border:1px solid #000!important;
    background:#fff!important;
    color:#000!important;
    font-size:10.7px!important;
    line-height:1.75!important;
    font-weight:700!important;
    vertical-align:top!important;
    word-break:break-word!important;
}

.official-a4-clean .official-table th{
    width:20%!important;
    font-weight:950!important;
}

.official-a4-clean .official-attachment-table thead th{
    background:#fff!important;
}

.official-a4-clean .official-signature-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    margin-top:14mm!important;
}

.official-a4-clean .official-signature-row div{
    height:28mm!important;
    border:1px solid #000!important;
    border-radius:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding-top:8px!important;
    background:#fff!important;
    font-size:11px!important;
    font-weight:900!important;
}

@media(max-width:900px){
    .official-record-actions{
        align-items:flex-start!important;
        flex-direction:column!important;
    }

    .official-a4-clean{
        width:auto!important;
        min-height:auto!important;
        margin:12px!important;
        padding:14px!important;
    }

    .official-a4-clean .official-status-row{
        grid-template-columns:1fr!important;
    }

    .official-a4-clean .official-status-row div{
        border-left:0!important;
        border-bottom:1px solid #000!important;
    }

    .official-a4-clean .official-status-row div:last-child{
        border-bottom:0!important;
    }

    .official-a4-clean .official-record-header{
        align-items:flex-start!important;
        flex-direction:column!important;
    }
}

@media print{
    @page{
        size:A4 portrait;
        margin:10mm;
    }

    html,
    body{
        background:#fff!important;
        height:auto!important;
    }

    body *{
        visibility:hidden!important;
    }

    .official-record-clean,
    .official-record-clean *{
        visibility:visible!important;
    }

    .official-record-clean{
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        box-shadow:none!important;
        background:#fff!important;
    }

    .official-a4-clean{
        width:190mm!important;
        min-height:auto!important;
        margin:0 auto!important;
        padding:0!important;
        border:0!important;
        box-shadow:none!important;
    }

    .no-print,
    .no-print *{
        display:none!important;
        visibility:hidden!important;
    }

    .official-a4-clean .official-brand img{
        width:50px!important;
        height:50px!important;
    }

    .official-a4-clean .official-brand h1{
        font-size:17px!important;
    }

    .official-a4-clean .official-table th,
    .official-a4-clean .official-table td{
        padding:5px 6px!important;
        font-size:10px!important;
        line-height:1.6!important;
    }

    .official-a4-clean .official-section-title{
        margin:9px 0 5px!important;
    }

    .official-a4-clean .official-signature-row{
        margin-top:10mm!important;
    }
}
/* ADMIN_REGISTRATION_CLEAN_FINAL_END */

/* A4_ICON_CLEANUP_FINAL_START */
.official-a4-clean .ts-ico,
.official-a4-clean [class*="ts-i-"],
.official-a4-clean [class*="flaticon"],
.official-a4-clean [class*="icon-"],
.official-a4-clean [class*=" fi-"],
.official-a4-clean .official-icon,
.official-a4-clean .section-icon,
.official-a4-clean i,
.official-a4-clean svg{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
}

.official-a4-clean *::before,
.official-a4-clean *::after{
    background-image:none!important;
}

.official-a4-clean .official-record-header::before,
.official-a4-clean .official-record-header::after,
.official-a4-clean .official-section-title::before,
.official-a4-clean .official-section-title::after,
.official-a4-clean h1::before,
.official-a4-clean h1::after,
.official-a4-clean h2::before,
.official-a4-clean h2::after,
.official-a4-clean h3::before,
.official-a4-clean h3::after,
.official-a4-clean th::before,
.official-a4-clean th::after,
.official-a4-clean td::before,
.official-a4-clean td::after,
.official-a4-clean p::before,
.official-a4-clean p::after,
.official-a4-clean span::before,
.official-a4-clean span::after,
.official-a4-clean div::before,
.official-a4-clean div::after{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    background:none!important;
    background-image:none!important;
    box-shadow:none!important;
}

.official-a4-clean .official-section-title,
.official-a4-clean .official-record-header,
.official-a4-clean .official-record-code,
.official-a4-clean .official-status-row div,
.official-a4-clean .official-table,
.official-a4-clean .official-table th,
.official-a4-clean .official-table td,
.official-a4-clean .official-signature-row div{
    background:#fff!important;
    color:#000!important;
}

.official-a4-clean .official-section-title h2,
.official-a4-clean .official-record-header h1,
.official-a4-clean .official-record-header p{
    padding-right:0!important;
    padding-left:0!important;
    margin-right:0!important;
    margin-left:0!important;
}

.official-a4-clean .official-record-code{
    min-width:190px!important;
}

@media print{
    .official-a4-clean .ts-ico,
    .official-a4-clean [class*="ts-i-"],
    .official-a4-clean [class*="flaticon"],
    .official-a4-clean [class*="icon-"],
    .official-a4-clean [class*=" fi-"],
    .official-a4-clean .official-icon,
    .official-a4-clean .section-icon,
    .official-a4-clean i,
    .official-a4-clean svg{
        display:none!important;
        visibility:hidden!important;
    }

    .official-a4-clean *::before,
    .official-a4-clean *::after{
        content:none!important;
        display:none!important;
        visibility:hidden!important;
        background:none!important;
        background-image:none!important;
    }
}
/* A4_ICON_CLEANUP_FINAL_END */

/* VIEWER_ROLE_UI_START */
body.admin-viewer-role form[action*="/save"],
body.admin-viewer-role form[action*="/delete"],
body.admin-viewer-role form[action*="/status"],
body.admin-viewer-role .admin-modal-actions,
body.admin-viewer-role .course-attachment-remove,
body.admin-viewer-role #addCourseAttachment,
body.admin-viewer-role #openCourseCreateModal,
body.admin-viewer-role .btn.danger{
    display:none!important;
}

body.admin-viewer-role .admin-row-actions form{
    display:none!important;
}

body.admin-viewer-role .admin-row-actions a[href*="edit"]{
    opacity:.55!important;
    pointer-events:none!important;
}

.viewer-readonly-note{
    padding:14px 16px!important;
    border:1px solid #d1d5db!important;
    border-radius:14px!important;
    background:#f9fafb!important;
    color:#111827!important;
    font-weight:900!important;
}

.viewer-readonly-note b{
    font-weight:950!important;
}
/* VIEWER_ROLE_UI_END */

/* STUDENT_PORTAL_ADMIN_HEADER_CSS_START */

.top nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex:1;
    min-width:0;
}

.public-header-nav{
    display:flex;
    align-items:center;
    gap:4px;
    flex-wrap:wrap;
}

.admin-header-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    flex-wrap:wrap;
    width:100%;
}

.top nav .admin-header-link,
.top nav .public-header-nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:7px 10px;
    margin:0;
    border-radius:10px;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    white-space:nowrap;
    transition:
        background-color .2s ease,
        color .2s ease;
}

.top nav .admin-header-link:hover,
.top nav .admin-header-link.is-active,
.top nav .public-header-nav a:hover{
    background:rgba(255,255,255,.18);
    color:#fff;
}

.top nav .admin-header-link.is-active{
    background:#fff;
    color:#0b4d89;
    font-weight:700;
}

.admin-header-user{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:7px 10px;
    border:1px solid rgba(255,255,255,.3);
    border-radius:10px;
    font-size:12px;
    white-space:nowrap;
}

.top nav .admin-header-logout{
    background:rgba(127,29,29,.28);
}

.student-login-card h1{
    margin-top:0;
}

.student-login-card form{
    display:grid;
    gap:10px;
}

.student-login-links{
    margin-top:18px;
    text-align:center;
}

.student-portal-card{
    min-height:320px;
}

.student-portal-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:22px;
}

.student-portal-heading h1{
    margin:0 0 8px;
}

.student-portal-heading p{
    margin:0;
}

.student-registration-grid{
    display:grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(290px, 1fr)
        );
    gap:18px;
}

.student-registration-card{
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:18px;
    border:1px solid #dce6f1;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,75,130,.07);
}

.student-registration-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.student-registration-card-head h2{
    margin:0;
    font-size:18px;
    line-height:1.7;
}

.student-registration-meta{
    display:grid;
    gap:0;
    margin:0;
}

.student-registration-meta > div{
    display:grid;
    grid-template-columns:110px minmax(0, 1fr);
    gap:12px;
    padding:9px 0;
    border-bottom:1px solid #edf2f7;
}

.student-registration-meta > div:last-child{
    border-bottom:0;
}

.student-registration-meta dt{
    color:#64748b;
    font-size:13px;
}

.student-registration-meta dd{
    margin:0;
    font-weight:600;
    overflow-wrap:anywhere;
}

.student-registration-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:auto;
}

@media(max-width:1100px){
    .top{
        flex-wrap:wrap;
    }

    .top nav{
        flex-basis:100%;
        justify-content:flex-start;
    }

    .admin-header-nav{
        justify-content:flex-start;
    }
}

@media(max-width:760px){
    .top nav{
        display:block;
        width:100%;
        overflow-x:auto;
        padding-bottom:4px;
    }

    .admin-header-nav,
    .public-header-nav{
        display:flex;
        flex-wrap:nowrap;
        width:max-content;
        min-width:100%;
        justify-content:flex-start;
    }

    .admin-header-user{
        order:-1;
    }

    .student-portal-heading{
        flex-direction:column;
    }

    .student-registration-grid{
        grid-template-columns:1fr;
    }

    .student-registration-meta > div{
        grid-template-columns:1fr;
        gap:3px;
    }

    .student-registration-actions .btn{
        width:100%;
        text-align:center;
    }
}

/* STUDENT_PORTAL_ADMIN_HEADER_CSS_END */



/* COURSE_REGISTRATION_SCHEDULE_CSS_START */

.course-home-hero{
    text-align:center;
    padding:38px 24px;
}

.course-home-eyebrow{
    display:inline-block;
    margin-bottom:8px;
    color:#0f75bc;
    font-size:14px;
    font-weight:800;
}

.course-home-hero h1{
    margin:0 0 12px;
    font-size:30px;
}

.course-home-hero p{
    margin:0;
    color:#64748b;
}

.course-home-grid{
    display:grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(290px,1fr)
        );
    gap:18px;
    margin-bottom:28px;
}

.course-home-card{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:18px;
    min-height:280px;
    padding:24px;
    overflow:hidden;
    border:1px solid #dbe7f3;
    border-radius:22px;
    background:#fff;
    box-shadow:0 12px 32px rgba(10,75,135,.08);
}

.course-home-card::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:5px;
    background:linear-gradient(
        90deg,
        #0b4d89,
        #1595d3
    );
}

.course-home-status{
    align-self:flex-start;
    padding:6px 12px;
    border-radius:999px;
    background:#dcfce7;
    color:#166534;
    font-size:12px;
    font-weight:800;
}

.course-home-card h2{
    margin:0;
    font-size:20px;
    line-height:1.8;
}

.course-home-meta{
    display:grid;
    gap:12px;
}

.course-home-meta > div{
    display:grid;
    gap:5px;
    padding:12px;
    border-radius:14px;
    background:#f8fafc;
}

.course-home-meta span{
    color:#64748b;
    font-size:12px;
}

.course-home-meta b{
    font-size:14px;
    line-height:1.8;
}

.course-home-action{
    margin-top:auto;
    text-align:center;
}

.course-home-empty,
.course-closed-card{
    max-width:720px;
    margin:30px auto;
    text-align:center;
}

.course-registration-schedule-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    grid-column:1 / -1;
    padding:18px;
    border:1px solid #dbe7f3;
    border-radius:16px;
    background:#f8fafc;
}

.course-registration-schedule-fields[hidden]{
    display:none!important;
}

[data-jalali-picker]{
    cursor:pointer;
    background:#fff;
}

label:has(> [data-jalali-picker]){
    position:relative;
}

.jalali-picker-panel{
    position:absolute;
    z-index:10000;
    top:calc(100% - 2px);
    right:0;
    width:min(520px,calc(100vw - 40px));
    padding:16px;
    border:1px solid #cbd5e1;
    border-radius:16px;
    background:#fff;
    box-shadow:0 18px 55px rgba(15,23,42,.2);
}

.jalali-picker-panel[hidden]{
    display:none!important;
}

.jalali-picker-title{
    margin-bottom:12px;
    color:#0b4d89;
    font-weight:900;
}

.jalali-picker-grid{
    display:grid;
    grid-template-columns:
        1.1fr 1.4fr .8fr .8fr .8fr;
    gap:8px;
}

.jalali-picker-grid select{
    min-width:0;
    padding:9px 6px;
    font-size:13px;
}

.jalali-picker-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:14px;
}

@media(max-width:760px){
    .course-home-hero{
        padding:26px 18px;
    }

    .course-home-hero h1{
        font-size:23px;
    }

    .course-home-grid{
        grid-template-columns:1fr;
    }

    .course-registration-schedule-fields{
        grid-template-columns:1fr;
    }

    .jalali-picker-panel{
        position:fixed;
        top:auto;
        right:12px;
        bottom:12px;
        left:12px;
        width:auto;
    }

    .jalali-picker-grid{
        grid-template-columns:
            repeat(3,1fr);
    }
}

/* COURSE_REGISTRATION_SCHEDULE_CSS_END */


/* STANDALONE_COURSE_FORM_CSS_START */

.course-standalone-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:18px;
}

.course-standalone-backdrop{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    min-height:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    overflow:visible!important;
    background:transparent!important;
    backdrop-filter:none!important;
}

.course-standalone-backdrop .admin-modal{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    border:1px solid #dbe5ef!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 12px 35px rgba(31,41,55,.08)!important;
}

.course-standalone-backdrop .admin-modal-head{
    position:relative!important;
    top:auto!important;
    z-index:2;
    border-radius:20px 20px 0 0;
}

.course-standalone-backdrop .admin-modal-form{
    display:block!important;
    width:100%!important;
    max-height:none!important;
    height:auto!important;
    padding:24px!important;
    overflow:visible!important;
}

.course-standalone-backdrop .admin-modal-form > .grid{
    display:grid!important;
}

.course-standalone-backdrop .admin-modal-form button[type="submit"]{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:46px;
    margin-top:18px;
    position:relative!important;
    bottom:auto!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:5;
}

.course-public-view-link{
    background:#e8f5ed!important;
    color:#146c3b!important;
}

.course-registration-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:66px;
    padding:7px 11px;
    border-radius:12px;
    background:#eef6ff;
    color:#0b4d89;
}

.course-registration-count .panel-icon{
    margin:0!important;
    font-size:17px;
}

.course-registration-count strong{
    font-size:14px;
}

.course-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:74px;
    padding:6px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
}

.course-status-active{
    background:#dcfce7;
    color:#047857;
}

.course-status-draft{
    background:#fee2e2;
    color:#b91c1c;
}

@media(max-width:760px){
    .course-standalone-backdrop .admin-modal-form{
        padding:16px!important;
    }

    .course-standalone-top{
        align-items:stretch;
        flex-direction:column;
    }

    .course-standalone-top .btn{
        width:100%;
        text-align:center;
    }
}

/* STANDALONE_COURSE_FORM_CSS_END */


/* COURSE_STANDALONE_UI_SCROLL_FIX_START */

html.course-standalone-page-root{
    width:100%!important;
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
}

body.course-standalone-page{
    position:static!important;
    width:100%!important;
    height:auto!important;
    min-height:100vh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
}

body.course-standalone-page .container{
    width:calc(100% - 40px)!important;
    max-width:1520px!important;
    min-height:0!important;
    height:auto!important;
    margin:28px auto 60px!important;
    padding:0!important;
    overflow:visible!important;
}

body.course-standalone-page main{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}

body.course-standalone-page .course-standalone-top{
    width:100%!important;
    max-width:none!important;
    margin:0 0 18px!important;
    padding:14px 18px!important;
    border:1px solid #dbe7f3;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,75,135,.08);
}

body.course-standalone-page .course-standalone-backdrop{
    position:static!important;
    inset:auto!important;
    z-index:auto!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:transparent!important;
    backdrop-filter:none!important;
}

body.course-standalone-page
.course-standalone-backdrop
.admin-modal{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    border:1px solid #d9e6f3!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 15px 40px rgba(15,75,135,.1)!important;
}

body.course-standalone-page
.course-standalone-backdrop
.admin-modal-head{
    position:static!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:18px!important;
    width:100%!important;
    margin:0!important;
    padding:24px 30px!important;
    border-bottom:1px solid #e4edf6!important;
    border-radius:20px 20px 0 0!important;
    background:linear-gradient(
        135deg,
        #ffffff,
        #f3f8fd
    )!important;
}

body.course-standalone-page
.course-standalone-backdrop
.admin-modal-head h2{
    margin:0 0 8px!important;
    font-size:24px!important;
}

body.course-standalone-page
.course-standalone-backdrop
.admin-modal-head .hint{
    max-width:900px!important;
    margin:0!important;
    line-height:2!important;
}

body.course-standalone-page
.course-standalone-backdrop
.admin-modal-close{
    display:none!important;
}

body.course-standalone-page
.course-standalone-backdrop
.admin-modal-form{
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:30px!important;
    overflow:visible!important;
}

body.course-standalone-page
.course-standalone-backdrop
.admin-modal-form > .grid{
    display:grid!important;
    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        )!important;
    gap:18px 24px!important;
    width:100%!important;
}

body.course-standalone-page
.course-standalone-backdrop
.admin-modal-form label{
    margin:0!important;
}

body.course-standalone-page
.course-standalone-backdrop
.admin-modal-form input,
body.course-standalone-page
.course-standalone-backdrop
.admin-modal-form select,
body.course-standalone-page
.course-standalone-backdrop
.admin-modal-form textarea{
    min-height:48px!important;
    border-color:#cbdced!important;
    border-radius:13px!important;
    background:#fff!important;
}

body.course-standalone-page
.course-standalone-backdrop
.course-registration-schedule-fields{
    width:100%!important;
    margin-top:8px!important;
    padding:20px!important;
    border:1px solid #d9e6f3!important;
    border-radius:16px!important;
    background:#f7fafd!important;
}

body.course-standalone-page
.course-standalone-backdrop
.course-payment-box,
body.course-standalone-page
.course-standalone-backdrop
.course-attachments-box{
    width:100%!important;
    margin-top:24px!important;
    padding:24px!important;
    border:1px solid #d9e6f3!important;
    border-radius:18px!important;
    background:#f9fbfd!important;
}

body.course-standalone-page
.course-standalone-backdrop
.course-attachment-row{
    width:100%!important;
    margin-bottom:14px!important;
    padding:16px!important;
    border:1px solid #dce7f2!important;
    border-radius:14px!important;
    background:#fff!important;
}

body.course-standalone-page
.course-standalone-backdrop
.admin-modal-actions,
body.course-standalone-page
.course-standalone-backdrop
.course-form-actions,
body.course-standalone-page
.course-standalone-backdrop
.form-actions,
body.course-standalone-page
.course-standalone-backdrop
.admin-modal-footer,
body.course-standalone-page
.course-standalone-backdrop
.admin-modal-form > :last-child{
    position:static!important;
    inset:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    margin-top:26px!important;
    padding-top:20px!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
}

body.course-standalone-page
.course-standalone-backdrop
button[type="submit"]{
    position:static!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:180px!important;
    min-height:48px!important;
    margin:0!important;
    padding:12px 24px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
}

body.course-standalone-page footer{
    position:static!important;
    clear:both!important;
    width:100%!important;
    margin-top:40px!important;
}


/* صفحه فهرست دوره ها */

.admin-list-first-card{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    overflow:hidden!important;
}

.admin-list-first-card .admin-list-head{
    margin:0!important;
    padding:22px 26px!important;
    border-bottom:1px solid #e2ebf4!important;
    background:linear-gradient(
        135deg,
        #fff,
        #f3f8fd
    )!important;
}

.admin-list-first-card > div[style*="overflow-x"]{
    width:100%!important;
    overflow-x:auto!important;
}

.admin-list-first-card table{
    width:100%!important;
    margin:0!important;
    border-collapse:collapse!important;
}

.admin-list-first-card th{
    padding:16px 14px!important;
    white-space:nowrap!important;
    background:#edf5fd!important;
}

.admin-list-first-card td{
    padding:14px!important;
    vertical-align:middle!important;
}

.admin-list-first-card
.admin-row-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
}

.admin-list-first-card
.admin-row-actions form{
    display:inline-flex!important;
    margin:0!important;
}

.admin-list-first-card
.admin-row-actions .btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:105px!important;
    min-height:42px!important;
    padding:9px 14px!important;
    border-radius:12px!important;
    white-space:nowrap!important;
}

.admin-list-first-card
.course-public-view-link{
    min-width:135px!important;
}


@media(max-width:900px){

    body.course-standalone-page .container{
        width:calc(100% - 24px)!important;
        margin-top:16px!important;
    }

    body.course-standalone-page
    .course-standalone-backdrop
    .admin-modal-form > .grid{
        grid-template-columns:1fr!important;
    }

    body.course-standalone-page
    .course-standalone-backdrop
    .course-registration-schedule-fields{
        grid-template-columns:1fr!important;
    }

}


@media(max-width:600px){

    body.course-standalone-page
    .course-standalone-backdrop
    .admin-modal-head{
        padding:20px 18px!important;
    }

    body.course-standalone-page
    .course-standalone-backdrop
    .admin-modal-head h2{
        font-size:20px!important;
    }

    body.course-standalone-page
    .course-standalone-backdrop
    .admin-modal-form{
        padding:18px!important;
    }

    body.course-standalone-page
    .course-standalone-top{
        padding:12px!important;
    }

    body.course-standalone-page
    .course-standalone-top .btn{
        width:100%!important;
    }

    body.course-standalone-page
    .course-standalone-backdrop
    button[type="submit"]{
        width:100%!important;
    }

}

/* COURSE_STANDALONE_UI_SCROLL_FIX_END */


/* REGISTRATION_ARCHIVE_DELETE_CSS_START */

body.registrations-admin-page{
    overflow-x:hidden!important;
}

body.registrations-admin-page .container{
    width:calc(100% - 40px)!important;
    max-width:1520px!important;
    margin:28px auto 60px!important;
    padding:0!important;
}

.registrations-admin-card{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    overflow:hidden!important;
}

.registrations-list-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    margin:0!important;
    padding:22px 26px!important;
    background:linear-gradient(
        135deg,
        #fff,
        #f3f8fd
    )!important;
    border-bottom:1px solid #e2ebf4!important;
}

.registrations-list-head h1{
    margin:0 0 6px!important;
    font-size:25px!important;
}

.registrations-list-head .hint{
    margin:0!important;
}

.registrations-head-actions,
.registration-view-filters,
.registration-row-actions,
.registration-delete-actions{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    flex-wrap:wrap!important;
}

.registration-view-filters{
    padding:18px 26px!important;
    border-bottom:1px solid #e5edf6!important;
    background:#fbfdff!important;
}

.registration-view-filters .btn.is-active{
    color:#fff!important;
    background:#0f75bc!important;
}

.registration-result-count{
    margin-right:auto;
    padding:7px 13px;
    border-radius:999px;
    color:#0f5ea8;
    background:#e8f3ff;
    font-weight:800;
}

.registrations-table-wrap{
    width:100%;
    overflow-x:auto;
}

.registrations-admin-table{
    width:100%!important;
    min-width:1250px!important;
    margin:0!important;
}

.registrations-admin-table th{
    padding:15px 13px!important;
    white-space:nowrap!important;
    background:#edf5fd!important;
}

.registrations-admin-table td{
    padding:13px!important;
    vertical-align:middle!important;
}

.registrations-admin-table tr.is-archived td{
    background:#fffaf2!important;
}

.registration-row-actions{
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
}

.registration-row-actions form{
    display:inline-flex!important;
    margin:0!important;
}

.registration-row-actions .btn{
    min-height:40px!important;
    padding:8px 13px!important;
    border-radius:11px!important;
    white-space:nowrap!important;
}

.btn.danger,
button.danger{
    color:#fff!important;
    background:#c62828!important;
}

.registration-active-badge,
.registration-archive-badge{
    display:inline-flex;
    align-items:center;
    padding:5px 11px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
}

.registration-active-badge{
    color:#166534;
    background:#dcfce7;
}

.registration-archive-badge{
    color:#92400e;
    background:#fef3c7;
}

.registration-archive-meta{
    display:block;
    margin-top:5px;
    color:#6b7280;
    font-size:11px;
    white-space:nowrap;
}

.registration-operation-message{
    margin:18px 26px 0;
    padding:12px 16px;
    border-radius:13px;
    font-weight:800;
}

.registration-operation-message.success{
    color:#166534;
    border:1px solid #86efac;
    background:#f0fdf4;
}

.registration-delete-confirm-card{
    max-width:820px;
    margin:30px auto!important;
}

.registration-delete-warning{
    margin:18px 0;
    padding:15px 18px;
    border:1px solid #fecaca;
    border-radius:14px;
    color:#991b1b;
    background:#fff1f2;
}

.registration-delete-summary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:18px 0;
}

.registration-delete-summary > div{
    padding:13px 15px;
    border:1px solid #e2e8f0;
    border-radius:13px;
    background:#f8fafc;
}

.registration-delete-summary dt{
    color:#64748b;
    font-size:12px;
}

.registration-delete-summary dd{
    margin:4px 0 0;
    font-weight:900;
}

.registration-delete-form{
    margin-top:22px;
}

@media(max-width:760px){

    body.registrations-admin-page .container{
        width:calc(100% - 24px)!important;
        margin-top:16px!important;
    }

    .registrations-list-head{
        align-items:stretch!important;
        flex-direction:column!important;
        padding:18px!important;
    }

    .registrations-head-actions .btn{
        width:100%!important;
        text-align:center!important;
    }

    .registration-view-filters{
        padding:14px 18px!important;
    }

    .registration-view-filters .btn{
        flex:1 1 100%;
        text-align:center;
    }

    .registration-result-count{
        width:100%;
        margin:4px 0 0;
        text-align:center;
    }

    .registration-delete-summary{
        grid-template-columns:1fr;
    }

    .registration-delete-actions .btn,
    .registration-delete-actions button{
        width:100%!important;
        text-align:center!important;
    }
}

/* REGISTRATION_ARCHIVE_DELETE_CSS_END */
/* REGISTRATION_OPERATION_ICONS_START */

.registration-actions-cell{
    min-width:190px!important;
    width:190px!important;
}

.registration-row-actions{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    min-width:max-content!important;
    white-space:nowrap!important;
}

.registration-row-actions form{
    display:inline-flex!important;
    flex:0 0 auto!important;
    margin:0!important;
}

.admin-list-first-card
.registration-row-actions
.registration-action-icon,
.registration-row-actions
.registration-action-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #dbe7f3!important;
    border-radius:10px!important;
    background:#f4f8fc!important;
    color:#24547f!important;
    text-decoration:none!important;
    cursor:pointer;
    box-shadow:none!important;
    transition:
        transform .15s ease,
        background-color .15s ease,
        border-color .15s ease;
}

.registration-action-icon:hover{
    transform:translateY(-1px);
    border-color:#9ec6e8!important;
    background:#eaf4fd!important;
}

.registration-action-icon svg{
    display:block!important;
    width:19px!important;
    height:19px!important;
    pointer-events:none;
}

.registration-action-view{
    color:#0757b7!important;
}

.registration-action-print{
    color:#334155!important;
}

.registration-action-edit{
    color:#8a5a00!important;
    background:#fff9e8!important;
}

.registration-action-archive{
    color:#92400e!important;
    background:#fff7ed!important;
}

.registration-action-restore{
    color:#047857!important;
    background:#ecfdf5!important;
}

.registration-action-delete{
    color:#b91c1c!important;
    border-color:#fecaca!important;
    background:#fff1f2!important;
}

body.admin-viewer-role
.registration-row-actions form{
    display:none!important;
}

.registration-admin-edit-card{
    max-width:1100px;
    margin:26px auto!important;
    padding:0!important;
    overflow:hidden;
}

.registration-admin-edit-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding:22px 26px;
    border-bottom:1px solid #e2ebf4;
    background:#f8fbff;
}

.registration-admin-edit-head h1{
    margin:0 0 6px;
}

.registration-admin-edit-head .hint{
    margin:0;
}

.registration-admin-edit-form{
    padding:24px 26px 28px;
}

.registration-admin-edit-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.registration-admin-edit-grid label{
    display:flex;
    flex-direction:column;
    gap:7px;
    font-weight:800;
}

.registration-admin-edit-grid input,
.registration-admin-edit-grid select,
.registration-admin-edit-grid textarea{
    width:100%;
}

.registration-admin-edit-address{
    grid-column:1/-1;
}

.registration-admin-edit-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:24px;
}

@media(max-width:760px){

    .registration-actions-cell{
        min-width:180px!important;
        width:180px!important;
    }

    .registration-admin-edit-head{
        align-items:stretch;
        flex-direction:column;
        padding:18px;
    }

    .registration-admin-edit-grid{
        grid-template-columns:1fr;
    }

    .registration-admin-edit-address{
        grid-column:auto;
    }

    .registration-admin-edit-form{
        padding:18px;
    }

    .registration-admin-edit-actions .btn{
        width:100%!important;
        text-align:center!important;
    }
}

/* REGISTRATION_OPERATION_ICONS_END */

/* REGISTRATION_STATUS_NOTE_UI_START */

.official-status-form{
    display:flex!important;
    align-items:flex-end!important;
    gap:12px!important;
    flex-wrap:wrap!important;
    width:100%!important;
}

.official-status-field{
    min-width:240px;
}

.official-status-note-wrap{
    flex:1 1 100%;
    width:100%;
    padding:14px;
    border:1px solid #d8e4f0;
    border-radius:12px;
    background:#f8fbff;
}

.official-status-note-wrap[hidden]{
    display:none!important;
}

.official-status-note-wrap label{
    display:block!important;
    margin-bottom:7px!important;
}

.official-status-note-wrap textarea{
    display:block;
    width:100%;
    min-height:110px!important;
    resize:vertical;
    padding:12px 14px;
    border:1px solid #b8c9dc;
    border-radius:10px;
    background:#fff;
    color:#111827;
    font:inherit;
    line-height:1.9;
}

.official-status-note-wrap small{
    display:block;
    margin-top:7px;
    color:#64748b;
    font-size:11px;
    font-weight:700;
}

.student-status-note{
    margin:14px 0;
    padding:14px 16px;
    border:1px solid #e4b74d;
    border-radius:14px;
    background:#fff9e8;
    color:#422006;
}

.student-status-note-rejected{
    border-color:#ef9a9a;
    background:#fff1f2;
    color:#7f1d1d;
}

.student-status-note b{
    display:block;
    margin-bottom:7px;
    font-size:14px;
    font-weight:950;
}

.student-status-note p{
    margin:0;
    white-space:normal;
    line-height:2;
    font-size:13px;
    font-weight:700;
}

/*
فقط لوگوی داخل فرم رسمی پرونده.
لوگوی هدر و سایر صفحات تحت تاثیر نیستند.
*/

.official-a4-clean .official-brand img{
    filter:none!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
}

@media print{
    .official-a4-clean .official-brand img{
        filter:none!important;
        -webkit-print-color-adjust:exact!important;
        print-color-adjust:exact!important;
    }
}

/* REGISTRATION_STATUS_NOTE_UI_END */

/* COURSE_REGISTRATION_FILTER_CSS_START */

.registration-advanced-filters{
    padding:20px 26px;
    border-bottom:1px solid #e2ebf4;
    background:#f8fbff;
}

.registration-filter-grid{
    display:grid;
    grid-template-columns:
        minmax(220px,1.4fr)
        minmax(180px,1fr)
        minmax(180px,1fr)
        minmax(260px,1.7fr)
        minmax(130px,.7fr)
        minmax(150px,.8fr);
    gap:14px;
    align-items:end;
}

.registration-filter-grid label{
    display:flex;
    flex-direction:column;
    gap:7px;
    margin:0;
    color:#334155;
    font-size:12px;
    font-weight:900;
}

.registration-filter-grid input,
.registration-filter-grid select{
    width:100%;
    min-height:44px;
    padding:9px 11px;
    border:1px solid #cbd9e8;
    border-radius:11px;
    background:#fff;
}

.registration-filter-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:16px;
}

.registration-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
    padding:20px 24px;
    border-top:1px solid #e2ebf4;
    background:#fbfdff;
}

.registration-page-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:40px;
    height:40px;
    padding:0 10px;
    border:1px solid #cbd9e8;
    border-radius:10px;
    color:#0757b7;
    background:#fff;
    font-weight:900;
    text-decoration:none;
}

.registration-page-link.is-active{
    color:#fff;
    border-color:#0757b7;
    background:#0757b7;
}

.registration-pagination-meta{
    margin-right:8px;
    color:#64748b;
    font-size:12px;
    font-weight:800;
}

.course-management-table-wrap{
    width:100%;
    overflow-x:auto;
}

.course-management-table{
    width:100%;
    min-width:1320px;
}

.course-management-table th,
.course-management-table td{
    vertical-align:middle;
}

.course-registration-stats-cell{
    min-width:390px;
}

.course-registration-main-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:9px;
    padding:7px 11px;
    border:1px solid #b9d7f2;
    border-radius:11px;
    color:#0757b7;
    background:#edf7ff;
    text-decoration:none;
}

.course-registration-main-link strong{
    font-size:17px;
    font-weight:950;
}

.course-registration-main-link span{
    font-size:12px;
    font-weight:900;
}

.course-registration-status-summary{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}

.course-registration-stat{
    display:inline-flex;
    align-items:center;
    padding:5px 8px;
    border-radius:999px;
    color:#334155;
    background:#f1f5f9;
    font-size:10.5px;
    font-weight:900;
    white-space:nowrap;
}

.course-registration-stat-pending{
    color:#92400e;
    background:#fef3c7;
}

.course-registration-stat-edit{
    color:#9a3412;
    background:#ffedd5;
}

.course-registration-stat-approved{
    color:#166534;
    background:#dcfce7;
}

.course-registration-stat-rejected{
    color:#991b1b;
    background:#fee2e2;
}

.course-registration-stat-archived{
    color:#475569;
    background:#e2e8f0;
}

.course-row-actions{
    min-width:410px;
    flex-wrap:wrap!important;
}

@media(max-width:1100px){
    .registration-filter-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }
}

@media(max-width:760px){
    .registration-advanced-filters{
        padding:16px 18px;
    }

    .registration-filter-grid{
        grid-template-columns:1fr;
    }

    .registration-filter-actions .btn,
    .registration-filter-actions button{
        width:100%!important;
        text-align:center!important;
    }

    .registration-pagination{
        padding:16px;
    }
}

/* COURSE_REGISTRATION_FILTER_CSS_END */