/* =========================================================
   ProConnect UAE Mobile App Style
   Blue + orange brand system inspired by proconnect-uae.com
========================================================= */

:root{
    --pc-blue:#063a99;
    --pc-blue-2:#006cff;
    --pc-blue-dark:#061945;
    --pc-orange:#ff8a00;
    --pc-orange-2:#ff6b00;
    --pc-green:#16a260;
    --pc-purple:#7b3fe4;
    --pc-red:#e63b3b;
    --pc-bg:#f5f8ff;
    --pc-card:#ffffff;
    --pc-text:#071431;
    --pc-muted:#68748a;
    --pc-line:#e9eef7;
    --pc-shadow:0 16px 45px rgba(7,20,49,.08);
    --pc-radius:22px;
}

*{
    box-sizing:border-box;
}

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

body{
    margin:0;
    background:
        radial-gradient(circle at 15% -10%, rgba(0,108,255,.12), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(255,138,0,.11), transparent 26%),
        var(--pc-bg);
    color:var(--pc-text);
    font-family:'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    padding-bottom:92px;
}

a{
    text-decoration:none;
}

.pc-mobile-shell{
    width:100%;
    max-width:460px;
    margin:0 auto;
    padding-left:16px;
    padding-right:16px;
}

.pc-main{
    padding-top:16px;
    padding-bottom:24px;
}

.pc-mobile-topbar{
    position:sticky;
    top:0;
    z-index:80;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(233,238,247,.9);
}

.pc-topbar-inner{
    height:62px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.pc-icon-btn{
    width:38px;
    height:38px;
    border:0;
    background:transparent;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    color:var(--pc-blue-dark);
    font-size:24px;
}

.pc-icon-btn:active{
    background:#eef4ff;
}

.pc-menu-placeholder{
    width:38px;
    height:38px;
    display:inline-flex;
    flex:0 0 38px;
}

body.pc-individual-app-mode{
    padding-bottom:0;
}

.pc-brand-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:0;
}

.pc-brand-img{
    height:34px;
    width:auto;
    display:block;
}

.pc-brand-fallback{
    display:none;
    align-items:center;
    gap:4px;
    font-weight:900;
    letter-spacing:.3px;
    color:var(--pc-blue);
    font-size:18px;
}

.pc-brand-fallback b{
    color:var(--pc-orange);
}

.pc-topbar-actions{
    display:flex;
    align-items:center;
    gap:9px;
}

.pc-bell-btn{
    position:relative;
    width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--pc-blue-dark);
    font-size:22px;
    border-radius:14px;
}

.pc-bell-btn span{
    position:absolute;
    top:2px;
    right:1px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    border-radius:999px;
    background:var(--pc-red);
    color:#fff;
    font-size:10px;
    font-weight:800;
    line-height:17px;
    text-align:center;
    box-shadow:0 4px 10px rgba(230,59,59,.3);
}

.pc-avatar{
    width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    font-weight:900;
    background:linear-gradient(135deg, var(--pc-blue), var(--pc-orange));
    box-shadow:0 8px 18px rgba(6,58,153,.18);
    border:2px solid #fff;
}

.pc-side-menu{
    position:fixed;
    inset:0;
    background:rgba(7,20,49,.42);
    z-index:110;
    opacity:0;
    pointer-events:none;
    transition:.2s ease;
}

.pc-side-menu.show{
    opacity:1;
    pointer-events:auto;
}

.pc-side-panel{
    width:82%;
    max-width:330px;
    min-height:100%;
    background:#fff;
    padding:16px;
    transform:translateX(-100%);
    transition:.25s ease;
    box-shadow:20px 0 45px rgba(7,20,49,.22);
}

.pc-side-menu.show .pc-side-panel{
    transform:translateX(0);
}

.pc-side-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:6px 0 18px;
}

.pc-side-head strong{
    color:var(--pc-blue);
    font-size:18px;
}

.pc-side-panel a{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--pc-text);
    padding:14px 10px;
    border-radius:16px;
    font-weight:700;
}

.pc-side-panel a i{
    color:var(--pc-blue);
    font-size:21px;
}

.pc-side-panel a:active,
.pc-side-panel a:hover{
    background:#f2f6ff;
}

.pc-side-panel .pc-logout-link{
    color:var(--pc-red);
}

.pc-side-panel .pc-logout-link i{
    color:var(--pc-red);
}

.pc-hero-card{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    padding:22px;
    color:#fff;
    background:
        radial-gradient(circle at 85% 30%, rgba(255,255,255,.18), transparent 18%),
        linear-gradient(135deg, #063a99 0%, #0032a6 52%, #061945 100%);
    box-shadow:0 18px 42px rgba(6,58,153,.24);
    min-height:148px;
}

.pc-hero-card:before{
    content:'';
    position:absolute;
    width:190px;
    height:190px;
    right:-96px;
    top:-84px;
    border-radius:50%;
    background:rgba(255,138,0,.32);
}

.pc-hero-card:after{
    content:'';
    position:absolute;
    width:120px;
    height:120px;
    right:32px;
    bottom:-70px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
}

.pc-hero-content{
    position:relative;
    z-index:2;
    max-width:68%;
}

.pc-hero-content h1{
    margin:0 0 7px;
    color:#fff;
    font-size:22px;
    line-height:1.24;
    font-weight:850;
}

.pc-hero-content p{
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:13px;
    line-height:1.5;
}

.pc-hero-graphic{
    position:absolute;
    right:18px;
    bottom:18px;
    z-index:2;
    width:110px;
    height:82px;
    border-radius:18px;
    background:rgba(255,255,255,.94);
    box-shadow:0 14px 28px rgba(0,0,0,.18);
    padding:13px;
}

.pc-hero-bars{
    display:flex;
    align-items:end;
    gap:6px;
    height:38px;
}

.pc-hero-bars span{
    width:13px;
    border-radius:8px 8px 4px 4px;
    background:linear-gradient(180deg, var(--pc-blue-2), var(--pc-blue));
}

.pc-hero-bars span:nth-child(1){height:18px; opacity:.45;}
.pc-hero-bars span:nth-child(2){height:28px; opacity:.7;}
.pc-hero-bars span:nth-child(3){height:38px;}

.pc-hero-pie{
    position:absolute;
    right:12px;
    top:12px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:conic-gradient(var(--pc-orange) 0 32%, var(--pc-blue-2) 32% 100%);
}

.pc-mode-chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:13px;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    color:#fff;
    border:1px solid rgba(255,255,255,.18);
    font-size:12px;
    font-weight:700;
}

.pc-stats-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:12px;
    margin-top:16px;
}

.pc-stat-card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:150px;
    border-radius:20px;
    padding:15px 12px;
    color:#fff;
    box-shadow:0 14px 32px rgba(7,20,49,.12);
    overflow:hidden;
    position:relative;
}

.pc-stat-card:before{
    content:'';
    position:absolute;
    width:78px;
    height:78px;
    right:-38px;
    top:-28px;
    border-radius:50%;
    background:rgba(255,255,255,.14);
}

.pc-stat-card.blue{background:linear-gradient(180deg, #0b76ff, #064bd0);}
.pc-stat-card.orange{background:linear-gradient(180deg, #ff9a16, #ff7100);}
.pc-stat-card.green{background:linear-gradient(180deg, #24b96f, #0d8f52);}

.pc-stat-icon{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.17);
    font-size:23px;
}

.pc-stat-label{
    margin-top:10px;
    font-size:12px;
    line-height:1.25;
    color:rgba(255,255,255,.88);
}

.pc-stat-number{
    color:#fff;
    font-size:31px;
    line-height:1;
    font-weight:900;
    margin:6px 0 10px;
}

.pc-stat-link{
    color:#fff;
    font-size:12px;
    font-weight:800;
}

.pc-section-card{
    background:var(--pc-card);
    border:1px solid rgba(233,238,247,.95);
    border-radius:var(--pc-radius);
    box-shadow:var(--pc-shadow);
    padding:16px;
    margin-top:16px;
}

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

.pc-section-title{
    margin:0;
    color:var(--pc-text);
    font-size:17px;
    font-weight:850;
}

.pc-section-link{
    color:var(--pc-blue);
    font-size:12px;
    font-weight:800;
}

.pc-quick-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:12px;
}

.pc-quick-action{
    min-width:0;
    color:var(--pc-text);
    text-align:center;
}

.pc-quick-icon{
    width:50px;
    height:50px;
    margin:0 auto 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:17px;
    background:#f7faff;
    border:1px solid var(--pc-line);
    color:var(--pc-blue);
    font-size:24px;
    box-shadow:0 8px 18px rgba(7,20,49,.05);
}

.pc-quick-action.primary .pc-quick-icon{
    background:linear-gradient(135deg, var(--pc-blue-2), var(--pc-blue));
    color:#fff;
    border:0;
}

.pc-quick-action.orange .pc-quick-icon{
    color:var(--pc-orange);
    background:#fff7ec;
    border-color:#ffe1bd;
}

.pc-quick-action.green .pc-quick-icon{
    color:var(--pc-green);
    background:#effdf5;
    border-color:#d5f5e4;
}

.pc-quick-action span{
    display:block;
    color:var(--pc-text);
    font-size:11px;
    font-weight:800;
    line-height:1.25;
}

.pc-alert-list{
    display:flex;
    flex-direction:column;
    gap:11px;
}

.pc-alert-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px;
    border-radius:18px;
    background:#fff;
    border:1px solid var(--pc-line);
    color:var(--pc-text);
    box-shadow:0 8px 20px rgba(7,20,49,.04);
}

.pc-alert-icon{
    flex:0 0 auto;
    width:42px;
    height:42px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.pc-alert-icon.blue{color:var(--pc-blue); background:#eef5ff;}
.pc-alert-icon.orange{color:var(--pc-orange); background:#fff4e8;}
.pc-alert-icon.green{color:var(--pc-green); background:#ecfbf3;}
.pc-alert-icon.purple{color:var(--pc-purple); background:#f4efff;}

.pc-alert-info{
    flex:1 1 auto;
    min-width:0;
}

.pc-alert-type{
    color:var(--pc-blue);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.45px;
}

.pc-alert-title{
    color:var(--pc-text);
    font-size:14px;
    line-height:1.25;
    font-weight:850;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.pc-alert-meta{
    color:var(--pc-muted);
    font-size:12px;
    margin-top:3px;
}

.pc-alert-item i.ri-arrow-right-s-line{
    color:#98a3b7;
    font-size:22px;
}

.pc-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:23px;
    padding:4px 9px;
    border-radius:999px;
    font-size:11px;
    font-weight:850;
    white-space:nowrap;
}

.pc-badge-blue{background:#eaf3ff;color:#0864db;}
.pc-badge-orange{background:#fff1df;color:#d96a00;}
.pc-badge-green{background:#eaf9f0;color:#10824d;}
.pc-badge-red{background:#ffecec;color:#d33232;}

.pc-mini-list{
    display:flex;
    flex-direction:column;
    gap:11px;
}

.pc-mini-card{
    border:1px solid var(--pc-line);
    border-radius:18px;
    padding:13px;
    display:flex;
    align-items:flex-start;
    gap:12px;
    color:var(--pc-text);
    background:#fff;
}

.pc-mini-card-icon{
    width:42px;
    height:42px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--pc-blue);
    background:#eef5ff;
    font-size:22px;
    flex:0 0 auto;
}

.pc-mini-card-content{
    flex:1 1 auto;
    min-width:0;
}

.pc-mini-title{
    font-size:14px;
    font-weight:850;
    line-height:1.25;
    color:var(--pc-text);
}

.pc-mini-meta{
    color:var(--pc-muted);
    font-size:12px;
    margin-top:4px;
}

.pc-file-upload-box{
    border:1.5px dashed #cdd9ee;
    background:#f9fbff;
    border-radius:20px;
    padding:14px;
}

.pc-file-upload-box input{
    border-radius:14px;
    border-color:#d8e2f3;
    min-height:48px;
}

.pc-primary-btn{
    border:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:48px;
    border-radius:16px;
    color:#fff;
    background:linear-gradient(135deg, var(--pc-blue-2), var(--pc-blue));
    font-weight:850;
    box-shadow:0 12px 24px rgba(6,58,153,.22);
}

.pc-primary-btn:hover{
    color:#fff;
}

.pc-outline-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    border-radius:16px;
    color:var(--pc-blue);
    background:#fff;
    border:1px solid #cbdcf8;
    font-weight:850;
}

.pc-alert{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:13px 14px;
    border-radius:18px;
    font-size:13px;
    font-weight:700;
    margin-bottom:14px;
}

.pc-alert i{
    font-size:19px;
}

.pc-alert-success{
    background:#eaf9f0;
    color:#0b7c49;
    border:1px solid #caf0dc;
}

.pc-alert-danger{
    background:#fff0f0;
    color:#c02929;
    border:1px solid #ffd0d0;
}

.pc-bottom-nav{
    position:fixed;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    z-index:90;
    width:100%;
    max-width:460px;
    height:76px;
    padding:8px 14px calc(8px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.96);
    border-top:1px solid rgba(233,238,247,.95);
    box-shadow:0 -16px 35px rgba(7,20,49,.08);
    backdrop-filter:blur(18px);
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    align-items:center;
}

.pc-bottom-nav a{
    color:#6b7487;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    font-size:10px;
    font-weight:700;
    line-height:1.05;
    min-width:0;
    min-height:56px;
    border-radius:18px;
    transition:.18s ease;
}

.pc-bottom-nav a i{
    font-size:23px;
    line-height:1;
}

.pc-bottom-nav a.active{
    color:var(--pc-blue);
    background:#eef5ff;
}

.pc-bottom-nav a.active i{
    font-weight:400;
}

.pc-nav-plus{
    width:auto;
    height:auto;
    margin:0;
    border-radius:18px;
    background:transparent;
    color:inherit !important;
    box-shadow:none;
    transform:none;
}

.pc-nav-plus i{
    font-size:23px !important;
}

.pc-sheet{
    position:fixed;
    inset:0;
    z-index:120;
    pointer-events:none;
}

.pc-sheet.show{
    pointer-events:auto;
}

.pc-sheet-backdrop{
    position:absolute;
    inset:0;
    background:rgba(7,20,49,.45);
    opacity:0;
    transition:.2s ease;
}

.pc-sheet.show .pc-sheet-backdrop{
    opacity:1;
}

.pc-sheet-panel{
    position:absolute;
    left:50%;
    bottom:0;
    width:100%;
    max-width:460px;
    transform:translate(-50%, 100%);
    background:#fff;
    border-radius:26px 26px 0 0;
    padding:10px 16px calc(18px + env(safe-area-inset-bottom));
    transition:.25s ease;
    box-shadow:0 -18px 50px rgba(7,20,49,.22);
}

.pc-sheet.show .pc-sheet-panel{
    transform:translate(-50%, 0);
}

.pc-sheet-handle{
    width:48px;
    height:5px;
    border-radius:999px;
    background:#d8deea;
    margin:4px auto 14px;
}

.pc-sheet-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}

.pc-sheet-head h3{
    margin:0;
    font-size:20px;
    font-weight:900;
}

.pc-sheet-head p{
    margin:3px 0 0;
    color:var(--pc-muted);
    font-size:13px;
}

.pc-mode-list-option{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px;
    border:1px solid var(--pc-line);
    border-radius:19px;
    margin-bottom:10px;
    background:#fff;
    cursor:pointer;
}

.pc-mode-list-option.active{
    border-color:#9ec2ff;
    background:#f2f7ff;
}

.pc-mode-list-option input{
    margin:0;
}

.pc-mode-icon{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    font-size:22px;
    flex:0 0 auto;
}

.pc-mode-icon.blue{color:var(--pc-blue);background:#eef5ff;}
.pc-mode-icon.orange{color:var(--pc-orange);background:#fff4e8;}
.pc-mode-icon.green{color:var(--pc-green);background:#ecfbf3;}

.pc-mode-list-option strong{
    display:block;
    font-size:14px;
    color:var(--pc-text);
}

.pc-mode-list-option small{
    display:block;
    margin-top:2px;
    font-size:12px;
    color:var(--pc-muted);
    line-height:1.35;
}

.pc-mode-gate{
    min-height:100svh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px 16px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.98)),
        radial-gradient(circle at 20% 5%, rgba(0,108,255,.16), transparent 32%),
        radial-gradient(circle at 85% 10%, rgba(255,138,0,.18), transparent 30%),
        #f4f8ff;
}

.pc-mode-gate-card{
    width:100%;
    max-width:460px;
    border-radius:30px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 24px 65px rgba(7,20,49,.14);
    border:1px solid rgba(233,238,247,.95);
}

.pc-mode-gate-hero{
    padding:34px 24px 26px;
    background:linear-gradient(135deg, var(--pc-blue), var(--pc-blue-dark));
    color:#fff;
    text-align:center;
    position:relative;
    overflow:hidden;
}

.pc-mode-gate-hero:before{
    content:'';
    position:absolute;
    width:190px;
    height:190px;
    right:-96px;
    top:-88px;
    border-radius:50%;
    background:rgba(255,138,0,.28);
}

.pc-mode-gate-logo{
    max-height:92px;
    max-width:230px;
    width:auto;
    margin-bottom:18px;
    position:relative;
    z-index:2;
}

.pc-mode-gate-hero h1{
    position:relative;
    z-index:2;
    margin:0 0 8px;
    color:#fff;
    font-size:24px;
    line-height:1.25;
    font-weight:900;
}

.pc-mode-gate-hero p{
    position:relative;
    z-index:2;
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:13px;
    line-height:1.5;
}

.pc-mode-gate-body{
    padding:18px;
}

.pc-empty-state{
    text-align:center;
    padding:24px 12px;
    color:var(--pc-muted);
}

.pc-empty-state i{
    display:block;
    font-size:36px;
    color:#bdc8dc;
    margin-bottom:8px;
}

.pc-split-row{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
}

@media (min-width: 900px){
    .pc-mobile-shell{
        max-width:760px;
    }

    .pc-bottom-nav,
    .pc-sheet-panel{
        max-width:760px;
    }

    .pc-quick-grid{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }

    .pc-split-row{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width: 374px){
    .pc-mobile-shell{
        padding-left:12px;
        padding-right:12px;
    }

    .pc-hero-content{
        max-width:64%;
    }

    .pc-hero-content h1{
        font-size:20px;
    }

    .pc-hero-graphic{
        width:98px;
        height:76px;
        right:12px;
    }

    .pc-stats-grid{
        gap:9px;
    }

    .pc-stat-card{
        padding:13px 10px;
        min-height:142px;
    }

    .pc-stat-number{
        font-size:27px;
    }
}

/* =========================================================
   Desktop responsive layer
   Keeps the same app look on mobile and opens it into a wider dashboard on desktop.
========================================================= */

.pc-desktop-nav{
    display:none;
}

@media (min-width: 1024px){
    body{
        padding-bottom:0;
        background:
            radial-gradient(circle at 8% -10%, rgba(0,108,255,.12), transparent 26%),
            radial-gradient(circle at 100% 0%, rgba(255,138,0,.10), transparent 24%),
            linear-gradient(180deg, #f7faff 0%, #eef4ff 100%);
    }

    .pc-mobile-shell{
        max-width:1180px;
        padding-left:28px;
        padding-right:28px;
    }

    .pc-mobile-topbar{
        border-bottom:1px solid rgba(216,226,243,.9);
        box-shadow:0 12px 34px rgba(7,20,49,.05);
    }

    .pc-topbar-inner{
        height:76px;
    }

    .pc-brand-link{
        justify-content:flex-start;
        min-width:210px;
    }

    .pc-brand-img{
        height:42px;
    }

    .pc-brand-fallback{
        font-size:21px;
    }

    .pc-topbar-inner > .pc-icon-btn[data-pc-menu-toggle]{
        display:none;
    }

    .pc-desktop-nav{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:6px;
        flex:1 1 auto;
        min-width:0;
    }

    .pc-desktop-nav a{
        display:inline-flex;
        align-items:center;
        gap:7px;
        min-height:42px;
        padding:0 13px;
        border-radius:999px;
        color:#526077;
        font-size:13px;
        font-weight:850;
        white-space:nowrap;
        transition:.18s ease;
    }

    .pc-desktop-nav a i{
        font-size:18px;
    }

    .pc-desktop-nav a:hover,
    .pc-desktop-nav a.active{
        color:var(--pc-blue);
        background:#eef5ff;
    }

    .pc-desktop-nav .pc-desktop-logout{
        color:#d33232;
    }

    .pc-desktop-nav .pc-desktop-logout:hover{
        color:#b42323;
        background:#fff0f0;
    }

    .pc-topbar-actions{
        min-width:110px;
        justify-content:flex-end;
    }

    .pc-bell-btn,
    .pc-avatar{
        width:42px;
        height:42px;
    }

    .pc-main{
        padding-top:28px;
        padding-bottom:38px;
    }

    .pc-dashboard-grid{
        display:grid;
        grid-template-columns:minmax(0, 1.85fr) minmax(340px, .95fr);
        gap:22px;
        align-items:start;
    }

    .pc-dashboard-hero,
    .pc-dashboard-stats,
    .pc-dashboard-quick,
    .pc-dashboard-career,
    .pc-dashboard-vacancies,
    .pc-dashboard-applied{
        grid-column:1 / 2;
    }

    .pc-dashboard-open-alerts,
    .pc-dashboard-recent{
        grid-column:2 / 3;
    }

    .pc-dashboard-open-alerts{
        grid-row:1 / span 3;
        margin-top:0;
        position:sticky;
        top:96px;
    }

    .pc-dashboard-recent{
        margin-top:0;
    }

    .pc-dashboard-hero,
    .pc-dashboard-stats,
    .pc-dashboard-quick,
    .pc-dashboard-career,
    .pc-dashboard-vacancies,
    .pc-dashboard-applied{
        margin-top:0;
    }

    .pc-hero-card{
        min-height:220px;
        border-radius:30px;
        padding:34px;
        display:flex;
        align-items:center;
    }

    .pc-hero-content{
        max-width:60%;
    }

    .pc-hero-content h1{
        font-size:34px;
        line-height:1.15;
        margin-bottom:12px;
    }

    .pc-hero-content p{
        font-size:15px;
        max-width:420px;
    }

    .pc-mode-chip{
        margin-top:18px;
        padding:9px 13px;
        font-size:13px;
    }

    .pc-hero-graphic{
        width:178px;
        height:130px;
        right:38px;
        bottom:42px;
        border-radius:26px;
        padding:22px;
    }

    .pc-hero-bars{
        height:68px;
        gap:10px;
    }

    .pc-hero-bars span{
        width:22px;
        border-radius:12px 12px 6px 6px;
    }

    .pc-hero-bars span:nth-child(1){height:33px;}
    .pc-hero-bars span:nth-child(2){height:50px;}
    .pc-hero-bars span:nth-child(3){height:68px;}

    .pc-hero-pie{
        width:54px;
        height:54px;
        right:18px;
        top:18px;
    }

    .pc-stats-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
        gap:18px;
    }

    .pc-stat-card{
        min-height:178px;
        border-radius:26px;
        padding:22px;
    }

    .pc-stat-icon{
        width:46px;
        height:46px;
        font-size:27px;
    }

    .pc-stat-label{
        font-size:13px;
        margin-top:14px;
    }

    .pc-stat-number{
        font-size:42px;
        margin:7px 0 12px;
    }

    .pc-stat-link{
        font-size:13px;
    }

    .pc-section-card{
        border-radius:28px;
        padding:22px;
        box-shadow:0 18px 50px rgba(7,20,49,.07);
        margin-top:0;
    }

    .pc-section-head{
        margin-bottom:18px;
    }

    .pc-section-title{
        font-size:19px;
    }

    .pc-section-link{
        font-size:13px;
    }

    .pc-quick-grid{
        grid-template-columns:repeat(4, minmax(0, 1fr));
        gap:18px;
    }

    .pc-quick-icon{
        width:62px;
        height:62px;
        border-radius:22px;
        font-size:28px;
        margin-bottom:10px;
    }

    .pc-quick-action span{
        font-size:13px;
    }

    .pc-alert-list,
    .pc-mini-list{
        gap:13px;
    }

    .pc-alert-item{
        border-radius:22px;
        padding:16px;
        gap:14px;
    }

    .pc-alert-icon,
    .pc-mini-card-icon{
        width:50px;
        height:50px;
        border-radius:18px;
        font-size:25px;
    }

    .pc-alert-title,
    .pc-mini-title{
        font-size:15px;
    }

    .pc-alert-meta,
    .pc-mini-meta{
        font-size:13px;
    }

    .pc-mini-card{
        border-radius:22px;
        padding:16px;
    }

    .pc-split-row{
        grid-template-columns:1fr 1fr;
        gap:22px;
    }

    .pc-file-upload-box{
        border-radius:22px;
        padding:18px;
    }

    .pc-primary-btn,
    .pc-outline-btn{
        min-height:50px;
    }

    .pc-bottom-nav{
        display:none;
    }

    .pc-side-panel{
        max-width:360px;
    }

    .pc-sheet-panel{
        top:50%;
        bottom:auto;
        max-width:640px;
        border-radius:30px;
        padding:16px 22px 24px;
        transform:translate(-50%, calc(-50% + 30px));
        opacity:0;
    }

    .pc-sheet.show .pc-sheet-panel{
        transform:translate(-50%, -50%);
        opacity:1;
    }

    .pc-sheet-handle{
        display:none;
    }

    .pc-mode-gate-card{
        max-width:940px;
        display:grid;
        grid-template-columns:.9fr 1.1fr;
    }

    .pc-mode-gate-hero{
        padding:46px 34px;
        text-align:left;
        display:flex;
        flex-direction:column;
        justify-content:center;
    }

    .pc-mode-gate-logo{
        max-height:104px;
        max-width:260px;
        margin-bottom:28px;
    }

    .pc-mode-gate-hero h1{
        font-size:32px;
    }

    .pc-mode-gate-hero p{
        font-size:15px;
    }

    .pc-mode-gate-body{
        padding:34px;
        display:flex;
        flex-direction:column;
        justify-content:center;
    }

    .pc-mode-list-option{
        border-radius:22px;
        padding:16px;
    }

    .pc-mode-list-option strong{
        font-size:15px;
    }

    .pc-mode-list-option small{
        font-size:13px;
    }
}

@media (min-width: 1280px){
    .pc-mobile-shell{
        max-width:1240px;
    }

    .pc-dashboard-grid{
        grid-template-columns:minmax(0, 1.95fr) minmax(380px, .95fr);
        gap:26px;
    }
}

@media (min-width: 1024px) and (max-width: 1120px){
    .pc-desktop-nav a{
        padding:0 10px;
        font-size:12px;
    }

    .pc-brand-link{
        min-width:180px;
    }

    .pc-dashboard-grid{
        grid-template-columns:minmax(0, 1.65fr) minmax(320px, .95fr);
    }
}

/* =========================================================
   Refinement patch v1.2
   Lighter font + better desktop alignment
========================================================= */

body{
    font-weight:400;
    line-height:1.45;
    letter-spacing:0;
}

.pc-brand-fallback,
.pc-avatar,
.pc-side-panel a,
.pc-mode-chip,
.pc-stat-link,
.pc-section-link,
.pc-quick-action span,
.pc-badge,
.pc-primary-btn,
.pc-outline-btn,
.pc-bottom-nav a,
.pc-mode-list-option strong,
.pc-desktop-nav a{
    font-weight:600;
}

.pc-hero-content h1,
.pc-section-title,
.pc-alert-title,
.pc-mini-title,
.pc-sheet-head h3,
.pc-mode-gate-hero h1{
    font-weight:650;
}

.pc-stat-number{
    font-weight:700;
}

.pc-alert-type{
    font-weight:600;
    letter-spacing:.28px;
}

.pc-topbar-inner,
.pc-section-head,
.pc-alert-item,
.pc-mini-card{
    align-items:center;
}

.pc-dashboard-grid > .pc-alert{
    grid-column:1 / -1;
    margin-bottom:0;
}

.pc-quick-grid{
    align-items:stretch;
}

.pc-quick-action{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:86px;
    padding:8px 4px;
    border-radius:18px;
}

.pc-quick-icon{
    margin:0 auto 2px;
    flex:0 0 auto;
}

.pc-quick-action span:last-child{
    min-height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
}

@media (min-width: 1024px){
    .pc-dashboard-grid{
        grid-template-columns:minmax(0, 1.78fr) minmax(360px, .92fr);
        gap:24px;
    }

    .pc-dashboard-hero,
    .pc-dashboard-stats,
    .pc-dashboard-quick,
    .pc-dashboard-career,
    .pc-dashboard-vacancies,
    .pc-dashboard-applied{
        width:100%;
        min-width:0;
    }

    .pc-dashboard-open-alerts,
    .pc-dashboard-recent{
        width:100%;
        min-width:0;
    }

    .pc-hero-content h1{
        font-weight:650;
        font-size:32px;
    }

    .pc-stat-card{
        min-height:166px;
    }

    .pc-section-card{
        padding:24px;
    }

    .pc-quick-grid{
        gap:18px;
    }

    .pc-quick-action{
        min-height:138px;
        padding:18px 10px;
        background:#fbfdff;
        border:1px solid var(--pc-line);
        box-shadow:0 10px 22px rgba(7,20,49,.04);
        transition:.18s ease;
    }

    .pc-quick-action:hover{
        transform:translateY(-2px);
        box-shadow:0 16px 32px rgba(7,20,49,.08);
    }

    .pc-quick-icon{
        width:76px;
        height:76px;
        border-radius:26px;
        font-size:36px;
        margin-bottom:4px;
    }

    .pc-quick-action span:last-child{
        font-size:14px;
        line-height:1.28;
        min-height:36px;
    }

    .pc-alert-item,
    .pc-mini-card{
        min-height:82px;
    }
}

@media (min-width: 1280px){
    .pc-dashboard-grid{
        grid-template-columns:minmax(0, 1.85fr) minmax(390px, .95fr);
    }
}

/* =========================================================
   Alerts page
========================================================= */
.pc-alerts-page{
    padding-bottom:28px;
}

.pc-page-head-card{
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    border:1px solid var(--pc-line);
    border-radius:24px;
    padding:16px;
    box-shadow:var(--pc-shadow);
    margin-bottom:16px;
}

.pc-back-link{
    width:42px;
    height:42px;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    color:var(--pc-blue-dark);
    background:#f5f8ff;
    border:1px solid var(--pc-line);
    font-size:22px;
}

.pc-page-head-card h1{
    margin:0;
    font-size:20px;
    line-height:1.15;
    font-weight:650;
    color:var(--pc-text);
}

.pc-page-head-card p{
    margin:5px 0 0;
    color:var(--pc-muted);
    font-size:13px;
    line-height:1.45;
}

.pc-alert-summary-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    margin-bottom:16px;
}

.pc-alert-summary-card{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:112px;
    padding:18px;
    border-radius:22px;
    color:var(--pc-text);
    background:#fff;
    border:1px solid var(--pc-line);
    box-shadow:0 10px 26px rgba(7,20,49,.055);
    transition:.18s ease;
}

.pc-alert-summary-card.active,
.pc-alert-summary-card:hover{
    transform:translateY(-1px);
    box-shadow:0 16px 36px rgba(7,20,49,.09);
}

.pc-alert-summary-card.blue{background:linear-gradient(135deg,#f5f9ff,#ffffff);}
.pc-alert-summary-card.orange{background:linear-gradient(135deg,#fff7ec,#ffffff);}
.pc-alert-summary-card.green{background:linear-gradient(135deg,#effdf5,#ffffff);}
.pc-alert-summary-card.purple{background:linear-gradient(135deg,#f5efff,#ffffff);}

.pc-alert-summary-icon{
    width:58px;
    height:58px;
    flex:0 0 auto;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
}

.pc-alert-summary-card.blue .pc-alert-summary-icon{color:var(--pc-blue);background:#eaf3ff;}
.pc-alert-summary-card.orange .pc-alert-summary-icon{color:var(--pc-orange);background:#fff1df;}
.pc-alert-summary-card.green .pc-alert-summary-icon{color:var(--pc-green);background:#eaf9f0;}
.pc-alert-summary-card.purple .pc-alert-summary-icon{color:var(--pc-purple);background:#f1eaff;}

.pc-alert-summary-content{
    flex:1 1 auto;
    min-width:0;
}

.pc-alert-summary-content strong{
    display:block;
    color:var(--pc-text);
    font-size:16px;
    font-weight:650;
    margin-bottom:4px;
}

.pc-alert-summary-content small{
    display:block;
    color:var(--pc-muted);
    font-size:12px;
    line-height:1.45;
}

.pc-alert-summary-count{
    width:38px;
    height:38px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:16px;
    font-weight:650;
    background:var(--pc-blue-2);
    flex:0 0 auto;
}

.pc-alert-summary-card.orange .pc-alert-summary-count{background:var(--pc-orange);}
.pc-alert-summary-card.green .pc-alert-summary-count{background:var(--pc-green);}
.pc-alert-summary-card.purple .pc-alert-summary-count{background:var(--pc-purple);}

.pc-alert-summary-card > .ri-arrow-right-s-line{
    color:#98a3b7;
    font-size:24px;
    flex:0 0 auto;
}

.pc-alert-list-head{
    align-items:flex-start;
}

.pc-alert-counter{
    display:block;
    color:var(--pc-muted);
    font-size:12px;
    margin-top:4px;
}

.pc-alert-filter-form{
    margin-bottom:12px;
}

.pc-alert-search-box{
    height:48px;
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid var(--pc-line);
    background:#f8fbff;
    border-radius:17px;
    padding:0 8px 0 14px;
}

.pc-alert-search-box i{
    color:#8a96aa;
    font-size:20px;
}

.pc-alert-search-box input{
    flex:1 1 auto;
    min-width:0;
    height:100%;
    border:0;
    outline:0;
    background:transparent;
    color:var(--pc-text);
    font-size:14px;
}

.pc-alert-search-box button{
    height:34px;
    border:0;
    border-radius:12px;
    padding:0 14px;
    background:var(--pc-blue);
    color:#fff;
    font-weight:600;
    font-size:12px;
}

.pc-alert-tabs{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:2px 0 12px;
    margin-bottom:4px;
    scrollbar-width:none;
}

.pc-alert-tabs::-webkit-scrollbar{
    display:none;
}

.pc-alert-tabs a{
    flex:0 0 auto;
    padding:9px 13px;
    border-radius:999px;
    border:1px solid var(--pc-line);
    background:#fff;
    color:var(--pc-muted);
    font-size:12px;
    font-weight:600;
}

.pc-alert-tabs a.active{
    background:var(--pc-blue);
    border-color:var(--pc-blue);
    color:#fff;
}

.pc-alert-row-large{
    min-height:82px;
}

.pc-alert-row-large .pc-alert-title{
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.pc-alert-empty{
    min-height:180px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:6px;
}

.pc-alert-empty strong{
    color:var(--pc-text);
    font-weight:650;
}

.pc-alert-empty span{
    color:var(--pc-muted);
    font-size:13px;
}

@media (max-width: 575px){
    .pc-alert-row-large{
        align-items:flex-start;
    }

    .pc-alert-row-large .pc-badge{
        display:none;
    }
}

@media (min-width: 768px){
    .pc-alert-summary-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px){
    .pc-alerts-page{
        max-width:1180px;
        display:grid;
        grid-template-columns:minmax(320px, 390px) minmax(0, 1fr);
        gap:22px;
        align-items:start;
    }

    .pc-page-head-card{
        grid-column:1 / -1;
        padding:22px;
    }

    .pc-page-head-card h1{
        font-size:28px;
    }

    .pc-page-head-card p{
        font-size:14px;
    }

    .pc-alert-summary-grid{
        grid-template-columns:1fr;
        margin-bottom:0;
        position:sticky;
        top:84px;
    }

    .pc-alert-summary-card{
        min-height:128px;
        padding:22px;
    }

    .pc-alert-summary-icon{
        width:68px;
        height:68px;
        border-radius:23px;
        font-size:34px;
    }

    .pc-alert-summary-content strong{
        font-size:17px;
    }

    .pc-alert-list-card{
        margin-top:0;
    }

    .pc-alert-search-box{
        max-width:520px;
    }

    .pc-alert-row-large{
        padding:16px;
        min-height:96px;
    }

    .pc-alert-row-large .pc-alert-icon{
        width:52px;
        height:52px;
        border-radius:18px;
        font-size:26px;
    }

    .pc-alert-row-large .pc-alert-title{
        font-size:16px;
    }
}

/* =========================================================
   Common pages, details and forms
========================================================= */
.pc-simple-page{padding-bottom:28px;}
.pc-grid-2{display:grid;grid-template-columns:1fr;gap:16px;}
.pc-grid-3{display:grid;grid-template-columns:1fr;gap:16px;}
.pc-card-link{color:var(--pc-text);}
.pc-detail-card{background:#fff;border:1px solid var(--pc-line);border-radius:24px;box-shadow:var(--pc-shadow);padding:18px;margin-top:16px;}
.pc-detail-title{font-size:22px;line-height:1.2;margin:0 0 8px;font-weight:650;color:var(--pc-text);}
.pc-detail-sub{color:var(--pc-muted);font-size:13px;margin:0 0 14px;line-height:1.5;}
.pc-detail-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--pc-line);align-items:start;}
.pc-detail-row:last-child{border-bottom:0;}
.pc-detail-row span{color:var(--pc-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.25px;}
.pc-detail-row strong{color:var(--pc-text);font-size:14px;font-weight:500;line-height:1.55;}
.pc-form-grid{display:grid;grid-template-columns:1fr;gap:13px;}
.pc-form-group label{display:block;color:var(--pc-text);font-size:13px;font-weight:600;margin-bottom:7px;}
.pc-form-group label em{color:var(--pc-red);font-style:normal;margin-left:3px;}
.pc-form-group input,.pc-form-group select,.pc-form-group textarea{width:100%;border:1px solid var(--pc-line);background:#f8fbff;color:var(--pc-text);border-radius:16px;padding:12px 14px;min-height:48px;outline:0;font-size:14px;}
.pc-form-group textarea{resize:vertical;min-height:120px;}
.pc-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.pc-form-actions .pc-primary-btn,.pc-form-actions .pc-outline-btn{padding-left:18px;padding-right:18px;}
.pc-filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.pc-filter-row .pc-alert-search-box{flex:1 1 240px;}
.pc-data-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--pc-line);border-radius:20px;background:#fff;box-shadow:0 8px 20px rgba(7,20,49,.04);color:var(--pc-text);}
.pc-data-card:hover{color:var(--pc-text);box-shadow:0 14px 30px rgba(7,20,49,.075);}
.pc-data-icon{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:23px;color:var(--pc-blue);background:#eaf3ff;}
.pc-data-icon.orange{color:var(--pc-orange);background:#fff1df;}.pc-data-icon.green{color:var(--pc-green);background:#eaf9f0;}.pc-data-icon.purple{color:var(--pc-purple);background:#f1eaff;}.pc-data-icon.red{color:var(--pc-red);background:#ffecec;}
.pc-data-main{flex:1 1 auto;min-width:0;}
.pc-data-title{font-size:15px;font-weight:650;line-height:1.3;color:var(--pc-text);margin-bottom:4px;}
.pc-data-meta{font-size:12px;color:var(--pc-muted);line-height:1.55;}
.pc-data-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
.pc-mini-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;}
.pc-mini-kpi{background:#fff;border:1px solid var(--pc-line);border-radius:20px;padding:16px;box-shadow:0 8px 22px rgba(7,20,49,.04);}
.pc-mini-kpi small{display:block;color:var(--pc-muted);font-size:12px;margin-bottom:4px;}.pc-mini-kpi strong{display:block;font-size:24px;line-height:1;font-weight:700;color:var(--pc-text);}
.pc-info-strip{border-radius:18px;border:1px solid #d9e8ff;background:#f2f7ff;color:#174285;padding:13px 14px;font-size:13px;line-height:1.55;margin-bottom:14px;}
.pc-alert-info{background:#eef5ff;color:#174285;border:1px solid #d9e8ff;}
.pc-file-preview{display:flex;align-items:center;gap:12px;border:1px dashed #cbd8ee;background:#f8fbff;border-radius:18px;padding:14px;}
.pc-file-preview i{font-size:28px;color:var(--pc-blue);}.pc-file-preview div{flex:1;min-width:0;}.pc-file-preview strong{display:block;font-size:14px;color:var(--pc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pc-file-preview small{display:block;color:var(--pc-muted);font-size:12px;margin-top:3px;}
.pc-viewer-frame{width:100%;height:72vh;border:0;border-radius:18px;background:#f5f8ff;}
.pc-image-viewer{display:block;max-width:100%;height:auto;border-radius:18px;margin:0 auto;background:#f5f8ff;}
@media(min-width:768px){.pc-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}.pc-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}.pc-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.pc-form-group-full{grid-column:1/-1;}.pc-mini-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(min-width:1024px){.pc-simple-page{max-width:1180px;}.pc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}.pc-detail-card{padding:24px;border-radius:28px;}.pc-detail-title{font-size:28px;}.pc-data-card{padding:16px;border-radius:22px;}.pc-data-icon{width:52px;height:52px;border-radius:18px;font-size:26px;}.pc-data-title{font-size:16px;}.pc-detail-row{grid-template-columns:170px 1fr;}.pc-form-actions{justify-content:flex-start;}}

/* =========================================================
   App guest preview mode
========================================================= */
.pc-login-mini-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:38px;
    padding:0 13px;
    border-radius:999px;
    background:#0d4f9f;
    color:#fff !important;
    font-size:13px;
    font-weight:650;
    text-decoration:none;
    box-shadow:0 10px 24px rgba(13,79,159,.16);
}
.pc-login-mini-btn i{font-size:18px;line-height:1;}
.pc-guest-strip-wrap{padding-top:10px;}
.pc-guest-strip{
    display:flex;
    align-items:center;
    gap:10px;
    background:#fff8ed;
    border:1px solid #ffe0b5;
    color:#7a4a00;
    border-radius:18px;
    padding:11px 13px;
    font-size:13px;
    line-height:1.45;
    box-shadow:0 8px 24px rgba(255,138,0,.08);
}
.pc-guest-strip i{
    width:32px;
    height:32px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ff8a00;
    color:#fff;
    font-size:17px;
    flex:none;
}
.pc-guest-strip span{flex:1;}
.pc-guest-strip a{
    color:#0d4f9f;
    font-weight:750;
    text-decoration:none;
    white-space:nowrap;
}
.pc-app-guest-mode .pc-page-head-card,
.pc-app-guest-mode .pc-card,
.pc-app-guest-mode .pc-list-card,
.pc-app-guest-mode .pc-form-card{
    position:relative;
}
@media(max-width:575px){
    .pc-login-mini-btn span{display:none;}
    .pc-login-mini-btn{width:38px;padding:0;}
    .pc-guest-strip{align-items:flex-start;font-size:12px;border-radius:16px;}
    .pc-guest-strip i{width:30px;height:30px;}
}

/* =========================================================
   Job apply questionnaire
========================================================= */
.pc-job-hero-card{overflow:hidden;}
.pc-job-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.pc-job-badges span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#eef5ff;color:#0d4f9f;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;}
.pc-job-badges span.orange{background:#fff2dd;color:#a85600;}
.pc-job-badges span.danger{background:#ffecec;color:#b81d1d;}
.pc-job-meta-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;}
.pc-job-meta-mini div{background:#f8fbff;border:1px solid var(--pc-line);border-radius:18px;padding:12px;}
.pc-job-meta-mini small{display:block;color:var(--pc-muted);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.25px;margin-bottom:4px;}
.pc-job-meta-mini strong{display:block;color:var(--pc-text);font-size:13px;font-weight:650;line-height:1.35;}
.pc-apply-card{margin-top:16px;}
.pc-form-help{display:block;margin-top:6px;color:var(--pc-muted);font-size:12px;line-height:1.45;}
.pc-questionnaire-wrap{margin-top:22px;}
.pc-questionnaire-wrap h3{font-size:18px;font-weight:700;color:var(--pc-text);margin:0 0 4px;}
.pc-questionnaire-wrap > p{font-size:13px;color:var(--pc-muted);margin:0 0 14px;line-height:1.5;}
.pc-question-card{background:#fff;border:1px solid var(--pc-line);border-radius:22px;padding:15px;margin-bottom:13px;box-shadow:0 8px 20px rgba(7,20,49,.035);}
.pc-question-title{display:flex;align-items:flex-start;gap:10px;color:var(--pc-text);font-size:14px;font-weight:650;line-height:1.5;margin-bottom:12px;}
.pc-question-title small{width:28px;height:28px;border-radius:11px;background:#eef5ff;color:#0d4f9f;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:none;}
.pc-question-title span{flex:1;min-width:0;}
.pc-question-title em{font-style:normal;color:var(--pc-red);margin-left:3px;}
.pc-option-list{display:grid;gap:9px;}
.pc-option-item{display:flex;align-items:flex-start;gap:10px;background:#f8fbff;border:1px solid var(--pc-line);border-radius:16px;padding:12px;color:var(--pc-text);font-size:13px;font-weight:550;line-height:1.45;cursor:pointer;}
.pc-option-item:hover{background:#eef5ff;border-color:#cce0ff;}
.pc-option-item input{width:auto;min-height:auto;margin-top:3px;accent-color:#0d4f9f;}
.pc-login-required-card{text-align:center;background:#f8fbff;border:1px dashed #cbd8ee;border-radius:24px;padding:24px 18px;}
.pc-login-required-icon{width:62px;height:62px;margin:0 auto 14px;border-radius:22px;background:#eef5ff;color:#0d4f9f;display:flex;align-items:center;justify-content:center;font-size:30px;}
.pc-login-required-card h3{font-size:20px;color:var(--pc-text);font-weight:700;margin:0 0 8px;}
.pc-login-required-card p{font-size:13px;color:var(--pc-muted);line-height:1.6;max-width:520px;margin:0 auto 16px;}
.pc-success-final{text-align:center;background:#f0fff6;border:1px solid #bfeccc;border-radius:24px;padding:28px 18px;}
.pc-success-final-icon{width:68px;height:68px;margin:0 auto 14px;border-radius:24px;background:#d9fbe4;color:#169b46;display:flex;align-items:center;justify-content:center;font-size:34px;}
.pc-success-final h3{font-size:21px;font-weight:750;color:var(--pc-text);margin:0 0 6px;}
.pc-success-final p{font-size:13px;color:var(--pc-muted);margin:0 0 16px;}
@media(min-width:768px){.pc-job-meta-mini{grid-template-columns:repeat(4,minmax(0,1fr));}.pc-question-card{padding:18px;}.pc-login-required-card{padding:34px;}}


/* Home dashboard cleanup: no alert panels on homepage */
.pc-dashboard-overview{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.pc-stat-card.purple{background:linear-gradient(180deg, #8b5cf6, #6d28d9);}
.pc-dashboard-clean .pc-dashboard-quick{order:2;}
.pc-dashboard-clean .pc-dashboard-stats{order:3;}
.pc-dashboard-clean .pc-dashboard-career{order:4;}
.pc-dashboard-clean .pc-dashboard-vacancies{order:5;}
.pc-dashboard-clean .pc-dashboard-applied{order:6;}
.pc-data-card.applied{
    border-color:#bbf7d0;
    background:linear-gradient(135deg,#ffffff,#f0fdf4);
}
.pc-data-card.applied .pc-data-icon{
    color:var(--pc-green);
    background:#eaf9f0;
}
.pc-badge i{
    font-size:13px;
    line-height:1;
}

@media (min-width:768px){
    .pc-dashboard-overview{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media (min-width:992px){
    .pc-dashboard-grid.pc-dashboard-clean{
        grid-template-columns:1fr;
    }
    .pc-dashboard-grid.pc-dashboard-clean > *{
        grid-column:1 / -1;
    }
}