.phub{max-width:1500px;margin:auto;padding:8px 0 40px;color:var(--text)}
.phub-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}
.phub-head h1{font-size:26px;margin:0 0 6px}.phub-head p{font-size:13px;color:var(--text2);margin:0;max-width:750px;line-height:1.5}
.phub-head .phub-customer{margin:4px 0 10px;font-weight:600;color:var(--green-dark)}.phub-customer button{border:0;background:none;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font-weight:inherit}
.phub-select,.phub button,.phub input,.phub select,.phub textarea{font:inherit}
.phub-select,.phub input,.phub select,.phub textarea{border:1px solid var(--border);background:var(--bg2);color:var(--text);border-radius:9px;padding:8px 10px}
.phub-actions{display:flex;gap:8px;flex-wrap:wrap}.phub-actions button,.phub-card button,.phub-add{border:1px solid var(--border);border-radius:9px;background:var(--bg2);color:var(--text);padding:8px 11px;cursor:pointer}
.phub-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.phub-stat{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:14px}.phub-stat strong{font-size:23px;display:block}.phub-stat span{font-size:12px;color:var(--text2)}
.phub-section{background:var(--bg2);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:18px}.phub-section h2{font-size:16px;margin:0 0 12px}.phub-note{font-size:12px;color:var(--text2);line-height:1.5}
.phub-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow-x:auto}.phub-col{background:var(--bg3);border-radius:12px;padding:10px;min-height:135px}.phub-col h3{font-size:13px;margin:2px 2px 12px}.phub-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:8px;box-shadow:0 2px 5px #0000000a}.phub-card strong{font-size:12px;display:block;line-height:1.4}.phub-card small{display:block;color:var(--text2);line-height:1.4;margin:5px 0}.phub-card select{font-size:11px;max-width:100%;padding:5px}
.phub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:9px}.phub-badge{font-size:11px;border-radius:99px;padding:3px 7px;background:#e8e3d7;display:inline-block;margin-top:6px}.phub-danger{background:#fce5e1;color:#873b32}.phub-ok{background:#dcefe3;color:#205b3e}.phub-card a{color:inherit;text-decoration:underline}.phub-muted{color:var(--text2);font-size:12px}.phub-mail-list{display:grid;gap:8px}.phub-mail{display:grid;grid-template-columns:120px 1fr;gap:8px;border-bottom:1px solid var(--border);padding:8px 0;font-size:12px}.phub-mail strong{display:block}.phub-mail p{margin:4px 0;color:var(--text2)}
.directory-tabs{display:flex;gap:7px;align-items:center;margin:0 0 16px}.directory-tabs button{font:inherit;font-size:12px;border:1px solid var(--border);border-radius:10px;padding:8px 14px;background:var(--bg2);color:var(--text2);cursor:pointer}.directory-tabs button.active{background:var(--green-dark);border-color:var(--green-dark);color:white}.directory-tabs #supplier-count{font-size:12px;color:var(--text2);margin-left:auto}
.supplier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));align-items:start;gap:12px}.supplier-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;min-width:0;overflow:hidden}.supplier-card summary{display:flex;gap:10px;align-items:center;cursor:pointer;padding:14px;list-style:none}.supplier-card summary::-webkit-details-marker{display:none}.supplier-card[open]{border-color:var(--green-dark);box-shadow:0 3px 14px #00000010}.supplier-avatar{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--green-bg);color:var(--green-dark);font-size:11px;font-weight:700}.supplier-head{min-width:0;flex:1}.supplier-head strong,.supplier-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-head strong{font-size:14px}.supplier-head small{font-size:11px;color:var(--text2);margin-top:3px}.supplier-card-count{font-size:11px;color:var(--text2);white-space:nowrap}.supplier-body{border-top:1px solid var(--border);padding:13px 15px 16px}.supplier-meta{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.supplier-meta b{color:var(--text2)}.supplier-meta a{color:var(--green-dark)}.supplier-meta button{border:0;background:none;color:var(--green-dark);text-decoration:underline;cursor:pointer;padding:0}.supplier-body h3{font-size:12px;margin:14px 0 7px}.supplier-project{border:1px solid var(--border);border-radius:10px;padding:9px;margin:7px 0;display:flex;justify-content:space-between;gap:8px;align-items:start}.supplier-project strong,.supplier-project small{display:block}.supplier-project strong{font-size:12px}.supplier-project small,.supplier-project p{font-size:11px;color:var(--text2);margin:4px 0}.supplier-project button{flex:none;font:inherit;font-size:11px;background:var(--green-bg);color:var(--green-dark);border:0;border-radius:7px;padding:6px;cursor:pointer}.supplier-form{display:grid;gap:12px}.supplier-form label{font-size:12px;color:var(--text2);display:grid;gap:4px}.supplier-form input,.supplier-form textarea{font:inherit;color:var(--text);background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:8px}.supplier-form p{font-size:11px;color:var(--text2)}.supplier-form-actions{display:flex;gap:8px;justify-content:flex-end}
@media(max-width:780px){.phub-head{display:block}.phub-actions{margin-top:12px}.phub-stats{grid-template-columns:repeat(2,1fr)}.phub-board{grid-template-columns:repeat(4,240px)}}
@media(max-width:768px){.mob-nav-inner{overflow-x:auto;scrollbar-width:thin}.mob-nav-inner .mni{flex:0 0 70px}}