*{
    box-sizing:border-box;
}

html,
body{
    margin:0;
    padding:0;
}

body.psup-dashboard-body{
    width:100%;
    min-height:100vh;
    overflow-x:hidden;
    background:#f7f8fb;
    color:#071a3a;
}

/* ===============================
   Layout
================================ */

.psup-app{
    direction:rtl;
    min-height:100vh;
    background:#f7f8fb;
    color:#071a3a;
}

@media(min-width:901px){
    .psup-app{
        display:block;
    }

    .psup-sidebar{
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        width:280px;
        height:100vh;
        min-height:100vh;
        z-index:50;
    }

    .psup-main{
        margin-right:280px;
        width:calc(100% - 280px);
        min-height:100vh;
        padding:22px 24px;
    }
}

/* ===============================
   Sidebar
================================ */

.psup-sidebar{
    color:#fff;
    padding:42px 18px 28px;
    overflow-y:auto;
    background:
        linear-gradient(rgba(3,20,46,.30),rgba(3,20,46,.30)),
        url('../images/psup-sidebar-bg.webp');
    background-position:center bottom;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-color:#03173f;
    border-left:1px solid rgba(231,184,95,.24);
    box-shadow:-18px 0 48px rgba(3,20,46,.18);
}

.psup-sidebar-brand{
    display:flex;
    align-items:center;
    gap:14px;
    padding:0 4px 24px;
    margin-bottom:28px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.psup-sidebar-logo{
    width:62px;
    height:62px;
    object-fit:contain;
    flex:0 0 auto;
}

.psup-sidebar-brand strong{
    display:block;
    font-size:21px;
    font-weight:950;
    line-height:1.5;
    color:#fff;
}

.psup-sidebar-brand small{
    display:block;
    color:#fff;
    opacity:.95;
    font-size:14px;
    font-weight:850;
}

.psup-nav{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}

.psup-nav a{
    position:relative;
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:14px;
    padding:0 14px;
    color:#fff;
    text-decoration:none;
    border-radius:9px;
    font-size:15px;
    font-weight:900;
    transition:.22s ease;
}

.psup-nav a:hover{
    background:rgba(255,255,255,.08);
}

.psup-nav a.active{
    background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
    color:#e7b85f;
    box-shadow:0 14px 30px rgba(0,0,0,.20);
}

.psup-nav a.active:before{
    content:"";
    position:absolute;
    right:255px;
    top:0;
    bottom:0;
    width:6px;
    background:#e7b85f;
}

.psup-nav-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:50%;
    background-color:rgba(255,255,255,.09);
    background-repeat:no-repeat;
    background-position:center;
    background-size:24px;
}

.psup-nav a.active .psup-nav-icon{
    background-color:#071a3a;
}

.psup-icon-home{
    background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11.2L12 4l9 7.2V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1v-8.8z' fill='%23E7B85F'/%3E%3C/svg%3E");
}

.psup-icon-briefcase{
    background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E");
}

.psup-icon-user{
    background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21c1.5-4 4-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E");
}

.psup-icon-card{
    background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M7 15h4'/%3E%3C/svg%3E");
}

.psup-icon-bell{
    background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E");
}

.psup-icon-logout{
    width:28px;
    height:28px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:25px;
    background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ff3b3b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17l5-5-5-5'/%3E%3Cpath d='M15 12H3'/%3E%3Cpath d='M21 4v16'/%3E%3C/svg%3E");
}

.psup-nav-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:21px;
    height:21px;
    padding:0 6px;
    margin-right:6px;
    border-radius:999px;
    background:#ef4444;
    color:#fff;
    font-size:11px;
    font-weight:950;
    font-style:normal;
}

.psup-logout{
    margin-top:34px;
    min-height:56px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-radius:10px;
    background:rgba(239,68,68,.07);
    border:1px solid rgba(239,68,68,.58);
    color:#ff3b3b;
    text-decoration:none;
    font-weight:950;
    transition:.22s ease;
}

.psup-logout:hover{
    background:#ef4444;
    color:#fff;
}

/* ===============================
   Mobile menu controls
================================ */

.psup-mobile-menu-toggle,
.psup-mobile-backdrop,
.psup-mobile-header-actions,
.psup-mobile-menu-close{
    display:none;
}

/* ===============================
   Main header
================================ */

.psup-topbar{
    min-height:86px;
    margin-bottom:18px;
    padding:16px 20px;
    background:#fff;
    border:1px solid #e6ebf1;
    border-radius:10px;
    box-shadow:0 14px 36px rgba(7,26,58,.055);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.psup-header-profile{
    display:flex;
    align-items:center;
    gap:14px;
}

.psup-kicker{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:0 16px;
    border-radius:8px;
    background:#fff;
    border:1px solid #efd39a;
    color:#d18a19;
    font-size:14px;
    font-weight:900;
    white-space:nowrap;
}

.psup-kicker:before{
    content:"♛";
}

.psup-user-avatar{
    width:58px;
    height:58px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#ffe5b4,#f2bf68);
    color:#071a3a;
    font-size:22px;
    font-weight:950;
    flex:0 0 auto;
}

.psup-user-welcome-text h1{
    margin:0;
    color:#071a3a;
    font-size:22px;
    font-weight:950;
    line-height:1.5;
}

.psup-user-welcome-text p{
    margin:2px 0 0;
    color:#071a3a;
    font-size:14px;
    font-weight:700;
}

.psup-topbar-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.psup-customer-chip,
.psup-notification-bell{
    height:54px;
    border-radius:8px;
    border:1px solid #e5eaf0;
    background:#fff;
    box-shadow:0 10px 24px rgba(7,26,58,.06);
}

.psup-customer-chip{
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 16px;
    white-space:nowrap;
}

.psup-customer-chip{
    direction:ltr;
    flex-direction:row;
    justify-content:center;
}

.psup-customer-chip:before{
    content:"";
    width:24px;
    height:24px;
    flex:0 0 24px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:22px;
    background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23071A3A' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
}

.psup-customer-chip span{
    display:none !important;
}

.psup-customer-chip strong{
    direction:rtl;
    color:#071a3a;
    font-size:15px;
    font-weight:950;
}

.psup-notification-dropdown-wrap{
    position:relative;
}

.psup-notification-bell{
    width:58px;
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.psup-notification-icon{
    width:26px;
    height:26px;
    display:inline-flex;
    background-repeat:no-repeat;
    background-position:center;
    background-size:24px;
    font-size:0;
    line-height:0;
    color:transparent;
    background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23071A3A' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E");
}

.psup-notification-badge{
    position:absolute;
    top:-6px;
    left:-6px;
    min-width:22px;
    height:22px;
    padding:0 6px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#ef4444;
    color:#fff;
    font-size:11px;
    font-weight:950;
    box-shadow:0 6px 14px rgba(239,68,68,.35);
}

/* ===============================
   Common panels/cards
================================ */

.psup-grid,
.psup-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-bottom:16px;
}

.psup-card,
.psup-panel,
.psup-dashboard-request-card,
.psup-license-dashboard-card{
    border-radius:10px;
    border:1px solid #e6ebf1;
    background:#fff;
    box-shadow:0 14px 34px rgba(7,26,58,.055);
}

.psup-card{
    position:relative;
    min-height:136px;
    padding:32px 40px 28px 138px;
    overflow:hidden;
    border-radius:10px;
    border:1px solid #e4e9f0;
    background:#fff;
    box-shadow:0 14px 34px rgba(7,26,58,.045);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    text-align:right;
}

.psup-card:after{
    content:none !important;
    display:none !important;
}

.psup-card:before{
    content:"";
    position:absolute;
    left:26px;
    top:50%;
    transform:translateY(-50%);
    width:82px;
    height:82px;
    border-radius:50%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:42px;
}

/* تعداد کل درخواست‌ها */
.psup-stat-total:before{
    background-color:#fff6e8;
    border:1px solid #f1d6a4;
    background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 24 24' fill='none' stroke='%23E59A18' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.2' y='7.2' width='15.6' height='12' rx='2'/%3E%3Cpath d='M9 7.2V5.8C9 4.8 9.8 4 10.8 4h2.4C14.2 4 15 4.8 15 5.8v1.4'/%3E%3Cpath d='M4.2 12h15.6'/%3E%3Cpath d='M10.2 12v1.2h3.6V12'/%3E%3C/svg%3E");
}

/* آخرین کد پیگیری */
.psup-stat-tracking:before{
    background-color:#eaf6ff;
    border:1px solid #cfe9ff;
    background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 24 24' fill='none' stroke='%231684DF' stroke-width='2.1' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5.5v13'/%3E%3Cpath d='M8 5.5v13'/%3E%3Cpath d='M11.5 5.5v13'/%3E%3Cpath d='M15.5 5.5v13'/%3E%3Cpath d='M19 5.5v13'/%3E%3C/svg%3E");
}

/* وضعیت آخرین درخواست */
.psup-stat-status:before{
    background-color:#eaf9ef;
    border:1px solid #c9efd5;
    background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 24 24' fill='none' stroke='%231CA653' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='4.8' width='12' height='15.2' rx='2'/%3E%3Cpath d='M9.4 9.5h5.2'/%3E%3Cpath d='M9.4 13h5.2'/%3E%3Cpath d='M9 16.4l1.4 1.4 3.3-3.3'/%3E%3C/svg%3E");
}

.psup-card span{
    display:block;
    width:100%;
    margin:0;
    padding-right:10px;
    color:#071a3a;
    font-size:15px;
    font-weight:850;
    line-height:1.7;
    text-align:right;
}

.psup-card strong{
    display:block;
    width:100%;
    margin-top:14px;
    padding-right:10px;
    color:#071a3a;
    font-size:31px;
    font-weight:950;
    line-height:1.35;
    text-align:right;
}

.psup-panel{
    padding:18px;
    margin-bottom:18px;
}

.psup-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:0 0 14px;
}

.psup-section-head h2{
    margin:0;
    color:#071a3a;
    font-size:20px;
    font-weight:950;
}

.psup-section-title-icon{
    display:inline-flex;
    width:34px;
    height:34px;
    margin-left:8px;
    vertical-align:middle;
    background-repeat:no-repeat;
    background-position:center;
    background-size:32px;
    color:transparent;
    font-size:0;
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3 3.5 7.5 12 12l8.5-4.5L12 3Z'/%3E%3Cpath d='M3.5 12 12 16.5 20.5 12'/%3E%3Cpath d='M3.5 16.5 12 21l8.5-4.5'/%3E%3C/svg%3E");
}

/* ===============================
   Buttons
================================ */

.psup-section-head a,
.psup-dashboard-request-card a,
.psup-license-dashboard-card a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:36px;
    padding:0 14px;
    border-radius:7px;
    background:linear-gradient(135deg,#061a3a,#0b2858);
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:900;
    box-shadow:0 10px 22px rgba(7,26,58,.16);
    transition:.22s ease;
}

.psup-section-head a:before{
    content:"‹";
    color:#e9a21b;
    font-size:18px;
    font-weight:950;
    line-height:1;
}

.psup-section-head a:hover,
.psup-dashboard-request-card a:hover,
.psup-license-dashboard-card a:hover{
    transform:translateY(-2px);
    color:#fff;
}

.psup-detail-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:148px;
    min-height:38px;
    padding:0 14px;
    border-radius:7px;
    background:#fff;
    border:1px solid #f0c36b;
    color:#071a3a;
    text-decoration:none;
    font-size:12px;
    font-weight:900;
    box-shadow:none;
    transition:.22s ease;
}

.psup-detail-link span{
    color:#e9a21b;
    font-size:18px;
    font-weight:950;
    line-height:1;
}

.psup-detail-link:hover{
    background:#fff8e8;
    color:#071a3a;
}

/* ===============================
   Dashboard request cards
================================ */

.psup-dashboard-service-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin:0 0 18px;
}

.psup-dashboard-request-card,
.psup-license-dashboard-card{
    padding:16px;
    min-height:0;
}

.psup-dashboard-request-card .psup-section-head,
.psup-license-dashboard-card .psup-section-head{
    margin-bottom:14px;
}

.psup-dashboard-request-card h2,
.psup-license-dashboard-card h2{
    margin:0;
    color:#071a3a;
    font-size:16px;
    font-weight:950;
    line-height:1.5;
}

.psup-dashboard-request-card h2:after,
.psup-license-dashboard-card h2:after{
    content:"▧";
    display:inline-flex;
    margin-right:8px;
    color:#eba21f;
    font-size:22px;
    vertical-align:middle;
}

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

.psup-dashboard-mini-grid > div{
    min-height:78px;
    padding:12px 10px;
    border-radius:10px;
    background:linear-gradient(180deg,#ffffff,#fbfcfe);
    border:1px solid #e7ebf0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    overflow:hidden;
}

.psup-dashboard-mini-grid span{
    display:block;
    margin:0 0 7px;
    color:#67758d;
    font-size:12px;
    font-weight:850;
    line-height:1.4;
    white-space:nowrap;
}

.psup-dashboard-mini-grid strong{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-width:0;
    margin:0;
    color:#071a3a;
    font-size:14px;
    font-weight:950;
    line-height:1.7;
    text-align:center;
    word-break:normal;
    overflow-wrap:anywhere;
}

.psup-dashboard-mini-grid .psup-status{
    max-width:100%;
    min-height:30px;
    padding:5px 10px;
    color:#fff !important;
    font-size:11px;
    line-height:1.4;
    white-space:normal;
    text-align:center;
}

/* ===============================
   Status
================================ */

.psup-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:5px 14px;
    border-radius:7px;
    color:#fff;
    font-size:12px;
    font-weight:950;
    line-height:1.3;
    white-space:nowrap;
    text-shadow:0 1px 1px rgba(0,0,0,.20);
}

.psup-status.status-registered{
    background:linear-gradient(135deg,#2f8ee5,#1467b4);
}

.psup-status.status-waiting_initial_review,
.psup-status.status-need_documents,
.psup-status.status-waiting_user_documents,
.psup-status.status-documents_under_review,
.psup-status.status-embassy_appointment_in_progress,
.psup-status.status-appointment_scheduled,
.psup-status.status-visa_processing{
    background:linear-gradient(135deg,#ff930f,#e56a00);
}

.psup-status.status-documents_uploaded,
.psup-status.status-under_embassy_review{
    background:linear-gradient(135deg,#2f8ee5,#1467b4);
}

.psup-status.status-documents_approved,
.psup-status.status-embassy_appointment_issued,
.psup-status.status-visa_issued,
.psup-status.status-ready_for_pickup,
.psup-status.status-completed{
    background:linear-gradient(135deg,#19b85a,#078632);
}

.psup-status.status-document_defect,
.psup-status.status-documents_incomplete,
.psup-status.status-documents_rejected,
.psup-status.status-rejected{
    background:linear-gradient(135deg,#ff4b55,#d71920);
}

.psup-status.status-closed{
    background:linear-gradient(135deg,#64748b,#334155);
}

/* ===============================
   Tables
================================ */

.psup-table-wrap{
    border:1px solid #e7ebf0;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}

.psup-table{
    width:100%;
    min-width:0;
    border-collapse:separate;
    border-spacing:0;
}

.psup-table th{
    background:#061a3a;
    color:#fff;
    padding:15px 12px;
    font-size:13px;
    font-weight:950;
    text-align:center;
    border:none;
}

.psup-table thead tr th:first-child{
    border-top-right-radius:10px;
}

.psup-table thead tr th:last-child{
    border-top-left-radius:10px;
}

.psup-table td{
    padding:13px 12px;
    text-align:center;
    vertical-align:middle;
    border-bottom:1px solid #edf0f4;
    background:#fff;
    color:#071a3a;
    font-size:13px;
    line-height:1.7;
}

.psup-table tbody tr:nth-child(even) td{
    background:#fbfcfe;
}

.psup-table tbody tr:hover td{
    background:#fff8ec;
}

.psup-tracking-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:92px;
    min-height:34px;
    padding:4px 12px;
    border-radius:6px;
    background:#f8fafc;
    border:1px solid #e3e8ef;
    color:#071a3a;
    font-weight:950;
    direction:ltr;
}

.psup-table-date{
    display:inline-flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:4px;
    color:#071a3a;
    font-weight:900;
    line-height:1.5;
    direction:ltr;
}

.psup-table-date{
    position:relative;
    padding-right:24px;
}

.psup-table-date:before{
    content:"";
    position:absolute;
    right:0;
    top:2px;
    width:17px;
    height:17px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:17px;
    background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23071A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.psup-table-date small{
    position:relative;
    display:block;
    padding-right:24px;
    color:#071a3a;
    font-size:12px;
    font-weight:800;
    line-height:1.5;
}

.psup-table-date small:before{
    content:"";
    position:absolute;
    right:0;
    top:1px;
    width:17px;
    height:17px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:17px;
    background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23071A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

/* ===============================
   Detail / profile / forms
================================ */

.psup-detail-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.psup-detail-grid > div{
    background:#fff;
    border:1px solid #edf0f5;
    border-radius:10px;
    padding:16px;
}

.psup-detail-grid span{
    display:block;
    color:#67758d;
    font-size:12px;
    font-weight:850;
    margin-bottom:6px;
}

.psup-detail-grid strong{
    color:#071a3a;
    font-size:15px;
    font-weight:950;
    line-height:1.7;
}

.psup-note-box,
.psup-current-status-box,
.psup-next-action-box,
.psup-request-stepper{
    margin-top:18px;
    background:#fff;
    border:1px solid #edf0f5;
    border-radius:10px;
    padding:18px;
}

.psup-note-box h3{
    margin:0 0 10px;
}

.psup-alert{
    border-radius:10px;
    padding:14px 16px;
    margin-bottom:18px;
    background:#fff;
    border:1px solid rgba(207,166,91,.28);
}

.psup-alert-success{
    background:#f4fff8;
    border-color:#a7dec0;
    color:#1f7a42;
}

.psup-alert-error{
    background:#fff4f4;
    border-color:#efb6b6;
    color:#982525;
}

.psup-alert-warning{
    background:#fff8e8;
    border-color:#f3d79a;
    color:#8b6b20;
}

.psup-empty{
    background:#fff;
    border:1px solid #edf0f5;
    border-radius:10px;
    padding:24px;
    color:#67758d;
}

/* ===============================
   Notifications dropdown/list
================================ */

.psup-notification-dropdown{
    position:absolute;
    top:calc(100% + 12px);
    left:0;
    width:360px;
    max-width:calc(100vw - 36px);
    background:rgba(255,255,255,.98);
    border:1px solid rgba(207,166,91,.24);
    border-radius:18px;
    box-shadow:0 24px 70px rgba(23,32,51,.18);
    padding:14px;
    z-index:200;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px) scale(.98);
    transition:.22s ease;
}

.psup-notification-dropdown{
    position:absolute;
    top:calc(100% + 12px);
    left:0;
    width:390px;
    max-width:calc(100vw - 36px);
    background:rgba(255,255,255,.96);
    border:1px solid rgba(231,184,95,.35);
    border-radius:18px;
    box-shadow:0 26px 70px rgba(7,26,58,.18);
    padding:16px;
    z-index:200;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px) scale(.98);
    transition:.22s ease;
    backdrop-filter:blur(18px);
}

.psup-notification-dropdown:before{
    content:"";
    position:absolute;
    top:-8px;
    left:22px;
    width:16px;
    height:16px;
    background:rgba(255,255,255,.96);
    border-top:1px solid rgba(231,184,95,.35);
    border-right:1px solid rgba(231,184,95,.35);
    transform:rotate(-45deg);
}

.psup-notification-dropdown-wrap.is-open .psup-notification-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
}

.psup-notification-dropdown-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:4px 6px 14px;
    border-bottom:1px solid #edf0f4;
}

.psup-notification-dropdown-head strong{
    color:#071a3a;
    font-size:16px;
    font-weight:950;
}

.psup-notification-dropdown-head span{
    min-height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:999px;
    background:#fff8e8;
    border:1px solid #f0d39a;
    color:#b47a18;
    font-size:12px;
    font-weight:950;
}

.psup-notification-dropdown-list{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:12px 0;
    max-height:430px;
    overflow-y:auto;
}

.psup-notification-dropdown-list::-webkit-scrollbar{
    width:6px;
}

.psup-notification-dropdown-list::-webkit-scrollbar-thumb{
    background:#d9b56d;
    border-radius:999px;
}

.psup-notification-dropdown-item{
    position:relative;
    display:block;
    min-height:72px;
    padding:14px 16px 12px;
    border-radius:14px;
    background:#fff;
    border:1px solid #e7ebf0;
    text-decoration:none;
    color:#071a3a;
    box-shadow:0 10px 24px rgba(7,26,58,.045);
    transition:.22s ease;
    overflow:hidden;
}

.psup-notification-dropdown-item:hover{
    transform:translateY(-2px);
    border-color:#f0c36b;
    box-shadow:0 16px 30px rgba(7,26,58,.08);
}

.psup-notification-dropdown-item.is-unread{
    background:linear-gradient(135deg,#fffaf0,#ffffff);
    border-color:#e7b85f;
    box-shadow:0 14px 34px rgba(231,184,95,.18);
}

.psup-notification-dropdown-item.is-unread:before{
    content:"";
    position:absolute;
    right:0;
    top:12px;
    bottom:12px;
    width:4px;
    border-radius:999px 0 0 999px;
    background:#e7b85f;
}

.psup-notification-dropdown-item.is-unread:after{
    content:"جدید";
    position:absolute;
    left:12px;
    top:12px;
    min-height:22px;
    padding:0 8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#ef4444;
    color:#fff;
    font-size:10px;
    font-weight:950;
}

.psup-notification-dropdown-title{
    display:block;
    padding-left:48px;
    color:#071a3a;
    font-size:13px;
    font-weight:950;
    line-height:1.8;
}

.psup-notification-dropdown-item small{
    display:block;
    margin-top:5px;
    color:#67758d;
    font-size:11px;
    font-weight:700;
    line-height:1.6;
}

.psup-notification-dropdown-empty{
    padding:24px 10px;
    color:#67758d;
    text-align:center;
    font-size:13px;
    font-weight:800;
}

.psup-notification-dropdown-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-top:12px;
    border-top:1px solid #edf0f4;
}

.psup-notification-dropdown-foot a{
    min-height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:8px;
    color:#b47a18;
    background:#fff8e8;
    border:1px solid #f0d39a;
    text-decoration:none;
    font-size:12px;
    font-weight:950;
    transition:.22s ease;
}

.psup-notification-dropdown-foot a:hover{
    background:#071a3a;
    border-color:#071a3a;
    color:#fff;
}

.psup-notifications-panel{
    position:relative;
    overflow:hidden;
    padding:22px;
    background:
        radial-gradient(circle at top left,rgba(231,184,95,.11),transparent 34%),
        linear-gradient(180deg,#ffffff,#fbfcfe);
}

.psup-notifications-head{
    padding-bottom:16px;
    border-bottom:1px solid #edf0f4;
}

.psup-notifications-head h2{
    display:flex;
    align-items:center;
    gap:10px;
}

.psup-notifications-head h2:before{
    content:"";
    width:38px;
    height:38px;
    border-radius:10px;
    background-color:#fff8e8;
    border:1px solid #f0d39a;
    background-repeat:no-repeat;
    background-position:center;
    background-size:25px;
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E");
}

.psup-notifications-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    margin-top:8px;
    padding:0 12px;
    border-radius:999px;
    background:#fff8e8;
    border:1px solid #f0d39a;
    color:#b47a18;
    font-size:12px;
    font-weight:950;
}

.psup-notifications-toolbar{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin:18px 0;
}

.psup-notifications-toolbar a{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border-radius:9px;
    background:#fff;
    border:1px solid #e7ebf0;
    color:#071a3a;
    text-decoration:none;
    font-size:12px;
    font-weight:950;
    transition:.22s ease;
}

.psup-notifications-toolbar a.active,
.psup-notifications-toolbar a:hover{
    background:#061a3a;
    border-color:#061a3a;
    color:#fff;
    box-shadow:0 12px 28px rgba(7,26,58,.16);
}

.psup-notifications-list{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.psup-notification-item{
    position:relative;
    overflow:hidden;
    background:#fff;
    border:1px solid #e7ebf0;
    border-radius:14px;
    padding:18px;
    box-shadow:0 14px 34px rgba(7,26,58,.055);
    transition:.22s ease;
}

.psup-notification-item:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 42px rgba(7,26,58,.08);
}

.psup-notification-item.is-unread{
    background:
        radial-gradient(circle at top left,rgba(231,184,95,.12),transparent 34%),
        linear-gradient(135deg,#fffaf0,#ffffff);
    border-color:#e7b85f;
    box-shadow:0 16px 38px rgba(231,184,95,.16);
}

.psup-notification-item.is-unread:before{
    content:"";
    position:absolute;
    right:0;
    top:16px;
    bottom:16px;
    width:5px;
    background:#e7b85f;
    border-radius:999px 0 0 999px;
}

.psup-notification-item.is-read{
    background:#fff;
}

.psup-notification-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:15px;
    margin-bottom:12px;
}

.psup-notification-header > div{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.psup-notification-header strong{
    color:#071a3a;
    font-size:15px;
    font-weight:950;
}

.psup-notification-header time{
    color:#67758d;
    font-size:12px;
    font-weight:850;
    direction:ltr;
    white-space:nowrap;
}

.psup-notification-type{
    display:inline-flex;
    align-items:center;
    gap:6px;
    width:fit-content;
    padding:5px 10px;
    border-radius:999px;
    background:#f1f5f9;
    color:#071a3a;
    font-size:11px;
    font-weight:900;
}

.psup-notification-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:24px;
    padding:0 9px;
    border-radius:999px;
    background:#ef4444;
    color:#fff;
    font-size:11px;
    font-weight:950;

}

.psup-notification-status-read{
    background:#e2e8f0;
    color:#64748b;
}

.psup-notification-content{
    margin-top:10px;
    padding:14px;
    border-radius:12px;
    background:#fbfcfe;
    border:1px solid #edf0f4;
    color:#071a3a;
    font-size:13px;
    font-weight:850;
    line-height:2.1;
}

.psup-notification-footer{
    margin-top:14px;
    display:flex;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}

.psup-notification-view-request,
.psup-notification-read-one,
.psup-notification-read-all{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 14px;
    border-radius:8px;
    text-decoration:none;
    font-size:12px;
    font-weight:950;
    transition:.22s ease;
}

.psup-notification-view-request{
    background:#fff;
    border:1px solid #f0c36b;
    color:#071a3a;
}

.psup-notification-read-one,
.psup-notification-read-all{
    background:linear-gradient(135deg,#061a3a,#0b2858);
    border:1px solid #061a3a;
    color:#fff;
    box-shadow:0 10px 22px rgba(7,26,58,.16);
}

.psup-notification-view-request span{
    color:#e9a21b;
    font-size:18px;
    font-weight:950;
}

.psup-notification-read-one:hover,
.psup-notification-read-all:hover,
.psup-notification-view-request:hover{
    transform:translateY(-2px);
}

/* ===============================
   Login
================================ */

.psup-login-app{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
}

.psup-login-card{
    width:min(460px,100%);
    background:#fff;
    border:1px solid rgba(207,166,91,.28);
    border-radius:24px;
    padding:34px;
    box-shadow:0 28px 70px rgba(29,42,66,.11);
}

.psup-brand-mark{
    display:inline-flex;
    border-radius:999px;
    padding:8px 14px;
    background:#071a3a;
    color:#fff;
    margin-bottom:12px;
}

.psup-login-form{
    display:grid;
    gap:14px;
    margin-top:22px;
}

.psup-login-form label span{
    display:block;
    margin-bottom:7px;
    color:#3d4658;
    font-weight:800;
}

.psup-login-form input{
    width:100%;
    border:1px solid #dde2ec;
    border-radius:14px;
    padding:14px 16px;
    font-size:15px;
}

.psup-login-form button{
    border:0;
    border-radius:14px;
    padding:15px 18px;
    background:linear-gradient(135deg,#071a3a,#0b2858);
    color:#fff;
    font-weight:900;
    cursor:pointer;
}

/* ===============================
   Per page + Pagination
================================ */

.psup-per-page-form{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    margin:0 0 14px;
}

.psup-per-page-form label{
    display:flex;
    align-items:center;
    gap:8px;
    color:#071a3a;
    font-size:13px;
    font-weight:900;
}

.psup-per-page-form select{
    min-width:76px;
    height:38px;
    padding:0 12px;
    border-radius:8px;
    border:1px solid #e7b85f;
    background:#fff;
    color:#071a3a;
    font-size:13px;
    font-weight:900;
    outline:none;
    cursor:pointer;
}

.psup-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:18px;
    padding-top:14px;
    border-top:1px solid #edf0f4;
}

.psup-pagination a,
.psup-pagination span{
    min-width:36px;
    height:36px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    border:1px solid #e7ebf0;
    background:#fff;
    color:#071a3a;
    text-decoration:none;
    font-size:13px;
    font-weight:950;
    transition:.22s ease;
}

.psup-pagination a:hover,
.psup-pagination a.active,
.psup-pagination span.current{
    background:#061a3a;
    border-color:#061a3a;
    color:#fff;
    box-shadow:0 10px 22px rgba(7,26,58,.16);
}

.psup-pagination .next,
.psup-pagination .prev{
    color:#e9a21b;
}

/* ===============================
   Profile / My Info - Ultra Luxury
================================ */

.psup-profile-panel{
    position:relative;
    overflow:hidden;
    padding:22px;
    border-radius:14px;
    background:
        radial-gradient(circle at top left,rgba(231,184,95,.12),transparent 34%),
        linear-gradient(180deg,#ffffff,#fbfcfe);
    border:1px solid #e7ebf0;
    box-shadow:0 18px 46px rgba(7,26,58,.07);
}

.psup-profile-panel:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(135deg,rgba(231,184,95,.12),transparent 26%),
        linear-gradient(315deg,rgba(7,26,58,.035),transparent 42%);
}

.psup-profile-panel > *{
    position:relative;
    z-index:1;
}

.psup-profile-panel .psup-section-head{
    margin-bottom:20px;
    padding-bottom:16px;
    border-bottom:1px solid #edf0f4;
}

.psup-profile-panel .psup-section-head h2{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:22px;
}

.psup-profile-panel .psup-section-head h2:before{
    content:"";
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:10px;
    background-color:#fff8e8;
    border:1px solid #f0d39a;
    background-repeat:no-repeat;
    background-position:center;
    background-size:25px;
    box-shadow:0 10px 22px rgba(231,184,95,.16);
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21c1.6-4 4.2-6 8-6s6.4 2 8 6'/%3E%3C/svg%3E");
}

.psup-profile-edit-toggle{
    min-height:40px;
    padding:0 16px;
    border-radius:9px;
    border:1px solid #e7b85f;
    background:linear-gradient(135deg,#fff8e8,#ffffff);
    color:#b47a18;
    font-size:12px;
    font-weight:950;
    cursor:pointer;
    box-shadow:0 10px 22px rgba(231,184,95,.12);
    transition:.22s ease;
}

.psup-profile-edit-toggle:hover{
    transform:translateY(-1px);
    background:#071a3a;
    border-color:#071a3a;
    color:#fff;
}

.psup-profile-edit-toggle:disabled{
    opacity:.55;
    cursor:not-allowed;
    transform:none;
    background:#f3f4f6;
    color:#94a3b8;
    border-color:#dbe3ef;
    box-shadow:none;
}

.psup-alert-warning,
.psup-profile-panel .psup-alert{
    position:relative;
    border-radius:12px;
    background:
        linear-gradient(135deg,rgba(255,248,232,.98),rgba(255,255,255,.96));
    border:1px solid #f0d39a;
    color:#8b6b20;
    font-size:13px;
    font-weight:850;
    line-height:2;
    padding:16px 18px 16px 18px;
    box-shadow:0 12px 28px rgba(231,184,95,.10);
}

.psup-profile-panel .psup-alert:before{
    content:"";
    display:inline-flex;
    width:22px;
    height:22px;
    margin-left:8px;
    vertical-align:middle;
    background-repeat:no-repeat;
    background-position:center;
    background-size:21px;
    background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23B47A18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3Cpath d='M10.3 3.9 2.6 17.2A2 2 0 0 0 4.3 20h15.4a2 2 0 0 0 1.7-2.8L13.7 3.9a2 2 0 0 0-3.4 0Z'/%3E%3C/svg%3E");
}

.psup-profile-panel .psup-detail-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-bottom:18px;
}

.psup-profile-panel .psup-detail-grid > div{
    min-height:122px;
    position:relative;
    padding:18px 18px 16px;
    border-radius:14px;
    background:linear-gradient(180deg,#ffffff,#fbfcfe);
    border:1px solid #e7ebf0;
    box-shadow:0 14px 34px rgba(7,26,58,.055);
    overflow:hidden;
    transition:.22s ease;
}

.psup-profile-panel .psup-detail-grid > div:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 42px rgba(7,26,58,.085);
}

.psup-profile-panel .psup-detail-grid > div:before{
    content:"";
    width:38px;
    height:38px;
    display:block;
    margin-bottom:12px;
    border-radius:10px;
    background-color:#fff8e8;
    border:1px solid #f0d39a;
    background-repeat:no-repeat;
    background-position:center;
    background-size:25px;
}

.psup-profile-panel .psup-detail-grid > div:nth-child(1):before{
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21c1.5-4 4-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E");
}

.psup-profile-panel .psup-detail-grid > div:nth-child(2){
    background:
        linear-gradient(135deg,#f3f4f6,#ffffff);
    border-color:#d4dbe7;
    box-shadow:inset 0 0 0 1px rgba(148,163,184,.20),0 12px 28px rgba(7,26,58,.045);
    filter:saturate(.86);
}

.psup-profile-panel .psup-detail-grid > div:nth-child(2):before{
    background-color:#eef2f7;
    border-color:#d4dbe7;
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%2364758B' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3Cpath d='M4 4 20 20'/%3E%3C/svg%3E");
}

.psup-profile-panel .psup-detail-grid > div:nth-child(2):after{
    content:"غیر قابل ویرایش";
    position:absolute;
    left:14px;
    top:14px;
    min-height:24px;
    padding:0 9px;
    border-radius:999px;
    background:#e2e8f0;
    color:#64748b;
    font-size:11px;
    font-weight:950;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.psup-profile-panel .psup-detail-grid > div:nth-child(3):before{
    background-color:#eaf6ff;
    border-color:#cfe9ff;
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%231684DF' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6h16v12H4z'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
}

.psup-profile-panel .psup-detail-grid > div:nth-child(4):before{
    background-color:#eaf9ef;
    border-color:#c9efd5;
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%231CA653' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

.psup-profile-panel .psup-detail-grid span{
    color:#67758d;
    font-size:12px;
    font-weight:900;
}

.psup-profile-panel .psup-detail-grid strong{
    color:#071a3a;
    font-size:15px;
    font-weight:950;
    line-height:1.7;
}

.psup-profile-panel .psup-detail-grid > div:nth-child(2) strong{
    color:#475569;
}

.psup-profile-panel .psup-detail-grid > div:nth-child(2) strong:after{
    content:"این شماره برای ورود و پیگیری پرونده استفاده می‌شود و قابل تغییر نیست.";
    display:block;
    margin-top:9px;
    color:#64748b;
    font-size:11px;
    font-weight:850;
    line-height:1.8;
}

.psup-profile-form{
    margin-top:18px;
    padding:20px;
    border-radius:14px;
    background:
        radial-gradient(circle at top left,rgba(231,184,95,.10),transparent 30%),
        #fff;
    border:1px solid #e7ebf0;
    box-shadow:0 14px 34px rgba(7,26,58,.055);
}

.psup-profile-form-collapsed{
    display:none;
}

.psup-profile-edit-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-bottom:14px;
}

.psup-profile-edit-grid label{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.psup-profile-edit-grid span{
    color:#67758d;
    font-size:12px;
    font-weight:900;
}

.psup-profile-edit-grid input{
    width:100%;
    height:46px;
    border-radius:10px;
    border:1px solid #dde5ef;
    padding:0 14px;
    color:#071a3a;
    font-size:14px;
    font-weight:850;
    outline:none;
    transition:.22s ease;
}

.psup-profile-edit-grid input:focus{
    border-color:#e7b85f;
    box-shadow:0 0 0 4px rgba(231,184,95,.14);
}

.psup-profile-submit,
.psup-profile-edit-cancel{
    min-height:42px;
    padding:0 18px;
    border-radius:9px;
    font-size:13px;
    font-weight:950;
    cursor:pointer;
    transition:.22s ease;
}

.psup-profile-submit{
    border:0;
    background:linear-gradient(135deg,#061a3a,#0b2858);
    color:#fff;
    box-shadow:0 12px 28px rgba(7,26,58,.16);
}

.psup-profile-submit:hover{
    transform:translateY(-1px);
}

.psup-profile-edit-cancel{
    background:#fff8e8;
    color:#b47a18;
    border:1px solid #f0d39a;
}

.psup-profile-panel .psup-note-box{
    border-radius:14px;
    background:
        radial-gradient(circle at top left,rgba(231,184,95,.10),transparent 34%),
        linear-gradient(180deg,#ffffff,#fbfcfe);
    border:1px solid #e7ebf0;
    box-shadow:0 14px 34px rgba(7,26,58,.055);
}

.psup-profile-panel .psup-note-box h3{
    display:flex;
    align-items:center;
    gap:10px;
    color:#071a3a;
    font-size:18px;
    font-weight:950;
}

.psup-profile-panel .psup-note-box h3:before{
    content:"";
    width:36px;
    height:36px;
    flex:0 0 36px;
    border-radius:10px;
    background-color:#fff8e8;
    border:1px solid #f0d39a;
    background-repeat:no-repeat;
    background-position:center;
    background-size:25px;
    background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v8Z'/%3E%3C/svg%3E");
}

.psup-profile-panel .psup-note-box p{
    color:#071a3a;
    font-size:14px;
    font-weight:850;
    line-height:2.2;
}

/* ===============================
   Billing / Invoices Table
================================ */

.psup-billing-panel .psup-table-wrap,
.psup-invoices-panel .psup-table-wrap{
    border:1px solid #e7ebf0;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}

.psup-billing-panel .psup-table th,
.psup-invoices-panel .psup-table th{
    background:#061a3a;
    color:#fff;
    padding:15px 12px;
    font-size:13px;
    font-weight:950;
    text-align:center;
}

.psup-billing-panel .psup-table td,
.psup-invoices-panel .psup-table td{
    padding:14px 12px;
    text-align:center;
    vertical-align:middle;
    border-bottom:1px solid #edf0f4;
    color:#071a3a;
    font-size:13px;
    line-height:1.8;
}

.psup-invoice-number{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:112px;
    min-height:34px;
    padding:4px 12px;
    border-radius:6px;
    background:#f8fafc;
    border:1px solid #e3e8ef;
    color:#071a3a;
    font-weight:950;
    direction:ltr;
}

.psup-invoice-request-code{
    display:inline-flex;
    margin-top:5px;
    padding:3px 9px;
    border-radius:999px;
    background:#f1f5f9;
    border:1px solid #e2e8f0;
    color:#475569;
    font-size:11px;
    font-weight:850;
}

.psup-invoice-date{
    display:inline-flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:4px;
    direction:ltr;
    font-weight:900;
    line-height:1.5;
    position:relative;
    padding-right:24px;
}

.psup-invoice-date:before{
    content:"";
    position:absolute;
    right:0;
    top:2px;
    width:17px;
    height:17px;
    background:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23071A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") center/17px no-repeat;
}

.psup-invoice-date small{
    position:relative;
    display:block;
    padding-right:24px;
    color:#071a3a;
    font-size:12px;
    font-weight:800;
}

.psup-invoice-date small:before{
    content:"";
    position:absolute;
    right:0;
    top:1px;
    width:17px;
    height:17px;
    background:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23071A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/17px no-repeat;
}

.psup-invoice-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:5px 12px;
    border-radius:7px;
    color:#fff;
    font-size:12px;
    font-weight:950;
    white-space:nowrap;
}

.psup-invoice-status.status-unpaid,
.psup-invoice-status.status-pending,
.psup-invoice-status.status-awaiting_payment{
    background:linear-gradient(135deg,#ff930f,#e56a00);
}

.psup-invoice-status.status-paid,
.psup-invoice-status.status-completed{
    background:linear-gradient(135deg,#19b85a,#078632);
}

.psup-invoice-status.status-canceled,
.psup-invoice-status.status-cancelled,
.psup-invoice-status.status-failed{
    background:linear-gradient(135deg,#ff4b55,#d71920);
}

.psup-invoice-status.status-draft{
    background:linear-gradient(135deg,#64748b,#334155);
}

/* ===============================
   Request Detail / Visa / Embassy - Final Reference UI
================================ */

.psup-service-detail-panel{
    --psup-gold:#e9a21b;
    --psup-navy:#061a3a;
    --psup-green:#18ad58;
    --psup-blue:#1684df;
    --psup-orange:#f59e0b;
    --psup-red:#dc2626;
    --psup-border:#e7ebf0;
    --psup-muted:#64748b;
    padding:22px;
    border-radius:18px;
    background:
        radial-gradient(circle at top right,rgba(231,184,95,.10),transparent 34%),
        linear-gradient(180deg,#ffffff,#fbfcfe);
    border:1px solid var(--psup-border);
    box-shadow:0 20px 55px rgba(7,26,58,.07);
}

.psup-service-detail-head{
    margin-bottom:18px;
    padding-bottom:12px;
    border-bottom:1px solid #edf0f4;
}

.psup-service-detail-head h2{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:22px;
    font-weight:950;
}

.psup-service-detail-head h2:before{
    content:"";
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:12px;
    background:#fff8e8 url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='4' width='14' height='16' rx='2'/%3E%3Cpath d='M9 8h6'/%3E%3Cpath d='M9 12h6'/%3E%3Cpath d='M9 16h3'/%3E%3C/svg%3E") center/25px no-repeat;
    border:1px solid #f0d39a;
}

.psup-detail-tracking-head{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:0 12px;
    border-radius:999px;
    background:#f1f5f9;
    border:1px solid #dbe3ef;
    color:#334155;
    font-size:14px;
    font-weight:950;
    direction:ltr;
}

/* Top status cards */
.psup-detail-top-cards{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-bottom:16px;
}

.psup-current-status-box,
.psup-next-action-box{
    min-height:142px;
    position:relative;
    overflow:hidden;
    border-radius:18px;
    padding:18px;
    background:linear-gradient(135deg,#ffffff,#fbfcfe);
    border:1px solid var(--psup-border);
    box-shadow:0 14px 34px rgba(7,26,58,.055);
}

.psup-current-status-box:after,
.psup-next-action-box:after{
    content:"";
    position:absolute;
    left:22px;
    top:22px;
    width:92px;
    height:92px;
    opacity:.16;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}

.psup-current-status-box:after{
    background-image:url("data:image/svg+xml,%3Csvg width='110' height='110' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

.psup-next-action-box:after{
    background-image:url("data:image/svg+xml,%3Csvg width='110' height='110' viewBox='0 0 24 24' fill='none' stroke='%23F59E0B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2 3 14h8l-1 8 10-12h-8l1-8Z'/%3E%3C/svg%3E");
}

.psup-current-status-title,
.psup-next-action-title,
.psup-request-stepper h3,
.psup-note-box h3{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--psup-navy);
    font-size:18px;
    font-weight:950;
    margin:0 0 14px;
}

.psup-current-status-title:before,
.psup-next-action-title:before,
.psup-request-stepper h3:before,
.psup-note-box h3:before{
    content:"";
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:12px;
    background-color:#fff8e8;
    border:1px solid #f0d39a;
    background-repeat:no-repeat;
    background-position:center;
    background-size:24px;
}

.psup-current-status-title:before{
    background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

.psup-next-action-title:before{
    background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2 3 14h8l-1 8 10-12h-8l1-8Z'/%3E%3C/svg%3E");
}

.psup-request-stepper h3:before{
    background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 19h16'/%3E%3Ccircle cx='7' cy='5' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='17' cy='19' r='2'/%3E%3C/svg%3E");
}
.psup-license-review-box h3:before{
    background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='4' width='14' height='16' rx='2'/%3E%3Cpath d='M9 9h6'/%3E%3Cpath d='M9 13h6'/%3E%3Cpath d='M9 17h3'/%3E%3C/svg%3E");
}
.psup-current-status-value{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:6px 14px;
    border-radius:9px;
    color:#fff;
    font-size:12px;
    font-weight:950;
}

/* Date / time badges */
.psup-datetime-badges{
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    direction:ltr;
}

.psup-date-badge,
.psup-time-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:30px;
    padding:0 10px;
    border-radius:9px;
    font-size:12px;
    font-weight:950;
    direction:ltr;
    white-space:nowrap;
}

.psup-date-badge{
    background:#f0fff6;
    border:1px solid #caefd7;
    color:#078632;
}

.psup-time-badge{
    background:#eef8ff;
    border:1px solid #cfe9ff;
    color:#1467b4;
}

.psup-date-badge:before,
.psup-time-badge:before{
    content:"";
    width:16px;
    height:16px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:16px;
}

.psup-date-badge:before{
    background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.psup-time-badge:before{
    background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231684DF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.psup-current-status-date{
    margin-top:14px;
    display:flex;
    align-items:center;
    gap:10px;
    color:#475569;
    font-size:12px;
    font-weight:950;
}

/* Compact stepper */
.psup-request-stepper{
    margin-top:16px;
    padding:18px;
    border-radius:18px;
    background:#fff;
    border:1px solid var(--psup-border);
    box-shadow:0 14px 34px rgba(7,26,58,.055);
}

.psup-request-steps{
    position:relative;
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:10px;
}

.psup-request-steps:before{
    content:"";
    position:absolute;
    right:6%;
    left:6%;
    top:29px;
    height:2px;
    background:linear-gradient(90deg,rgba(24,173,88,.35),rgba(231,184,95,.35));
}

.psup-request-step{
    position:relative;
    min-height:74px;
    padding:9px 6px;
    border-radius:14px;
    background:#fff;
    border:1px solid var(--psup-border);
    text-align:center;
    box-shadow:0 8px 22px rgba(7,26,58,.045);
}

.psup-request-step span{
    width:32px;
    height:32px;
    margin:0 auto 7px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#eef2f7;
    color:#64748b;
    font-size:12px;
    font-weight:950;
}

.psup-request-step strong{
    color:var(--psup-navy);
    font-size:11px;
    font-weight:950;
    line-height:1.5;
}

.psup-request-step.done{
    background:linear-gradient(135deg,#f0fff5,#fff);
    border-color:#c9efd5;
}

.psup-request-step.done span{
    background:linear-gradient(135deg,#19b85a,#078632);
    color:#fff;
}

.psup-request-step.current{
    border-color:#e7b85f;
    background:linear-gradient(135deg,#fff8e8,#fff);
    box-shadow:0 14px 32px rgba(231,184,95,.20);
}

.psup-request-step.current span{
    background:linear-gradient(135deg,#ffd98a,#e7b85f);
    color:#071a3a;
}

/* Request info compact cards */
.psup-request-info-grid{
    margin-top:16px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.psup-request-info-grid > div{
    min-height:88px;
    padding:13px;
    border-radius:14px;
    background:#fff;
    border:1px solid var(--psup-border);
    box-shadow:0 10px 24px rgba(7,26,58,.045);
}

.psup-request-info-grid > div:before,
.psup-license-review-item:before{
    content:"";
    width:30px;
    height:30px;
    display:block;
    margin-bottom:8px;
    border-radius:10px;
    background:#fff8e8;
    border:1px solid #f0d39a;
    background-repeat:no-repeat;
    background-position:center;
    background-size:20px;
    background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='M8 9h8'/%3E%3Cpath d='M8 13h5'/%3E%3C/svg%3E");
}

.psup-request-info-grid span,
.psup-license-review-item span{
    display:block;
    color:#67758d;
    font-size:11px;
    font-weight:900;
    margin-bottom:5px;
}

.psup-request-info-grid strong,
.psup-license-review-item strong{
    color:#071a3a;
    font-size:13px;
    font-weight:950;
    line-height:1.8;
}

/* Visit box */
.psup-visit-box .psup-license-review-grid{
    grid-template-columns:1fr 1.2fr 1.2fr;
}

/* Final result VIP - Ultra Luxury */
.psup-final-vip-card{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:290px 1fr;
    gap:20px;
    min-height:230px;
    padding:18px 20px;
    border-radius:18px;
    color:#fff;
    background:
        radial-gradient(circle at 5% 10%,rgba(231,184,95,.18),transparent 24%),
        radial-gradient(circle at 80% 40%,rgba(22,132,223,.10),transparent 28%),
        linear-gradient(135deg,#041633 0%,#06224f 54%,#071a3a 100%);
    border:1px solid rgba(231,184,95,.45);
    box-shadow:
        0 16px 40px rgba(7,26,58,.14),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.psup-final-vip-card:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,transparent,rgba(231,184,95,.16),transparent 72%),
        radial-gradient(circle at 0 0,rgba(255,255,255,.10),transparent 30%);
    opacity:.65;
}

.psup-final-vip-card:after{
    content:"";
    position:absolute;
    right:295px;
    top:10%;
    bottom:10%;
    width:1px;
    background:rgba(231,184,95,.18);
    box-shadow:none;
}

.psup-final-vip-side,
.psup-final-vip-content{
    position:relative;
    z-index:2;
}

.psup-final-vip-side{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:14px;
    padding-left:10px;
}

.psup-final-vip-title{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:14px;
}

.psup-final-vip-title h3{
    margin:0;
    color:#fff;
    font-size:18px;
    font-weight:900;
    line-height:1.4;
}

.psup-final-vip-title-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border-radius:12px;
    border:1px solid rgba(231,184,95,.55);
    background:rgba(255,255,255,.05);
    background-repeat:no-repeat;
    background-position:center;
    background-size:22px;
    box-shadow:none;
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23E7B85F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 3 2.5 5 5.5.8-4 3.9.9 5.5L12 15.6 7.1 18.2l.9-5.5-4-3.9 5.5-.8L12 3Z'/%3E%3C/svg%3E");
}

.psup-final-vip-emblem{
    width:175px;
    height:175px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:26px;
    background:
        radial-gradient(circle,rgba(231,184,95,.12),transparent 60%),
        linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
    border:1px solid rgba(231,184,95,.18);
    box-shadow:
        inset 0 0 20px rgba(231,184,95,.05),
        0 10px 24px rgba(0,0,0,.08);
}

.psup-final-vip-emblem span{
    width:128px;
    height:128px;
    display:block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:126px;
    filter:drop-shadow(0 0 8px rgba(231,184,95,.35));
        background-image:url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M90 12L145 43V105C145 137 119 160 90 170C61 160 35 137 35 105V43L90 12Z' stroke='%23E7B85F' stroke-width='6'/%3E%3Cpath d='M58 124C72 138 108 138 122 124' stroke='%23E7B85F' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M67 130C57 136 47 142 39 152' stroke='%23E7B85F' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M113 130C123 136 133 142 141 152' stroke='%23E7B85F' stroke-width='5' stroke-linecap='round'/%3E%3Crect x='62' y='51' width='55' height='67' rx='8' stroke='%23E7B85F' stroke-width='6'/%3E%3Cpath d='M76 72h24' stroke='%23E7B85F' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M76 90h20' stroke='%23E7B85F' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M76 108h16' stroke='%23E7B85F' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='116' cy='110' r='24' fill='%23071A3A' stroke='%23E7B85F' stroke-width='6'/%3E%3Cpath d='M105 110l8 8 16-18' stroke='%23E7B85F' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

}

.psup-final-vip-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:12px;
}

.psup-final-vip-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
}

.psup-final-vip-grid-top{
    padding-bottom:10px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.psup-final-vip-item{
    position:relative;
    min-height:92px;
    padding:0 12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-left:1px solid rgba(255,255,255,.06);
}

.psup-final-vip-item:last-child{
    border-left:0;
}

.psup-final-vip-item:before{
    content:"";
    width:26px;
    height:26px;
    margin-bottom:8px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:24px;
}

.psup-final-vip-item:after{
    content:"";
    width:72px;
    height:2px;
    margin-top:10px;
    opacity:.75;
    background:
    linear-gradient(
        90deg,
        rgba(231,184,95,0),
        rgba(231,184,95,.95),
        rgba(231,184,95,0)
    );
}

.psup-final-vip-item span{
    color:rgba(255,255,255,.75);
    font-size:12px;
    font-weight:700;
    line-height:1.6;
}

.psup-final-vip-item strong{
    margin-top:6px;
    color:#fff;
    font-size:15px;
    font-weight:800;
    line-height:1.5;
}

.psup-final-vip-tracking strong{
    direction:ltr;
    font-size:17px;
    letter-spacing:.2px;
}

.psup-final-vip-items strong{
    font-size:15px;
}

.psup-final-vip-item .psup-status{
    min-height:32px;
    padding:0 12px;
    border-radius:10px;
    font-size:12px;
    font-weight:700;
    box-shadow:none;
}

.psup-final-vip-current-status .psup-status{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    color:#fff;
    box-shadow:none;
}

.psup-final-vip-current-status .psup-status:after{
    content:"";
    width:9px;
    height:9px;
    margin-right:10px;
    border-radius:50%;
    background:#1684df;
    box-shadow:0 0 14px rgba(22,132,223,.8);
}

.psup-final-vip-created .psup-datetime-badges,
.psup-final-vip-date{
    justify-content:center;
}

.psup-final-vip-created .psup-step-history-date-day,
.psup-final-vip-created .psup-step-history-date-time,
.psup-final-vip-visit-date .psup-step-history-date-day,
.psup-final-vip-visit-time .psup-step-history-date-time{
    min-height:42px;
    padding:0 18px;
    border-radius:12px;
    font-size:16px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);
    color:#fff;
}

.psup-final-vip-tracking:before{
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%23E7B85F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9h16'/%3E%3Cpath d='M4 15h16'/%3E%3Cpath d='M10 3L8 21'/%3E%3Cpath d='M16 3l-2 18'/%3E%3C/svg%3E");
}

.psup-final-vip-final-status:before{
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%23E7B85F' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M8.5 13 7 22l5-3 5 3-1.5-9'/%3E%3C/svg%3E");
}

.psup-final-vip-service:before{
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%23E7B85F' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'/%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E");
}

.psup-final-vip-items:before{
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%23E7B85F' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='M8 9h8'/%3E%3Cpath d='M8 13h5'/%3E%3C/svg%3E");
}

.psup-final-vip-created:before,
.psup-final-vip-visit-date:before{
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%23E7B85F' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.psup-final-vip-visit-time:before{
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%23E7B85F' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.psup-final-vip-current-status:before{
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%23E7B85F' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V8l7-5 7 5v13'/%3E%3Cpath d='M9 21v-6h6v6'/%3E%3C/svg%3E");
}

.psup-final-vip-note{
    margin-top:2px;
    padding:18px 22px;
    border-radius:16px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.12);
}

.psup-final-vip-note span{
    display:block;
    color:rgba(255,255,255,.70);
    font-size:13px;
    font-weight:900;
    margin-bottom:8px;
}

.psup-final-vip-note strong{
    color:#fff;
    font-size:15px;
    font-weight:850;
    line-height:2;
}

@media(max-width:1200px){
    .psup-final-vip-card{
        grid-template-columns:260px 1fr;
        gap:24px;
    }

    .psup-final-vip-card:after{
        right:270px;
    }

    .psup-final-vip-emblem{
        width:170px;
        height:170px;
    }

    .psup-final-vip-emblem span{
        width:142px;
        height:142px;
        background-size:140px;
    }

    .psup-final-vip-item{
        padding:0 14px;
    }
}

@media(max-width:900px){
    .psup-final-vip-card{
        grid-template-columns:1fr;
        padding:24px 18px;
    }

    .psup-final-vip-card:after{
        display:none;
    }

    .psup-final-vip-side{
        padding-left:0;
    }

    .psup-final-vip-title{
        justify-content:center;
    }

    .psup-final-vip-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .psup-final-vip-item{
        border-left:0;
        border-bottom:1px solid rgba(255,255,255,.10);
        padding:18px 8px;
    }
}

@media(max-width:560px){
    .psup-final-vip-grid{
        grid-template-columns:1fr;
    }

    .psup-final-vip-title h3{
        font-size:21px;
    }

    .psup-final-vip-item strong{
        font-size:19px;
    }
}

/* ===============================
   Required Items - Exact Compact Cards
================================ */

.psup-required-items-box{
    position:relative;
    margin-top:18px;
    padding:24px 26px 30px;
    border-radius:22px;
    background:#fff;
    border:1px solid #e6edf5;
    box-shadow:0 18px 45px rgba(7,26,58,.06);
    overflow:hidden;
}

.psup-required-items-box h3{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 12px;
    color:#071a3a;
    font-size:20px;
    font-weight:950;
}

.psup-required-items-box h3:before{
    content:"";
    width:34px;
    height:34px;
    flex:0 0 34px;
    border-radius:11px;
    background:#fff8e8;
    border:1px solid #f0d39a;
    background-repeat:no-repeat;
    background-position:center;
    background-size:22px;
    background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h5'/%3E%3C/svg%3E");
}

.psup-required-items-box > p{
    margin:0 0 14px;
    color:#64748b;
    font-size:12px;
    font-weight:850;
    line-height:2;
}

/* راهنمای وضعیت‌ها دقیقاً مثل تصویر نمونه */
.psup-required-status-guide{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
    margin:0 0 24px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
}

.psup-required-guide-item{
    min-height:26px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid #e6edf5;
    background:#f8fafc;
    text-align:center;
}

.psup-required-guide-icon{
    width:14px;
    height:14px;
    flex:0 0 14px;
    margin:0;
    border-radius:50%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:12px;
}

.psup-required-guide-item strong{
    margin:0;
    font-size:11px;
    font-weight:950;
    line-height:1;
}

.psup-required-guide-item small{
    display:none;
}

.psup-required-guide-approved{
    background:#f0fff6;
    border-color:#caefd7;
}

.psup-required-guide-approved strong{
    color:#078632;
}

.psup-required-guide-approved .psup-required-guide-icon{
    background-color:#16a34a;
    background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");
}

.psup-required-guide-submitted{
    background:#eef8ff;
    border-color:#cfe9ff;
}

.psup-required-guide-submitted strong{
    color:#1467b4;
}

.psup-required-guide-submitted .psup-required-guide-icon{
    background-color:#1684df;
    background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2h12v6c0 2.2-1.2 4.1-3 5 1.8.9 3 2.8 3 5v4H6v-4c0-2.2 1.2-4.1 3-5-1.8-.9-3-2.8-3-5V2Z'/%3E%3C/svg%3E");
}

.psup-required-guide-pending{
    background:#fff8e8;
    border-color:#f0d39a;
}

.psup-required-guide-pending strong{
    color:#b47a18;
}

.psup-required-guide-pending .psup-required-guide-icon{
    background-color:#e9a21b;
    background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.psup-required-guide-revision{
    background:#fff1f1;
    border-color:#fecaca;
}

.psup-required-guide-revision strong{
    color:#dc2626;
}

.psup-required-guide-revision .psup-required-guide-icon{
    background-color:#dc2626;
    background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}

/* ردیف کارت‌ها مثل تصویر دوم */
.psup-required-items-list{
    position:relative;
    display:flex;
    gap:22px;
    overflow-x:auto;
    overflow-y:visible;
    padding:10px 42px 34px;
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
    scrollbar-color:#dbe3ef transparent;
    cursor:grab;
    user-select:none;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:auto;
    }
.psup-required-items-list.is-pointer-down,
.psup-required-items-list.is-dragging{
    cursor:grabbing;
}

.psup-required-items-list.is-dragging{
    scroll-snap-type:none;
}

.psup-required-items-list.is-dragging .psup-required-item-card{
    pointer-events:none;
}
.psup-required-items-list.is-dragging{
    cursor:grabbing;
    scroll-snap-type:none;
}

.psup-required-items-list.is-dragging{
    cursor:grabbing;
    scroll-snap-type:none;
}

.psup-required-items-list.is-dragging *{
    user-select:none;
}

.psup-required-items-list::-webkit-scrollbar{
    height:12px;
}

.psup-required-items-list::-webkit-scrollbar-track{
    background:linear-gradient(90deg,#f8fafc,#eef3f9,#f8fafc);
    border-radius:999px;
    margin:0 46px;
}

.psup-required-items-list::-webkit-scrollbar-thumb{
    background:linear-gradient(90deg,#061a3a,#e7b85f,#061a3a);
    border-radius:999px;
    border:3px solid #eef3f9;
    box-shadow:0 6px 16px rgba(7,26,58,.18);
}
.psup-required-items-box:after{
    content:"برای مشاهده همه مدارک، کارت‌ها را به چپ و راست بکشید";
    display:flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    max-width:100%;
    margin:10px auto 0;
    padding:7px 16px;
    border-radius:999px;
    background:linear-gradient(135deg,#fff8e8,#ffffff);
    border:1px solid #f0d39a;
    color:#b47a18;
    font-size:11px;
    font-weight:950;
    box-shadow:0 10px 24px rgba(231,184,95,.14);
}
.psup-required-item-card{
    flex:0 0 250px;
    width:250px;
    min-height:390px;
    max-height:none;
    padding:18px 16px 16px;
    border-radius:18px;
    background:#fff;
    border:1px solid #e6edf5;
    box-shadow:0 16px 38px rgba(7,26,58,.06);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    scroll-snap-align:center;
    position:relative;
    overflow:visible;
    transition:.22s ease;
}

.psup-required-item-card:hover{
    transform:translateY(-3px);
    box-shadow:0 22px 48px rgba(7,26,58,.095);
}

.psup-required-item-card:before{
    content:none !important;
}

.psup-required-item-head{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    margin:0;
}

.psup-required-card-icon{
    width:48px;
    height:48px;
    flex:0 0 48px;
    margin:0 0 8px;
    border-radius:15px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:29px;
    box-shadow:0 12px 24px rgba(7,26,58,.075);
}

.psup-required-card-title strong{
    display:block;
    color:#071a3a;
    font-size:14px;
    font-weight:950;
    line-height:1.6;
}

.psup-required-card-title span{
    display:block;
    margin-top:2px;
    color:#64748b;
    font-size:11px;
    font-weight:850;
    line-height:1.6;
}

.psup-required-card-status{
    min-height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:950;
    font-style:normal;
    white-space:nowrap;
}

.psup-required-card-status:before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
}

.psup-required-item-description{
    min-height:34px;
    margin:8px 0 0;
    color:#64748b;
    font-size:11px;
    font-weight:850;
    line-height:1.8;
    text-align:center;
}

.psup-required-item-card .psup-alert-warning{
    width:100%;
    margin:8px 0 0;
    padding:8px 10px;
    border-radius:12px;
    background:#fff8e8;
    border:1px solid #f0d39a;
    color:#8b6b20;
    font-size:10px;
    font-weight:850;
    line-height:1.8;
    text-align:center;
}

.psup-required-item-card input[type="text"],
.psup-required-item-card textarea,
.psup-required-item-card input[type="file"]{
    width:100%;
    min-height:38px;
    margin-top:auto;
    border:1px solid #dbe3ef;
    border-radius:10px;
    padding:8px 10px;
    background:#f8fafc;
    color:#071a3a;
    font-size:11px;
    font-weight:850;
    outline:none;
}

.psup-required-item-card textarea{
    min-height:58px;
    resize:vertical;
}

.psup-required-item-card input:disabled,
.psup-required-item-card textarea:disabled{
    background:#f1f5f9;
    color:#64748b;
    cursor:not-allowed;
}

.psup-upload-help{
    width:100%;
    margin:7px 0 0;
    color:#64748b;
    font-size:9.5px;
    font-weight:850;
    line-height:1.7;
    text-align:center;
}

.psup-upload-preview{
    width:100%;
    min-height:50px;
    margin-top:8px;
    padding:8px;
    border-radius:12px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

.psup-upload-preview img{
    width:38px;
    height:38px;
    object-fit:cover;
    border-radius:8px;
}

.psup-upload-preview p{
    margin:0;
    color:#071a3a;
    font-size:10px;
    font-weight:900;
}

.psup-required-item-meta{
    width:100%;
    margin-top:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex-wrap:wrap;
}

.psup-required-item-meta span{
    min-height:24px;
    padding:0 8px;
    border-radius:999px;
    background:#f1f5f9;
    color:#475569;
    font-size:10px;
    font-weight:950;
}

/* رنگ کارت‌ها */
.psup-required-state-approved{
    background:linear-gradient(180deg,#f0fff6,#ffffff);
    border-color:#bfe9cc;
}

.psup-required-state-approved .psup-required-card-icon{
    background-color:#dcfce7;
    border:1px solid #bbf7d0;
    background-image:url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

.psup-required-state-approved .psup-required-card-status,
.psup-required-state-approved .psup-required-help{
    background:#dcfce7;
    border:1px solid #bbf7d0;
    color:#078632;
}

.psup-required-state-approved .psup-required-card-status:before{
    background:#16a34a;
}

.psup-required-state-submitted{
    background:linear-gradient(180deg,#eef8ff,#ffffff);
    border-color:#bfdbfe;
}

.psup-required-state-submitted .psup-required-card-icon{
    background-color:#dbeafe;
    border:1px solid #bfdbfe;
    background-image:url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 24 24' fill='none' stroke='%231684DF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2h12v6c0 2.2-1.2 4.1-3 5 1.8.9 3 2.8 3 5v4H6v-4c0-2.2 1.2-4.1 3-5-1.8-.9-3-2.8-3-5V2Z'/%3E%3Cpath d='M8 6h8'/%3E%3Cpath d='M8 18h8'/%3E%3C/svg%3E");
}

.psup-required-state-submitted .psup-required-card-status,
.psup-required-state-submitted .psup-required-help{
    background:#dbeafe;
    border:1px solid #bfdbfe;
    color:#1467b4;
}

.psup-required-state-submitted .psup-required-card-status:before{
    background:#1684df;
}

.psup-required-state-pending{
    background:linear-gradient(180deg,#fff8e8,#ffffff);
    border-color:#f0d39a;
}

.psup-required-state-pending .psup-required-card-icon{
    background-color:#fff8e8;
    border:1px solid #f0d39a;
    background-image:url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.psup-required-state-pending .psup-required-card-status,
.psup-required-state-pending .psup-required-help{
    background:#fff8e8;
    border:1px solid #f0d39a;
    color:#b47a18;
}

.psup-required-state-pending .psup-required-card-status:before{
    background:#e9a21b;
}

.psup-required-state-revision{
    background:linear-gradient(180deg,#fff7ed,#ffffff);
    border-color:#f0c36b;
}

.psup-required-state-revision .psup-required-card-icon{
    background-color:#fee2e2;
    border:1px solid #fecaca;
    background-image:url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 24 24' fill='none' stroke='%23DC2626' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3Cpath d='M10.3 3.9 2.6 17.2A2 2 0 0 0 4.3 20h15.4a2 2 0 0 0 1.7-2.8L13.7 3.9a2 2 0 0 0-3.4 0Z'/%3E%3C/svg%3E");
}

.psup-required-state-revision .psup-required-card-status,
.psup-required-state-revision .psup-required-help{
    background:#fee2e2;
    border:1px solid #fecaca;
    color:#dc2626;
}

.psup-required-state-revision .psup-required-card-status:before{
    background:#dc2626;
}

/* دکمه پایین */
.psup-required-items-box button[name="psup_required_items_submit"]{
    margin-top:18px;
    min-height:44px;
    padding:0 24px;
    border:0;
    border-radius:12px;
    background:linear-gradient(135deg,#061a3a,#0b2858);
    color:#fff;
    font-size:13px;
    font-weight:950;
    cursor:pointer;
    box-shadow:0 14px 30px rgba(7,26,58,.18);
}

@media(max-width:900px){
    .psup-required-items-box{
        padding:18px;
    }

    .psup-required-items-list{
    padding:8px 28px 32px;
    gap:14px;
}

    .psup-required-item-card{
    flex-basis:245px;
    width:245px;
}
}

/* Messages / timeline keep aligned */
.psup-request-messages-box,
.psup-request-timeline-box{
    margin-top:18px;
}

.psup-request-messages-list,
.psup-request-timeline{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.psup-request-message{
    display:grid;
    grid-template-columns:52px 1fr;
    gap:12px;
    align-items:start;
}

.psup-request-message.customer{
    grid-template-columns:1fr 52px;
}

.psup-request-message.customer .psup-request-message-avatar{
    grid-column:2;
}

.psup-request-message.customer .psup-request-message-card{
    grid-column:1;
}

.psup-request-message-avatar{
    width:48px;
    height:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff8e8;
    border:1px solid #f0d39a;
    color:#071a3a;
    font-size:17px;
    font-weight:950;
}

.psup-request-message.customer .psup-request-message-avatar{
    background:#eef8ff;
    border-color:#cfe9ff;
}

.psup-request-message-card{
    overflow:hidden;
    border-radius:16px;
    border:1px solid var(--psup-border);
    background:#fff;
    box-shadow:0 10px 24px rgba(7,26,58,.045);
}

.psup-request-message-head{
    min-height:46px;
    padding:10px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    background:#fff8e8;
    border-bottom:1px solid #f0d39a;
}

.psup-request-message.customer .psup-request-message-head{
    background:#eef8ff;
    border-bottom-color:#cfe9ff;
}

.psup-request-message-body{
    padding:14px;
    color:#071a3a;
    font-size:13px;
    font-weight:850;
    line-height:2.1;
}

.psup-request-timeline{
    position:relative;
}

.psup-request-timeline:before{
    content:"";
    position:absolute;
    right:18px;
    top:18px;
    bottom:18px;
    width:2px;
    background:linear-gradient(180deg,#e7b85f,#cfe9ff,#c9efd5);
}

.psup-request-timeline-item{
    position:relative;
    display:grid;
    grid-template-columns:150px 1fr;
    gap:14px;
    padding:14px 34px 14px 14px;
    border-radius:16px;
    background:#fff;
    border:1px solid var(--psup-border);
    box-shadow:0 10px 24px rgba(7,26,58,.045);
}

.psup-request-timeline-dot{
    position:absolute;
    right:12px;
    top:24px;
    width:14px;
    height:14px;
    border-radius:50%;
    background:#e7b85f;
    box-shadow:0 0 0 7px rgba(231,184,95,.17);
}

.psup-request-timeline-datebox{
    display:flex;
    align-items:center;
    justify-content:center;
    border-left:1px dashed #dfe6ee;
}

.psup-request-timeline-content strong{
    display:block;
    color:#071a3a;
    font-size:14px;
    font-weight:950;
    margin-bottom:7px;
}

.psup-request-timeline-content p{
    margin:0;
    color:#071a3a;
    font-size:13px;
    font-weight:850;
    line-height:2;
}

.psup-neutral-code-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    margin:0 4px;
    padding:0 10px;
    border-radius:8px;
    background:#f1f5f9;
    border:1px solid #dbe3ef;
    color:#334155;
    font-weight:950;
    direction:ltr;
}

@media(max-width:900px){
    .psup-detail-top-cards,
    .psup-request-info-grid,
    .psup-required-items-list,
    .psup-final-result-grid,
    .psup-visit-box .psup-license-review-grid{
        grid-template-columns:1fr;
    }

    .psup-current-status-box,
    .psup-next-action-box{
        min-height:0;
    }

    .psup-request-steps{
        grid-template-columns:1fr;
    }

    .psup-request-steps:before{
        display:none;
    }

    .psup-request-message,
    .psup-request-message.customer{
        grid-template-columns:44px 1fr;
    }

    .psup-request-message.customer .psup-request-message-avatar,
    .psup-request-message.customer .psup-request-message-card{
        grid-column:auto;
    }

    .psup-request-message-avatar{
        width:42px;
        height:42px;
    }

    .psup-request-message-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .psup-request-timeline:before{
        right:14px;
    }

    .psup-request-timeline-item{
        grid-template-columns:1fr;
        padding:16px 30px 16px 14px;
    }

    .psup-request-timeline-datebox{
        justify-content:flex-start;
        border-left:none;
        border-bottom:1px dashed #dfe6ee;
        padding-bottom:10px;
    }
        .psup-request-timeline-datebox{
        justify-content:flex-start;
        border-left:none;
        border-bottom:1px dashed #dfe6ee;
        padding-bottom:10px;
    }
}
}
/* ===============================
   Request Detail Exact Reference Upgrade
   Add after Final Reference UI block
================================ */

/* فاصله کلی صفحه مثل تصویر مرجع */
.psup-service-detail-panel{
    padding:24px;
    background:#f7f9fc;
    border:0;
    box-shadow:none;
}

.psup-service-detail-panel > *{
    margin-bottom:18px;
}

/* هدر بالای صفحه */
.psup-service-detail-head{
    min-height:58px;
    padding:0 4px 14px;
    background:transparent;
    border:0;
}

.psup-service-detail-head h2{
    font-size:20px;
}

.psup-service-detail-head > a{
    min-height:36px;
    padding:0 15px;
    border-radius:9px;
    background:#061a3a;
    color:#fff;
    font-size:12px;
    font-weight:950;
    box-shadow:0 10px 24px rgba(7,26,58,.18);
}

/* دو کارت بالای صفحه مثل نمونه */
.psup-detail-top-cards{
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.psup-current-status-box,
.psup-next-action-box{
    min-height:190px;
    border-radius:18px;
    padding:24px;
    background:
        linear-gradient(135deg,rgba(255,248,232,.75),rgba(255,255,255,.96) 45%,#fff);
    border:1px solid #e6edf5;
    box-shadow:0 18px 45px rgba(7,26,58,.065);
}

.psup-current-status-box:after,
.psup-next-action-box:after{
    left:36px;
    top:40px;
    width:118px;
    height:118px;
    opacity:.20;
}

.psup-current-status-title,
.psup-next-action-title{
    justify-content:flex-start;
    font-size:17px;
    margin-bottom:18px;
}

.psup-next-action-message{
    max-width:70%;
    color:#64748b;
    font-size:13px;
    font-weight:850;
    line-height:2.2;
}

/* روند پرونده شبیه تصویر مرجع */
.psup-request-stepper{
    padding:26px;
    border-radius:20px;
    background:
        linear-gradient(135deg,rgba(255,248,232,.75),#fff 38%,#fff);
    border:1px solid #e6edf5;
    box-shadow:0 18px 45px rgba(7,26,58,.065);
}

.psup-request-stepper h3{
    margin-bottom:28px;
}

.psup-request-steps{
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:14px;
}

.psup-request-steps:before{
    top:43px;
    right:7%;
    left:7%;
    height:2px;
    background:linear-gradient(90deg,#f0d39a,#bfe9cc,#bfe9cc);
}

.psup-request-step{
    min-height:116px;
    padding:18px 10px 14px;
    border-radius:16px;
    background:#fff;
    border:1px solid #dfe8f1;
    box-shadow:0 16px 34px rgba(7,26,58,.07);
}

.psup-request-step span{
    width:42px;
    height:42px;
    margin-bottom:13px;
    font-size:13px;
    box-shadow:0 10px 24px rgba(7,26,58,.08);
}

.psup-request-step strong{
    font-size:12px;
}

.psup-request-step.done{
    background:linear-gradient(180deg,#f0fff6,#ffffff);
}

.psup-request-step.current{
    background:linear-gradient(180deg,#fff8e8,#ffffff);
    border-color:#e7b85f;
}

/* کارت‌های اطلاعات زیر روند پرونده - فشرده‌تر و لاکچری‌تر */
.psup-request-info-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-top:20px;
}

.psup-request-info-grid > div{
    min-height:122px;
    padding:20px;
    border-radius:18px;
    background:#fff;
    border:1px solid #e6edf5;
    box-shadow:0 18px 42px rgba(7,26,58,.065);
}

.psup-request-info-grid > div:before{
    width:36px;
    height:36px;
    border-radius:11px;
    margin-bottom:12px;
}

/* تاریخ و ساعت داخل کارت‌ها واضح‌تر */
.psup-info-created .psup-datetime-badges,
.psup-license-review-datetime strong{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.psup-date-badge,
.psup-time-badge{
    min-height:32px;
    padding:0 12px;
    border-radius:10px;
}

/* وقت مراجعه حضوری مطابق تصویر */
.psup-visit-box{
    padding:24px;
    border-radius:20px;
    background:
        linear-gradient(135deg,rgba(255,248,232,.75),#ffffff 38%,#ffffff);
    border:1px solid #e6edf5;
    box-shadow:0 18px 45px rgba(7,26,58,.065);
}

.psup-visit-box .psup-license-review-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.psup-visit-box .psup-license-review-item{
    min-height:118px;
    border-radius:18px;
    padding:20px;
    background:#fff;
    box-shadow:0 16px 36px rgba(7,26,58,.06);
}

/* نتیجه نهایی VIP نزدیک‌تر به نمونه */
.psup-vip-final-result{
    min-height:210px;
    border-radius:20px;
    padding:28px;
    background:
        radial-gradient(circle at 18% 40%,rgba(231,184,95,.32),transparent 24%),
        linear-gradient(135deg,#061a3a 0%,#092653 48%,#061a3a 100%);
    border:1px solid rgba(231,184,95,.48);
    box-shadow:0 24px 70px rgba(7,26,58,.28);
}

.psup-vip-final-result h3{
    font-size:19px;
    margin-bottom:24px;
}

.psup-final-result-grid{
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.psup-final-result-item{
    min-height:116px;
    border-radius:18px;
    padding:20px;
    background:rgba(255,255,255,.085);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(8px);
}

/* مدارک و اطلاعات مورد نیاز - کارت‌های شبیه تصویر */
.psup-required-items-box{
    padding:26px;
    border-radius:20px;
    background:#fff;
    border:1px solid #e6edf5;
    box-shadow:0 18px 45px rgba(7,26,58,.065);
}

.psup-required-items-box h3{
    margin-bottom:16px;
}

.psup-required-items-box > p{
    margin-bottom:20px;
}

.psup-required-items-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.psup-required-item-card{
    min-height:260px;
    padding:22px;
    border-radius:20px;
    background:#fff;
    border:1px solid #e6edf5;
    box-shadow:0 18px 42px rgba(7,26,58,.07);
}

.psup-required-item-card:before{
    width:48px;
    height:48px;
    border-radius:15px;
    margin:0 auto 16px;
}

.psup-required-item-head{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:8px;
}

.psup-required-item-head strong{
    font-size:15px;
}

.psup-required-item-head span{
    font-size:12px;
}

.psup-required-item-head em{
    margin-top:4px;
}

.psup-required-item-description,
.psup-upload-help{
    text-align:center;
    font-size:12px;
}

.psup-required-item-card input[type="text"],
.psup-required-item-card textarea,
.psup-required-item-card input[type="file"]{
    margin-top:12px;
    background:#f8fafc;
}

.psup-required-item-approved{
    background:linear-gradient(180deg,#f0fff6,#ffffff);
    border-color:#bfe9cc;
}

.psup-required-item-submitted{
    background:linear-gradient(180deg,#f8fafc,#ffffff);
    border-color:#dbe3ef;
}

.psup-required-item-revision_required{
    background:linear-gradient(180deg,#fff7ed,#ffffff);
    border-color:#f0c36b;
}

.psup-required-item-revision_required{
    box-shadow:0 18px 42px rgba(245,158,11,.12);
}

.psup-required-items-box button[name="psup_required_items_submit"]{
    margin-top:18px;
    min-height:46px;
    border-radius:12px;
}

/* گفتگوی پرونده کمی مرتب‌تر */
.psup-request-messages-box{
    padding:24px;
    border-radius:20px;
    background:#fff;
    border:1px solid #e6edf5;
    box-shadow:0 18px 45px rgba(7,26,58,.065);
}

.psup-request-message-card{
    border-radius:18px;
}

.psup-request-message-head{
    min-height:54px;
}
/* آیکون عنوان گفتگوی پرونده */
.psup-request-messages-box h3{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    margin:0 0 22px;
    color:#071a3a;
    font-size:20px;
    font-weight:950;
}

.psup-request-messages-box h3:before{
    content:"";
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:12px;
    background-color:#fff8e8;
    border:1px solid #f0d39a;
    background-repeat:no-repeat;
    background-position:center;
    background-size:24px;
    background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 9h8'/%3E%3Cpath d='M8 13h5'/%3E%3C/svg%3E");
}
/* فرم ارسال پیام گفتگوی پرونده - Ultra Luxury */
.psup-request-message-form{
    margin-top:28px;
    padding:22px;
    border-radius:22px;
    background:
        radial-gradient(circle at 92% 20%, rgba(235,162,31,.10), transparent 32%),
        linear-gradient(135deg, #ffffff 0%, #fbfdff 48%, #fff8e8 100%);
    border:1px solid #e6edf5;
    box-shadow:0 18px 42px rgba(7,26,58,.075);
    display:grid;
    grid-template-columns:1fr auto;
    gap:16px;
    align-items:end;
}

.psup-request-message-form textarea{
    width:100%;
    min-height:118px;
    resize:vertical;
    padding:20px 22px;
    border-radius:18px;
    border:1px solid #dbe7f3;
    background:#ffffff;
    color:#071a3a;
    font-size:14px;
    font-weight:800;
    line-height:2;
    outline:none;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 12px 28px rgba(7,26,58,.045);
    transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.psup-request-message-form textarea::placeholder{
    color:#8a9ab1;
    font-size:13px;
    font-weight:700;
}

.psup-request-message-form textarea:focus{
    border-color:#f0b23a;
    background:#fffefd;
    box-shadow:
        0 0 0 4px rgba(235,162,31,.12),
        0 18px 36px rgba(7,26,58,.075);
}

.psup-request-message-form button{
    height:54px;
    min-width:142px;
    padding:0 24px;
    border:0;
    border-radius:15px;
    background:linear-gradient(135deg,#071a3a,#0b2b61);
    color:#ffffff;
    font-size:14px;
    font-weight:950;
    cursor:pointer;
    box-shadow:
        0 16px 28px rgba(7,26,58,.22),
        inset 0 1px 0 rgba(255,255,255,.16);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.psup-request-message-form button:before{
    content:"";
    width:18px;
    height:18px;
    flex:0 0 18px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:18px;
    background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2L15 22L11 13L2 9L22 2Z'/%3E%3C/svg%3E");
}

.psup-request-message-form button:hover{
    transform:translateY(-2px);
    background:linear-gradient(135deg,#092454,#0e3576);
    box-shadow:
        0 20px 34px rgba(7,26,58,.28),
        inset 0 1px 0 rgba(255,255,255,.18);
}

.psup-request-message-form button:active{
    transform:translateY(0);
}

@media(max-width:780px){
    .psup-request-message-form{
        grid-template-columns:1fr;
        padding:18px;
    }

    .psup-request-message-form button{
        width:100%;
    }
}
/* تاریخچه پرونده - VIP two column history */
.psup-request-timeline-box{
    padding:26px;
    border-radius:22px;
    background:#fff;
    border:1px solid #e6edf5;
    box-shadow:0 18px 45px rgba(7,26,58,.065);
}

.psup-request-timeline-box h3{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    margin:0 0 24px;
    color:#071a3a;
    font-size:20px;
    font-weight:950;
}

.psup-request-timeline-box h3:before{
    content:"";
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:12px;
    background-color:#fff8e8;
    border:1px solid #f0d39a;
    background-repeat:no-repeat;
    background-position:center;
    background-size:24px;
    background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 8v4l3 2'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");
}

.psup-request-timeline-vip-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px 46px;
    position:relative;
}

.psup-request-timeline-vip-grid:before{
    content:none !important;
}

.psup-request-timeline-vip-item{
    position:relative;
    min-height:88px;
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    gap:14px;
    align-items:center;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.psup-request-timeline-vip-item:before{
    content:"";
    position:absolute;
    right:26px;
    top:64px;
    bottom:-28px;
    width:2px;
    background:linear-gradient(180deg,#dbeafe,#e6edf5);
    border-radius:999px;
}

.psup-request-timeline-vip-item:nth-last-child(-n+2):before{
    display:none;
}

.psup-request-timeline-dot{
    display:none !important;
}

.psup-request-timeline-vip-icon{
    position:relative;
    width:48px;
    height:48px;
    border-radius:14px;
    background:#ffffff;
    border:1px solid #dbe6f2;
    box-shadow:0 12px 26px rgba(7,26,58,.08);
    background-repeat:no-repeat;
    background-position:center;
    background-size:28px;
    z-index:2;
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23071A3A' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h5'/%3E%3C/svg%3E");
}

.psup-request-timeline-vip-main{
    min-height:76px;
    padding:12px 16px;
    border-radius:14px;
    background:#fff;
    border:1px solid #e6edf5;
    box-shadow:0 12px 30px rgba(7,26,58,.055);
}

.psup-request-timeline-vip-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:4px;
}

.psup-request-timeline-vip-head strong{
    color:#071a3a;
    font-size:15px;
    font-weight:950;
    line-height:1.7;
}

.psup-request-timeline-datebox{
    border-left:0 !important;
    padding:0 !important;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.psup-request-timeline-vip-by{
    display:block;
    color:#64748b;
    font-size:12px;
    font-weight:850;
    line-height:1.8;
}

.psup-request-timeline-vip-main p{
    margin:6px 0 0;
    color:#071a3a;
    font-size:12px;
    font-weight:850;
    line-height:1.9;
}

/* آیکون‌های متفاوت بر اساس نوع رویداد */
.psup-timeline-type-request_created .psup-request-timeline-vip-icon{
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%230A336B' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5Z'/%3E%3C/svg%3E");
}

.psup-timeline-type-admin_request_status_changed .psup-request-timeline-vip-icon,
.psup-timeline-type-admin_license_status_changed .psup-request-timeline-vip-icon{
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%230A336B' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12a9 9 0 1 1-3-6.7'/%3E%3Cpath d='M21 3v6h-6'/%3E%3C/svg%3E");
}

.psup-timeline-type-message_created .psup-request-timeline-vip-icon,
.psup-timeline-type-admin_message_created .psup-request-timeline-vip-icon{
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%230A336B' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3C/svg%3E");
}

.psup-timeline-type-documents_uploaded .psup-request-timeline-vip-icon,
.psup-timeline-type-required_items_submitted .psup-request-timeline-vip-icon{
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%230A336B' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M17 8l-5-5-5 5'/%3E%3Cpath d='M12 3v12'/%3E%3C/svg%3E");
}

.psup-request-timeline-vip-head .psup-datetime-badges{
    gap:6px;
}

.psup-request-timeline-vip-head .psup-date-badge,
.psup-request-timeline-vip-head .psup-time-badge{
    min-height:26px;
    padding:0 8px;
    border-radius:999px;
    font-size:11px;
}
.psup-request-timeline-more{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:20px;
}

.psup-request-timeline-more button{
    min-height:44px;
    padding:0 24px;
    border:0;
    border-radius:12px;
    background:linear-gradient(135deg,#061a3a,#0b2858);
    color:#fff;
    font-size:13px;
    font-weight:950;
    cursor:pointer;
    box-shadow:0 14px 28px rgba(7,26,58,.22);
}

/* موبایل */
@media(max-width:900px){
    .psup-detail-top-cards,
    .psup-request-info-grid,
    .psup-required-items-list,
    .psup-final-result-grid,
    .psup-visit-box .psup-license-review-grid{
        grid-template-columns:1fr;
    }

    .psup-current-status-box,
    .psup-next-action-box{
        min-height:0;
    }

    .psup-next-action-message{
        max-width:100%;
    }

    .psup-request-steps{
        grid-template-columns:1fr;
    }

    .psup-request-step{
        min-height:86px;
    }

    .psup-required-item-card{
        min-height:auto;
    }
}

.psup-step-date,
.psup-step-time{
    font-size:11px;
    color:#94a3b8;
    margin-top:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
}

.psup-step-title{
    display:block;
    margin-top:6px;
    font-size:12px;
    font-weight:700;
}

.psup-step-icon{
    width:28px;
    height:28px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#e8f5ee;
    color:#22c55e;
    font-size:12px;
    margin:0 auto 6px;
}

.psup-request-step.done .psup-step-icon{
    background:#22c55e;
    color:#fff;
}

.psup-request-step.current .psup-step-icon{
    background:#fbbf24;
    color:#fff;
}
/* Stepper history date/time like reference image */
.psup-request-step .psup-step-history-date{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    flex-wrap:wrap;
    margin-top:8px;
    color:#51627a;
    font-size:11px;
    font-weight:900;
    line-height:1.4;
    direction:ltr;
}

.psup-request-step .psup-step-history-date-day,
.psup-request-step .psup-step-history-date-time{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-height:22px;
    padding:0 7px;
    border-radius:999px;
    font-size:10.5px;
    font-style:normal;
    font-weight:950;
    white-space:nowrap;
}

.psup-request-step .psup-step-history-date-day{
    background:#f0fff6;
    border:1px solid #caefd7;
    color:#078632;
}

.psup-request-step .psup-step-history-date-time{
    background:#eef8ff;
    border:1px solid #cfe9ff;
    color:#1467b4;
}

.psup-request-step .psup-step-history-date-day:before,
.psup-request-step .psup-step-history-date-time:before{
    content:"";
    width:13px;
    height:13px;
    flex:0 0 13px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:13px;
}

.psup-request-step .psup-step-history-date-day:before{
    background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.psup-request-step .psup-step-history-date-time:before{
    background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231684DF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}
/* تاریخ و ساعت کارت های اطلاعات پرونده */
.psup-datetime-badges{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    direction:ltr;
}

.psup-step-history-date-day,
.psup-step-history-date-time{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-height:24px;
    padding:0 8px;
    border-radius:999px;
    font-size:11px;
    font-weight:950;
    font-style:normal;
    white-space:nowrap;
}

.psup-step-history-date-day{
    background:#f0fff6;
    border:1px solid #caefd7;
    color:#078632;
}

.psup-step-history-date-time{
    background:#eef8ff;
    border:1px solid #cfe9ff;
    color:#1467b4;
}

.psup-step-history-date-day:before,
.psup-step-history-date-time:before{
    content:"";
    width:13px;
    height:13px;
    flex:0 0 13px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:13px;
}

.psup-step-history-date-day:before{
    background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.psup-step-history-date-time:before{
    background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231684DF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}
.psup-appointment-box{
    padding:24px;
    border-radius:20px;
    background:linear-gradient(135deg,rgba(255,248,232,.75),#fff 38%,#fff);
    border:1px solid #e6edf5;
    box-shadow:0 18px 45px rgba(7,26,58,.065);
}

.psup-appointment-box h3{
    justify-content:flex-start;
    margin-bottom:22px;
}

.psup-appointment-info-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.psup-appointment-card,
.psup-appointment-note-card{
    position:relative;
    min-height:118px;
    padding:24px 96px 22px 24px;
    border-radius:18px;
    background:#fff;
    border:1px solid #e6edf5;
    box-shadow:0 16px 36px rgba(7,26,58,.06);
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.psup-appointment-card:before{
    content:"";
    position:absolute;
    right:28px;
    top:50%;
    transform:translateY(-50%);
    width:58px;
    height:58px;
    border-radius:50%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:30px;
}

.psup-appointment-card-date:before{
    background-color:#eaf9ef;
    border:1px solid #c9efd5;
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.psup-appointment-card-time:before{
    background-color:#eef8ff;
    border:1px solid #cfe9ff;
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%231684DF' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.psup-appointment-card-location:before{
    background-color:#eef8ff;
    border:1px solid #cfe9ff;
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%231684DF' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s7-5.3 7-11a7 7 0 1 0-14 0c0 5.7 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.psup-appointment-card span,
.psup-appointment-note-card span{
    color:#64748b;
    font-size:12px;
    font-weight:900;
    margin-bottom:10px;
}

.psup-appointment-card strong,
.psup-appointment-note-card strong{
    color:#071a3a;
    font-size:14px;
    font-weight:950;
    line-height:1.9;
}

.psup-appointment-card .psup-step-history-date-day,
.psup-appointment-card .psup-step-history-date-time{
    width:max-content;
}

.psup-appointment-note-card{
    margin-top:18px;
    min-height:96px;
    padding:22px 24px;
}

.psup-request-timeline-vip-grid{
    grid-template-columns:1fr;
    gap:14px;
}

.psup-request-timeline-vip-item:nth-last-child(-n+2):before{
    display:block;
}

.psup-request-timeline-vip-item:last-child:before{
    display:none;
}

.psup-request-timeline-vip-head{
    flex-direction:column;
    align-items:flex-start;
}
@media(max-width:900px){
    .psup-appointment-info-cards{
        grid-template-columns:1fr;
    }

    .psup-appointment-card{
        padding:22px 92px 22px 20px;
    }
}
.psup-appointment-box h3{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
}

.psup-appointment-box h3:before{
    content:"";
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:12px;
    background-color:#fff8e8;
    border:1px solid #f0d39a;
    background-repeat:no-repeat;
    background-position:center;
    background-size:24px;
    background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M12 14v3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}
/* License review VIP cards */
.psup-license-review-box{
    padding:24px;
    border-radius:22px;
    background:linear-gradient(135deg,rgba(255,248,232,.78),#fff 38%,#fff);
    border:1px solid #e6edf5;
    box-shadow:0 18px 45px rgba(7,26,58,.065);
}

.psup-license-review-box h3{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    margin-bottom:22px;
}

.psup-license-review-vip-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.psup-license-review-vip-grid .psup-license-review-item{
    position:relative;
    min-height:132px;
    padding:26px 96px 24px 24px;
    border-radius:18px;
    background:#fff;
    border:1px solid #e6edf5;
    box-shadow:0 16px 36px rgba(7,26,58,.06);
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.psup-license-review-vip-grid .psup-license-review-item:before{
    content:"";
    position:absolute;
    right:28px;
    top:50%;
    transform:translateY(-50%);
    width:58px;
    height:58px;
    margin:0;
    border-radius:50%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:30px;
}

.psup-license-review-vip-grid .psup-license-review-status:before{
    background-color:#eaf9ef;
    border:1px solid #c9efd5;
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12l2 2 4-5'/%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M9 7h6'/%3E%3C/svg%3E");
}

.psup-license-review-vip-grid .psup-license-review-date:before{
    background-color:#eaf9ef;
    border:1px solid #c9efd5;
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.psup-license-review-vip-grid .psup-license-review-time:before{
    background-color:#eef8ff;
    border:1px solid #cfe9ff;
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%231684DF' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}

.psup-license-review-vip-grid .psup-license-review-note:before{
    background-color:#fff8e8;
    border:1px solid #f0d39a;
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%23EBA21F' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3C/svg%3E");
}

.psup-license-review-vip-grid .psup-license-review-address:before{
    background-color:#eef8ff;
    border:1px solid #cfe9ff;
    background-image:url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%231684DF' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21s7-5.3 7-11a7 7 0 1 0-14 0c0 5.7 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.psup-license-review-vip-grid .psup-license-review-note,
.psup-license-review-vip-grid .psup-license-review-address{
    grid-column:span 1;
    min-height:150px;
}

.psup-license-review-vip-grid .psup-license-review-note{
    grid-column:span 2;
    border-color:#f4d89c;
    background:linear-gradient(135deg,#fff8e8,#fff);
}

.psup-license-review-vip-grid .psup-license-review-item span{
    color:#64748b;
    font-size:12px;
    font-weight:900;
    margin-bottom:10px;
}

.psup-license-review-vip-grid .psup-license-review-item strong{
    color:#071a3a;
    font-size:14px;
    font-weight:950;
    line-height:1.9;
}

.psup-license-review-vip-grid .psup-step-history-date-day,
.psup-license-review-vip-grid .psup-step-history-date-time{
    width:max-content;
}

@media(max-width:900px){
    .psup-license-review-vip-grid{
        grid-template-columns:1fr;
    }

    .psup-license-review-vip-grid .psup-license-review-note,
    .psup-license-review-vip-grid .psup-license-review-address{
        grid-column:auto;
    }

    .psup-license-review-vip-grid .psup-license-review-item{
        padding:24px 92px 24px 20px;
    }
}
/* ===============================
   Mobile
================================ */

@media(max-width:900px){
    .psup-app{
        display:block;
    }

    .psup-main{
        margin:0;
        width:100%;
        min-height:100vh;
        padding:14px;
    }

    .psup-sidebar{
        position:fixed;
        top:0px;
        right:-300px;
        bottom:0;
        width:280px;
        height:100vh;
        min-height:100vh;
        z-index:10001;
        margin:0;
        border-radius:0 0 0 22px;
        transition:right .28s ease;
        overflow-y:auto;
        padding:44px 18px 28px;
        background-position:center bottom;
        background-size:100% auto;
        background-repeat:no-repeat;
        background-color:#03173f;
            }

    .psup-mobile-menu-toggle{
        position:absolute;
        opacity:0;
        pointer-events:none;
    }

    .psup-mobile-menu-toggle:checked ~ .psup-sidebar{
        right:0;
    }

    .psup-mobile-backdrop{
        display:none;
    }

    .psup-mobile-menu-toggle:checked ~ .psup-mobile-backdrop{
        display:block;
        position:fixed;
        inset:0;
        background:rgba(3,20,46,.62);
        z-index:10000;
    }

    .psup-mobile-menu-close{
        display:flex;
        position:absolute;
        top:12px;
        left:12px;
        width:34px;
        height:34px;
        align-items:center;
        justify-content:center;
        border-radius:50%;
        background:rgba(255,255,255,.12);
        color:#fff;
        font-size:24px;
        cursor:pointer;
        z-index:2;
    }

    body:has(#psup-mobile-menu-toggle:checked){
        overflow:hidden;
    }

    .psup-mobile-header-actions{
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        order:1;
    }

    .psup-mobile-menu-button,
    .psup-mobile-logout{
        width:46px;
        height:46px;
        border-radius:12px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        background:#061a3a;
        color:#fff;
        border:1px solid rgba(231,184,95,.35);
        text-decoration:none;
        cursor:pointer;
    }

    .psup-mobile-menu-button{
        flex-direction:column;
        gap:5px;
    }

    .psup-mobile-menu-button span{
        display:block;
        width:22px;
        height:2px;
        border-radius:999px;
        background:#fff;
    }

    .psup-mobile-logout{
        color:#ff3b3b;
        font-size:22px;
        font-weight:950;
    }

    .psup-topbar{
        display:grid;
        grid-template-columns:1fr;
        gap:14px;
        text-align:center;
        padding:16px;
    }

    .psup-header-profile{
    display:grid;
    grid-template-columns:54px 185px;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
}

    .psup-header-profile .psup-kicker{
        grid-column:1 / 3;
        justify-self:center;
        width: 100%;
    }

    .psup-user-avatar{
    width:54px;
    height:54px;
    margin:0;
    border-radius:8px;
    grid-column:1;
    grid-row:2;
    align-self:center;
    justify-self:center;
}

    .psup-user-welcome-text{
    width:185px;
    text-align:center;
    grid-column:2;
    grid-row:2;
    align-self:center;
    justify-self:center;
}

    .psup-user-welcome-text h1{
        font-size:18px;
        line-height:1.6;
    }

    .psup-user-welcome-text p{
        font-size:13px;
    }

    .psup-topbar-actions{
    display:grid;
    grid-template-columns:54px 185px;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
}

    .psup-customer-chip{
    width:185px;
    min-width:185px;
    justify-content:center;
    grid-column:2;
}

    .psup-notification-bell{
    width:54px;
    flex:0 0 54px;
    grid-column:1;
    justify-self:center;
}

    .psup-grid,
    .psup-stats,
    .psup-dashboard-service-cards,
    .psup-detail-grid{
        grid-template-columns:1fr;
    }

    .psup-card{
    min-height:126px;
    padding:26px 22px 24px 102px;
}

.psup-card:before{
    left:24px;
    width:66px;
    height:66px;
    background-size:34px;
}

    .psup-dashboard-mini-grid{
    grid-template-columns:1fr;
    gap:9px;
}

.psup-dashboard-mini-grid > div{
    min-height:68px;
    padding:10px;
}

.psup-dashboard-mini-grid strong{
    font-size:13px;
}

.psup-dashboard-mini-grid .psup-status{
    width:auto;
    max-width:100%;
}

    .psup-section-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .psup-section-head a{
        width:100%;
    }

    .psup-table-wrap{
        border:none;
        overflow:visible;
        background:transparent;
    }

    .psup-table,
    .psup-table thead,
    .psup-table tbody,
    .psup-table tr,
    .psup-table th,
    .psup-table td{
        display:block;
        width:100%;
    }

    .psup-table thead{
        display:none;
    }

    .psup-table tbody tr{
        background:#fff;
        border:1px solid #e7ebf0;
        border-radius:10px;
        margin-bottom:12px;
        padding:12px;
        box-shadow:0 12px 26px rgba(7,26,58,.07);
    }

    .psup-table td{
        display:grid;
        grid-template-columns:120px minmax(0,1fr);
        gap:10px;
        text-align:right;
        padding:10px 0;
        border-bottom:1px dashed #edf0f4;
        background:transparent;
    }

    .psup-table td:last-child{
        border-bottom:none;
        display:block;
    }

    .psup-table td::before{
        color:#67758d;
        font-weight:950;
        font-size:12px;
    }

    .psup-table td:nth-child(1)::before{content:"کد پیگیری";}
    .psup-table td:nth-child(2)::before{content:"نوع خدمت";}
    .psup-table td:nth-child(3)::before{content:"نوع ویزا / زیرمجموعه";}
    .psup-table td:nth-child(4)::before{content:"وضعیت";}
    .psup-table td:nth-child(5)::before{content:"تاریخ";}
    .psup-table td:nth-child(6)::before{content:"جزئیات";}

    .psup-detail-link{
        width:100%;
    }

    .psup-notification-dropdown{
    position:fixed;
    top:50%;
    left:50%;
    right:auto;
    width:min(390px, calc(100vw - 28px));
    max-height:calc(100vh - 70px);
    transform:translate(-50%,-50%) scale(.96);
    overflow:hidden;
    z-index:10050;
}

.psup-notification-dropdown:before{
    display:none;
}

.psup-notification-dropdown-wrap.is-open .psup-notification-dropdown{
    transform:translate(-50%,-50%) scale(1);
}

.psup-notification-dropdown-list{
    max-height:calc(100vh - 210px);
    overflow-y:auto;
}
    .psup-per-page-form{
    justify-content:center;
    margin-bottom:14px;
}

.psup-per-page-form label{
    width:100%;
    justify-content:center;
}

.psup-pagination{
    flex-wrap:wrap;
    gap:7px;
}

.psup-pagination a,
.psup-pagination span{
    min-width:34px;
    height:34px;
    font-size:12px;
}
    .psup-profile-panel .psup-detail-grid,
.psup-profile-edit-grid{
    grid-template-columns:1fr;
}

.psup-profile-panel{
    padding:16px;
}

.psup-profile-panel .psup-detail-grid > div{
    min-height:104px;
}

.psup-profile-submit,
.psup-profile-edit-cancel,
.psup-profile-edit-toggle{
    width:100%;
    margin-top:8px;
}
    .psup-notifications-panel{
    padding:16px;
}

.psup-notifications-head{
    align-items:stretch;
}

.psup-notifications-toolbar{
    display:grid;
    grid-template-columns:1fr;
}

.psup-notifications-toolbar a{
    width:100%;
}

.psup-notification-header{
    flex-direction:column;
}

.psup-notification-header time{
    width:100%;
    text-align:right;
}

.psup-notification-footer{
    display:grid;
    grid-template-columns:1fr;
}

.psup-notification-view-request,
.psup-notification-read-one,
.psup-notification-read-all{
    width:100%;
}
    .psup-request-steps{
    grid-template-columns:1fr;
}

.psup-request-message-head{
    flex-direction:column;
}

.psup-request-message-form button{
    width:100%;
}

.psup-current-status-box,
.psup-next-action-box,
.psup-request-stepper,
.psup-note-box{
    padding:16px;
}

.psup-detail-grid > div{
    min-height:92px;
}
    .psup-detail-top-cards,
.psup-license-review-grid{
    grid-template-columns:1fr;
}

.psup-license-review-note,
.psup-license-review-address{
    grid-column:auto;
}

.psup-request-message-form button{
    width:100%;
}
}
/* FIX LAYOUT ROOT */
body.psup-dashboard-body {
    direction: rtl;
    background: #f7f8fb;
}

.psup-app {
    display: block;
    min-height: 100vh;
}
/* FORCE VIP TIMELINE FINAL OVERRIDE */

.psup-request-timeline-box .psup-request-timeline-vip-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px 46px !important;
    position:relative !important;
}

.psup-request-timeline-box .psup-request-timeline-vip-grid:before,
.psup-request-timeline-box .psup-request-timeline:before{
    content:none !important;
    display:none !important;
}

.psup-request-timeline-box .psup-request-timeline-vip-item{
    position:relative !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
    min-height:88px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.psup-request-timeline-box .psup-request-timeline-vip-item:before{
    content:"" !important;
    position:absolute !important;
    right:26px !important;
    top:64px !important;
    bottom:-28px !important;
    width:2px !important;
    background:linear-gradient(180deg,#dbeafe,#e6edf5) !important;
    border-radius:999px !important;
}

.psup-request-timeline-box .psup-request-timeline-vip-item:nth-last-child(-n+2):before{
    display:none !important;
}

.psup-request-timeline-box .psup-request-timeline-dot{
    display:none !important;
}

.psup-request-timeline-box .psup-request-timeline-vip-icon{
    position:relative !important;
    width:48px !important;
    height:48px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid #dbe6f2 !important;
    box-shadow:0 12px 26px rgba(7,26,58,.08) !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:28px !important;
    z-index:2 !important;
    background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%230A336B' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12a9 9 0 1 1-3-6.7'/%3E%3Cpath d='M21 3v6h-6'/%3E%3C/svg%3E") !important;
}

.psup-request-timeline-box .psup-request-timeline-vip-main{
    min-height:76px !important;
    padding:12px 16px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid #e6edf5 !important;
    box-shadow:0 12px 30px rgba(7,26,58,.055) !important;
}

.psup-request-timeline-box .psup-request-timeline-vip-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin-bottom:4px !important;
}

.psup-request-timeline-box .psup-request-timeline-vip-head strong{
    color:#071a3a !important;
    font-size:15px !important;
    font-weight:950 !important;
    line-height:1.7 !important;
}

.psup-request-timeline-box .psup-request-timeline-datebox{
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
}

.psup-request-timeline-box .psup-request-timeline-vip-by{
    display:block !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1.8 !important;
}

.psup-request-timeline-box .psup-request-timeline-vip-main p{
    margin:6px 0 0 !important;
    color:#071a3a !important;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1.9 !important;
}

@media(max-width:900px){
    .psup-request-timeline-box .psup-request-timeline-vip-grid{
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    .psup-request-timeline-box .psup-request-timeline-vip-item:nth-last-child(-n+2):before{
        display:block !important;
    }

    .psup-request-timeline-box .psup-request-timeline-vip-item:last-child:before{
        display:none !important;
    }

    .psup-request-timeline-box .psup-request-timeline-vip-head{
        flex-direction:column !important;
        align-items:flex-start !important;
    }
}
/* Timeline ordering + show more */

.psup-request-timeline-vip-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.psup-request-timeline-vip-icon span{
    width:28px;
    height:28px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#eef6ff;
    color:#0a336b;
    font-size:13px;
    font-weight:950;
    box-shadow:inset 0 0 0 1px #dbeafe;
}

.psup-request-timeline-vip-by{
    color:#64748b !important;
    font-size:12px !important;
    font-weight:900 !important;
}

.psup-timeline-hidden-item{
    display:none !important;
}

.psup-request-timeline-box.is-expanded .psup-timeline-hidden-item{
    display:grid !important;
}

.psup-request-timeline-more{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:24px;
}

.psup-request-timeline-more button{
    min-height:42px;
    padding:0 24px;
    border:0;
    border-radius:12px;
    background:linear-gradient(135deg,#061a3a,#0b2858);
    color:#fff;
    font-size:13px;
    font-weight:950;
    cursor:pointer;
    box-shadow:0 14px 30px rgba(7,26,58,.22);
    transition:.22s ease;
}

.psup-request-timeline-more button:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 40px rgba(7,26,58,.28);
}
.psup-request-timeline-box .psup-request-timeline-vip-icon{
    background-image:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.psup-request-timeline-box .psup-request-timeline-vip-icon span{
    width:32px;
    height:32px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#eef6ff,#ffffff);
    border:1px solid #cfe0f5;
    color:#0a336b;
    font-size:13px;
    font-weight:950;
    box-shadow:0 8px 18px rgba(7,26,58,.10);
}
.psup-request-timeline-box:not(.is-expanded) .psup-timeline-hidden-item{
    display:none !important;
}

.psup-request-timeline-box.is-expanded .psup-timeline-hidden-item{
    display:grid !important;
}
/* ===============================
   ParastooSeir Ultra Luxury Login
================================ */

html,
body.psup-dashboard-body{
    min-height:100%;
}

.psup-login-ultra{
    min-height:100vh;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;
    padding:32px;
    background:
        radial-gradient(circle at 18% 18%,rgba(231,184,95,.20),transparent 28%),
        radial-gradient(circle at 82% 24%,rgba(6,26,58,.16),transparent 30%),
        linear-gradient(135deg,#f7f9fc 0%,#ffffff 42%,#f4f7fb 100%);
}

.psup-login-ultra:before{
    content:"";
    position:absolute;
    inset:-40%;
    background:
        linear-gradient(115deg,transparent 35%,rgba(231,184,95,.16) 48%,transparent 60%),
        linear-gradient(245deg,transparent 35%,rgba(6,26,58,.08) 48%,transparent 60%);
    animation:psupLoginLightSweep 11s linear infinite;
    pointer-events:none;
}

.psup-login-ultra:after{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(6,26,58,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(6,26,58,.035) 1px,transparent 1px);
    background-size:44px 44px;
    mask-image:radial-gradient(circle at center,black 0%,transparent 72%);
    pointer-events:none;
}

.psup-login-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(2px);
    opacity:.75;
    pointer-events:none;
    animation:psupLoginFloat 8s ease-in-out infinite;
}

.psup-login-orb-one{
    width:220px;
    height:220px;
    right:14%;
    top:16%;
    background:radial-gradient(circle,#fff4d8 0%,rgba(231,184,95,.28) 45%,transparent 72%);
}

.psup-login-orb-two{
    width:280px;
    height:280px;
    left:10%;
    bottom:10%;
    background:radial-gradient(circle,#dbeafe 0%,rgba(6,26,58,.12) 44%,transparent 72%);
    animation-delay:-2s;
}

.psup-login-orb-three{
    width:150px;
    height:150px;
    left:28%;
    top:18%;
    background:radial-gradient(circle,#ffffff 0%,rgba(231,184,95,.20) 48%,transparent 72%);
    animation-delay:-4s;
}

.psup-login-ultra-card{
    width:min(100%,460px);
    position:relative;
    z-index:2;
    padding:42px 34px 34px;
    border-radius:32px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.84)),
        radial-gradient(circle at top right,rgba(231,184,95,.18),transparent 42%);
    border:1px solid rgba(231,184,95,.42);
    box-shadow:
        0 32px 80px rgba(7,26,58,.18),
        inset 0 1px 0 rgba(255,255,255,.88);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    animation:psupLoginCardIn .8s cubic-bezier(.2,.9,.2,1) both;
}

.psup-login-ultra-card:before{
    content:"";
    position:absolute;
    inset:12px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.72);
    pointer-events:none;
}

.psup-login-ultra-card:after{
    content:"";
    position:absolute;
    top:-1px;
    right:34px;
    left:34px;
    height:2px;
    background:linear-gradient(90deg,transparent,#e7b85f,transparent);
    opacity:.95;
}

.psup-login-logo-wrap{
    width:88px;
    height:88px;
    margin:0 auto 22px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:28px;
    background:linear-gradient(145deg,#061a3a,#0b2c64);
    box-shadow:
        0 18px 42px rgba(7,26,58,.28),
        0 0 0 8px rgba(231,184,95,.12);
}

.psup-login-logo-wrap:before{
    content:"";
    position:absolute;
    inset:-10px;
    border-radius:34px;
    border:1px solid rgba(231,184,95,.55);
    animation:psupLoginPulse 2.8s ease-in-out infinite;
}

.psup-login-logo-wrap img{
    max-width:62px;
    max-height:62px;
    object-fit:contain;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));
}

.psup-login-title-block{
    text-align:center;
    margin-bottom:26px;
}

.psup-login-kicker{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 14px;
    margin-bottom:12px;
    border-radius:999px;
    background:#fff8e8;
    border:1px solid #f0d39a;
    color:#9f6b12;
    font-size:11px;
    font-weight:950;
    letter-spacing:.4px;
}

.psup-login-title-block h1{
    margin:0 0 12px;
    color:#061a3a;
    font-size:30px;
    font-weight:950;
    line-height:1.5;
}

.psup-login-title-block p{
    margin:0;
    color:#64748b;
    font-size:13px;
    font-weight:850;
    line-height:2;
}

.psup-login-error{
    margin:0 0 18px;
    border-radius:16px;
    font-size:13px;
    font-weight:900;
}

.psup-login-ultra-form{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.psup-login-field{
    position:relative;
    display:block;
}

.psup-login-field span{
    display:block;
    margin:0 0 8px;
    color:#071a3a;
    font-size:13px;
    font-weight:950;
}

.psup-login-field:before{
    content:"";
    position:absolute;
    right:14px;
    bottom:13px;
    width:24px;
    height:24px;
    z-index:2;
    background-repeat:no-repeat;
    background-position:center;
    background-size:22px;
    opacity:.78;
}

.psup-login-field-mobile:before{
    background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23E7B85F' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
}

.psup-login-field-code:before{
    background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23E7B85F' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7a4 4 0 1 0-3.5 6'/%3E%3Cpath d='M14 14l7-7'/%3E%3Cpath d='M18 7h3v3'/%3E%3Cpath d='M6 20h12'/%3E%3C/svg%3E");
}

.psup-login-field input{
    width:100%;
    min-height:56px;
    padding:0 48px 0 16px;
    border-radius:18px;
    border:1px solid #dbe3ef;
    background:linear-gradient(180deg,#ffffff,#f8fafc);
    color:#061a3a;
    font-size:15px;
    font-weight:900;
    outline:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
    transition:.22s ease;
}

.psup-login-field input:focus{
    border-color:#e7b85f;
    box-shadow:
        0 0 0 4px rgba(231,184,95,.16),
        0 12px 26px rgba(7,26,58,.08);
    background:#fff;
}

.psup-login-ultra-form button{
    position:relative;
    min-height:58px;
    margin-top:6px;
    border:0;
    border-radius:18px;
    background:
        linear-gradient(135deg,#061a3a 0%,#0a2d66 58%,#061a3a 100%);
    color:#fff;
    font-size:15px;
    font-weight:950;
    cursor:pointer;
    overflow:hidden;
    box-shadow:0 18px 34px rgba(7,26,58,.25);
    transition:.22s ease;
}

.psup-login-ultra-form button:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg,transparent 20%,rgba(231,184,95,.42) 46%,transparent 70%);
    transform:translateX(120%);
    animation:psupLoginButtonShine 3.4s ease-in-out infinite;
}

.psup-login-ultra-form button span{
    position:relative;
    z-index:2;
}

.psup-login-ultra-form button em{
    position:absolute;
    left:16px;
    top:50%;
    width:30px;
    height:30px;
    transform:translateY(-50%);
    border-radius:12px;
    background:#fff8e8;
    background-repeat:no-repeat;
    background-position:center;
    background-size:18px;
    background-image:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23061A3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
    z-index:2;
}

.psup-login-ultra-form button:hover{
    transform:translateY(-2px);
    box-shadow:0 24px 44px rgba(7,26,58,.32);
}

.psup-login-secure-note{
    margin:22px auto 0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#64748b;
    font-size:12px;
    font-weight:900;
}

.psup-login-secure-note span{
    width:22px;
    height:22px;
    border-radius:8px;
    background:#ecfdf3;
    border:1px solid #bbf7d0;
    background-repeat:no-repeat;
    background-position:center;
    background-size:15px;
    background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

@keyframes psupLoginCardIn{
    from{
        opacity:0;
        transform:translateY(24px) scale(.96);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes psupLoginFloat{
    0%,100%{
        transform:translate3d(0,0,0) scale(1);
    }
    50%{
        transform:translate3d(0,-18px,0) scale(1.04);
    }
}

@keyframes psupLoginPulse{
    0%,100%{
        opacity:.55;
        transform:scale(1);
    }
    50%{
        opacity:1;
        transform:scale(1.08);
    }
}

@keyframes psupLoginLightSweep{
    from{
        transform:translateX(-8%) rotate(0deg);
    }
    to{
        transform:translateX(8%) rotate(360deg);
    }
}

@keyframes psupLoginButtonShine{
    0%,55%{
        transform:translateX(120%);
    }
    75%,100%{
        transform:translateX(-120%);
    }
}

@media(max-width:700px){
    .psup-login-ultra{
        padding:18px;
        min-height:100svh;
    }

    .psup-login-ultra-card{
        width:100%;
        padding:34px 22px 26px;
        border-radius:26px;
    }

    .psup-login-title-block h1{
        font-size:25px;
    }

    .psup-login-title-block p{
        font-size:12px;
    }

    .psup-login-logo-wrap{
        width:76px;
        height:76px;
        border-radius:24px;
    }

    .psup-login-logo-wrap img{
        max-width:54px;
        max-height:54px;
    }

    .psup-login-field input{
        min-height:54px;
    }
}
.psup-login-field-otp:before{
    background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23E7B85F' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='11' width='18' height='10' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3Cpath d='M12 15v2'/%3E%3C/svg%3E");
}

.psup-login-field input[readonly]{
    background:#f1f5f9;
    color:#64748b;
    cursor:not-allowed;
}

.psup-login-otp-sent{
    margin:0 0 18px;
    padding:13px 15px;
    border-radius:16px;
    background:linear-gradient(135deg,#ecfdf3,#ffffff);
    border:1px solid #bbf7d0;
    color:#166534;
    font-size:13px;
    font-weight:900;
    line-height:2;
    text-align:center;
}

.psup-login-otp-sent strong{
    color:#061a3a;
    font-weight:950;
}

.psup-login-resend-btn{
    min-height:46px !important;
    margin-top:0 !important;
    background:linear-gradient(135deg,#fff8e8,#ffffff) !important;
    color:#9f6b12 !important;
    border:1px solid #f0d39a !important;
    box-shadow:0 12px 26px rgba(231,184,95,.14) !important;
}

.psup-login-resend-btn:before,
.psup-login-resend-btn em{
    display:none !important;
}
.psup-login-resend-btn:disabled{
    opacity:.68 !important;
    cursor:not-allowed !important;
    filter:grayscale(.15);
    transform:none !important;
}

.psup-otp-countdown{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:26px;
    height:26px;
    margin:0 4px;
    border-radius:999px;
    background:#061a3a;
    color:#fff;
    font-size:12px;
    font-weight:950;
}
.psup-login-ajax-message{
    margin:0 0 16px !important;
    border-radius:16px !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:2 !important;
    text-align:center !important;
}

.psup-login-ultra-form button:disabled{
    opacity:.72;
    cursor:not-allowed;
}
.psup-hidden{
    display:none !important;
}

.psup-login-otp-area{
    display:none;
    flex-direction:column;
    gap:16px;
}

.psup-login-otp-area.is-visible{
    display:flex;
}
.psup-nav-locked{
    opacity:.45;
    pointer-events:none;
    position:relative;
    filter:grayscale(.35);
}

.psup-email-verification-warning{
    margin:0 0 22px;
    padding:18px 20px;
    border-radius:20px;
    background:linear-gradient(135deg,#fff8e8,#ffffff);
    border:1px solid #f0d39a;
    box-shadow:0 18px 42px rgba(231,184,95,.14);
    color:#071a3a;
}

.psup-email-verification-warning strong{
    display:block;
    font-size:16px;
    font-weight:950;
    margin-bottom:6px;
}

.psup-email-verification-warning span{
    display:block;
    color:#8a5a10;
    font-size:13px;
    font-weight:850;
    line-height:2;
}
.psup-nav-locked{
    opacity:.45;
    pointer-events:none;
    position:relative;
    filter:grayscale(.35);
}

.psup-nav-locked:after{
    content:"";
    margin-right:auto;
    width:18px;
    height:18px;
    display:block;
    flex-shrink:0;

    background-repeat:no-repeat;
    background-position:center;
    background-size:18px 18px;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 118 0v3'/%3E%3C/svg%3E");
}
/* Email Activation Ultra Luxury Card */
.psup-email-activation-card{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:82px minmax(0,1fr) auto;
    gap:22px;
    align-items:center;
    margin:0 0 24px;
    padding:24px;
    border-radius:26px;
    background:
        radial-gradient(circle at 15% 20%,rgba(231,184,95,.22),transparent 34%),
        linear-gradient(135deg,#071a3a 0%,#0b2b62 52%,#061a3a 100%);
    border:1px solid rgba(231,184,95,.45);
    box-shadow:0 28px 70px rgba(7,26,58,.26);
    color:#fff;
}

.psup-email-activation-glow{
    position:absolute;
    inset:-60%;
    background:
        linear-gradient(115deg,transparent 38%,rgba(231,184,95,.28) 48%,transparent 58%);
    animation:psupEmailActivationSweep 7s linear infinite;
    pointer-events:none;
}

.psup-email-activation-icon{
    position:relative;
    z-index:2;
    width:72px;
    height:72px;
    border-radius:24px;
    background:linear-gradient(145deg,#fff8e8,#e7b85f);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:
        0 18px 38px rgba(0,0,0,.22),
        0 0 0 8px rgba(255,248,232,.08);
}

.psup-email-activation-icon:before{
    content:"";
    position:absolute;
    inset:-9px;
    border-radius:30px;
    border:1px solid rgba(231,184,95,.75);
    animation:psupEmailActivationPulse 2.7s ease-in-out infinite;
}

.psup-email-activation-icon span{
    width:38px;
    height:38px;
    display:block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:38px;
    background-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%23071A3A' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3Cpath d='M16 19l2 2 4-4'/%3E%3C/svg%3E");
}

.psup-email-activation-content{
    position:relative;
    z-index:2;
}

.psup-email-activation-kicker{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 13px;
    margin-bottom:10px;
    border-radius:999px;
    background:rgba(255,248,232,.12);
    border:1px solid rgba(231,184,95,.42);
    color:#f7d994;
    font-size:11px;
    font-weight:950;
}

.psup-email-activation-content h3{
    margin:0 0 8px;
    color:#fff;
    font-size:22px;
    font-weight:950;
    line-height:1.6;
}

.psup-email-activation-content p{
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:13px;
    font-weight:800;
    line-height:2.1;
}

.psup-email-activation-steps{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

.psup-email-activation-steps span{
    min-height:30px;
    display:inline-flex;
    align-items:center;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.13);
    color:#fff;
    font-size:11px;
    font-weight:900;
}

.psup-email-activation-action{
    position:relative;
    z-index:2;
    min-width:170px;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:10px;
}

.psup-email-activation-action a{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 20px;
    border-radius:15px;
    background:linear-gradient(135deg,#fff8e8,#e7b85f);
    color:#071a3a;
    font-size:13px;
    font-weight:950;
    text-decoration:none;
    box-shadow:0 18px 34px rgba(0,0,0,.22);
    transition:.22s ease;
}

.psup-email-activation-action a:hover{
    transform:translateY(-2px);
}

.psup-email-activation-action small{
    color:rgba(255,255,255,.68);
    font-size:11px;
    font-weight:850;
    line-height:1.8;
    text-align:left;
}

@keyframes psupEmailActivationSweep{
    from{
        transform:translateX(20%) rotate(0deg);
    }
    to{
        transform:translateX(-20%) rotate(360deg);
    }
}

@keyframes psupEmailActivationPulse{
    0%,100%{
        opacity:.55;
        transform:scale(1);
    }
    50%{
        opacity:1;
        transform:scale(1.08);
    }
}

@media(max-width:900px){
    .psup-email-activation-card{
        grid-template-columns:1fr;
        text-align:center;
        padding:24px 18px;
    }

    .psup-email-activation-icon{
        margin:0 auto;
    }

    .psup-email-activation-action{
        align-items:center;
    }

    .psup-email-activation-action small{
        text-align:center;
    }

    .psup-email-activation-steps{
        justify-content:center;
    }
}
.psup-email-activation-form-card{
    margin:0 0 24px;
    padding:24px;
    border-radius:24px;
    background:#fff;
    border:1px solid #e6edf5;
    box-shadow:0 18px 44px rgba(7,26,58,.07);
}

.psup-email-activation-form-card h3{
    margin:0 0 8px;
    color:#071a3a;
    font-size:20px;
    font-weight:950;
}

.psup-email-activation-form-card p{
    margin:0 0 18px;
    color:#64748b;
    font-size:13px;
    font-weight:850;
    line-height:2;
}

.psup-email-activation-form{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.psup-email-activation-field span{
    display:block;
    margin:0 0 8px;
    color:#071a3a;
    font-size:13px;
    font-weight:950;
}

.psup-email-activation-field input{
    width:100%;
    min-height:54px;
    padding:0 16px;
    border-radius:16px;
    border:1px solid #dbe3ef;
    background:#fff;
    color:#071a3a;
    font-size:15px;
    font-weight:900;
    outline:none;
}

.psup-email-activation-field input:focus{
    border-color:#e7b85f;
    box-shadow:0 0 0 4px rgba(231,184,95,.15);
}

.psup-email-activation-send,
.psup-email-activation-resend{
    min-height:50px;
    border:0;
    border-radius:16px;
    background:linear-gradient(135deg,#061a3a,#0b2c64);
    color:#fff;
    font-size:14px;
    font-weight:950;
    cursor:pointer;
    box-shadow:0 16px 34px rgba(7,26,58,.22);
}

.psup-email-activation-resend{
    background:linear-gradient(135deg,#fff8e8,#ffffff);
    color:#9f6b12;
    border:1px solid #f0d39a;
    box-shadow:0 12px 26px rgba(231,184,95,.14);
}

.psup-email-activation-resend:disabled{
    opacity:.65;
    cursor:not-allowed;
}

.psup-email-activation-otp-area{
    display:none;
    flex-direction:column;
    gap:16px;
}

.psup-email-activation-otp-area.is-visible{
    display:flex;
}

.psup-email-activation-message{
    padding:13px 15px;
    border-radius:16px;
    font-size:13px;
    font-weight:900;
    line-height:2;
    text-align:center;
}

.psup-email-activation-message.success{
    background:#ecfdf3;
    border:1px solid #bbf7d0;
    color:#166534;
}

.psup-email-activation-message.error{
    background:#fff1f2;
    border:1px solid #fecdd3;
    color:#be123c;
}
.psup-profile-email-live-message{
    margin-top:8px;
    font-size:12px;
    font-weight:800;
    line-height:1.8;
}

.psup-profile-email-live-message.is-checking{
    color:#8a6a20;
}

.psup-profile-email-live-message.is-success{
    color:#16804a;
}

.psup-profile-email-live-message.is-error{
    color:#b3261e;
}

.psup-profile-submit:disabled{
    opacity:.55;
    cursor:not-allowed;
    filter:grayscale(.3);
}
.psup-profile-email-verify-box{
    margin-top:12px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.psup-profile-email-send-code,
.psup-profile-email-verify-code{
    border:0;
    border-radius:14px;
    padding:11px 16px;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
    background:linear-gradient(135deg,#061a3a,#123b78);
    color:#fff;
    box-shadow:0 12px 26px rgba(6,26,58,.18);
}

.psup-profile-email-send-code:disabled,
.psup-profile-email-verify-code:disabled{
    opacity:.55;
    cursor:not-allowed;
    filter:grayscale(.4);
}

.psup-profile-email-otp-wrap{
    display:none;
    gap:8px;
    align-items:center;
}

.psup-profile-email-otp-wrap.is-visible{
    display:flex;
}

.psup-profile-email-otp-input{
    max-width:180px;
    text-align:center;
    direction:ltr;
    letter-spacing:4px;
    font-weight:900;
}

.psup-profile-email-live-message{
    margin-top:8px;
    font-size:12px;
    font-weight:800;
    line-height:1.8;
}

.psup-profile-email-live-message.is-checking{
    color:#8a6a20;
}

.psup-profile-email-live-message.is-success{
    color:#16804a;
}

.psup-profile-email-live-message.is-error{
    color:#b3261e;
}

.psup-profile-submit:disabled{
    opacity:.55;
    cursor:not-allowed;
    filter:grayscale(.3);
}
.psup-profile-pending-vip-card{
    position:relative;
    overflow:hidden;
    display:flex;
    gap:22px;
    align-items:flex-start;
    padding:26px;
    margin:22px 0;
    border-radius:24px;
    background:
        radial-gradient(circle at top right, rgba(231,184,95,.22), transparent 34%),
        linear-gradient(135deg, #ffffff, #f8fbff);
    border:1px solid rgba(231,184,95,.42);
    box-shadow:0 22px 55px rgba(6,26,58,.10);
}

.psup-profile-pending-vip-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    flex:0 0 58px;
    background:
        linear-gradient(135deg, rgba(231,184,95,.22), rgba(255,255,255,.9));
    border:1px solid rgba(231,184,95,.55);
    box-shadow:0 14px 30px rgba(231,184,95,.22);
    position:relative;
}

.psup-profile-pending-vip-icon:before{
    content:"";
    position:absolute;
    inset:15px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23d99b2b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 15a4 4 0 01-4 4H8l-5 3V7a4 4 0 014-4h10a4 4 0 014 4v8z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.psup-profile-pending-vip-content{
    width:100%;
}

.psup-profile-pending-vip-content h3{
    margin:0 0 18px;
    color:#061a3a;
    font-size:20px;
    font-weight:950;
}

.psup-profile-pending-vip-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.psup-profile-pending-vip-item{
    min-height:92px;
    padding:16px 18px;
    border-radius:18px;
    background:rgba(255,255,255,.78);
    border:1px solid #e8edf5;
    box-shadow:0 12px 28px rgba(6,26,58,.06);
}

.psup-profile-pending-vip-item span{
    display:block;
    margin-bottom:10px;
    color:#71809a;
    font-size:12px;
    font-weight:900;
}

.psup-profile-pending-vip-item strong{
    display:block;
    color:#061a3a;
    font-size:14px;
    font-weight:950;
    line-height:1.9;
}

.psup-profile-pending-date .psup-datetime-badges{
    justify-content:flex-start;
}

@media (max-width:768px){
    .psup-profile-pending-vip-card{
        flex-direction:column;
        padding:20px;
    }

    .psup-profile-pending-vip-grid{
        grid-template-columns:1fr;
    }
}
.psup-back-to-site{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:14px 16px 10px;
    padding:14px 16px;
    border-radius:18px;
    text-decoration:none;
    color:#e7b85f;
    font-size:13px;
    font-weight:950;
    background:linear-gradient(135deg,rgba(231,184,95,.14),rgba(255,255,255,.04));
    border:1px solid rgba(231,184,95,.38);
    box-shadow:0 16px 35px rgba(0,0,0,.18);
}

.psup-back-to-site:hover{
    color:#fff;
    border-color:rgba(231,184,95,.75);
    transform:translateY(-1px);
}