.canvas:has(.projects-dashboard){overflow:hidden}
.canvas-inner:has(.projects-dashboard){height:100%;max-width:1440px;padding:24px;box-sizing:border-box}
.projects-dashboard{height:100%;display:flex;flex-direction:column;gap:20px;color:#243b3b}
.projects-dashboard .page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;flex:none}
.projects-dashboard .page-title{font-size:25px;letter-spacing:-.7px}
.pd-subtitle{font-size:12px;font-weight:400;letter-spacing:0;color:#6b7c7b;margin:8px 0 0}
.pd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-height:0;flex:1}
.pd-card{background:#fff;border:1px solid #dde6e4;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:18px;min-width:0;min-height:0}
.pd-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;color:#647b78}
.pd-card select{display:block;width:100%;min-width:0;margin-top:8px;padding:9px 10px;border:1px solid #dce5e3;border-radius:7px;background:transparent;color:inherit;text-transform:none;letter-spacing:0;font-size:12px}
.pd-card .pd-project{font-size:18px;font-weight:600;color:#233e3a}
.pd-dates{display:flex;gap:20px;font-size:10px;color:#6b7c7b}
.pd-dates b{display:block;font-size:11px;font-weight:500;margin-top:4px;color:#344c48}
.pd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pd-stats strong{display:block;font-size:28px;font-weight:600;letter-spacing:-1px}
.pd-stats span{font-size:10px;color:#647b78}
.pd-progress{height:4px;background:#edf1f0;border-radius:8px;flex:none;overflow:hidden}
.pd-progress span{display:block;height:100%;background:#248978}
.pd-results{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}
.pd-findings{background:#f4f8f6;border-radius:10px;padding:16px;font-size:12px;line-height:1.5;flex:1;min-height:0;position:relative;overflow:auto}
.pd-findings p{margin:8px 0}.pd-findings strong{font-weight:500}
.pd-pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;font-size:10px}
.pd-pager button{border:1px solid #dce5e3;border-radius:5px;background:transparent;color:inherit;cursor:pointer}.pd-pager button:disabled{opacity:.35}
.pd-actions{flex:none}.pd-actions .project-actions{display:flex;justify-content:space-between;width:100%}
.pd-empty{grid-column:1/-1;align-self:center;text-align:center;color:#647b78}
@media(max-width:700px){body:has(.projects-dashboard) .toolbar{overflow-x:auto}.main:has(.projects-dashboard){grid-template-columns:0 minmax(0,1fr)}.main:has(.projects-dashboard):not(.nav-collapsed) .navigation{position:absolute;top:58px;bottom:0;left:0;width:190px;z-index:20;box-shadow:8px 0 24px #0002}}
body.dark-mode .pd-card{background:#17242b;border-color:#34454b;color:#e3eeeb}body.dark-mode .pd-project,body.dark-mode .pd-dates b{color:#e3eeeb}body.dark-mode .pd-findings{background:#1e3036}body.dark-mode .pd-card select{border-color:#42575a}body.dark-mode .pd-card option{background:#17242b}body.dark-mode .pd-label,body.dark-mode .pd-stats span{color:#a8bfba}
@media(max-height:760px){.canvas-inner:has(.projects-dashboard){padding:16px}.projects-dashboard{gap:12px}.pd-card{padding:16px;gap:12px}.pd-stats strong{font-size:24px}.pd-findings{padding:10px}}
@media(max-width:700px){.pd-grid{gap:8px}.pd-card{padding:10px;gap:10px}.pd-dates{flex-direction:column;gap:5px}.pd-stats{grid-template-columns:repeat(2,1fr)}.pd-card .pd-project{font-size:13px}.pd-actions .project-actions{flex-wrap:wrap;gap:5px}.projects-dashboard .page-title{font-size:19px}.canvas-inner:has(.projects-dashboard){padding:10px}.pd-findings{font-size:11px}.pd-label{font-size:9px}}
.navigation .pd-nav{display:flex;align-items:center;gap:8px;text-align:left;margin-bottom:0;padding:8px;line-height:1.4}
.pd-nav>span{width:16px;font-size:13px;text-align:center}.pd-nav.active{background:#eaf2f6;color:#164b65}
.nav-project-items .nav-project-list{display:contents}
.projects-dashboard .page-title{font-size:24px;font-weight:650;letter-spacing:-.6px}
.projects-dashboard .pd-browse{white-space:nowrap;padding:10px 14px;font-size:12px}
.pd-card{border-radius:12px;border-color:#e0e6eb;gap:20px}
.pd-card .pd-project{border:0;border-bottom:1px solid #e4e9ee;border-radius:0;padding:8px 0 14px;font-size:20px}
.pd-stats>div+div{border-left:1px solid #e4e9ee;padding-left:14px}
.pd-stats strong{font-size:30px;color:#172b42}.pd-stats>div:nth-child(3) strong{color:#237c68}
.pd-progress{height:3px}.pd-findings{background:#f5f8fa;border:1px solid #e9eef2;padding:20px;line-height:1.65}
.pd-findings p{font-size:14px}.pd-pager button{width:28px;height:26px}.pd-pager{gap:12px}
.pd-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}
.pd-completion{font-size:11px;color:#70808e}.pd-actions .primary-btn{font-size:12px;white-space:nowrap}
body.dark-mode .projects-dashboard .pd-card{background:#192536!important;border-color:#344355!important}
body.dark-mode .projects-dashboard .pd-findings{background:#202f42!important;border-color:#344355!important}
body.dark-mode .projects-dashboard .pd-progress{background:#344355!important}
body.dark-mode .projects-dashboard .pd-progress>span{background:#4aa998!important}
body.dark-mode .projects-dashboard .pd-stats strong{color:#e8eef6!important}
body.dark-mode .projects-dashboard .pd-stats>div:nth-child(3) strong{color:#79d2b9!important}
body.dark-mode .projects-dashboard .pd-stats>div+div{border-color:#344355}
body.dark-mode .pd-nav.active{background:#23394d!important;color:#d7eaf7!important}
body.dark-mode .projects-dashboard .pd-card :is(label,select,span,p,strong,b,footer,.pd-dates,.pd-stats,.pd-stats>div,.pd-results,.pd-pager){background:transparent!important}
body.dark-mode .projects-dashboard .pd-card .pd-progress>span{background:#4aa998!important}
body.dark-mode .projects-dashboard .pd-actions .primary-btn{background:#29465f!important;color:#fff!important}
body.dark-mode .projects-dashboard .pd-browse{color:#d7eaf7!important}
body.dark-mode .navigation .pd-nav.active{background:#23394d!important;color:#d7eaf7!important}
@media(max-height:760px){.pd-card{gap:12px}.pd-card .pd-project{padding-bottom:8px}.pd-findings{padding:12px}.pd-stats strong{font-size:25px}}
@media(max-width:700px){.pd-card{gap:10px}.pd-card .pd-project{font-size:15px}.pd-stats>div+div{padding-left:0;border:0}.pd-stats strong{font-size:24px}.pd-findings{padding:10px}.pd-findings p{font-size:12px}.pd-actions{align-items:stretch;flex-direction:column;gap:6px}.pd-completion{font-size:9px}.projects-dashboard .page-title{font-size:18px}.projects-dashboard .pd-browse{font-size:10px;padding:8px}.pd-subtitle{font-size:10px}}
