.p9-project-list{display:flex;min-height:calc(100vh - 210px);flex-direction:column;gap:16px}
.p9-project-list-toolbar{display:flex;align-items:center;gap:12px}
.p9-project-list-toolbar input{width:100%;max-width:none;height:38px;padding:0 12px}
.p9-project-list-toolbar span{flex:0 0 auto;color:#93a1b7;font-size:11px}
.p9-project-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,300px));align-content:start;gap:20px}
.p9-project-list-card{display:flex;min-width:0;min-height:210px;flex-direction:column;gap:7px;padding:10px;border:1px solid #242d40;border-radius:12px;background:#101522;color:#dce4f2}
.p9-project-list-card>header{display:flex;min-width:0;align-items:flex-start;gap:8px}
.p9-project-list-card>header>div{display:grid;min-width:0;gap:4px;flex:1}
.p9-project-list-card>header strong{overflow-wrap:anywhere;color:#dee2f6;font-size:13px}
.p9-project-list-card>header small{color:#4389f5;font-size:10px;font-weight:700}
.p9-project-list-card>header button{flex:0 0 auto}
.p9-project-list-customer,.p9-project-list-budget,.p9-project-list-cost{margin:0;font-size:11px}
.p9-project-list-customer{color:#aab6ca}
.p9-project-list-budget{color:#4edea3;font-weight:700}
.p9-project-list-cost{color:#f5c96b}
.p9-project-list-card>footer{display:flex;align-items:center;gap:8px;margin-top:auto}
.p9-project-list-status{padding:3px 6px;border:0;border-radius:4px;font-size:10px;font-weight:700}
.p9-project-list-status.active{color:#f5c96b}
.p9-project-list-status.done{color:#94a3b8}
.p9-project-list-card>footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-left:auto}
.p9-project-list-card>footer button{min-height:28px;padding:4px 7px;font-size:10px}
.p9-project-list-empty{grid-column:1/-1;margin:0;padding:16px 4px;color:#9aa7ba}
.p9-project-list-pager{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:auto}
.p9-project-list-pager button{min-height:30px;padding:5px 9px}
.p9-project-list-pager span{min-width:58px;text-align:center;color:#c2c6d6;font-size:11px}
.p9-project-list-pager button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.p9-project-list-grid{grid-template-columns:repeat(2,minmax(0,300px))}}
@media(max-width:760px){.p9-project-list{min-height:calc(100vh - 180px);gap:10px}.p9-project-list-toolbar{align-items:stretch;flex-direction:column}.p9-project-list-grid{grid-template-columns:minmax(0,1fr);gap:10px}.p9-project-list-card{min-height:190px}.p9-project-list-card>footer>div{flex-wrap:wrap}.p9-project-list-card>footer button{flex:1 1 80px}}