.commission-work-image{display:block;width:100%;height:260px;object-fit:contain;background:var(--surface2)}
.commission-work-grid .card-body{display:flex;flex-direction:column;gap:12px}.commission-work-grid p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
body .commission-client-link{justify-content:flex-start;border:0;background:none;color:var(--primary);padding:0;font-size:12px;text-align:left;white-space:normal}
body .commission-work-actions{position:static;display:flex;flex-direction:row;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:12px}
.commission-work-preview img{display:block;max-height:220px;max-width:100%;object-fit:contain;border-radius:14px}
.commission-work-detail{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}
.commission-work-grid .card-title{font-family:var(--font-display);font-size:22px;font-weight:400;line-height:1.35;margin:0;overflow-wrap:anywhere}
.commission-work-modal .modal-head h2{font-family:var(--font-display);font-size:26px;font-weight:400;line-height:1.3}
.portfolio-posted{display:block;font-size:12px;line-height:1.5;color:var(--muted);font-weight:400}
.commission-work-modal .portfolio-posted{margin:0 0 16px}
.portfolio-client{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line);margin-top:4px}
body .portfolio-client-profile{display:flex;align-items:center;gap:12px;max-width:100%;min-height:44px;color:var(--ink);font-weight:400}
.portfolio-client-profile .member-avatar{flex:none;width:36px;height:36px;margin:4px}
.portfolio-client-copy{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
.portfolio-client-name{font-size:13px;font-weight:500}
.commission-portfolio>.section-head{flex-wrap:wrap}
.commission-portfolio{scroll-margin-top:100px}
.portfolio-header-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;margin-left:auto}
.portfolio-header-actions .btn{font-weight:500}
.portfolio-header-actions .collection-share-action{order:-1}
@media(max-width:600px){body .commission-work-grid{grid-template-columns:minmax(0,1fr)}}
body .content:has(.commission-portfolio){grid-template-columns:minmax(0,1fr)}
body .mp-profile:has(.commission-portfolio){min-width:0}
.commission-work-grid>.profile-portfolio-empty{grid-column:1/-1;min-height:300px}
.profile-portfolio-empty .dh-empty-copy{max-width:560px}
.commission-work-form textarea[name=description]{min-height:120px;resize:vertical}
@media(max-width:600px){.commission-work-grid>.profile-portfolio-empty{min-height:280px;padding:26px 18px}}

/* Portfolio: artwork first, compact copy and owner controls over the image. */
body .commission-work-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),350px));gap:24px;align-items:start}
body .commission-work-grid>article.card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:18px}
body .commission-work-grid .commission-work-image{display:block;width:100%;height:auto;aspect-ratio:4/5;max-height:none;object-fit:contain;background:var(--surface2)}
body .commission-work-grid .card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:9px;flex:initial}
body .commission-work-grid .card-title{font:400 19px/1.4 var(--font-body);margin:0;color:var(--ink)}
body .commission-work-grid .portfolio-posted{font-size:11px;line-height:1.5;margin:0;color:var(--muted)}
body .commission-work-grid .card-body>p{font-size:13px;line-height:1.65;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body .commission-work-grid .portfolio-client{margin:5px 0 0;padding:12px 0 0;gap:5px}
body .portfolio-client>small{font-size:11px;line-height:1.4;font-weight:400}
body .portfolio-client-profile{width:fit-content;min-height:48px;gap:10px;padding:2px 0;border:0;background:transparent;box-shadow:none;transform:none;color:var(--ink)}
body .portfolio-client-profile:hover{background:transparent;box-shadow:none;transform:none}
body .portfolio-client-profile:hover .portfolio-client-name{text-decoration:underline;text-underline-offset:3px}
body .portfolio-client-profile:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:6px}
body .portfolio-client-profile>.dh-custom-icon{display:none}
body .portfolio-client-profile .member-avatar{width:34px;height:34px;margin:4px;flex:none}
body .portfolio-client-name{font-size:13px;font-weight:400;line-height:1.4}
body .portfolio-client-copy .tiny{font-size:11px;line-height:1.4;font-weight:400}
body .portfolio-client>.tiny{font-size:11px;line-height:1.4;margin-left:52px}
body .commission-work-grid .commission-work-actions{position:absolute;top:10px;right:10px;bottom:auto;display:flex;gap:6px;margin:0;padding:0;z-index:3}
body .commission-work-grid .commission-work-actions>.profile-content-action{width:34px;height:34px;min-height:34px;background:var(--surface);box-shadow:0 2px 8px #35212a18}
body .commission-work-grid .commission-work-actions>[data-account-icon="visualizar"]{display:none}
body .commission-work-grid .commission-work-actions>.profile-content-action .dh-custom-icon{width:16px;height:16px}
@media(max-width:600px){body .commission-work-grid{grid-template-columns:minmax(0,1fr);gap:20px}body .commission-work-grid .card-body{padding:16px 18px 18px}body .commission-work-grid .commission-work-actions>.profile-content-action{width:40px;height:40px;min-height:40px}}

body .commission-work-grid [data-portfolio-detail][hidden]{display:none!important}
@media(max-width:650px){body .grid.commission-work-grid{grid-template-columns:minmax(0,1fr)}}