.np-demo-detail-actions{display:flex;align-items:center;gap:7px}.np-demo-detail-actions>button{padding:8px 10px;border:1px solid #d9ddd8;border-radius:8px;background:#fff;color:#303530;font:750 8px inherit}.np-demo-detail-actions>button.is-dark{border-color:#111;background:#111;color:#fff}.np-demo-detail-actions .np-demo-status-wrap{margin-left:2px}.np-demo-status-button[data-tone=done]{border-color:#b5dec2;background:#def3e5}.np-demo-status-button[data-tone=review]{border-color:#bcd3eb;background:#e8f1fb;color:#2864a7}.np-demo-status-button[data-tone=waiting]{border-color:#efd2ad;background:#fff3e2;color:#a25e10}
.np-demo-tabs{padding-right:4px;overflow-x:auto;scrollbar-width:thin}.np-demo-tabs button{flex:0 0 auto;white-space:nowrap}.np-demo-overview-grid{align-items:start}.np-demo-summary-card ul{margin:0;padding:4px 13px 11px;list-style:none}.np-demo-summary-card li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #eef0ed}.np-demo-summary-card li:last-child{border:0}.np-demo-summary-card li>i{display:grid;width:27px;height:27px;place-items:center;border-radius:7px;background:#edf1ed;color:#59605a;font-size:7px;font-style:normal;font-weight:850}.np-demo-summary-card li span{display:flex;min-width:0;flex-direction:column}.np-demo-summary-card li b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.np-demo-summary-card li small{color:#919691;font-size:7px}.np-demo-summary-card li em{color:#202420;font-size:8px;font-style:normal;font-weight:800}.np-demo-note-preview{margin:0;padding:18px 14px;color:#555c56;font-size:9px;line-height:1.6}.np-demo-projectinfo dl{margin:0;padding:9px 14px 13px}.np-demo-projectinfo dl div{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;padding:5px 0}.np-demo-projectinfo dt{color:#929792;font-size:7px}.np-demo-projectinfo dd{margin:0;font-size:8px;font-weight:750}
.np-demo-contract-upload{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;margin:15px;padding:15px;border:1px dashed #bfc7bf;border-radius:10px;background:#fafbf9}.np-demo-contract-upload>span{display:grid;width:40px;height:40px;place-items:center;border-radius:9px;background:#fee9e8;color:#bd3732;font-size:8px;font-weight:850}.np-demo-contract-upload>div{display:flex;flex-direction:column}.np-demo-contract-upload b{font-size:10px}.np-demo-contract-upload small{margin-top:3px;color:#929792;font-size:8px}.np-demo-contract-upload button{padding:8px 10px;border:1px solid #dce0db;border-radius:7px;background:#fff;font:750 8px inherit}
.np-demo-invoices{padding:5px 16px 15px}.np-demo-invoices>div{display:grid;grid-template-columns:34px minmax(150px,1fr) auto auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eceeeb}.np-demo-invoices>div:last-child{border:0}.np-demo-invoices>div>i{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#eef1ee;color:#58605a;font-size:7px;font-style:normal;font-weight:850}.np-demo-invoices span{display:flex;min-width:0;flex-direction:column}.np-demo-invoices span b,.np-demo-invoices>div>strong{font-size:9px}.np-demo-invoices span small{color:#919691;font-size:7px}.np-demo-invoices em{padding:4px 7px;border-radius:999px;background:#e3f5e8;color:#08783f;font-size:7px;font-style:normal;font-weight:750}.np-demo-invoices em.is-open{background:#fff0d7;color:#9b620d}.np-demo-invoices button{padding:6px 8px;border:1px solid #dfe2dd;border-radius:6px;background:#fff;font:750 7px inherit}
.np-demo-notes-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:11px}.np-demo-notes{padding:4px 15px 15px}.np-demo-notes article{padding:11px 0;border-bottom:1px solid #eceeeb}.np-demo-notes article:last-child{border:0}.np-demo-notes article header{display:flex;align-items:center;justify-content:space-between}.np-demo-notes article b{font-size:9px}.np-demo-notes article small{color:#969b96;font-size:7px}.np-demo-notes article p{margin:6px 0 0;color:#555b56;font-size:8px;line-height:1.55}.np-demo-note-form{display:flex;flex-direction:column;gap:10px;padding:17px}.np-demo-note-form>b{font-size:10px}.np-demo-note-form textarea{min-height:112px;resize:vertical;padding:10px;border:1px solid #dce0db;border-radius:8px;font:9px/1.5 inherit}.np-demo-note-form button{padding:9px;border:0;border-radius:7px;background:#111;color:#fff;font:800 8px inherit}
.np-demo-activity-timeline{position:relative;padding:8px 18px 16px}.np-demo-activity-timeline:before{position:absolute;top:20px;bottom:28px;left:31px;width:1px;background:#dce3dd;content:''}.np-demo-activity-timeline>div{position:relative;display:flex;align-items:center;gap:12px;padding:9px 0}.np-demo-activity-timeline>div>i{position:relative;z-index:1;display:grid;flex:0 0 27px;height:27px;place-items:center;border:1px solid #d7ddd7;border-radius:50%;background:#f2f6f2;color:#178d4c;font-size:8px;font-style:normal}.np-demo-activity-timeline span{display:flex;flex-direction:column}.np-demo-activity-timeline b{font-size:9px}.np-demo-activity-timeline small{color:#929792;font-size:7px}
@media(max-width:1050px){.np-demo-detailhead{align-items:flex-start}.np-demo-detail-actions{flex-wrap:wrap;justify-content:flex-end;max-width:330px}.np-demo-detail-actions .np-demo-status-wrap{order:-1;width:100%;display:flex;justify-content:flex-end}.np-demo-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.np-demo-client-card{grid-column:auto}}
@media(max-width:720px){.np-demo-detail-actions>button:not(.is-dark){display:none}.np-demo-detail-actions>button.is-dark{font-size:0}.np-demo-detail-actions>button.is-dark:after{font-size:10px;content:'✓'}.np-demo-detail-actions .np-demo-status-wrap{width:auto;order:0}.np-demo-status-button{padding:8px}.np-demo-status-button span{display:none}.np-demo-overview-grid,.np-demo-notes-layout{grid-template-columns:1fr}.np-demo-invoices>div{grid-template-columns:30px 1fr auto}.np-demo-invoices>div>strong{grid-column:2}.np-demo-invoices em{grid-row:1;grid-column:3}.np-demo-invoices button{display:none}.np-demo-contract-upload{grid-template-columns:36px 1fr}.np-demo-contract-upload button{grid-column:1/-1}.np-demo-status-menu{right:-8px}}