#clients .client-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}#clients .client-toolbar h2{margin-right:auto}#clients .client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}#clients .panel{margin:16px 0;padding:20px;min-width:0}#clients .client-grid .panel{margin:0}#clients input,#clients select,#clients textarea{max-width:100%;padding:9px;border:1px solid var(--line,#ccc);border-radius:8px;color:inherit;background:var(--surface,#fff)}#clients .client-table{overflow:auto}#clients table{width:100%;border-collapse:collapse}#clients td,#clients th{text-align:left;padding:12px;border-bottom:1px solid var(--line,#ddd)}#clients .money{text-align:right;white-space:nowrap}#clients a{color:inherit}#clients p{overflow-wrap:anywhere}#clients .pill{display:inline-block;margin:3px}#clients button{cursor:pointer}#clients .client-note{border-bottom:1px solid var(--line,#ddd);padding:10px 0}.client-dialog label{display:grid;gap:5px;margin:10px 0}.client-dialog{max-width:calc(100vw - 32px);width:480px}.client-dialog input,.client-dialog textarea{width:100%;box-sizing:border-box}@media(max-width:700px){#clients .panel{padding:14px}#clients .client-grid{grid-template-columns:1fr}}[data-theme=dark] #clients input,[data-theme=dark] #clients select,[data-theme=dark] #clients textarea{background:#25312c}
body:has(#clients.active) #new-project{display:none}