@layer pirela-workspace {
body.erp-workspace-mode #appView #proyectosModule #operationalProjectsList{display:block!important;min-width:0!important;max-width:100%!important;border:1px solid var(--ws-line,#dbe4ee)!important;border-radius:12px!important;background:var(--ws-canvas,#fff)!important;overflow:hidden!important}
#appView #proyectosModule .project-directory-scroll{width:100%!important;max-width:100%!important;overflow:auto!important;overscroll-behavior-x:contain!important}
#appView #proyectosModule .project-directory-table{width:100%!important;min-width:1020px!important;table-layout:fixed!important;border-collapse:collapse!important;border-spacing:0!important;text-align:left!important;color:var(--ws-ink,#173046)!important;font-size:13px!important}
#appView #proyectosModule .project-directory-table :is(th,td){box-sizing:border-box!important;padding:14px 14px!important;border:0!important;border-bottom:1px solid var(--ws-line,#e3e9f0)!important;vertical-align:middle!important;background:transparent!important;text-align:left!important;line-height:1.5!important}
#appView #proyectosModule .project-directory-table th{background:var(--ws-soft,#f5f7fa)!important;color:var(--ws-muted,#617189)!important;font-size:12px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important;padding-block:14px!important}
#appView #proyectosModule .project-directory-table th.project-directory-money{white-space:normal!important}
#appView #proyectosModule .project-directory-table th:nth-child(1){width:10%!important}
#appView #proyectosModule .project-directory-table th:nth-child(2){width:28%!important}
#appView #proyectosModule .project-directory-table th:nth-child(3){width:20%!important}
#appView #proyectosModule .project-directory-table th:nth-child(4),#appView #proyectosModule .project-directory-table th:nth-child(5){width:12%!important}
#appView #proyectosModule .project-directory-table th:nth-child(6){width:10%!important}
#appView #proyectosModule .project-directory-table th:nth-child(7){width:8%!important}
#appView #proyectosModule .project-directory-table tbody tr[data-operational-project]{cursor:pointer!important;transition:background .15s!important}
#appView #proyectosModule .project-directory-table tbody tr[data-operational-project]:hover,#appView #proyectosModule .project-directory-table tbody tr:focus-within{background:var(--ws-soft,#f5f8fc)!important}
#appView #proyectosModule .project-directory-table tbody tr:last-child td{border-bottom:0!important}
#appView #proyectosModule .project-directory-folio{font-size:12px!important;white-space:nowrap!important;color:var(--ws-muted,#60738b)!important;font-variant-numeric:tabular-nums!important}
#appView #proyectosModule .project-directory-name strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-weight:600!important;font-size:13px!important;line-height:1.6!important;overflow-wrap:anywhere!important}
#appView #proyectosModule .project-directory-company strong{display:block!important;font-size:12px!important;font-weight:500!important;overflow-wrap:anywhere!important}
#appView #proyectosModule .project-directory-company small{display:block!important;font-size:11px!important;color:var(--ws-muted,#66758a)!important;margin-top:4px!important;overflow-wrap:anywhere!important}
#appView #proyectosModule .project-directory-table .project-directory-money{text-align:right!important;font-variant-numeric:tabular-nums lining-nums!important;white-space:nowrap!important;font-size:13px!important}
#appView #proyectosModule .project-directory-status{display:inline-flex!important;align-items:center!important;min-height:25px!important;padding:3px 8px!important;border-radius:6px!important;background:#e7f5ee!important;color:#16724a!important;font-size:11px!important;font-weight:600!important;white-space:nowrap!important}
#appView #proyectosModule .project-directory-status.has-payments{background:#eaf0ff!important;color:#2851af!important}
#appView #proyectosModule .project-directory-table .project-directory-actions{text-align:right!important;padding-inline:8px!important}
#appView #proyectosModule .project-directory-open{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:36px!important;padding:6px 3px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:var(--ws-primary,#2351c7)!important;font:inherit!important;font-size:12px!important;white-space:nowrap!important;cursor:pointer!important}
#appView #proyectosModule .project-directory-open:hover{text-decoration:underline!important}
#appView #proyectosModule .project-directory-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important;padding:15px 18px!important;border-top:1px solid var(--ws-line,#dbe4ee)!important;background:var(--ws-canvas,#fff)!important;font-size:12px!important;color:var(--ws-muted,#617189)!important}
#appView #proyectosModule .project-directory-footer p{margin:0!important}
#appView #proyectosModule .project-directory-footer label{display:flex!important;align-items:center!important;gap:9px!important;font-size:12px!important}
#appView #proyectosModule .project-directory-footer select{width:65px!important;min-height:34px!important;margin:0!important;padding:5px 8px!important;border:1px solid var(--ws-line,#d2dbe6)!important;border-radius:6px!important;background:var(--ws-canvas,#fff)!important;color:inherit!important;font:inherit!important}
#appView #proyectosModule .project-directory-footer nav{display:flex!important;align-items:center!important;gap:12px!important}
#appView #proyectosModule .project-directory-footer nav button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:34px!important;padding:7px 10px!important;border:1px solid var(--ws-line,#d2dbe6)!important;border-radius:6px!important;background:var(--ws-canvas,#fff)!important;color:var(--ws-ink,#173046)!important;font:inherit!important;font-size:12px!important;cursor:pointer!important}
#appView #proyectosModule .project-directory-footer nav button:disabled{opacity:.4!important;cursor:default!important}
#appView #proyectosModule .project-directory-footer nav span{font-variant-numeric:tabular-nums!important;white-space:nowrap!important}
#appView #proyectosModule :is(.project-directory-open,.project-directory-footer button,.project-directory-footer select,.project-directory-scroll):focus-visible{outline:2px solid #3363cf!important;outline-offset:-2px!important}
#appView #proyectosModule .project-directory-empty{display:grid!important;justify-items:center!important;gap:10px!important;padding:52px 18px!important;color:var(--ws-muted,#66758b)!important;font-size:14px!important}
#appView #proyectosModule .project-directory-empty i{font-size:26px!important}
#appView #proyectosModule :is(.project-directory-table caption,.project-directory-sr){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#appView #proyectosModule .project-directory-table.is-supervisor{min-width:760px!important}
#appView #proyectosModule .project-directory-table.is-supervisor th:nth-child(1){width:15%!important}
#appView #proyectosModule .project-directory-table.is-supervisor th:nth-child(2){width:40%!important}
#appView #proyectosModule .project-directory-table.is-supervisor th:nth-child(3){width:25%!important}
#appView #proyectosModule .project-directory-table.is-supervisor th:nth-child(4),#appView #proyectosModule .project-directory-table.is-supervisor th:nth-child(5){width:10%!important}
@media(max-width:700px){
#appView #proyectosModule .operational-projects-toolbar{flex-wrap:wrap!important}
#appView #proyectosModule .operational-projects-toolbar label{width:100%!important}
#appView #proyectosModule .project-directory-footer{gap:14px!important;padding:14px!important}
#appView #proyectosModule .project-directory-footer nav{width:100%!important;justify-content:space-between!important}
}
}
