.workpro-wrap{display:flex;min-height:760px;background:#f4f6fb;border-radius:20px;overflow:hidden;font-family:Inter,Arial,sans-serif;color:#182033}.wpcrm-side{width:245px;background:#111827;color:#fff;padding:24px 16px}.brand{font-size:23px;font-weight:800;margin-bottom:26px}.nav{display:block;width:100%;padding:13px 14px;margin:7px 0;border:0;border-radius:12px;text-align:left;background:transparent;color:#cbd5e1;cursor:pointer}.nav.active,.nav:hover{background:#2563eb;color:#fff}.wpcrm-main{flex:1;padding:24px;overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h2{margin:0;font-size:26px}.primary{background:#2563eb;color:#fff;border:0;border-radius:12px;padding:11px 16px;cursor:pointer;font-weight:700}button{border:1px solid #d7dce8;border-radius:12px;padding:10px 14px;background:#fff;cursor:pointer}.tab{display:none}.tab.active{display:block}.cards{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:16px;margin-bottom:25px}.card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(15,23,42,.07)}.card b{font-size:30px;display:block}.card span{color:#64748b}.panel{background:#fff;border-radius:18px;padding:20px;margin-bottom:20px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px}input,select,textarea{width:100%;box-sizing:border-box;border:1px solid #d9dfeb;border-radius:12px;padding:12px;background:#fff}textarea{min-height:90px;margin:12px 0}.checks{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0}.checks label{background:#eef2ff;border:1px solid #dbe3ff;padding:9px 12px;border-radius:999px}.table-wrap{overflow:auto;background:#fff;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.06)}table{width:100%;border-collapse:collapse;min-width:980px}th,td{text-align:left;padding:14px;border-bottom:1px solid #eef2f7;vertical-align:middle}th{font-size:13px;color:#64748b;background:#f8fafc}.badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.green{background:#dcfce7;color:#166534}.yellow{background:#fef9c3;color:#854d0e}.orange{background:#ffedd5;color:#9a3412}.red{background:#fee2e2;color:#991b1b}.neutral{background:#e5e7eb;color:#374151}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:currentColor}.blink .dot{animation:blink 1s infinite}@keyframes blink{50%{opacity:.15}}.members{display:flex;flex-wrap:wrap;gap:6px}.member{background:#f1f5f9;padding:6px 9px;border-radius:999px;font-size:12px;position:relative}.member:hover:after{content:attr(data-note);position:absolute;left:0;top:28px;width:230px;background:#111827;color:#fff;padding:10px;border-radius:10px;z-index:50;white-space:normal}.iconbtn{padding:7px 9px;border-radius:10px}.wa{color:#16a34a}.mail{color:#2563eb}.progress{height:9px;background:#e5e7eb;border-radius:99px;overflow:hidden;min-width:90px}.progress span{display:block;height:100%;background:#2563eb}.modal{position:fixed;inset:0;background:rgba(15,23,42,.5);display:none;align-items:center;justify-content:center;z-index:99999}.modal.show{display:flex}.modal-box{width:min(560px,92vw);background:#fff;border-radius:20px;padding:22px;position:relative}.close{position:absolute;right:14px;top:12px;border:0;font-size:24px}.row{display:flex;gap:10px;margin:10px 0}.whatsapp{background:#22c55e;color:#fff;border:0}.emailbtn{background:#2563eb;color:#fff;border:0}.update-card{background:#fff;border-radius:14px;padding:14px;margin:10px 0;border:1px solid #e5e7eb}@media(max-width:900px){.workpro-wrap{display:block}.wpcrm-side{width:auto}.cards,.grid{grid-template-columns:1fr}.wpcrm-main{padding:14px}}


/* === WorkPro CRM Full Screen Layout Fix ===
   Makes the CRM use the full browser width/height on any page or screen. */
html:has(#workpro-crm),
body:has(#workpro-crm){
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
}

body:has(#workpro-crm) .site,
body:has(#workpro-crm) .site-content,
body:has(#workpro-crm) .content-area,
body:has(#workpro-crm) .entry-content,
body:has(#workpro-crm) .wp-site-blocks,
body:has(#workpro-crm) .wp-block-post-content,
body:has(#workpro-crm) main,
body:has(#workpro-crm) article,
body:has(#workpro-crm) .container,
body:has(#workpro-crm) .wrap{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

#workpro-crm.workpro-wrap{
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:0 !important;
    min-height:100vh !important;
    height:auto !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
}

.admin-bar #workpro-crm.workpro-wrap{
    min-height:calc(100vh - 32px) !important;
}

#workpro-crm .wpcrm-side{
    flex:0 0 245px !important;
    min-height:inherit !important;
    border-radius:0 !important;
}

#workpro-crm .wpcrm-main{
    flex:1 1 auto !important;
    min-width:0 !important;
    min-height:inherit !important;
    height:auto !important;
    overflow:auto !important;
    box-sizing:border-box !important;
}

#workpro-crm .table-wrap{
    width:100% !important;
    max-width:100% !important;
}

@media (max-width:782px){
    .admin-bar #workpro-crm.workpro-wrap{
        min-height:calc(100vh - 46px) !important;
    }
}

@media(max-width:900px){
    #workpro-crm.workpro-wrap{
        width:100vw !important;
        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;
        min-height:100vh !important;
    }
    #workpro-crm .wpcrm-side{
        width:100% !important;
        min-height:auto !important;
        flex:none !important;
        box-sizing:border-box !important;
    }
    #workpro-crm .wpcrm-main{
        min-height:calc(100vh - 260px) !important;
    }
    #workpro-crm .topbar{
        gap:12px;
        flex-wrap:wrap;
    }
}

/* === Planned UI Fixes === */
#workpro-crm button,
#workpro-crm .msg,
#workpro-crm .editProj,
#workpro-crm .delProj,
#workpro-crm .editEmp,
#workpro-crm .delEmp{
    color:#0f172a !important;
    background:#ffffff !important;
    border:1px solid #cbd5e1 !important;
    min-width:64px;
    line-height:1.2 !important;
    opacity:1 !important;
    visibility:visible !important;
}
#workpro-crm .primary{color:#fff !important;background:#2563eb !important;border-color:#2563eb !important;}
#workpro-crm button:hover{background:#f1f5f9 !important;color:#0f172a !important;}
#workpro-crm .primary:hover{background:#1d4ed8 !important;color:#fff !important;}
#workpro-crm .close{color:#0f172a !important;background:#f1f5f9 !important;border:1px solid #cbd5e1 !important;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;}
#workpro-crm .whatsapp{background:#22c55e !important;color:#fff !important;border-color:#22c55e !important;}
#workpro-crm .emailbtn{background:#2563eb !important;color:#fff !important;border-color:#2563eb !important;}
#workpro-crm input,
#workpro-crm select,
#workpro-crm textarea{font-size:15px;line-height:1.45 !important;color:#0f172a;min-height:46px;}
#workpro-crm select{padding-top:10px !important;padding-bottom:10px !important;}
#workpro-crm .form-grid label,
#workpro-crm form > label{font-size:14px;font-weight:700;color:#0f172a;display:block;}
#workpro-crm .form-grid label input,
#workpro-crm .form-grid label select{margin-top:6px;}
#workpro-crm .form-actions{display:flex;gap:12px;align-items:center;margin-top:12px;}
#workpro-crm .employee-multi{min-height:120px;margin-top:8px;}
#workpro-crm .assignment-fields{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;margin:12px 0;}
#workpro-crm .assignment-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;}
#workpro-crm .assignment-row textarea{min-height:68px;margin:8px 0 0;}
#workpro-crm .member:hover:after{content:attr(data-note);}
@media(max-width:900px){#workpro-crm .assignment-fields{grid-template-columns:1fr;}}

/* === v1.0.3 Sheet Workflow + Hidden Sidebar === */
#workpro-crm{position:relative;transition:all .25s ease;}
#workpro-crm .sidebar-toggle{
    position:fixed;left:18px;top:52px;z-index:100000;background:#0f766e!important;color:#fff!important;border:0!important;
    width:46px;height:46px;min-width:46px;border-radius:14px;box-shadow:0 12px 28px rgba(15,23,42,.25);font-size:20px;padding:0!important;
}
.admin-bar #workpro-crm .sidebar-toggle{top:52px;}
#workpro-crm.sidebar-collapsed .wpcrm-side{margin-left:-245px!important;transform:translateX(-245px);padding-left:0!important;padding-right:0!important;overflow:hidden;}
#workpro-crm.sidebar-open .wpcrm-side{margin-left:0!important;transform:translateX(0);padding-left:16px!important;padding-right:16px!important;}
#workpro-crm .wpcrm-side{transition:all .25s ease;}
#workpro-crm.sidebar-collapsed .wpcrm-main{padding-left:76px!important;}
#workpro-crm.sidebar-open .wpcrm-main{padding-left:24px!important;}
#workpro-crm .form-grid label,
#workpro-crm #employeeForm label,
#workpro-crm #updateForm label,
#workpro-crm #projectForm > label{
    display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#0f172a;
}
#workpro-crm .form-actions{display:flex;gap:12px;align-items:center;margin-top:14px;}
#workpro-crm select[multiple].employee-multi{min-height:104px;background:#fff;}
#workpro-crm .assignment-fields{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;margin-top:12px;}
#workpro-crm .assignment-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;}
#workpro-crm .assignment-row b{display:block;margin-bottom:8px;}
#workpro-crm .assignment-row textarea{margin:0;min-height:70px;}
#workpro-crm input[readonly]{background:#f1f5f9;color:#334155;}
#workpro-crm .table-wrap table{min-width:1900px;}
#workpro-crm td a{color:#2563eb;text-decoration:underline;}
@media(max-width:900px){
  #workpro-crm.sidebar-collapsed .wpcrm-side{display:none;}
  #workpro-crm.sidebar-open .wpcrm-side{display:block;width:245px!important;position:fixed;left:0;top:0;bottom:0;z-index:99999;box-shadow:20px 0 50px rgba(15,23,42,.25);}
  .admin-bar #workpro-crm.sidebar-open .wpcrm-side{top:32px;}
  #workpro-crm.sidebar-collapsed .wpcrm-main,#workpro-crm.sidebar-open .wpcrm-main{padding-left:70px!important;}
  #workpro-crm .assignment-fields{grid-template-columns:1fr;}
}

/* === v1.0.4 Compact Sheet Table + Assignment Update === */
#workpro-crm .sidebar-toggle{display:none!important;}
#workpro-crm.workpro-wrap{display:flex!important;}
#workpro-crm .wpcrm-side{margin-left:0!important;transform:none!important;padding-left:16px!important;padding-right:16px!important;overflow:visible!important;}
#workpro-crm .wpcrm-main{padding-left:24px!important;}
#workpro-crm .table-wrap table{table-layout:fixed!important;min-width:1650px!important;border-collapse:collapse!important;}
#workpro-crm th,#workpro-crm td{font-size:11px!important;line-height:1.15!important;padding:5px 7px!important;height:28px!important;max-height:28px!important;vertical-align:middle!important;white-space:nowrap!important;overflow:visible!important;}
#workpro-crm th{font-size:10px!important;font-weight:800!important;}
#workpro-crm td .clip,#workpro-crm td a.clip{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:inherit;}
#workpro-crm td .clip:hover,#workpro-crm td a.clip:hover{position:relative;}
#workpro-crm .badge{font-size:10px!important;padding:3px 6px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
#workpro-crm .members{display:flex!important;flex-wrap:nowrap!important;gap:3px!important;overflow:hidden!important;}
#workpro-crm .member{font-size:10px!important;padding:3px 5px!important;max-width:72px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
#workpro-crm .member:hover:after{white-space:pre-line!important;width:260px!important;top:22px!important;font-size:12px!important;line-height:1.35!important;}
#workpro-crm .progress{height:6px!important;min-width:52px!important;}
#workpro-crm table button{font-size:10px!important;padding:4px 6px!important;min-width:42px!important;border-radius:7px!important;}
#workpro-crm .carry{display:inline-block;background:#ede9fe;color:#5b21b6;border-radius:999px;padding:2px 5px;font-size:9px;font-weight:800;margin-right:3px;}
#workpro-crm .carry-row{background:#fbfaff;}
#workpro-crm .employee-multi-hidden{display:none!important;}
#workpro-crm .employee-picker{position:relative;margin:8px 0 8px;max-width:420px;}
#workpro-crm #employeePickerBtn{width:100%;text-align:left;background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;}
#workpro-crm .employee-picker-list{display:none;position:absolute;left:0;right:0;top:calc(100% + 5px);background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 18px 40px rgba(15,23,42,.18);z-index:9999;max-height:230px;overflow:auto;padding:8px;}
#workpro-crm .employee-picker.open .employee-picker-list{display:block;}
#workpro-crm .employee-picker-list label{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:#0f172a;}
#workpro-crm .employee-picker-list label:hover{background:#f1f5f9;}
#workpro-crm .employee-picker-list input{width:auto!important;min-height:auto!important;margin:0;}
#workpro-crm .employee-picker-list small{margin-left:auto;color:#64748b;font-size:11px;}
#workpro-crm .selected-employees{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;}
#workpro-crm .selected-employees span{background:#e0f2fe;color:#075985;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;}
#workpro-crm input[readonly]{background:#f1f5f9!important;color:#334155!important;}
@media(max-width:900px){#workpro-crm.workpro-wrap{display:block!important;}#workpro-crm .wpcrm-side{width:auto!important;display:block!important;position:static!important;box-shadow:none!important;}#workpro-crm .wpcrm-main{padding-left:14px!important;}}

/* === v1.0.5 Project-based Progress + Smart Table === */
#workpro-crm .nav[data-tab="updates"],
#workpro-crm #tab-updates{display:none!important;}
#workpro-crm .table-wrap{overflow-x:auto!important;scrollbar-width:thin;}
#workpro-crm .table-wrap table{width:100%!important;min-width:0!important;table-layout:fixed!important;}
#workpro-crm #projectRows td:nth-child(1),#workpro-crm th:nth-child(1){width:90px;}
#workpro-crm #projectRows td:nth-child(2),#workpro-crm th:nth-child(2){width:95px;}
#workpro-crm #projectRows td:nth-child(3),#workpro-crm th:nth-child(3),
#workpro-crm #projectRows td:nth-child(4),#workpro-crm th:nth-child(4){width:70px;}
#workpro-crm #projectRows td:nth-child(5),#workpro-crm th:nth-child(5){width:90px;}
#workpro-crm #projectRows td:nth-child(6),#workpro-crm th:nth-child(6){width:85px;}
#workpro-crm #projectRows td:nth-child(7),#workpro-crm th:nth-child(7){width:90px;}
#workpro-crm #projectRows td:nth-child(8),#workpro-crm th:nth-child(8){width:95px;}
#workpro-crm #projectRows td:nth-child(9),#workpro-crm th:nth-child(9){width:100px;}
#workpro-crm #projectRows td:nth-child(10),#workpro-crm th:nth-child(10){width:70px;}
#workpro-crm #projectRows td:nth-child(11),#workpro-crm th:nth-child(11),
#workpro-crm #projectRows td:nth-child(12),#workpro-crm th:nth-child(12){width:90px;}
#workpro-crm #projectRows td:nth-child(13),#workpro-crm th:nth-child(13){width:105px;}
#workpro-crm #projectRows td:nth-child(14),#workpro-crm th:nth-child(14){width:90px;}
#workpro-crm #projectRows td:nth-child(15),#workpro-crm th:nth-child(15){width:85px;}
#workpro-crm #projectRows td:nth-child(16),#workpro-crm th:nth-child(16){width:70px;}
#workpro-crm #projectRows td:nth-child(17),#workpro-crm th:nth-child(17){width:95px;}
#workpro-crm .task-progress-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:10px;}
#workpro-crm .task-progress-card{background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:9px;}
#workpro-crm .task-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:6px;}
#workpro-crm .mini-progress{height:7px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:7px;}
#workpro-crm .mini-progress span{display:block;height:100%;background:#2563eb;border-radius:999px;}
#workpro-crm .task-inputs{display:grid;grid-template-columns:70px 1fr;gap:6px;margin-bottom:6px;}
#workpro-crm .task-inputs input{min-height:34px!important;font-size:12px!important;padding:6px 8px!important;}
#workpro-crm .task-progress-card small{display:block;color:#64748b;font-size:11px;margin:5px 0;max-height:34px;overflow:hidden;}
#workpro-crm .task-progress-card button{font-size:11px!important;min-width:auto!important;padding:6px 8px!important;background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;}
#workpro-crm .task-help{display:block;margin-top:8px;color:#64748b;}
#workpro-crm .trash-list{display:grid;gap:8px;margin-top:10px;}
#workpro-crm .trash-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
#workpro-crm .trash-item small{color:#64748b;}
#workpro-crm .trash-item button{margin-left:auto;background:#16a34a!important;color:#fff!important;border-color:#16a34a!important;}

/* === v1.0.7 Final workflow update === */
#workpro-crm .sidebar-toggle{display:flex!important;align-items:center;justify-content:center;position:fixed;left:14px;top:92px;z-index:100000;background:#0f766e!important;color:#fff!important;border:0!important;width:38px;height:38px;min-width:38px;border-radius:12px;box-shadow:0 10px 24px rgba(15,23,42,.22);font-size:18px;padding:0!important;}
.admin-bar #workpro-crm .sidebar-toggle{top:84px;}
#workpro-crm.sidebar-collapsed .wpcrm-side{margin-left:-245px!important;transform:translateX(-245px)!important;padding-left:0!important;padding-right:0!important;overflow:hidden!important;flex-basis:0!important;width:0!important;}
#workpro-crm.sidebar-open .wpcrm-side{margin-left:0!important;transform:translateX(0)!important;padding-left:16px!important;padding-right:16px!important;flex:0 0 245px!important;width:245px!important;}
#workpro-crm.sidebar-collapsed .wpcrm-main{padding-left:70px!important;}
#workpro-crm.sidebar-open .wpcrm-main{padding-left:24px!important;}
#workpro-crm .top-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;}
#workpro-crm .add-project-fab{background:#0f766e!important;color:#fff!important;border:0!important;width:46px;height:46px;min-width:46px;border-radius:14px;font-size:22px;font-weight:800;box-shadow:0 12px 28px rgba(15,23,42,.18);padding:0!important;}
#workpro-crm #importCsvBtn{background:#14b8a6!important;border-color:#14b8a6!important;color:#fff!important;}
#workpro-crm .project-modal-box{width:min(1280px,96vw)!important;max-height:88vh;overflow:auto;}
#workpro-crm .task-modal-box{width:min(720px,94vw)!important;max-height:88vh;overflow:auto;}
#workpro-crm #projectModal h3,#workpro-crm #taskModal h3{margin-top:0;}
#workpro-crm .table-wrap{overflow-x:hidden!important;}
#workpro-crm .table-wrap:hover{overflow-x:auto!important;}
#workpro-crm .table-wrap table{width:100%!important;min-width:1280px!important;table-layout:fixed!important;}
#workpro-crm th,#workpro-crm td{font-size:10.5px!important;padding:5px 6px!important;height:28px!important;max-height:28px!important;}
#workpro-crm th:nth-child(1),#workpro-crm td:nth-child(1){width:82px!important;}
#workpro-crm th:nth-child(2),#workpro-crm td:nth-child(2){width:90px!important;}
#workpro-crm th:nth-child(3),#workpro-crm td:nth-child(3),#workpro-crm th:nth-child(4),#workpro-crm td:nth-child(4){width:66px!important;}
#workpro-crm th:nth-child(5),#workpro-crm td:nth-child(5){width:95px!important;}
#workpro-crm th:nth-child(6),#workpro-crm td:nth-child(6){width:86px!important;}
#workpro-crm th:nth-child(7),#workpro-crm td:nth-child(7){width:92px!important;}
#workpro-crm th:nth-child(8),#workpro-crm td:nth-child(8){width:104px!important;}
#workpro-crm th:nth-child(9),#workpro-crm td:nth-child(9){width:70px!important;}
#workpro-crm th:nth-child(10),#workpro-crm td:nth-child(10),#workpro-crm th:nth-child(11),#workpro-crm td:nth-child(11){width:86px!important;}
#workpro-crm th:nth-child(12),#workpro-crm td:nth-child(12){width:105px!important;}
#workpro-crm th:nth-child(13),#workpro-crm td:nth-child(13){width:92px!important;}
#workpro-crm th:nth-child(14),#workpro-crm td:nth-child(14){width:80px!important;}
#workpro-crm th:nth-child(15),#workpro-crm td:nth-child(15){width:64px!important;}
#workpro-crm th:nth-child(16),#workpro-crm td:nth-child(16){width:92px!important;}
#workpro-crm .progress{height:6px!important;min-width:55px!important;margin-bottom:2px;}
#workpro-crm .progress-num{font-size:10px!important;color:#0f172a;display:block;line-height:1!important;white-space:nowrap;}
#workpro-crm .member{cursor:pointer;background:#e0f2fe!important;color:#075985!important;}
#workpro-crm .member:hover{background:#bae6fd!important;}
#workpro-crm .member:hover:after{white-space:pre-line!important;z-index:100001!important;}
#workpro-crm .task-assigned-list{display:grid;gap:8px;margin:10px 0 14px;}
#workpro-crm .task-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:9px;}
#workpro-crm .history-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px;margin:8px 0;}
#workpro-crm .history-item p{margin:5px 0;color:#334155;}
#workpro-crm .history-item small{color:#64748b;}
#workpro-crm .assignment-row .task-help{display:block;margin-top:6px;color:#64748b;font-size:12px;}
#workpro-crm .form-grid{grid-template-columns:repeat(3,minmax(180px,1fr))!important;}
#workpro-crm .modal .close{color:#0f172a!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;}
@media(max-width:900px){
  #workpro-crm.sidebar-open .wpcrm-side{position:fixed!important;left:0;top:0;bottom:0;z-index:99999;box-shadow:20px 0 50px rgba(15,23,42,.25);}
  .admin-bar #workpro-crm.sidebar-open .wpcrm-side{top:32px;}
  #workpro-crm.sidebar-collapsed .wpcrm-side{display:none!important;}
  #workpro-crm.sidebar-collapsed .wpcrm-main,#workpro-crm.sidebar-open .wpcrm-main{padding-left:60px!important;}
  #workpro-crm .form-grid{grid-template-columns:1fr!important;}
  #workpro-crm .top-actions{flex-wrap:wrap;justify-content:flex-start;}
}


/* === v1.0.8 Real UI Fixes === */
#workpro-crm{position:relative!important;width:100%!important;max-width:none!important;overflow:hidden!important;}
#workpro-crm .wpcrm-main{min-width:0!important;flex:1 1 auto!important;transition:padding .2s ease,width .2s ease!important;}
#workpro-crm.sidebar-collapsed .wpcrm-side{flex:0 0 0!important;width:0!important;min-width:0!important;margin-left:0!important;transform:none!important;padding:0!important;border:0!important;overflow:hidden!important;}
#workpro-crm.sidebar-collapsed .wpcrm-main{padding-left:24px!important;width:100%!important;}
#workpro-crm.sidebar-open .wpcrm-main{padding-left:24px!important;width:auto!important;}
#workpro-crm.sidebar-open .sidebar-toggle{left:196px!important;top:18px!important;z-index:100002!important;}
.admin-bar #workpro-crm.sidebar-open .sidebar-toggle{top:50px!important;}
#workpro-crm.sidebar-collapsed .sidebar-toggle{left:18px!important;top:18px!important;}
.admin-bar #workpro-crm.sidebar-collapsed .sidebar-toggle{top:50px!important;}
#workpro-crm .brand{padding-right:44px!important;line-height:1.2!important;}
#workpro-crm .nav{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#workpro-crm .table-wrap{overflow-x:auto!important;overflow-y:visible!important;max-width:100%!important;}
#workpro-crm .table-wrap table{width:100%!important;min-width:0!important;table-layout:fixed!important;}
#workpro-crm th,#workpro-crm td{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;position:relative!important;box-sizing:border-box!important;}
#workpro-crm .status-cell,#workpro-crm .progress-cell{overflow:hidden!important;}
#workpro-crm .status-text{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1.2!important;}
#workpro-crm .progress-cell{vertical-align:middle!important;}
#workpro-crm .progress{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:6px!important;margin:0 0 3px 0!important;position:relative!important;z-index:1!important;}
#workpro-crm .progress-num{display:block!important;text-align:center!important;font-size:10px!important;line-height:1!important;margin:0!important;position:static!important;background:transparent!important;}
#workpro-crm .col-resizer{position:absolute!important;right:0!important;top:0!important;width:7px!important;height:100%!important;cursor:col-resize!important;z-index:5!important;user-select:none!important;}
#workpro-crm .col-resizer:hover{background:rgba(37,99,235,.18)!important;}
body.resizing-cols{cursor:col-resize!important;user-select:none!important;}
#workpro-crm .clip{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:900px){
  #workpro-crm.sidebar-open .wpcrm-side{width:245px!important;flex:0 0 245px!important;}
  #workpro-crm.sidebar-collapsed .wpcrm-main,#workpro-crm.sidebar-open .wpcrm-main{padding-left:14px!important;}
  #workpro-crm.sidebar-open .sidebar-toggle{left:196px!important;top:18px!important;}
  #workpro-crm.sidebar-collapsed .sidebar-toggle{left:14px!important;top:18px!important;}
}

/* === v1.0.9 requested fixes === */
.workpro-login-screen{min-height:70vh;display:flex;align-items:center;justify-content:center;background:#f1f5f9;padding:24px;}
.workpro-login-screen .login-card{width:min(520px,94vw);background:#fff;border-radius:22px;box-shadow:0 22px 70px rgba(15,23,42,.18);padding:26px;border:1px solid #e2e8f0;}
.workpro-login-screen h2{margin:0 0 8px;color:#0f172a;font-size:28px;}
.workpro-login-screen p{color:#64748b;margin:0 0 18px;}
.workpro-login-screen .role-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;}
.workpro-login-screen .role-btn{border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;border-radius:12px;padding:10px;font-weight:700;cursor:pointer;}
.workpro-login-screen .role-btn.active{background:#0c343d;color:#fff;border-color:#0c343d;}
.workpro-login-screen label{display:block;font-weight:700;color:#0f172a;margin:12px 0 6px;}
.workpro-login-screen input{width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;font-size:15px;box-sizing:border-box;}
.workpro-login-screen .primary{width:100%;margin-top:16px;min-height:44px;border-radius:12px;background:#2563eb;color:#fff;border:0;font-weight:800;}
#loginMsg{margin-top:10px;color:#dc2626;font-weight:700;}

#workpro-crm .topbar{gap:18px!important;align-items:center!important;}
#workpro-crm .topbar h2{display:flex!important;align-items:center!important;gap:10px!important;padding-left:40px!important;margin:0!important;white-space:nowrap!important;overflow:visible!important;}
#workpro-crm .crm-title-icon{display:inline-flex;width:28px;height:28px;border-radius:9px;align-items:center;justify-content:center;background:#e0f2fe;color:#0f766e;font-size:14px;font-weight:900;}
#workpro-crm.sidebar-open .topbar h2{padding-left:0!important;}
#workpro-crm.sidebar-collapsed .topbar h2{padding-left:54px!important;}
#workpro-crm .add-project-fab{width:auto!important;min-width:150px!important;height:44px!important;min-height:44px!important;padding:0 18px!important;border-radius:12px!important;font-size:14px!important;font-weight:800!important;box-shadow:none!important;}
#workpro-crm .top-actions .primary,#workpro-crm .logout-btn{height:44px!important;min-height:44px!important;border-radius:12px!important;padding:0 18px!important;font-size:14px!important;font-weight:800!important;}
#workpro-crm .logout-btn{background:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important;}
#workpro-crm thead th{background:#0C343D!important;color:#fff!important;font-weight:800!important;border-color:#164e63!important;vertical-align:middle!important;}
#workpro-crm thead th .col-resizer:hover{background:rgba(255,255,255,.25)!important;}
#workpro-crm .member[data-note]{position:relative;}
#workpro-crm .member[data-note]:hover:after{content:attr(data-note);position:absolute;left:0;top:calc(100% + 8px);min-width:260px;max-width:340px;background:#0f172a;color:#fff;border-radius:12px;padding:12px;font-size:12px;line-height:1.45;white-space:pre-line;box-shadow:0 18px 45px rgba(15,23,42,.35);z-index:100004;text-align:left;}
#workpro-crm .modal{pointer-events:none;}
#workpro-crm .modal.show{pointer-events:auto;}
#workpro-crm .modal-box{pointer-events:auto;}
#workpro-crm[data-role="employee"] #addProjectTop,
#workpro-crm[data-role="employee"] #importCsvBtn,
#workpro-crm[data-role="employee"] #exportCsv,
#workpro-crm[data-role="employee"] .editProj,
#workpro-crm[data-role="employee"] .delProj,
#workpro-crm[data-role="employee"] #tab-employees,
#workpro-crm[data-role="employee"] .nav[data-tab="employees"],
#workpro-crm[data-role="employee"] .nav[data-tab="settings"]{display:none!important;}
#workpro-crm[data-role="manager"] .delProj,
#workpro-crm[data-role="manager"] .delEmp,
#workpro-crm[data-role="manager"] .restoreProject,
#workpro-crm[data-role="manager"] .restoreEmployee{display:none!important;}
@media(max-width:900px){
  .workpro-login-screen .role-buttons{grid-template-columns:1fr;}
  #workpro-crm .topbar{flex-direction:column!important;align-items:flex-start!important;}
  #workpro-crm.sidebar-collapsed .topbar h2{padding-left:50px!important;}
  #workpro-crm .top-actions{width:100%;justify-content:flex-start!important;}
}

/* === v1.0.10 Login Isolation Fix === */
#workproLogin.crm-auth-hidden,
#workpro-crm.crm-auth-hidden,
#workpro-crm.crm-auth-pending{
  display:none!important;
}
#workproLogin.crm-auth-visible{
  display:flex!important;
  width:100vw!important;
  min-height:100vh!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  box-sizing:border-box!important;
}
#workpro-crm.crm-auth-visible{
  display:flex!important;
}
@media(max-width:900px){
  #workpro-crm.crm-auth-visible{display:block!important;}
}

/* === v1.0.11 Fixing Pack === */
html:has(#workproLogin.crm-auth-visible),
body:has(#workproLogin.crm-auth-visible){
  height:100% !important;
  min-height:100% !important;
  overflow:hidden !important;
}
#workproLogin.crm-auth-visible{
  height:100vh !important;
  min-height:100vh !important;
  max-height:100vh !important;
  overflow:hidden !important;
  padding:0 !important;
  align-items:center !important;
  justify-content:center !important;
}
#workproLogin .role-buttons{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
#workproLogin .role-btn[data-role="employee"].active{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;}
#workproLogin .role-btn[data-role="manager"].active{background:#f97316!important;border-color:#f97316!important;color:#fff!important;}
#workproLogin .role-btn[data-role="admin"].active{background:#0c343d!important;border-color:#0c343d!important;color:#fff!important;}

#workpro-crm.crm-auth-visible{
  width:100vw !important;
  max-width:100vw !important;
  height:100vh !important;
  min-height:100vh !important;
  overflow:hidden !important;
  margin:0 !important;
  box-sizing:border-box !important;
}
.admin-bar #workpro-crm.crm-auth-visible{
  height:calc(100vh - 32px) !important;
  min-height:calc(100vh - 32px) !important;
}
#workpro-crm.crm-auth-visible .wpcrm-main{
  height:100% !important;
  max-width:100% !important;
  overflow:auto !important;
  padding:20px !important;
  box-sizing:border-box !important;
}
#workpro-crm.sidebar-collapsed.crm-auth-visible .wpcrm-main{
  padding-left:72px !important;
  padding-right:20px !important;
}
#workpro-crm.sidebar-open.crm-auth-visible .wpcrm-main{
  padding-left:20px !important;
  padding-right:20px !important;
}
#workpro-crm .topbar{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
#workpro-crm .top-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  max-width:100% !important;
  margin-left:auto !important;
  box-sizing:border-box !important;
}
#workpro-crm .logout-btn{
  margin-right:0 !important;
  flex:0 0 auto !important;
}
#workpro-crm .cards,
#workpro-crm .table-wrap{
  max-width:100% !important;
  box-sizing:border-box !important;
}
#workpro-crm .progress-cell{
  overflow:hidden !important;
  padding-left:8px !important;
  padding-right:8px !important;
}
#workpro-crm .progress-cell .progress{
  width:100% !important;
  max-width:100% !important;
}
#workpro-crm .history-item{
  position:relative !important;
  padding-right:90px !important;
}
#workpro-crm .history-item .deleteUpdate{
  position:absolute !important;
  right:12px !important;
  top:12px !important;
  min-width:58px !important;
  padding:5px 8px !important;
  border-radius:8px !important;
  font-size:11px !important;
  background:#fee2e2 !important;
  color:#991b1b !important;
  border-color:#fecaca !important;
}
#workpro-crm #taskUpdateForm input[name="progress_percent"]:invalid{
  border-color:#ef4444 !important;
}
@media(max-width:900px){
  #workproLogin .role-buttons{grid-template-columns:1fr !important;}
  #workpro-crm.crm-auth-visible{height:auto!important;min-height:100vh!important;overflow:auto!important;}
  #workpro-crm.crm-auth-visible .wpcrm-main{height:auto!important;overflow:visible!important;padding:14px!important;}
  #workpro-crm.sidebar-collapsed.crm-auth-visible .wpcrm-main,
  #workpro-crm.sidebar-open.crm-auth-visible .wpcrm-main{padding-left:14px!important;padding-right:14px!important;}
}


/* === v1.0.12 Definitive Layout Padding Fix === */
html:has(#workpro-crm.crm-auth-visible),
body:has(#workpro-crm.crm-auth-visible){
  overflow-x:hidden!important;
}
#workpro-crm.crm-auth-visible{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:#f4f6fb!important;
  overflow:hidden!important;
}
#workpro-crm.crm-auth-visible .wpcrm-side{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  height:auto!important;
  min-height:100%!important;
  box-sizing:border-box!important;
  transition:width .22s ease, flex-basis .22s ease, padding .22s ease!important;
  z-index:50!important;
}
#workpro-crm.sidebar-open.crm-auth-visible .wpcrm-side{
  width:245px!important;
  min-width:245px!important;
  flex:0 0 245px!important;
  padding:24px 16px!important;
  overflow:visible!important;
}
#workpro-crm.sidebar-collapsed.crm-auth-visible .wpcrm-side{
  width:0!important;
  min-width:0!important;
  flex:0 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
}
#workpro-crm.crm-auth-visible .wpcrm-main,
#workpro-crm.sidebar-open.crm-auth-visible .wpcrm-main,
#workpro-crm.sidebar-collapsed.crm-auth-visible .wpcrm-main{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:20px!important;
  box-sizing:border-box!important;
  overflow:auto!important;
}
#workpro-crm .topbar{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  box-sizing:border-box!important;
  margin:0 0 18px 0!important;
  padding:0!important;
}
#workpro-crm .topbar h2{
  flex:1 1 auto!important;
  min-width:240px!important;
  margin:0!important;
  padding-left:52px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#workpro-crm .top-actions{
  flex:0 1 auto!important;
  max-width:calc(100% - 260px)!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#workpro-crm .top-actions .primary,
#workpro-crm .top-actions .logout-btn{
  min-height:44px!important;
  height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  margin:0!important;
}
#workpro-crm .sidebar-toggle{
  position:absolute!important;
  left:20px!important;
  top:20px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#0f7f78!important;
  color:#fff!important;
  border:0!important;
  border-radius:12px!important;
  z-index:200!important;
  box-shadow:0 10px 26px rgba(15,23,42,.22)!important;
}
#workpro-crm.sidebar-open .sidebar-toggle{
  left:20px!important;
  top:20px!important;
}
#workpro-crm .cards{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0 0 22px 0!important;
}
#workpro-crm .card{
  min-width:0!important;
  box-sizing:border-box!important;
}
#workpro-crm .table-wrap{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:auto!important;
}
#workpro-crm table{
  width:100%!important;
  max-width:100%!important;
  table-layout:fixed!important;
  min-width:0!important;
}
#workpro-crm th,#workpro-crm td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
#workpro-crm .progress-cell .progress{
  height:7px!important;
  min-width:60px!important;
  margin-bottom:3px!important;
}
#workpro-crm .add-project-fab{
  position:static!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
@media(max-width:1200px){
  #workpro-crm .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #workpro-crm .topbar{align-items:flex-start!important;flex-direction:column!important;}
  #workpro-crm .topbar h2{width:100%!important;}
  #workpro-crm .top-actions{max-width:100%!important;width:100%!important;justify-content:flex-start!important;padding-left:52px!important;}
}
@media(max-width:900px){
  #workpro-crm.crm-auth-visible{display:block!important;overflow:auto!important;height:auto!important;min-height:100vh!important;}
  #workpro-crm.sidebar-open.crm-auth-visible .wpcrm-side,
  #workpro-crm.sidebar-collapsed.crm-auth-visible .wpcrm-side{display:none!important;}
  #workpro-crm.crm-auth-visible .wpcrm-main,
  #workpro-crm.sidebar-open.crm-auth-visible .wpcrm-main,
  #workpro-crm.sidebar-collapsed.crm-auth-visible .wpcrm-main{padding:14px!important;width:100%!important;overflow:visible!important;}
  #workpro-crm .cards{grid-template-columns:1fr!important;}
  #workpro-crm .topbar h2{padding-left:52px!important;min-width:0!important;white-space:normal!important;}
  #workpro-crm .top-actions{padding-left:0!important;}
  #workpro-crm .sidebar-toggle{position:absolute!important;left:14px!important;top:14px!important;}
}

/* === v1.0.13 Full Viewport Width Fix: only 20px gap on both sides === */
html:has(#workpro-crm.crm-auth-visible),
body:has(#workpro-crm.crm-auth-visible){
  overflow-x:hidden!important;
}
#workpro-crm.crm-auth-visible{
  width:calc(100vw - 40px)!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:calc(50% - 50vw + 20px)!important;
  margin-right:20px!important;
  padding:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  background:#f4f6fb!important;
  overflow:hidden!important;
}
#workpro-crm.crm-auth-visible .wpcrm-main,
#workpro-crm.sidebar-open.crm-auth-visible .wpcrm-main,
#workpro-crm.sidebar-collapsed.crm-auth-visible .wpcrm-main{
  width:auto!important;
  max-width:none!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:20px!important;
  box-sizing:border-box!important;
  overflow:auto!important;
}
#workpro-crm.crm-auth-visible .topbar,
#workpro-crm.crm-auth-visible .cards,
#workpro-crm.crm-auth-visible .table-wrap{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#workpro-crm.crm-auth-visible .top-actions{
  max-width:100%!important;
  margin-left:auto!important;
  padding:0!important;
}
#workpro-crm.crm-auth-visible table{
  width:100%!important;
  max-width:100%!important;
}
#workpro-crm.crm-auth-visible .add-project-fab{
  position:static!important;
}
@media(max-width:900px){
  #workpro-crm.crm-auth-visible{
    width:calc(100vw - 28px)!important;
    margin-left:calc(50% - 50vw + 14px)!important;
    margin-right:14px!important;
  }
  #workpro-crm.crm-auth-visible .wpcrm-main,
  #workpro-crm.sidebar-open.crm-auth-visible .wpcrm-main,
  #workpro-crm.sidebar-collapsed.crm-auth-visible .wpcrm-main{
    padding:14px!important;
  }
}

/* === v1.0.14 True Full Width Dashboard Fix ===
   CRM uses full viewport width/height with internal padding only:
   top 30px, left/right 20px, bottom 20px. */
html:has(#workpro-crm.crm-auth-visible),
body:has(#workpro-crm.crm-auth-visible){
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  overflow-x:hidden!important;
}
body:has(#workpro-crm.crm-auth-visible) .site,
body:has(#workpro-crm.crm-auth-visible) .site-content,
body:has(#workpro-crm.crm-auth-visible) .content-area,
body:has(#workpro-crm.crm-auth-visible) .entry-content,
body:has(#workpro-crm.crm-auth-visible) .wp-site-blocks,
body:has(#workpro-crm.crm-auth-visible) .wp-block-post-content,
body:has(#workpro-crm.crm-auth-visible) main,
body:has(#workpro-crm.crm-auth-visible) article,
body:has(#workpro-crm.crm-auth-visible) .container,
body:has(#workpro-crm.crm-auth-visible) .wrap-section-container-widget-container{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
#workpro-crm.crm-auth-visible,
#workpro-crm.workpro-wrap.crm-auth-visible,
#workpro-crm.sidebar-open.crm-auth-visible,
#workpro-crm.sidebar-collapsed.crm-auth-visible{
  position:relative!important;
  left:50%!important;
  right:auto!important;
  width:100vw!important;
  max-width:none!important;
  min-width:0!important;
  min-height:100vh!important;
  height:auto!important;
  margin:0!important;
  margin-left:-50vw!important;
  margin-right:0!important;
  padding:30px 20px 20px 20px!important;
  box-sizing:border-box!important;
  border-radius:0!important;
  background:#f4f6fb!important;
  overflow:hidden!important;
  display:flex!important;
}
.admin-bar #workpro-crm.crm-auth-visible{
  min-height:calc(100vh - 32px)!important;
}
#workpro-crm.crm-auth-visible .wpcrm-main,
#workpro-crm.sidebar-open.crm-auth-visible .wpcrm-main,
#workpro-crm.sidebar-collapsed.crm-auth-visible .wpcrm-main{
  flex:1 1 auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:calc(100vh - 50px)!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#workpro-crm.crm-auth-visible .topbar,
#workpro-crm.crm-auth-visible .cards,
#workpro-crm.crm-auth-visible .table-wrap{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
#workpro-crm.crm-auth-visible .topbar{
  padding:0!important;
  margin-bottom:20px!important;
}
#workpro-crm.crm-auth-visible .top-actions{
  max-width:100%!important;
  margin-left:auto!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#workpro-crm.crm-auth-visible .table-wrap{
  overflow-x:auto!important;
}
#workpro-crm.crm-auth-visible table{
  width:100%!important;
  max-width:100%!important;
}
#workpro-crm.crm-auth-visible .add-project-fab{
  position:static!important;
}
#workpro-crm.sidebar-collapsed.crm-auth-visible .wpcrm-side{
  display:none!important;
  width:0!important;
  flex:0 0 0!important;
  margin:0!important;
  padding:0!important;
}
#workpro-crm.sidebar-open.crm-auth-visible .wpcrm-side{
  flex:0 0 245px!important;
}
@media(max-width:900px){
  #workpro-crm.crm-auth-visible,
  #workpro-crm.workpro-wrap.crm-auth-visible{
    width:100vw!important;
    margin-left:-50vw!important;
    padding:30px 20px 20px 20px!important;
    display:block!important;
    min-height:100vh!important;
  }
  #workpro-crm.crm-auth-visible .wpcrm-main{
    width:100%!important;
    min-height:calc(100vh - 50px)!important;
  }
}


/* === v1.0.15 Mobile Responsive CRM UI === */
@media (max-width: 768px){
  html:has(#workpro-crm.crm-auth-visible),
  body:has(#workpro-crm.crm-auth-visible){
    overflow-x:hidden!important;
  }
  #workpro-crm.crm-auth-visible,
  #workpro-crm.workpro-wrap.crm-auth-visible,
  #workpro-crm.sidebar-open.crm-auth-visible,
  #workpro-crm.sidebar-collapsed.crm-auth-visible{
    width:100vw!important;
    min-height:100vh!important;
    margin-left:-50vw!important;
    padding:18px 12px 16px 12px!important;
    display:block!important;
    overflow-x:hidden!important;
  }
  #workpro-crm .sidebar-toggle{
    position:fixed!important;
    left:14px!important;
    top:14px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    z-index:100006!important;
  }
  .admin-bar #workpro-crm .sidebar-toggle{top:58px!important;}

  /* Mobile sidebar drawer */
  #workpro-crm.sidebar-collapsed .wpcrm-side{
    display:none!important;
  }
  #workpro-crm.sidebar-open .wpcrm-side{
    display:block!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:82vw!important;
    max-width:300px!important;
    min-width:0!important;
    height:100vh!important;
    z-index:100005!important;
    padding:78px 14px 18px 14px!important;
    box-shadow:22px 0 55px rgba(15,23,42,.35)!important;
    overflow:auto!important;
  }
  .admin-bar #workpro-crm.sidebar-open .wpcrm-side{top:46px!important;height:calc(100vh - 46px)!important;}
  #workpro-crm.sidebar-open:before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.42);
    z-index:100004;
  }
  #workpro-crm .brand{font-size:22px!important;margin-bottom:18px!important;padding-right:0!important;}
  #workpro-crm .nav{font-size:15px!important;padding:13px 14px!important;margin:8px 0!important;border-radius:12px!important;}

  /* Mobile main layout */
  #workpro-crm.crm-auth-visible .wpcrm-main,
  #workpro-crm.sidebar-open.crm-auth-visible .wpcrm-main,
  #workpro-crm.sidebar-collapsed.crm-auth-visible .wpcrm-main{
    width:100%!important;
    min-height:auto!important;
    padding:0!important;
    overflow:visible!important;
  }
  #workpro-crm .topbar{
    display:block!important;
    margin:0 0 16px 0!important;
    padding:0!important;
  }
  #workpro-crm .topbar h2{
    padding-left:58px!important;
    width:100%!important;
    min-width:0!important;
    font-size:18px!important;
    line-height:1.25!important;
    white-space:normal!important;
    margin:0 0 14px 0!important;
  }
  #workpro-crm .crm-title-icon{
    width:24px!important;
    height:24px!important;
    font-size:12px!important;
  }
  #workpro-crm .top-actions{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
  }
  #workpro-crm .top-actions .primary,
  #workpro-crm .top-actions .logout-btn,
  #workpro-crm .add-project-fab{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 10px!important;
    font-size:12px!important;
    border-radius:11px!important;
  }
  #workpro-crm #exportCsv,
  #workpro-crm .logout-btn{
    grid-column:span 1!important;
  }

  /* Mobile cards */
  #workpro-crm .cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-bottom:18px!important;
  }
  #workpro-crm .card{
    padding:16px!important;
    border-radius:16px!important;
  }
  #workpro-crm .card b{font-size:25px!important;}
  #workpro-crm .card span{font-size:13px!important;}
  #workpro-crm h3{font-size:20px!important;margin:18px 0 10px!important;}

  /* Convert project table into mobile project cards */
  #workpro-crm #tab-dashboard .table-wrap{
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  #workpro-crm #tab-dashboard table,
  #workpro-crm #tab-dashboard thead,
  #workpro-crm #tab-dashboard tbody,
  #workpro-crm #tab-dashboard th,
  #workpro-crm #tab-dashboard td,
  #workpro-crm #tab-dashboard tr{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #workpro-crm #tab-dashboard thead{display:none!important;}
  #workpro-crm #projectRows tr{
    background:#fff!important;
    border:1px solid #e2e8f0!important;
    border-radius:18px!important;
    box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
    padding:14px!important;
    margin:0 0 12px 0!important;
    height:auto!important;
    overflow:hidden!important;
  }
  #workpro-crm #projectRows td{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    height:auto!important;
    max-height:none!important;
    min-height:34px!important;
    padding:8px 0!important;
    border:0!important;
    border-bottom:1px solid #eef2f7!important;
    font-size:13px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #workpro-crm #projectRows td:last-child{border-bottom:0!important;}
  #workpro-crm #projectRows td:before{
    flex:0 0 42%;
    color:#64748b;
    font-weight:800;
    font-size:12px;
    white-space:normal;
  }
  #workpro-crm #projectRows td:nth-child(1):before{content:"Account";}
  #workpro-crm #projectRows td:nth-child(2):before{content:"Client";}
  #workpro-crm #projectRows td:nth-child(3):before{content:"Gross";}
  #workpro-crm #projectRows td:nth-child(4):before{content:"Net";}
  #workpro-crm #projectRows td:nth-child(5):before{content:"Responsible";}
  #workpro-crm #projectRows td:nth-child(6):before{content:"Instruction";}
  #workpro-crm #projectRows td:nth-child(7):before{content:"Deadline";}
  #workpro-crm #projectRows td:nth-child(8):before{content:"Countdown";}
    #workpro-crm #projectRows td:nth-child(10):before{content:"Subdomain";}
  #workpro-crm #projectRows td:nth-child(11):before{content:"Website";}
  #workpro-crm #projectRows td:nth-child(12):before{content:"Type";}
  #workpro-crm #projectRows td:nth-child(12):before{content:"Status";}
  #workpro-crm #projectRows td:nth-child(13):before{content:"Progress";}
  #workpro-crm #projectRows td:nth-child(14):before{content:"Message";}
  #workpro-crm #projectRows td:nth-child(15):before{content:"Actions";}
  #workpro-crm #projectRows td > *:not(.col-resizer){
    max-width:58%!important;
    text-align:right!important;
  }
  #workpro-crm #projectRows td:nth-child(2),
  #workpro-crm #projectRows td:nth-child(13),
  #workpro-crm #projectRows td:nth-child(14),
  #workpro-crm #projectRows td:nth-child(16){
    background:#fbfdff!important;
    margin-left:-14px!important;
    margin-right:-14px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  #workpro-crm #projectRows td:nth-child(2){
    border-radius:14px 14px 0 0!important;
    font-weight:800!important;
    font-size:15px!important;
  }
  #workpro-crm .members{justify-content:flex-end!important;flex-wrap:wrap!important;max-width:58%!important;}
  #workpro-crm .member{font-size:11px!important;max-width:90px!important;}
  #workpro-crm .member:hover:after{display:none!important;}
  #workpro-crm .badge{font-size:11px!important;}
  #workpro-crm .progress-cell{display:block!important;}
  #workpro-crm .progress-cell:before{display:block!important;margin-bottom:6px!important;}
  #workpro-crm .progress-cell .progress{
    width:100%!important;
    max-width:100%!important;
    height:8px!important;
  }
  #workpro-crm .progress-cell .progress-num{text-align:right!important;font-size:12px!important;margin-top:5px!important;}
  #workpro-crm table button{font-size:12px!important;padding:7px 9px!important;min-width:auto!important;}

  /* Other tables stay scrollable but clean */
  #workpro-crm #tab-employees .table-wrap{overflow-x:auto!important;}
  #workpro-crm #tab-employees table{min-width:680px!important;}

  /* Mobile modals */
  #workpro-crm .modal{
    align-items:stretch!important;
    justify-content:stretch!important;
    padding:0!important;
  }
  #workpro-crm .modal-box,
  #workpro-crm .project-modal-box,
  #workpro-crm .task-modal-box{
    width:100vw!important;
    max-width:100vw!important;
    height:100vh!important;
    max-height:100vh!important;
    border-radius:0!important;
    padding:18px 14px 24px!important;
    overflow:auto!important;
    box-sizing:border-box!important;
  }
  .admin-bar #workpro-crm .modal-box,
  .admin-bar #workpro-crm .project-modal-box,
  .admin-bar #workpro-crm .task-modal-box{
    height:calc(100vh - 46px)!important;
    max-height:calc(100vh - 46px)!important;
    margin-top:46px!important;
  }
  #workpro-crm .modal .close{
    position:sticky!important;
    float:right!important;
    top:0!important;
    right:0!important;
    z-index:10!important;
    width:42px!important;
    height:42px!important;
  }
  #workpro-crm .form-grid,
  #workpro-crm .grid,
  #workpro-crm .assignment-fields,
  #workpro-crm .task-progress-list{
    grid-template-columns:1fr!important;
  }
  #workpro-crm input,
  #workpro-crm select,
  #workpro-crm textarea{
    font-size:16px!important;
    min-height:46px!important;
  }
  #workpro-crm textarea{min-height:96px!important;}
  #workpro-crm .form-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  #workpro-crm .form-actions button{width:100%!important;}

  /* Login mobile */
  #workproLogin.crm-auth-visible{
    padding:14px!important;
  }
  .workpro-login-screen .login-card{
    width:100%!important;
    max-width:420px!important;
    padding:20px!important;
    border-radius:18px!important;
  }
  .workpro-login-screen h2{font-size:24px!important;}
  .workpro-login-screen .role-buttons{grid-template-columns:1fr!important;}
}

@media (max-width: 380px){
  #workpro-crm .cards{grid-template-columns:1fr!important;}
  #workpro-crm .top-actions{grid-template-columns:1fr!important;}
  #workpro-crm .topbar h2{font-size:17px!important;}
}


/* === v1.0.16 Fixed Page + Monthly Calendar Database === */
html:has(#workpro-crm.crm-auth-visible),
body:has(#workpro-crm.crm-auth-visible){
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
html:has(#workproLogin.crm-auth-visible),
body:has(#workproLogin.crm-auth-visible){
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
#workproLogin.crm-auth-visible{
  min-height:100vh!important;
  height:100vh!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#workpro-crm.workpro-wrap.crm-auth-visible{
  width:100%!important;
  max-width:none!important;
  height:100vh!important;
  min-height:0!important;
  margin:0!important;
  padding:30px 20px 20px 20px!important;
  box-sizing:border-box!important;
  border-radius:0!important;
  overflow:hidden!important;
}
.admin-bar #workpro-crm.workpro-wrap.crm-auth-visible{height:calc(100vh - 32px)!important;}
#workpro-crm.crm-auth-visible .wpcrm-main{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0 0 0 20px!important;
  box-sizing:border-box!important;
}
#workpro-crm.crm-auth-visible.sidebar-collapsed .wpcrm-main,
#workpro-crm.crm-auth-visible.sidebar-open .wpcrm-main{padding-left:20px!important;}
#workpro-crm.crm-auth-visible .topbar{margin-bottom:14px!important;}
#workpro-crm.crm-auth-visible .tab.active{
  height:calc(100% - 68px)!important;
  overflow:auto!important;
  padding-right:2px!important;
  box-sizing:border-box!important;
}
#workpro-crm.crm-auth-visible .table-wrap{max-height:calc(100vh - 260px)!important;overflow:auto!important;}
#workpro-crm.crm-auth-visible #tab-calendar{overflow:auto!important;}
.calendar-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;background:#fff;border-radius:18px;padding:16px 18px;margin-bottom:14px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.calendar-head h3{margin:0 0 4px}.calendar-head p{margin:0;color:#64748b;font-size:13px}.calendar-head label{font-weight:700;color:#0f172a}.calendar-head input{margin-top:6px;min-width:190px}.mini-cards{grid-template-columns:repeat(3,minmax(130px,1fr))!important;margin-bottom:14px!important}.monthly-calendar{background:#fff;border-radius:18px;padding:14px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.cal-week{margin-bottom:8px}.cal-week b{text-align:center;font-size:12px;color:#475569}.cal-day{min-height:92px;border:1px solid #e2e8f0;border-radius:12px;padding:8px;background:#f8fafc;overflow:hidden}.cal-day.empty{background:transparent;border:0}.cal-day strong{display:block;margin-bottom:5px;color:#0c343d}.cal-day span{display:block;background:#e0f2fe;color:#075985;border-radius:8px;padding:3px 5px;font-size:10px;font-weight:700;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-day em{font-size:10px;color:#64748b}
@media(max-width:900px){
  #workpro-crm.workpro-wrap.crm-auth-visible{padding:16px 12px 12px!important;}
  #workpro-crm.crm-auth-visible .wpcrm-main{padding-left:0!important;}
  #workpro-crm.crm-auth-visible.sidebar-open .wpcrm-main,#workpro-crm.crm-auth-visible.sidebar-collapsed .wpcrm-main{padding-left:0!important;}
  #workpro-crm.crm-auth-visible .tab.active{height:calc(100% - 115px)!important;}
  .calendar-head{display:block}.calendar-head input{width:100%;min-width:0}.mini-cards{grid-template-columns:1fr!important}.cal-grid{gap:4px}.cal-day{min-height:70px;padding:5px}.cal-day span{display:none}.cal-week b{font-size:10px}
}
@media(max-width:782px){.admin-bar #workpro-crm.workpro-wrap.crm-auth-visible{height:calc(100vh - 46px)!important;}}


/* === v1.0.18 Hard Full-Width Alignment Fix ===
   Force CRM out of any WordPress/theme centered container.
   Final layout: full viewport width with only internal padding. */
html:has(#workpro-crm.crm-auth-visible),
body:has(#workpro-crm.crm-auth-visible){
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
}
body:has(#workpro-crm.crm-auth-visible) .site,
body:has(#workpro-crm.crm-auth-visible) .site-content,
body:has(#workpro-crm.crm-auth-visible) .content-area,
body:has(#workpro-crm.crm-auth-visible) .entry-content,
body:has(#workpro-crm.crm-auth-visible) .wp-site-blocks,
body:has(#workpro-crm.crm-auth-visible) .wp-block-post-content,
body:has(#workpro-crm.crm-auth-visible) main,
body:has(#workpro-crm.crm-auth-visible) article,
body:has(#workpro-crm.crm-auth-visible) .container,
body:has(#workpro-crm.crm-auth-visible) .wrap{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
#workpro-crm.workpro-wrap.crm-auth-visible{
  position:relative !important;
  left:50% !important;
  right:50% !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;
  height:100vh !important;
  min-height:0 !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding:30px 20px 20px 20px !important;
  box-sizing:border-box !important;
  border-radius:0 !important;
  overflow:hidden !important;
  display:flex !important;
}
.admin-bar #workpro-crm.workpro-wrap.crm-auth-visible{
  height:calc(100vh - 32px) !important;
}
#workpro-crm.crm-auth-visible .wpcrm-main{
  width:100% !important;
  max-width:none !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  height:100% !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
#workpro-crm.crm-auth-visible .wpcrm-side{
  flex:0 0 245px !important;
}
#workpro-crm.crm-auth-visible.sidebar-collapsed .wpcrm-side{
  flex:0 0 0 !important;
  width:0 !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  transform:none !important;
}
#workpro-crm.crm-auth-visible.sidebar-open .wpcrm-side{
  flex:0 0 245px !important;
  width:245px !important;
  margin:0 !important;
  transform:none !important;
}
#workpro-crm.crm-auth-visible.sidebar-collapsed .wpcrm-main,
#workpro-crm.crm-auth-visible.sidebar-open .wpcrm-main{
  padding-left:20px !important;
}
#workpro-crm.crm-auth-visible .topbar,
#workpro-crm.crm-auth-visible .cards,
#workpro-crm.crm-auth-visible .table-wrap{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
#workpro-crm.crm-auth-visible .top-actions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  max-width:100% !important;
}
#workpro-crm.crm-auth-visible .add-project-fab{
  position:static !important;
  width:auto !important;
  height:auto !important;
  min-width:auto !important;
}
#workpro-crm.crm-auth-visible .floating-add{
  right:20px !important;
}
@media(max-width:782px){
  .admin-bar #workpro-crm.workpro-wrap.crm-auth-visible{height:calc(100vh - 46px) !important;}
}
@media(max-width:900px){
  #workpro-crm.workpro-wrap.crm-auth-visible{
    padding:16px 12px 12px 12px !important;
  }
  #workpro-crm.crm-auth-visible.sidebar-open .wpcrm-side{
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:245px !important;
    z-index:100000 !important;
    box-shadow:20px 0 50px rgba(15,23,42,.25) !important;
  }
  .admin-bar #workpro-crm.crm-auth-visible.sidebar-open .wpcrm-side{top:46px !important;}
  #workpro-crm.crm-auth-visible.sidebar-collapsed .wpcrm-main,
  #workpro-crm.crm-auth-visible.sidebar-open .wpcrm-main{padding-left:0 !important;}
}

/* === v1.0.24 requested updates === */
#workpro-crm .topbar{gap:16px!important;align-items:flex-start!important;}
#workpro-crm .header-calendar{min-width:360px;max-width:420px;margin:0 auto;background:#fff;border:2px solid #ef4444;border-radius:0;padding:6px 10px;box-shadow:0 4px 14px rgba(15,23,42,.05);}
#workpro-crm .hc-title{text-align:center;font-weight:800;font-size:13px;margin-bottom:4px;color:#0f172a;}
#workpro-crm .hc-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:10px;line-height:1.25;}
#workpro-crm .hc-days b{color:#475569;font-size:9px;}
#workpro-crm .hc-days span{padding:2px 0;border-radius:6px;min-height:13px;}
#workpro-crm .hc-days .today{background:#2563eb;color:#fff;font-weight:800;}
#workpro-crm .client-feedback{position:relative;display:inline-block;cursor:help;}
#workpro-crm .client-feedback:hover:after{content:attr(data-feedback);position:absolute;left:0;top:22px;min-width:220px;max-width:320px;background:#111827;color:#fff;padding:10px 12px;border-radius:10px;white-space:normal;z-index:9999;box-shadow:0 12px 28px rgba(15,23,42,.22);}
#workpro-crm .message-cell{min-width:135px!important;width:135px!important;white-space:nowrap!important;}
#workpro-crm .message-cell button{padding:7px 10px!important;font-size:12px!important;min-width:auto!important;}
#workpro-crm .dailyUpdate{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important;}
#workpro-crm .daily-update-box{width:min(720px,94vw)!important;}
#workpro-crm #dailyMessagePreview{min-height:190px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#f8fafc;}
#workpro-crm .task-progress-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
#workpro-crm .task-progress-card{width:auto!important;}
@media(max-width:1100px){#workpro-crm .topbar{flex-wrap:wrap!important;}#workpro-crm .header-calendar{order:3;width:100%;max-width:none;min-width:0;}#workpro-crm .task-progress-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:700px){#workpro-crm .task-progress-list{grid-template-columns:1fr!important;}}


/* === v1.0.25 message/action button fix === */
#workpro-crm #tab-dashboard .table-wrap{
  overflow-x:auto!important;
  overflow-y:visible!important;
}
#workpro-crm #tab-dashboard table{
  table-layout:fixed!important;
  min-width:1720px!important;
}
#workpro-crm #tab-dashboard th:nth-child(14),
#workpro-crm #tab-dashboard td:nth-child(14){
  width:170px!important;
  min-width:170px!important;
  max-width:170px!important;
  overflow:visible!important;
}
#workpro-crm #tab-dashboard th:nth-child(15),
#workpro-crm #tab-dashboard td:nth-child(15){
  width:180px!important;
  min-width:180px!important;
  max-width:180px!important;
  overflow:visible!important;
}
#workpro-crm .message-cell,
#workpro-crm .action-cell{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#workpro-crm .message-cell{
  display:table-cell!important;
}
#workpro-crm .message-cell button,
#workpro-crm .action-cell button,
#workpro-crm .editProj,
#workpro-crm .delProj,
#workpro-crm .msg,
#workpro-crm .dailyUpdate{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:70px!important;
  height:32px!important;
  padding:7px 12px!important;
  margin:0 4px 0 0!important;
  font-size:12px!important;
  line-height:1!important;
  border-radius:8px!important;
  visibility:visible!important;
  opacity:1!important;
  text-indent:0!important;
  overflow:visible!important;
}
#workpro-crm .dailyUpdate{
  background:#0f766e!important;
  color:#fff!important;
  border-color:#0f766e!important;
}
#workpro-crm .delProj{
  background:#fff1f2!important;
  color:#be123c!important;
  border-color:#fecdd3!important;
}
#workpro-crm #dailyUpdateModal.show{
  display:flex!important;
}


/* === v1.0.26 task grid + month picker + modal close/duty fixes === */
#workpro-crm .task-assigned-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
#workpro-crm .task-summary{min-height:72px!important;}
#workpro-crm .task-modal-box form#taskUpdateForm{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
#workpro-crm .task-modal-box form#taskUpdateForm label:nth-of-type(3),
#workpro-crm .task-modal-box form#taskUpdateForm .form-actions{grid-column:1/-1!important;}
#workpro-crm .header-calendar{max-width:420px!important;min-width:260px!important;background:#fff!important;border-radius:16px!important;padding:14px 18px!important;box-shadow:0 10px 30px rgba(15,23,42,.06)!important;}
#workpro-crm .header-month-label{display:block!important;font-size:13px!important;font-weight:700!important;color:#0f172a!important;}
#workpro-crm .header-month-label input{margin-top:8px!important;width:100%!important;min-height:44px!important;border:1px solid #cbd5e1!important;border-radius:12px!important;padding:8px 12px!important;font-size:15px!important;background:#fff!important;}
#workpro-crm .daily-update-box label{margin-bottom:10px!important;}
@media(max-width:900px){#workpro-crm .task-assigned-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){#workpro-crm .task-assigned-list,#workpro-crm .task-modal-box form#taskUpdateForm{grid-template-columns:1fr!important;}}

/* === v1.0.27 final requested fixes === */
#workpro-crm .modal.show{display:flex!important;}
#workpro-crm .close{cursor:pointer!important;pointer-events:auto!important;z-index:5!important;}
#workpro-crm .task-modal-box{width:min(980px,96vw)!important;}
#workpro-crm .task-modal-box #taskAssignedList{
  float:left!important;
  width:calc(50% - 12px)!important;
  margin-right:24px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
#workpro-crm .task-modal-box form#taskUpdateForm{
  float:right!important;
  width:calc(50% - 12px)!important;
  display:block!important;
}
#workpro-crm .task-modal-box h4,
#workpro-crm .task-modal-box #taskHistory{clear:both!important;}
#workpro-crm .task-summary{padding:10px!important;min-height:78px!important;}
#workpro-crm .task-summary b{font-size:13px!important;}
#workpro-crm .task-summary small{font-size:12px!important;}
#workpro-crm #dailyDutyStart{min-height:44px!important;}
@media(max-width:900px){
  #workpro-crm .task-modal-box #taskAssignedList,
  #workpro-crm .task-modal-box form#taskUpdateForm{float:none!important;width:100%!important;margin-right:0!important;}
  #workpro-crm .task-modal-box #taskAssignedList{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:12px!important;}
}
@media(max-width:640px){#workpro-crm .task-modal-box #taskAssignedList{grid-template-columns:1fr!important;}}


/* === v1.0.28 requested UI fixes === */
#workpro-crm .header-calendar{
  min-width:260px!important;
  max-width:300px!important;
  padding:10px 12px!important;
  border:2px solid #ef4444!important;
  border-radius:16px!important;
}
#workpro-crm .header-month-label{font-size:0!important;line-height:0!important;}
#workpro-crm .header-month-label input{margin-top:0!important;font-size:15px!important;line-height:1.2!important;}
#workpro-crm .daily-update-box{
  width:min(680px,92vw)!important;
  max-height:82vh!important;
  overflow-y:auto!important;
  margin:42px auto!important;
  padding:22px!important;
}
#workpro-crm #dailyUpdateModal.modal.show{align-items:flex-start!important;overflow-y:auto!important;padding:18px 0!important;}
#workpro-crm .daily-update-box label{margin-bottom:8px!important;}
#workpro-crm .daily-update-box textarea{min-height:62px!important;}
#workpro-crm .daily-update-box #dailyMessagePreview{min-height:135px!important;}
#workpro-crm .daily-update-box input,#workpro-crm .daily-update-box select{min-height:42px!important;}
#workpro-crm .daily-update-box h3{margin-top:0!important;margin-bottom:6px!important;}

/* Sidebar overlay: opening menu must not resize dashboard */
#workpro-crm.crm-auth-visible .wpcrm-main,
#workpro-crm.crm-auth-visible.sidebar-open .wpcrm-main,
#workpro-crm.crm-auth-visible.sidebar-collapsed .wpcrm-main{
  width:100%!important;
  padding-left:0!important;
  margin-left:0!important;
  flex:1 1 auto!important;
}
#workpro-crm.crm-auth-visible .wpcrm-side{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:265px!important;
  flex:none!important;
  z-index:100001!important;
  box-shadow:18px 0 45px rgba(15,23,42,.25)!important;
  transition:transform .22s ease!important;
}
.admin-bar #workpro-crm.crm-auth-visible .wpcrm-side{top:32px!important;}
#workpro-crm.crm-auth-visible.sidebar-open .wpcrm-side{transform:translateX(0)!important;padding:24px 16px!important;}
#workpro-crm.crm-auth-visible.sidebar-collapsed .wpcrm-side{transform:translateX(-110%)!important;padding:24px 16px!important;width:265px!important;overflow:visible!important;}
#workpro-crm.sidebar-open .sidebar-toggle{display:none!important;}
#workpro-crm.sidebar-collapsed .sidebar-toggle{display:flex!important;}
#workpro-crm .sidebar-close{
  position:absolute!important;
  right:12px!important;
  top:12px!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  border:1px solid #cbd5e1!important;
  background:#fff!important;
  color:#0f172a!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 6px 16px rgba(15,23,42,.14)!important;
}
#workpro-crm .wpcrm-side .brand{padding-right:46px!important;}
#workpro-crm .topbar h2{padding-left:54px!important;}
#workpro-crm.sidebar-open .topbar h2{padding-left:54px!important;}

#workpro-crm .trash-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
#workpro-crm .trash-actions{display:flex!important;gap:8px!important;align-items:center!important;}
#workpro-crm .trash-actions .danger{background:#fee2e2!important;color:#b91c1c!important;border-color:#fecaca!important;}
#workpro-crm .trash-actions button{min-width:86px!important;height:40px!important;border-radius:10px!important;}
@media(max-width:782px){.admin-bar #workpro-crm.crm-auth-visible .wpcrm-side{top:46px!important;}}
@media(max-width:700px){#workpro-crm .trash-item{align-items:flex-start!important;flex-direction:column!important;}#workpro-crm .header-calendar{max-width:100%!important;}}


/* === v1.0.29 UI cleanup + task modal layout + sticky modal header === */
#workpro-crm .header-calendar{
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0!important;
}
#workpro-crm .header-month-label{
  display:block!important;
  margin:0!important;
  border:0!important;
  padding:0!important;
  background:transparent!important;
}
#workpro-crm .header-month-label input{
  min-width:220px!important;
  max-width:260px!important;
  height:46px!important;
  margin:0!important;
  background:#fff!important;
}

#workpro-crm .modal{align-items:flex-start!important;padding:20px 12px!important;box-sizing:border-box!important;overflow:hidden!important;}
#workpro-crm .modal-box,
#workpro-crm .project-modal-box,
#workpro-crm .task-modal-box,
#workpro-crm .daily-update-box{
  max-height:calc(100vh - 48px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
  scroll-padding-top:74px!important;
}
.admin-bar #workpro-crm .modal-box,
.admin-bar #workpro-crm .project-modal-box,
.admin-bar #workpro-crm .task-modal-box,
.admin-bar #workpro-crm .daily-update-box{max-height:calc(100vh - 80px)!important;}
#workpro-crm .modal-box>h3,
#workpro-crm .modal-box>h2{
  position:sticky!important;
  top:-22px!important;
  z-index:30!important;
  background:#fff!important;
  margin:-22px -22px 14px -22px!important;
  padding:20px 66px 12px 22px!important;
  border-bottom:1px solid #eef2f7!important;
  border-radius:18px 18px 0 0!important;
}
#workpro-crm .modal-box>.close{
  position:sticky!important;
  top:10px!important;
  float:right!important;
  margin:-12px 0 0 auto!important;
  z-index:45!important;
  width:48px!important;
  height:38px!important;
  min-width:48px!important;
  border-radius:12px!important;
}

#workpro-crm .task-modal-box{width:min(980px,96vw)!important;}
#workpro-crm .task-modal-box #taskAssignedList{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 14px 0!important;
  padding-bottom:14px!important;
  border-bottom:1px solid #e2e8f0!important;
}
#workpro-crm .task-modal-box .task-summary{
  border:1px solid #dbe3ef!important;
  background:#f8fafc!important;
  border-radius:12px!important;
  padding:10px!important;
  min-height:86px!important;
}
#workpro-crm .task-modal-box form#taskUpdateForm{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px 14px!important;
  clear:both!important;
  margin-bottom:16px!important;
}
#workpro-crm .task-modal-box form#taskUpdateForm label{display:block!important;margin:0!important;}
#workpro-crm .task-modal-box form#taskUpdateForm label:nth-of-type(3){grid-column:1/-1!important;}
#workpro-crm .task-modal-box form#taskUpdateForm label:nth-of-type(3) textarea{
  width:100%!important;
  min-height:82px!important;
  margin:0!important;
}
#workpro-crm .task-modal-box form#taskUpdateForm .form-actions{
  grid-column:1/-1!important;
  display:flex!important;
  justify-content:center!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid #e2e8f0!important;
}
#workpro-crm .task-modal-box h4{clear:both!important;margin-top:10px!important;}

@media(max-width:900px){
  #workpro-crm .task-modal-box #taskAssignedList{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  #workpro-crm .task-modal-box #taskAssignedList{grid-template-columns:1fr!important;}
  #workpro-crm .task-modal-box form#taskUpdateForm{grid-template-columns:1fr!important;}
  #workpro-crm .header-month-label input{max-width:100%!important;width:100%!important;}
}

/* === v1.0.30 task modal layout correction === */
#workpro-crm .task-modal-box #taskAssignedList{
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 14px 0!important;
  clear:both!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid #e2e8f0!important;
}
#workpro-crm .task-modal-box form#taskUpdateForm{
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  clear:both!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px 14px!important;
  margin:0 0 16px 0!important;
}
#workpro-crm .task-modal-box form#taskUpdateForm label:nth-of-type(1),
#workpro-crm .task-modal-box form#taskUpdateForm label:nth-of-type(2){
  grid-column:auto!important;
}
#workpro-crm .task-modal-box form#taskUpdateForm label:nth-of-type(3){
  grid-column:1 / -1!important;
  width:100%!important;
}
#workpro-crm .task-modal-box form#taskUpdateForm label:nth-of-type(3) textarea{
  width:100%!important;
  min-height:90px!important;
  box-sizing:border-box!important;
}
#workpro-crm .task-modal-box form#taskUpdateForm .form-actions{
  grid-column:1 / -1!important;
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
}
@media(max-width:900px){
  #workpro-crm .task-modal-box #taskAssignedList{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  #workpro-crm .task-modal-box #taskAssignedList,
  #workpro-crm .task-modal-box form#taskUpdateForm{grid-template-columns:1fr!important;}
}


/* === v1.0.32 compact action buttons === */
#workpro-crm .message-cell .msg,
#workpro-crm .message-cell .dailyUpdate{
  min-width:52px!important;
  height:28px!important;
  padding:5px 8px!important;
  font-size:11px!important;
  border-radius:7px!important;
  margin-right:4px!important;
}
#workpro-crm .action-cell .icon-action,
#workpro-crm .history-item .icon-action,
#workpro-crm .editEmp.icon-action,
#workpro-crm .delEmp.icon-action{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0!important;
  margin:0 4px 0 0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  font-size:15px!important;
  line-height:1!important;
  background:#ffffff!important;
  color:#374151!important;
  border:1px solid #d1d5db!important;
  text-indent:0!important;
  overflow:hidden!important;
}
#workpro-crm .action-cell .icon-action:hover,
#workpro-crm .history-item .icon-action:hover,
#workpro-crm .editEmp.icon-action:hover,
#workpro-crm .delEmp.icon-action:hover{
  background:#f8fafc!important;
  color:#0f172a!important;
}
#workpro-crm .delProj.icon-action,
#workpro-crm .deleteUpdate.icon-action,
#workpro-crm .delEmp.icon-action{
  background:#fff7f7!important;
  color:#b91c1c!important;
  border-color:#fecaca!important;
}
#workpro-crm .delProj.icon-action:hover,
#workpro-crm .deleteUpdate.icon-action:hover,
#workpro-crm .delEmp.icon-action:hover{
  background:#fee2e2!important;
  color:#991b1b!important;
}
#workpro-crm .history-item{
  padding-left:12px!important;
}
#workpro-crm .history-item .editUpdate.icon-action{
  vertical-align:middle!important;
}
#workpro-crm .history-item .deleteUpdate.icon-action{
  position:absolute!important;
  right:12px!important;
  top:12px!important;
}


/* === v1.0.34 sidebar close + preview sizing === */
#workpro-crm.crm-auth-visible.sidebar-open .wpcrm-side,
#workpro-crm.sidebar-open .wpcrm-side{
  z-index:100006!important;
}
#workpro-crm.sidebar-open:before{
  z-index:100004!important;
  pointer-events:auto!important;
}
#workpro-crm .sidebar-close{
  z-index:100008!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
#workpro-crm .wpcrm-side .brand,
#workpro-crm .brand{
  font-size:18px!important;
  line-height:1.1!important;
  margin:0 48px 18px 0!important;
  padding-right:0!important;
  font-weight:800!important;
}
#workpro-crm #messageText,
#workpro-crm #dailyMessagePreview{
  min-height:220px!important;
  height:240px!important;
  resize:vertical!important;
  line-height:1.45!important;
}
#workpro-crm .daily-update-box #dailyMessagePreview{
  min-height:220px!important;
  height:240px!important;
}
@media(max-width:700px){
  #workpro-crm .wpcrm-side .brand,
  #workpro-crm .brand{font-size:18px!important;margin-bottom:16px!important;}
  #workpro-crm #messageText,
  #workpro-crm #dailyMessagePreview{min-height:180px!important;height:200px!important;}
}


/* === v1.0.35 compact table action/message columns === */
#workpro-crm #tab-dashboard th,
#workpro-crm #tab-dashboard td{
  padding:7px 8px!important;
  height:34px!important;
  line-height:1.15!important;
  vertical-align:middle!important;
}
#workpro-crm #tab-dashboard th:nth-child(14),
#workpro-crm #tab-dashboard td.message-cell{
  width:108px!important;
  min-width:108px!important;
  max-width:108px!important;
}
#workpro-crm #tab-dashboard th:nth-child(15),
#workpro-crm #tab-dashboard td.action-cell{
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
}
#workpro-crm #tab-dashboard .message-cell .msg,
#workpro-crm #tab-dashboard .message-cell .dailyUpdate{
  min-width:45px!important;
  width:auto!important;
  height:26px!important;
  padding:4px 7px!important;
  font-size:10.5px!important;
  border-radius:7px!important;
  margin-right:3px!important;
}
#workpro-crm #tab-dashboard .action-cell .icon-action{
  width:26px!important;
  min-width:26px!important;
  height:26px!important;
  padding:0!important;
  margin-right:3px!important;
  border-radius:7px!important;
  font-size:13px!important;
}
#workpro-crm #tab-dashboard .progress-cell .progress{
  height:6px!important;
}
#workpro-crm #tab-dashboard table{
  table-layout:fixed!important;
}
@media(min-width:1100px){
  #workpro-crm #tab-dashboard th:nth-child(1),#workpro-crm #tab-dashboard td:nth-child(1){width:95px!important;}
  #workpro-crm #tab-dashboard th:nth-child(2),#workpro-crm #tab-dashboard td:nth-child(2){width:130px!important;}
  #workpro-crm #tab-dashboard th:nth-child(3),#workpro-crm #tab-dashboard td:nth-child(3){width:75px!important;}
  #workpro-crm #tab-dashboard th:nth-child(4),#workpro-crm #tab-dashboard td:nth-child(4){width:75px!important;}
  #workpro-crm #tab-dashboard th:nth-child(5),#workpro-crm #tab-dashboard td:nth-child(5){width:110px!important;}
  #workpro-crm #tab-dashboard th:nth-child(6),#workpro-crm #tab-dashboard td:nth-child(6){width:125px!important;}
  #workpro-crm #tab-dashboard th:nth-child(7),#workpro-crm #tab-dashboard td:nth-child(7){width:120px!important;}
  #workpro-crm #tab-dashboard th:nth-child(8),#workpro-crm #tab-dashboard td:nth-child(8){width:135px!important;}
  #workpro-crm #tab-dashboard th:nth-child(9),#workpro-crm #tab-dashboard td:nth-child(9){width:110px!important;}
  #workpro-crm #tab-dashboard th:nth-child(10),#workpro-crm #tab-dashboard td:nth-child(10){width:125px!important;}
  #workpro-crm #tab-dashboard th:nth-child(11),#workpro-crm #tab-dashboard td:nth-child(11){width:135px!important;}
  #workpro-crm #tab-dashboard th:nth-child(12),#workpro-crm #tab-dashboard td:nth-child(12){width:120px!important;}
  #workpro-crm #tab-dashboard th:nth-child(13),#workpro-crm #tab-dashboard td:nth-child(13){width:105px!important;}
}


/* === v1.0.36 project form organized 3-column layout === */
#workpro-crm .project-form-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:end!important;
}
#workpro-crm #projectForm > label{
  display:block!important;
  width:100%!important;
  margin-top:12px!important;
}
#workpro-crm #projectForm textarea[name="project_details"]{
  width:100%!important;
  min-height:100px!important;
}
@media(max-width:900px){
  #workpro-crm .project-form-grid{grid-template-columns:1fr!important;}
}

/* v1.0.37 Employee Work History */
.work-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:8px 0 14px}
.work-history-head h3{margin:0 0 4px;font-size:24px;color:#071a33}
.work-history-head p{margin:0;color:#64748b}
.employee-work-history-table th,.employee-work-history-table td{white-space:nowrap;vertical-align:middle}
.emp-photo-name{display:flex;align-items:center;gap:10px}
.emp-photo{width:38px;height:38px;border-radius:999px;overflow:hidden;background:#dbeafe;color:#0f172a;display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 38px}
.emp-photo img{width:100%;height:100%;object-fit:cover;display:block}
.warning-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:5px 10px;border-radius:999px;font-weight:800;font-size:12px}
.warning-pill.green{background:#dcfce7;color:#166534}.warning-pill.yellow{background:#fef9c3;color:#854d0e}.warning-pill.orange{background:#ffedd5;color:#9a3412}.warning-pill.red{background:#fee2e2;color:#991b1b}
.warning-policy-box{margin-top:14px;background:#fff;border:1px solid #dbe3ef;border-radius:14px;padding:14px 16px;color:#0f172a}
.warning-policy-box h4{margin:0 0 6px}.warning-policy-box p{margin:0;line-height:1.6;color:#475569}
.daily-saved-updates{margin:14px 0}.daily-saved-updates h4{margin:0 0 10px}.daily-update-card{border:1px solid #dbe3ef;border-radius:14px;background:#f8fafc;padding:12px;margin-bottom:10px}.daily-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.daily-card-head small{color:#64748b}.daily-update-card pre{white-space:pre-wrap;margin:0 0 10px;font-family:inherit;line-height:1.45;color:#0f172a}.daily-update-card button{padding:6px 12px;border-radius:8px;border:1px solid #cbd5e1;background:#fff}.muted{color:#64748b}

/* v1.0.38 Employee warning/chuti history */
.employee-work-history-table .warning-open,
.employee-work-history-table .leave-open{
  border:0;
  cursor:pointer;
  font-weight:700;
}
.employee-work-history-table .leave-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  border-radius:999px;
  background:#eef6ff;
  color:#0f4c81;
  border:1px solid #cfe4ff;
  font-size:12px;
}
.small-modal-box{max-width:760px;width:min(760px,94vw);max-height:86vh;overflow-y:auto;}
.modal-list{display:grid;gap:10px;margin:10px 0 16px;}
.warning-card,.leave-card{position:relative;padding-right:95px;}
.warning-card .edit-icon,.leave-card .edit-icon{position:absolute;right:50px;top:12px;}
.warning-card .delete-icon,.leave-card .delete-icon{position:absolute;right:12px;top:12px;}
.checkline{display:flex!important;gap:8px;align-items:center;margin-top:8px;}
.checkline input{width:auto!important;min-height:auto!important;}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:700px){.grid.two{grid-template-columns:1fr}.warning-card,.leave-card{padding-right:12px}.warning-card .edit-icon,.leave-card .edit-icon,.warning-card .delete-icon,.leave-card .delete-icon{position:static;margin-top:8px}}

/* v1.0.39 employee image upload, salary edit, rank columns, active workflow */
.employee-photo-upload{display:flex;align-items:center;gap:12px;min-height:48px}
.employee-photo-upload button{padding:8px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;cursor:pointer;font-weight:700}
.employee-photo-preview{width:52px;height:52px;border-radius:999px;background:#eef2ff;border:1px solid #dbe3ef;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:11px;color:#64748b;text-align:center;flex:0 0 52px}
.employee-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}
.emp-photo.small{width:30px;height:30px;flex-basis:30px;font-size:12px}
.salary-pill{border:1px solid #cbd5e1;background:#fff;border-radius:9px;padding:5px 10px;font-weight:800;cursor:pointer;color:#0f172a}
.salary-pill:hover{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:26px;padding:0 8px;border-radius:999px;font-weight:900;background:#e2e8f0;color:#0f172a;margin-right:6px}
.rank-1{background:#fef3c7;color:#92400e}.rank-2{background:#e0f2fe;color:#075985}.rank-3{background:#dcfce7;color:#166534}.rank-other{background:#f1f5f9;color:#334155}
.score-text{color:#64748b;font-size:11px}
.two-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
#warningModal textarea,#leaveModal textarea{min-height:90px!important}
#salaryModal .small-modal-box,#warningModal .small-modal-box,#leaveModal .small-modal-box{border-radius:16px}
.employee-work-history-table th,.employee-work-history-table td{height:44px!important;padding-top:8px!important;padding-bottom:8px!important}
@media(max-width:800px){.two-grid{grid-template-columns:1fr!important}.employee-photo-upload{align-items:flex-start;flex-direction:column}}


/* === v1.0.40 Employee photo crop + edit modal polish === */
#workpro-crm .employee-photo-preview-large{width:96px!important;height:96px!important;flex:0 0 96px!important;font-size:12px!important;}
#workpro-crm .employee-photo-preview-xl{width:140px!important;height:140px!important;border-radius:999px;background:#eef2ff;border:1px solid #dbe3ef;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:13px;color:#64748b;text-align:center;margin:0 auto 12px;}
#workpro-crm .employee-photo-preview-xl img,#workpro-crm .employee-photo-preview-large img{width:100%;height:100%;object-fit:cover;display:block;}
#workpro-crm .employee-edit-modal-box{max-width:920px!important;width:min(920px,94vw)!important;}
#workpro-crm .employee-edit-photo-top{text-align:center;padding:8px 0 18px;margin-bottom:14px;border-bottom:1px solid #e2e8f0;}
#workpro-crm .employee-edit-photo-top .employee-photo-upload-btn{display:inline-flex;margin-top:6px;}
#workpro-crm .employee-edit-grid{grid-template-columns:repeat(3,minmax(190px,1fr))!important;gap:14px!important;}
#workpro-crm .employee-crop-box{text-align:center;max-width:420px!important;}
#workpro-crm #employeeCropCanvas{width:280px;height:280px;max-width:100%;border-radius:18px;background:#f8fafc;border:1px solid #cbd5e1;box-shadow:0 10px 28px rgba(15,23,42,.12);}
#workpro-crm .crop-controls{display:grid;gap:10px;text-align:left;margin:14px 0;}
#workpro-crm .crop-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:#0f172a;}
#workpro-crm .crop-controls input[type="range"]{min-height:auto!important;width:100%;}
#workpro-crm .close-secondary{background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;}
#workpro-crm .employee-work-history-table th:last-child,#workpro-crm .employee-work-history-table td:last-child{min-width:140px;}
@media(max-width:800px){#workpro-crm .employee-edit-grid{grid-template-columns:1fr!important;}#workpro-crm .employee-photo-preview-xl{width:120px!important;height:120px!important;}}

/* v1.0.41 employee work history extra project columns */
.projects-worked-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font-weight:700;font-size:12px;cursor:help;box-shadow:0 1px 2px rgba(15,23,42,.05)}
.employee-work-history-table th,.employee-work-history-table td{white-space:nowrap;}
.employee-work-history-table .clip{max-width:170px;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}


/* v1.0.42 Employee Work History column width balance */
#workpro-crm .employee-work-history-wrap{overflow-x:auto!important;}
#workpro-crm .employee-work-history-table{table-layout:auto!important;min-width:1780px!important;}
#workpro-crm .employee-work-history-table th,
#workpro-crm .employee-work-history-table td{padding-left:8px!important;padding-right:8px!important;}
/* make compact utility columns smaller */
#workpro-crm .employee-work-history-table th:nth-child(4),
#workpro-crm .employee-work-history-table td:nth-child(4){width:82px!important;min-width:82px!important;max-width:82px!important;}
#workpro-crm .employee-work-history-table th:nth-child(8),
#workpro-crm .employee-work-history-table td:nth-child(8){width:92px!important;min-width:92px!important;max-width:92px!important;text-align:center;}
#workpro-crm .employee-work-history-table th:nth-child(11),
#workpro-crm .employee-work-history-table td:nth-child(11){width:76px!important;min-width:76px!important;max-width:76px!important;text-align:center;}
#workpro-crm .employee-work-history-table th:nth-child(12),
#workpro-crm .employee-work-history-table td:nth-child(12){width:86px!important;min-width:86px!important;max-width:86px!important;text-align:center;}
#workpro-crm .employee-work-history-table th:nth-child(13),
#workpro-crm .employee-work-history-table td:nth-child(13){width:75px!important;min-width:75px!important;max-width:75px!important;}
#workpro-crm .employee-work-history-table th:nth-child(14),
#workpro-crm .employee-work-history-table td:nth-child(14){width:95px!important;min-width:95px!important;max-width:95px!important;}
/* widen performance rank so rank + score are fully visible */
#workpro-crm .employee-work-history-table th:nth-child(15),
#workpro-crm .employee-work-history-table td:nth-child(15){width:190px!important;min-width:190px!important;max-width:220px!important;}
#workpro-crm .employee-work-history-table td:nth-child(15){white-space:nowrap!important;overflow:visible!important;}
#workpro-crm .employee-work-history-table td:nth-child(15) .score-text{display:inline!important;white-space:nowrap!important;}
#workpro-crm .employee-work-history-table th:nth-child(15){white-space:normal!important;}


/* v1.0.43 Account manager */
.account-select-row{display:flex;gap:8px;align-items:center;width:100%;}
.account-select-row select{flex:1;min-width:0;}
.add-account-small{width:44px;height:44px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0f766e;font-weight:800;font-size:20px;cursor:pointer;}
.add-account-small:hover{background:#ecfeff;border-color:#0f766e;}
.account-manager-panel{margin:14px 0 22px;}
.account-manager-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0;}
.account-manager-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #dbe4f0;border-radius:12px;background:#fff;}
.account-manager-item span{display:flex;gap:6px;align-items:center;}
#accountModal .modal-box{max-width:420px;}


/* v1.0.44 tooltip clipping fix */
#workproFloatingTooltip{
  position:fixed;
  z-index:2147483647;
  max-width:340px;
  background:#0f172a;
  color:#fff;
  border-radius:10px;
  padding:9px 11px;
  font-size:12px;
  line-height:1.35;
  white-space:pre-line;
  box-shadow:0 18px 45px rgba(15,23,42,.35);
  pointer-events:none;
}
#workpro-crm .client-feedback:hover:after,
#workpro-crm .member[data-note]:hover:after{
  display:none!important;
  content:none!important;
}

/* v1.0.50 employee work history cleanup */
#workpro-crm .employee-work-history-table{table-layout:auto!important;min-width:1760px!important;}
#workpro-crm .employee-work-history-table th,
#workpro-crm .employee-work-history-table td{padding-left:8px!important;padding-right:8px!important;}
#workpro-crm .employee-work-history-table th:nth-child(4),
#workpro-crm .employee-work-history-table td:nth-child(4){width:76px!important;min-width:76px!important;max-width:86px!important;text-align:center;}
#workpro-crm .employee-work-history-table th:nth-child(6),
#workpro-crm .employee-work-history-table td:nth-child(6){width:110px!important;min-width:110px!important;max-width:125px!important;}
#workpro-crm .employee-work-history-table th:nth-child(8),
#workpro-crm .employee-work-history-table td:nth-child(8){width:92px!important;min-width:92px!important;max-width:100px!important;text-align:center;}
#workpro-crm .employee-work-history-table th:nth-child(9),
#workpro-crm .employee-work-history-table td:nth-child(9){width:112px!important;min-width:112px!important;max-width:125px!important;}
#workpro-crm .employee-work-history-table th:nth-child(10),
#workpro-crm .employee-work-history-table td:nth-child(10){width:82px!important;min-width:82px!important;max-width:92px!important;text-align:center;}
#workpro-crm .employee-work-history-table th:nth-child(11),
#workpro-crm .employee-work-history-table td:nth-child(11){width:86px!important;min-width:86px!important;max-width:95px!important;text-align:center;}
#workpro-crm .employee-work-history-table th:nth-child(12),
#workpro-crm .employee-work-history-table td:nth-child(12){width:76px!important;min-width:76px!important;max-width:85px!important;text-align:center;}
#workpro-crm .employee-work-history-table th:nth-child(13),
#workpro-crm .employee-work-history-table td:nth-child(13){width:82px!important;min-width:82px!important;max-width:92px!important;}
#workpro-crm .employee-work-history-table th:nth-child(14),
#workpro-crm .employee-work-history-table td:nth-child(14){width:98px!important;min-width:98px!important;max-width:110px!important;}
#workpro-crm .employee-work-history-table th:nth-child(15),
#workpro-crm .employee-work-history-table td:nth-child(15){width:190px!important;min-width:190px!important;max-width:230px!important;white-space:nowrap!important;overflow:visible!important;}
#workpro-crm .employee-work-history-table td:nth-child(15) .score-text{display:inline!important;white-space:nowrap!important;}
#workpro-crm .draggable-col{cursor:grab;user-select:none;position:relative;}
#workpro-crm .draggable-col:active{cursor:grabbing;}
#workpro-crm .draggable-col.dragging{opacity:.55;}
#workpro-crm .draggable-col.drag-over{outline:2px dashed #2563eb;outline-offset:-3px;background:#eef2ff!important;}
#workpro-crm #resetWorkHistoryColumns{padding:10px 14px;border-radius:12px;background:#fff;color:#0f172a;}


/* === v1.0.52 compact rows + draggable/editable table headings === */
#workpro-crm .table-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 8px;}
#workpro-crm .table-title-row h3{margin:0;}
#workpro-crm #resetDashboardColumns,
#workpro-crm #resetWorkHistoryColumns{padding:6px 10px!important;border-radius:8px!important;font-size:12px!important;line-height:1.1!important;background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;}

/* denser Employee Work History rows */
#workpro-crm .employee-work-history-table th,
#workpro-crm .employee-work-history-table td{
  height:34px!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
  padding-left:6px!important;
  padding-right:6px!important;
  font-size:12px!important;
  line-height:1.15!important;
}
#workpro-crm .employee-work-history-table .emp-photo-name{gap:6px!important;}
#workpro-crm .employee-work-history-table .emp-photo{width:30px!important;height:30px!important;flex:0 0 30px!important;font-size:11px!important;}
#workpro-crm .employee-work-history-table .salary-pill{height:22px!important;padding:2px 7px!important;font-size:11px!important;border-radius:7px!important;line-height:1!important;}
#workpro-crm .employee-work-history-table .warning-pill,
#workpro-crm .employee-work-history-table .leave-pill,
#workpro-crm .employee-work-history-table .projects-worked-pill{
  min-height:20px!important;height:20px!important;padding:1px 6px!important;font-size:10.5px!important;border-radius:999px!important;line-height:1!important;min-width:34px!important;
}
#workpro-crm .employee-work-history-table .progress{height:4px!important;min-width:48px!important;margin-bottom:1px!important;}
#workpro-crm .employee-work-history-table small{font-size:10px!important;line-height:1!important;}
#workpro-crm .employee-work-history-table .rank-badge{height:20px!important;min-width:30px!important;padding:0 6px!important;font-size:10.5px!important;margin-right:4px!important;}
#workpro-crm .employee-work-history-table .score-text{font-size:10.5px!important;}
#workpro-crm .employee-work-history-table .clip{max-width:145px!important;}

/* draggable/editable columns for both main database and employee history */
#workpro-crm table th.draggable-col{cursor:grab!important;user-select:none;position:relative;}
#workpro-crm table th.draggable-col:active{cursor:grabbing!important;}
#workpro-crm table th.draggable-col.dragging{opacity:.55;}
#workpro-crm table th.draggable-col.drag-over{outline:2px dashed #2563eb!important;outline-offset:-3px;background:#eef2ff!important;}
#workpro-crm table th .col-heading-label{display:inline-block;border-radius:6px;padding:1px 2px;}
#workpro-crm table th .col-heading-label:hover{background:#e0f2fe;color:#075985;}
#workpro-crm table th .col-heading-label:after{content:' ✎';font-size:10px;opacity:.35;}
#workpro-crm .main-database-table{table-layout:auto!important;}


/* === v1.0.54 Elementor Independent / Gutenberg Compatibility ===
   WorkPro CRM now runs through [workpro_crm] shortcode or the dynamic Gutenberg block.
   These rules avoid depending on Elementor wrappers and keep the app full width in block/classic themes. */
.wp-block-workpro-crm,
.wp-block-shortcode:has(#workpro-crm),
.entry-content:has(#workpro-crm.crm-auth-visible),
.wp-block-post-content:has(#workpro-crm.crm-auth-visible){
  width:100%!important;
  max-width:none!important;
}
#workpro-crm.crm-auth-visible{
  isolation:isolate;
}

/* v1.0.55: month/calendar controls for Main Database + Employee History */
.month-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.month-tools input[type="month"]{height:34px;border:1px solid #d8e1ef;border-radius:8px;padding:0 10px;background:#fff;color:#0f172a;font-weight:700}
.month-nav{height:34px;min-width:34px;border:1px solid #d8e1ef;border-radius:8px;background:#fff;color:#0f172a;font-size:20px;font-weight:800;line-height:1;cursor:pointer}
.month-nav:hover{background:#f1f5f9}
.no-data-cell{text-align:center;color:#64748b;font-weight:700;padding:18px!important;background:#fff}
@media(max-width:768px){.table-title-row,.work-history-head{align-items:flex-start}.month-tools{justify-content:flex-start}.month-tools input[type="month"]{max-width:160px}}

/* v1.0.58 dynamic message leave reminder */
.leave-message-box{margin:10px 0 12px;padding:10px 12px;border:1px solid #dbe3ef;border-radius:12px;background:#f8fafc}
.leave-message-box .checkline{margin:0 0 8px;display:flex;gap:8px;align-items:center;font-weight:700}
#messageModal #messageText{min-height:420px;line-height:1.45}


/* v1.0.69 responsible employee name click fix */
#workpro-crm .members,
#workpro-crm .member,
#workpro-crm .openTaskPopup,
#workpro-crm .employee-update-trigger{pointer-events:auto!important;}
#workpro-crm .member.openTaskPopup,
#workpro-crm .employee-update-trigger{cursor:pointer!important;position:relative!important;z-index:5!important;}
#workpro-crm .member.openTaskPopup:hover,
#workpro-crm .employee-update-trigger:hover{filter:brightness(.96);box-shadow:0 0 0 1px rgba(14,116,144,.22) inset;}

/* v1.0.70 responsible badge click fix */
#workpro-crm .members, #workpro-crm .member, #workpro-crm .openTaskPopup, #workpro-crm .employee-update-trigger{pointer-events:auto!important; cursor:pointer!important;}
#workpro-crm td:nth-child(5) .member{position:relative; z-index:3;}