/* ECM 1.78.22 — exact public profile dashboard redesign. */ .forma-artist-profile.forma-artist-profile-dashboard{ --fpd-accent:var(--forma-accent,#1e7b8d); --fpd-page:var(--forma-page,#f5f5f2); --fpd-panel:var(--forma-panel,#fff); --fpd-panel-2:var(--forma-panel-2,#f0f0ec); --fpd-text:var(--forma-text,#151515); --fpd-text-2:var(--forma-text-2,#4e4e4a); --fpd-muted:var(--forma-muted,#777772); --fpd-border:var(--forma-border,#d8d8d2); --fpd-shadow:var(--forma-shadow,0 10px 28px rgba(18,18,18,.08)); width:min(1180px,calc(100% - 32px))!important; margin:0 auto!important; padding:22px 0 58px!important; color:var(--fpd-text)!important; direction:rtl; } .forma-artist-profile-dashboard *{box-sizing:border-box;min-width:0} .forma-artist-profile-dashboard a{text-decoration:none;color:inherit} .forma-profile-dashboard-shell{display:block} .forma-profile-dashboard-cover{ position:relative; height:260px; overflow:hidden; border:1px solid var(--fpd-border); border-radius:18px; background: linear-gradient(135deg,color-mix(in srgb,var(--fpd-text) 10%,transparent),transparent 60%), var(--fpd-panel-2); background-position:center; background-size:cover; box-shadow:0 4px 20px rgba(0,0,0,.04); } .forma-profile-dashboard-cover.has-image{background-image:linear-gradient(0deg,rgba(0,0,0,.14),rgba(0,0,0,.05)),var(--forma-profile-dashboard-cover);background-position:center;background-size:cover} .forma-profile-dashboard-cover-edit{ position:absolute;left:20px;bottom:18px;z-index:4;display:inline-flex;align-items:center;gap:8px; min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.6);border-radius:9px; background:rgba(255,255,255,.88);color:#171717!important;backdrop-filter:blur(10px);font-size:12px;font-weight:800; } .forma-profile-dashboard-identity{ position:relative;display:grid;grid-template-columns:142px minmax(0,1fr) auto;grid-template-areas:"avatar heading stats" "avatar socials stats"; column-gap:22px;row-gap:12px;align-items:end;padding:0 24px 20px;margin-top:-52px; } .forma-profile-dashboard-avatar-wrap{grid-area:avatar;position:relative;width:142px;height:142px;z-index:2} .forma-profile-dashboard-avatar{width:142px;height:142px;border:4px solid var(--fpd-panel);border-radius:50%;overflow:hidden;background:var(--fpd-panel-2);box-shadow:0 8px 22px rgba(0,0,0,.16)} .forma-profile-dashboard-avatar img{display:block;width:100%;height:100%;object-fit:cover} .forma-profile-dashboard-avatar-edit{position:absolute;right:9px;bottom:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:2px solid var(--fpd-panel);border-radius:50%;background:var(--fpd-text);color:var(--fpd-panel)!important;font-size:13px} .forma-profile-dashboard-heading{grid-area:heading;padding-top:64px} .forma-profile-dashboard-name{display:flex;align-items:center;gap:7px} .forma-profile-dashboard-name h1{margin:0;color:var(--fpd-text)!important;font-size:29px!important;line-height:1.25!important;font-weight:900!important;letter-spacing:-.03em!important} .forma-profile-dashboard-name .ecm-verified-badge{transform:scale(.9);transform-origin:right center} .forma-profile-dashboard-heading>p{margin:4px 0 0;color:var(--fpd-text-2);font-size:13px;font-weight:700} .forma-profile-dashboard-heading>small{display:block;margin-top:7px;color:var(--fpd-muted);font-size:11px} .forma-profile-dashboard-stats{grid-area:stats;display:flex;align-items:stretch;align-self:end;margin-bottom:3px} .forma-profile-dashboard-stats>div{min-width:86px;padding:0 20px;text-align:center;border-right:1px solid var(--fpd-border)} .forma-profile-dashboard-stats>div:first-child{border-right:0} .forma-profile-dashboard-stats strong{display:block;color:var(--fpd-text);font-size:21px;line-height:1.1;font-weight:900} .forma-profile-dashboard-stats span{display:block;margin-top:5px;color:var(--fpd-muted);font-size:10px} .forma-profile-dashboard-socials{grid-area:socials;display:flex;gap:8px;align-items:center} .forma-profile-dashboard-socials a{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--fpd-border);border-radius:8px;background:var(--fpd-panel-2);color:var(--fpd-text)!important;font-size:11px;font-weight:900;transition:.18s ease} .forma-profile-dashboard-socials a:hover{border-color:var(--fpd-accent);color:var(--fpd-accent)!important;transform:translateY(-1px)} .forma-profile-social-icon{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;line-height:1;color:currentColor} .forma-profile-social-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor} .forma-profile-dashboard-tabs{display:flex;align-items:center;gap:4px;margin:0 20px 20px;padding:0 2px;border-bottom:1px solid var(--fpd-border);overflow-x:auto;scrollbar-width:none} .forma-profile-dashboard-tabs::-webkit-scrollbar{display:none} .forma-profile-dashboard-tabs a{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:50px;padding:0 17px;color:var(--fpd-muted)!important;font-size:11px;font-weight:750;white-space:nowrap} .forma-profile-dashboard-tabs a span{display:none} .forma-profile-dashboard-tabs a:hover,.forma-profile-dashboard-tabs a.is-active{color:var(--fpd-text)!important} .forma-profile-dashboard-tabs a.is-active:after{content:"";position:absolute;right:12px;left:12px;bottom:-1px;height:2px;background:var(--fpd-accent)} .forma-profile-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 20px} .forma-profile-dashboard-card{border:1px solid var(--fpd-border);border-radius:14px;background:var(--fpd-panel);padding:16px;box-shadow:0 3px 12px rgba(0,0,0,.025)} .forma-profile-dashboard-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px} .forma-profile-dashboard-section-head h2{margin:0;color:var(--fpd-text)!important;font-size:18px!important;line-height:1.4!important;font-weight:900!important} .forma-profile-dashboard-section-head>div{display:flex;align-items:center;gap:9px} .forma-profile-dashboard-section-head a{color:var(--fpd-accent)!important;font-size:10px;font-weight:800} .forma-profile-dashboard-section-head .forma-profile-section-add{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 11px;border:1px solid color-mix(in srgb,var(--fpd-accent) 36%,var(--fpd-border));border-radius:7px;background:color-mix(in srgb,var(--fpd-accent) 10%,var(--fpd-panel));color:var(--fpd-accent)!important} .forma-profile-record-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-inline-start:5px;padding:0 6px;border:1px solid var(--fpd-border);border-radius:999px;background:var(--fpd-soft);color:var(--fpd-muted);font-size:10px!important;font-weight:800!important;vertical-align:middle} .forma-profile-record-toggle{appearance:none;border:0;background:transparent;padding:0;color:var(--fpd-accent);font:inherit;font-size:10px;font-weight:800;cursor:pointer} .forma-profile-record-toggle:hover{text-decoration:underline} .forma-profile-dashboard-project-row,.forma-profile-dashboard-event-row,.forma-profile-dashboard-publication-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .forma-profile-dashboard-event-row{grid-template-columns:repeat(2,minmax(0,1fr))} .forma-profile-dashboard-publication-row{grid-template-columns:repeat(2,minmax(0,1fr))} .forma-profile-dashboard-work,.forma-profile-dashboard-event{display:flex;min-height:120px;overflow:hidden;border:1px solid var(--fpd-border);border-radius:10px;background:var(--fpd-panel-2);transition:.18s ease} .forma-profile-dashboard-work:hover,.forma-profile-dashboard-event:hover{border-color:color-mix(in srgb,var(--fpd-accent) 46%,var(--fpd-border));transform:translateY(-1px)} .forma-profile-dashboard-work{flex-direction:column} .forma-profile-dashboard-work-media{display:flex;aspect-ratio:1.6/1;align-items:center;justify-content:center;overflow:hidden;background:color-mix(in srgb,var(--fpd-panel-2) 82%,var(--fpd-text) 5%)} .forma-profile-dashboard-work-media img,.forma-profile-dashboard-event-media img{display:block;width:100%;height:100%;object-fit:cover} .forma-profile-dashboard-work-media i,.forma-profile-dashboard-event-media i{color:var(--fpd-muted);font-style:normal;font-size:25px} .forma-profile-dashboard-work-copy{display:flex;flex-direction:column;gap:2px;padding:9px 10px} .forma-profile-dashboard-work-copy strong{overflow:hidden;color:var(--fpd-text);font-size:11px;line-height:1.6;font-weight:800;text-overflow:ellipsis;white-space:nowrap} .forma-profile-dashboard-work-copy small{color:var(--fpd-muted);font-size:9px} .forma-profile-dashboard-event{flex-direction:row;align-items:stretch} .forma-profile-dashboard-event-media{display:flex;width:43%;min-height:122px;align-items:center;justify-content:center;overflow:hidden;background:var(--fpd-panel-2)} .forma-profile-dashboard-event-copy{display:flex;flex:1;flex-direction:column;justify-content:center;gap:4px;padding:11px} .forma-profile-dashboard-event-copy strong{color:var(--fpd-text);font-size:11px;line-height:1.6;font-weight:850} .forma-profile-dashboard-event-copy small{color:var(--fpd-text-2);font-size:9px} .forma-profile-dashboard-event-copy em{color:var(--fpd-muted);font-size:8px;font-style:normal} .forma-profile-dashboard-add-tile{display:flex;min-height:120px;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed color-mix(in srgb,var(--fpd-border) 85%,var(--fpd-text));border-radius:10px;background:color-mix(in srgb,var(--fpd-panel-2) 55%,transparent);color:var(--fpd-muted)!important;text-align:center} .forma-profile-dashboard-add-tile span{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--fpd-accent) 11%,var(--fpd-panel));color:var(--fpd-accent);font-size:18px} .forma-profile-dashboard-add-tile b{font-size:10px;font-weight:800} .forma-profile-dashboard-empty{display:flex;min-height:148px;flex-direction:column;align-items:center;justify-content:center;padding:18px;border:1px dashed var(--fpd-border);border-radius:10px;background:color-mix(in srgb,var(--fpd-panel-2) 46%,transparent);text-align:center} .forma-profile-dashboard-empty-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;margin-bottom:8px;color:var(--fpd-muted);font-size:25px} .forma-profile-dashboard-empty strong{color:var(--fpd-text);font-size:12px;font-weight:850} .forma-profile-dashboard-empty p{max-width:360px;margin:6px 0 0;color:var(--fpd-muted);font-size:10px;line-height:1.8} .forma-profile-inline-add{margin-top:12px;color:var(--fpd-accent)!important;font-size:10px;font-weight:850} .forma-profile-dashboard-certificate-state,.forma-profile-dashboard-public-placeholder{display:flex;min-height:148px;flex-direction:column;align-items:center;justify-content:center;padding:18px;border:1px dashed var(--fpd-border);border-radius:10px;background:color-mix(in srgb,var(--fpd-panel-2) 46%,transparent);text-align:center} .forma-profile-dashboard-certificate-state>span,.forma-profile-dashboard-public-placeholder>span{color:var(--fpd-muted);font-size:28px} .forma-profile-dashboard-certificate-state strong{margin-top:7px;color:var(--fpd-text);font-size:12px} .forma-profile-dashboard-certificate-state p,.forma-profile-dashboard-public-placeholder p{max-width:390px;margin:7px 0 0;color:var(--fpd-muted);font-size:10px;line-height:1.8} .forma-profile-dashboard-certificate-state a{margin-top:11px;color:var(--fpd-accent)!important;font-size:10px;font-weight:850} .forma-profile-dashboard-about p{margin:2px 0 0;color:var(--fpd-text-2);font-size:12px;line-height:2.05} .forma-profile-dashboard-contact-list{display:grid;gap:8px} .forma-profile-dashboard-contact-list>a,.forma-profile-dashboard-contact-list>div{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 2px;color:var(--fpd-text-2);font-size:11px} .forma-profile-dashboard-contact-list span{display:flex;width:26px;height:26px;align-items:center;justify-content:center;color:var(--fpd-muted);font-size:13px} .forma-profile-dashboard-contact-list b{font-weight:650} .forma-profile-dashboard-contact-list .is-empty{color:var(--fpd-muted)} .forma-profile-dashboard-related{margin:16px 20px 0;padding:16px;border:1px solid var(--fpd-border);border-radius:14px;background:var(--fpd-panel)} .forma-profile-dashboard-related .forma-profile-dashboard-section-head{margin-bottom:12px} .forma-profile-dashboard-related-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .forma-profile-dashboard-related-row a{display:flex;align-items:center;gap:9px;padding:8px;border-radius:9px;transition:.18s ease} .forma-profile-dashboard-related-row a:hover{background:var(--fpd-panel-2)} .forma-profile-dashboard-related-row a>span{flex:0 0 42px;width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--fpd-panel-2)} .forma-profile-dashboard-related-row img{display:block;width:100%;height:100%;object-fit:cover} .forma-profile-dashboard-related-row strong,.forma-profile-dashboard-related-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .forma-profile-dashboard-related-row strong{color:var(--fpd-text);font-size:10px;font-weight:850} .forma-profile-dashboard-related-row small{margin-top:2px;color:var(--fpd-muted);font-size:8px} /* Tablet: same hierarchy, denser two-column cards. */ @media (max-width:980px){ .forma-artist-profile.forma-artist-profile-dashboard{width:min(100% - 24px,860px)!important;padding-top:16px!important} .forma-profile-dashboard-cover{height:220px;border-radius:15px} .forma-profile-dashboard-identity{grid-template-columns:112px minmax(0,1fr);grid-template-areas:"avatar heading" "stats stats" "socials socials";margin-top:-44px;padding:0 18px 16px;row-gap:10px} .forma-profile-dashboard-avatar-wrap,.forma-profile-dashboard-avatar{width:112px;height:112px} .forma-profile-dashboard-heading{padding-top:50px} .forma-profile-dashboard-name h1{font-size:24px!important} .forma-profile-dashboard-stats{justify-content:flex-start;margin:2px 0 0} .forma-profile-dashboard-stats>div{min-width:92px;padding:0 18px} .forma-profile-dashboard-socials{justify-content:flex-start} .forma-profile-dashboard-tabs{margin:0 14px 16px;justify-content:space-between;gap:0} .forma-profile-dashboard-tabs a{flex:0 0 auto;min-height:46px;padding:0 10px} .forma-profile-dashboard-tabs a span{display:block;font-size:15px} .forma-profile-dashboard-tabs a b{display:none} .forma-profile-dashboard-grid{gap:12px;padding:0 14px} .forma-profile-dashboard-card{padding:14px} .forma-profile-dashboard-project-row{grid-template-columns:repeat(2,minmax(0,1fr))} .forma-profile-dashboard-related{margin:14px 14px 0} .forma-profile-dashboard-related-row{grid-template-columns:repeat(4,minmax(0,1fr))} .forma-profile-dashboard-related-row a:nth-child(5){display:none} } /* Mobile: one-column sections, no horizontal breakage, compact hero. */ @media (max-width:620px){ .forma-artist-profile.forma-artist-profile-dashboard{width:100%!important;margin:0!important;padding:0 0 82px!important;overflow-x:hidden!important} .forma-profile-dashboard-shell{width:100%;overflow:hidden} .forma-profile-dashboard-cover{height:120px;border-width:0 0 1px;border-radius:0;background-position:center} .forma-profile-dashboard-cover-edit{left:10px;bottom:8px;min-height:29px;padding:0 9px;border-radius:7px;font-size:9px} .forma-profile-dashboard-cover-edit span{display:none} .forma-profile-dashboard-identity{display:flex;flex-direction:column;align-items:center;margin-top:-34px;padding:0 14px 13px;text-align:center} .forma-profile-dashboard-avatar-wrap,.forma-profile-dashboard-avatar{width:78px;height:78px} .forma-profile-dashboard-avatar{border-width:3px} .forma-profile-dashboard-avatar-edit{right:0;bottom:1px;width:24px;height:24px;font-size:10px} .forma-profile-dashboard-heading{padding:0;width:100%} .forma-profile-dashboard-name{justify-content:center;margin-top:5px} .forma-profile-dashboard-name h1{font-size:18px!important;line-height:1.35!important} .forma-profile-dashboard-heading>p{font-size:10px} .forma-profile-dashboard-heading>small{margin-top:4px;font-size:9px} .forma-profile-dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin:8px 0 2px} .forma-profile-dashboard-stats>div{min-width:0;padding:0 8px;border-right:1px solid var(--fpd-border)} .forma-profile-dashboard-stats>div:first-child{border-right:0} .forma-profile-dashboard-stats strong{font-size:16px} .forma-profile-dashboard-stats span{font-size:8px} .forma-profile-dashboard-socials{justify-content:center;width:100%;margin-top:4px} .forma-profile-dashboard-socials a{width:31px;height:31px;border-radius:7px;font-size:9px} .forma-profile-dashboard-tabs{position:relative;margin:0;padding:0 10px;border-top:1px solid var(--fpd-border);border-bottom:1px solid var(--fpd-border);background:var(--fpd-panel);justify-content:space-between} .forma-profile-dashboard-tabs a{flex:1;min-height:48px;padding:0;justify-content:center} .forma-profile-dashboard-tabs a span{display:block;font-size:15px} .forma-profile-dashboard-tabs a b{display:none} .forma-profile-dashboard-tabs a.is-active:after{right:22%;left:22%} .forma-profile-dashboard-grid{display:block;padding:10px 10px 0} .forma-profile-dashboard-card{margin-bottom:10px;padding:12px;border-radius:11px;box-shadow:none} .forma-profile-dashboard-section-head{margin-bottom:10px} .forma-profile-dashboard-section-head h2{font-size:14px!important} .forma-profile-dashboard-section-head>div{gap:6px} .forma-profile-dashboard-section-head a{font-size:8px} .forma-profile-record-toggle{font-size:8px} .forma-profile-record-count{min-width:18px;height:18px;padding:0 5px;font-size:8px!important} .forma-profile-dashboard-section-head .forma-profile-section-add{width:29px;height:29px;min-height:29px;padding:0;overflow:hidden;font-size:0;border-radius:7px} .forma-profile-dashboard-section-head .forma-profile-section-add:before{content:"＋";font-size:16px} .forma-profile-dashboard-project-row,.forma-profile-dashboard-event-row,.forma-profile-dashboard-publication-row{grid-template-columns:1fr;gap:8px} .forma-profile-dashboard-work,.forma-profile-dashboard-event{min-height:92px} .forma-profile-dashboard-work{flex-direction:row} .forma-profile-dashboard-work-media{width:34%;aspect-ratio:auto;min-height:92px;flex:0 0 34%} .forma-profile-dashboard-work-copy{justify-content:center;flex:1} .forma-profile-dashboard-event-media{width:34%;min-height:92px;flex:0 0 34%} .forma-profile-dashboard-add-tile{min-height:84px} .forma-profile-dashboard-add-tile:not(:only-child){display:none} .forma-profile-dashboard-empty,.forma-profile-dashboard-certificate-state,.forma-profile-dashboard-public-placeholder{min-height:112px;padding:14px} .forma-profile-dashboard-empty-icon{width:34px;height:34px;margin-bottom:4px;font-size:21px} .forma-profile-dashboard-empty strong,.forma-profile-dashboard-certificate-state strong{font-size:10px} .forma-profile-dashboard-empty p,.forma-profile-dashboard-certificate-state p,.forma-profile-dashboard-public-placeholder p{font-size:8px;line-height:1.7} .forma-profile-inline-add,.forma-profile-dashboard-certificate-state a{font-size:8px} .forma-profile-dashboard-about p{font-size:10px;line-height:1.95} .forma-profile-dashboard-contact-list>a,.forma-profile-dashboard-contact-list>div{font-size:9px;min-height:33px} .forma-profile-dashboard-contact-list .forma-profile-social-icon{width:15px;height:15px;flex:0 0 15px} .forma-profile-dashboard-related{margin:10px 10px 0;padding:12px;border-radius:11px} .forma-profile-dashboard-related-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .forma-profile-dashboard-related-row a{flex-direction:column;gap:5px;padding:5px;text-align:center} .forma-profile-dashboard-related-row a:nth-child(n+4){display:none} .forma-profile-dashboard-related-row a>span{width:42px;height:42px;flex-basis:42px} .forma-profile-dashboard-related-row strong{width:100%;font-size:8px} .forma-profile-dashboard-related-row small{width:100%;font-size:7px} } .forma-profile-dashboard-cover-edit{background:rgba(18,18,18,.82);border-color:rgba(255,255,255,.28);color:#fff!important} /* v1.78.24 — Art Stream section + eligibility modal */ .forma-profile-section-add.is-locked, .forma-profile-dashboard-add-tile.is-locked, .forma-profile-inline-add.is-locked{font:inherit;cursor:pointer} .forma-profile-dashboard-event-status{display:inline-flex;align-self:flex-start;margin-top:3px;padding:3px 7px;border:1px solid var(--fpd-border);border-radius:999px;color:var(--fpd-muted);font-size:8px;line-height:1.2} .forma-profile-access-modal[hidden]{display:none!important} .forma-profile-access-modal{position:fixed;z-index:999999;inset:0;display:flex;align-items:center;justify-content:center;padding:20px} .forma-profile-access-modal-backdrop{position:absolute;inset:0;background:rgba(8,10,12,.62);backdrop-filter:blur(5px)} .forma-profile-access-modal-card{position:relative;z-index:1;width:min(430px,100%);padding:30px;border:1px solid var(--fpd-border);border-radius:18px;background:var(--fpd-panel);box-shadow:0 28px 80px rgba(0,0,0,.28);color:var(--fpd-text);text-align:center} .forma-profile-access-modal-close{position:absolute;top:11px;left:11px;width:32px;height:32px;border:0;border-radius:50%;background:var(--fpd-panel-2);color:var(--fpd-muted);font-size:22px;cursor:pointer} .forma-profile-access-modal-icon{display:flex;width:52px;height:52px;align-items:center;justify-content:center;margin:0 auto 14px;border-radius:15px;background:color-mix(in srgb,var(--fpd-accent) 13%,var(--fpd-panel));color:var(--fpd-accent);font-size:28px} .forma-profile-access-modal-card h3{margin:0 0 10px;color:var(--fpd-text);font-size:18px;font-weight:900} .forma-profile-access-modal-card p{margin:0 auto;color:var(--fpd-text-2);font-size:12px;line-height:2;max-width:350px} .forma-profile-access-modal-actions{display:flex;gap:8px;justify-content:center;margin-top:22px} .forma-profile-access-modal-actions a,.forma-profile-access-modal-actions button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--fpd-border);border-radius:9px;background:var(--fpd-panel-2);color:var(--fpd-text);font:inherit;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer} .forma-profile-access-modal-actions a{border-color:color-mix(in srgb,var(--fpd-accent) 45%,var(--fpd-border));background:var(--fpd-accent);color:#fff} html.forma-modal-open{overflow:hidden} @media(max-width:620px){ .forma-profile-access-modal{padding:14px} .forma-profile-access-modal-card{padding:26px 18px 20px;border-radius:14px} .forma-profile-access-modal-actions{flex-direction:column} .forma-profile-access-modal-actions a,.forma-profile-access-modal-actions button{width:100%} } /* v1.78.26 — professional details are public-profile data with per-field visibility; certificates stay owner-private. */ .forma-profile-professional-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .forma-profile-professional-item{position:relative;min-width:0;padding:13px 14px;border:1px solid var(--fpd-border);border-radius:10px;background:color-mix(in srgb,var(--fpd-panel-2) 56%,transparent)} .forma-profile-professional-item>span{display:block;margin-bottom:4px;color:var(--fpd-muted);font-size:9px;font-weight:750} .forma-profile-professional-item>strong{display:block;color:var(--fpd-text);font-size:12px;line-height:1.75;overflow-wrap:anywhere} .forma-profile-professional-item>small{display:inline-flex;margin-top:7px;padding:2px 7px;border:1px solid var(--fpd-border);border-radius:999px;color:var(--fpd-muted);font-size:8px;font-weight:800} .forma-profile-professional-item>small.is-private{border-style:dashed} .forma-profile-private-certificate-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border-top:1px solid var(--fpd-border);color:var(--fpd-muted);font-size:9px;line-height:1.7} .forma-profile-private-certificate-link a{flex:none;color:var(--fpd-accent)!important;font-weight:850} @media(max-width:700px){.forma-profile-professional-grid{grid-template-columns:1fr}.forma-profile-private-certificate-link{align-items:flex-start;flex-direction:column}.forma-profile-professional-item{padding:11px 12px}} /* ECM 1.78.74 — profile content order, public collection views and achievements. */ .forma-profile-dashboard-section-head .forma-profile-section-all{ display:inline-flex;align-items:center;min-height:28px;color:var(--fpd-muted)!important;font-size:9px;font-weight:800;white-space:nowrap; } .forma-profile-dashboard-section-head .forma-profile-section-all:hover{color:var(--fpd-accent)!important} .forma-profile-dashboard-empty.is-visitor{ min-height:104px;border-color:color-mix(in srgb,var(--fpd-border) 66%,transparent);background:color-mix(in srgb,var(--fpd-panel-2) 24%,transparent);opacity:.64; } .forma-profile-dashboard-empty.is-visitor .forma-profile-dashboard-empty-icon{width:28px;height:28px;margin-bottom:3px;font-size:16px;opacity:.62} .forma-profile-dashboard-empty.is-visitor strong{font-size:10px;font-weight:700;color:var(--fpd-muted)} .forma-profile-dashboard-empty.is-visitor p{max-width:320px;margin-top:4px;font-size:9px;line-height:1.75;color:var(--fpd-muted)} .forma-profile-dashboard-achievements{min-width:0} .forma-profile-achievement-list{display:grid;gap:8px} .forma-profile-achievement-card{ display:flex;align-items:flex-start;gap:10px;min-height:58px;padding:10px 11px;border:1px solid var(--fpd-border);border-radius:9px;background:color-mix(in srgb,var(--fpd-panel-2) 58%,transparent);color:var(--fpd-text)!important;transition:.18s ease; } a.forma-profile-achievement-card:hover{border-color:color-mix(in srgb,var(--fpd-accent) 44%,var(--fpd-border));transform:translateY(-1px)} .forma-profile-achievement-icon{display:flex;flex:0 0 28px;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid var(--fpd-border);border-radius:8px;color:var(--fpd-muted);font-size:12px} .forma-profile-achievement-copy{display:block;flex:1;min-width:0} .forma-profile-achievement-copy small{display:block;margin-bottom:2px;color:var(--fpd-muted);font-size:8px;font-weight:750} .forma-profile-achievement-copy strong{display:block;color:var(--fpd-text);font-size:10px;line-height:1.55;font-weight:850} .forma-profile-achievement-copy em{display:block;margin-top:3px;color:var(--fpd-muted);font-size:8px;font-style:normal;line-height:1.55} .forma-profile-achievement-copy p{margin:6px 0 0;color:var(--fpd-text-2);font-size:9px;line-height:1.8} .forma-profile-collection-page{margin:0 20px;padding:18px;border:1px solid var(--fpd-border);border-radius:14px;background:var(--fpd-panel)} .forma-profile-collection-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--fpd-border)} .forma-profile-collection-head h2{margin:4px 0 0;color:var(--fpd-text)!important;font-size:18px!important;line-height:1.4!important;font-weight:900!important} .forma-profile-collection-back{color:var(--fpd-muted)!important;font-size:9px;font-weight:750} .forma-profile-collection-back:hover{color:var(--fpd-accent)!important} .forma-profile-collection-page.is-projects .forma-profile-collection-back{display:inline-flex;align-items:center;min-height:24px;font-size:11px} .forma-profile-collection-grid{display:grid;gap:12px} .forma-profile-collection-grid.is-projects{grid-template-columns:repeat(3,minmax(0,1fr))} .forma-profile-collection-grid.is-events{grid-template-columns:repeat(2,minmax(0,1fr))} .forma-profile-collection-grid .forma-profile-dashboard-work,.forma-profile-collection-grid .forma-profile-dashboard-event{min-height:132px} .forma-profile-dashboard-work-card.has-owner-actions{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--fpd-border);border-radius:10px;background:var(--fpd-panel-2)} .forma-profile-dashboard-work-card.has-owner-actions>.forma-profile-dashboard-work{border:0;border-radius:0;background:transparent} .forma-profile-dashboard-work-card.has-owner-actions>.forma-profile-dashboard-work:hover{transform:none;border-color:transparent} .forma-profile-project-owner-actions{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--fpd-border)} .forma-profile-project-owner-actions>a,.forma-profile-project-owner-actions button{display:inline-flex;min-height:28px;align-items:center;justify-content:center;padding:0 9px;border:1px solid var(--fpd-border);border-radius:7px;background:transparent;color:var(--fpd-text-2);font:inherit;font-size:9px;font-weight:800;line-height:1;cursor:pointer} .forma-profile-project-owner-actions>a:hover{border-color:color-mix(in srgb,var(--fpd-accent) 45%,var(--fpd-border));color:var(--fpd-accent)} .forma-profile-project-owner-actions form{margin:0} .forma-profile-project-owner-actions button{color:var(--forma-danger)} .forma-profile-professional-grid.is-collection{grid-template-columns:repeat(3,minmax(0,1fr))} .forma-profile-achievement-list.is-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .forma-profile-collection-text{padding:4px 2px;color:var(--fpd-text-2);font-size:12px;line-height:2.1;white-space:normal} @media (max-width:980px){ .forma-profile-collection-page{margin:0 14px} .forma-profile-collection-grid.is-projects,.forma-profile-professional-grid.is-collection{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:620px){ .forma-profile-dashboard-section-head{align-items:flex-start} .forma-profile-dashboard-section-head>div{flex-wrap:wrap;justify-content:flex-end} .forma-profile-dashboard-section-head .forma-profile-section-all{min-height:29px;font-size:8px} .forma-profile-dashboard-empty.is-visitor{min-height:82px;padding:11px} .forma-profile-dashboard-empty.is-visitor .forma-profile-dashboard-empty-icon{display:none} .forma-profile-achievement-card{min-height:54px;padding:9px} .forma-profile-achievement-copy strong{font-size:9px} .forma-profile-collection-page{margin:10px;padding:12px;border-radius:11px} .forma-profile-collection-head{align-items:flex-start;margin-bottom:12px;padding-bottom:10px} .forma-profile-collection-head h2{font-size:14px!important} .forma-profile-collection-head .forma-profile-section-add{width:29px;height:29px;min-height:29px;padding:0;overflow:hidden;font-size:0;border-radius:7px} .forma-profile-collection-head .forma-profile-section-add:before{content:"＋";font-size:16px} .forma-profile-collection-grid.is-projects,.forma-profile-collection-grid.is-events,.forma-profile-professional-grid.is-collection,.forma-profile-achievement-list.is-collection{grid-template-columns:1fr} .forma-profile-project-owner-actions{padding:7px 9px} .forma-profile-project-owner-actions>a,.forma-profile-project-owner-actions button{min-height:27px;font-size:8px} .forma-profile-collection-text{font-size:10px;line-height:2} } /* ECM 1.78.75 — canonical profile call history + content-aware About preview. */ .forma-profile-dashboard-about-copy{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:8; white-space:pre-line; } .forma-profile-dashboard-event-kind{ display:inline-flex!important; align-self:flex-start; width:max-content; max-width:100%; padding:2px 6px; border:1px solid var(--fpd-border); border-radius:999px; color:var(--fpd-muted)!important; font-size:7px!important; line-height:1.35; font-weight:800; white-space:nowrap; } .forma-profile-dashboard-event-kind.is-managed{border-color:color-mix(in srgb,var(--fpd-accent) 34%,var(--fpd-border));color:var(--fpd-accent)!important} .forma-profile-call-history{display:grid;gap:18px} .forma-profile-call-history-group{display:grid;gap:10px} .forma-profile-call-history-group>header{padding-bottom:8px;border-bottom:1px solid var(--fpd-border)} .forma-profile-call-history-group>header h3{margin:0;color:var(--fpd-text)!important;font-size:13px!important;line-height:1.55!important;font-weight:900!important} .forma-profile-call-history-group>header p{margin:3px 0 0;color:var(--fpd-muted);font-size:9px;line-height:1.75} .forma-profile-section-add.is-access-request{white-space:nowrap} .forma-profile-section-add.is-access-request.is-pending{pointer-events:auto;opacity:.72} @media(max-width:620px){ .forma-profile-dashboard-about-copy{-webkit-line-clamp:7} .forma-profile-call-history{gap:14px} .forma-profile-call-history-group>header h3{font-size:11px!important} .forma-profile-call-history-group>header p{font-size:8px} } /* ECM 1.78.77 — canonical calls hub, inline About reading, collaborator project cards. */ .forma-profile-dashboard-about-body{display:grid;gap:7px} .forma-profile-dashboard-about-copy{-webkit-line-clamp:11} .forma-profile-dashboard-about-body.is-expanded .forma-profile-dashboard-about-copy{display:block;overflow:visible;-webkit-line-clamp:unset} .forma-profile-about-toggle{justify-self:start;padding:0;border:0;background:transparent;color:var(--fpd-accent);font:inherit;font-size:9px;font-weight:850;line-height:1.7;cursor:pointer} .forma-profile-about-toggle:hover{color:var(--fpd-text)} .forma-profile-dashboard-work-role{display:block;margin-top:2px;color:var(--fpd-accent)!important;font-size:8px!important;font-weight:800;line-height:1.55} .forma-profile-dashboard-work.is-collaboration{border-color:color-mix(in srgb,var(--fpd-accent) 24%,var(--fpd-border))} .forma-profile-calls-hub{display:grid;gap:20px} .forma-profile-calls-hub>.ecm-curator-access-card{margin:0;padding:16px 18px;border:1px solid color-mix(in srgb,var(--fpd-accent) 34%,var(--fpd-border));border-radius:12px;background:color-mix(in srgb,var(--fpd-accent) 7%,var(--fpd-panel));color:var(--fpd-text)} .forma-profile-calls-hub>.ecm-curator-access-card .ecm-manager-kicker{color:var(--fpd-accent)} .forma-profile-calls-hub>.ecm-curator-access-card h3{color:var(--fpd-text)!important} .forma-profile-calls-hub>.ecm-curator-access-card p{color:var(--fpd-text-2)} .forma-profile-calls-hub>.ecm-curator-access-card .ecm-manager-request-status{border-color:color-mix(in srgb,var(--fpd-accent) 34%,var(--fpd-border));background:var(--fpd-panel-2);color:var(--fpd-accent)} .forma-profile-calls-hub>.ecm-curator-access-card .ecm-btn{border-color:var(--fpd-accent);background:var(--fpd-accent);color:#fff} .forma-profile-calls-hub>.ecm-my-calls{width:100%;margin:0;color:var(--fpd-text)} .forma-profile-calls-hub .ecm-my-calls-group-head{margin-top:0} .forma-profile-calls-hub .ecm-my-calls-group-head h3,.forma-profile-calls-hub .ecm-my-card h3{color:var(--fpd-text)!important} .forma-profile-calls-hub .ecm-my-calls-group-head p,.forma-profile-calls-hub .ecm-my-submitted{color:var(--fpd-muted)!important} .forma-profile-calls-public-history{display:grid;gap:12px;padding-top:18px;border-top:1px solid var(--fpd-border)} .forma-profile-calls-public-history>header h3{margin:0;color:var(--fpd-text)!important;font-size:14px!important;font-weight:900!important} .forma-profile-calls-public-history>header p{margin:4px 0 0;color:var(--fpd-muted);font-size:9px;line-height:1.8} @media (max-width:899px){ .forma-profile-dashboard-about-copy{-webkit-line-clamp:10} .forma-profile-calls-hub{gap:16px} } @media (max-width:639px){ .forma-profile-dashboard-about-copy{-webkit-line-clamp:8} .forma-profile-about-toggle{font-size:8px} .forma-profile-dashboard-work-role{font-size:7px!important} .forma-profile-calls-hub>.ecm-curator-access-card{padding:13px} .forma-profile-calls-public-history>header h3{font-size:12px!important} .forma-profile-calls-public-history>header p{font-size:8px} } /* Pass III — migrated from the retired forma-theme.css mega-layer to the owning feature. */ @media (max-width:1024px){body.ecm-um-profile-page .um-profile.um,body.ecm-um-profile-page .um-profile{max-width:calc(100% - 28px)}} @media (max-width:639px){body.ecm-um-profile-page .um-profile.um,body.ecm-um-profile-page .um-profile{width:calc(100% - 20px);max-width:none;margin-right:auto;margin-left:auto}body.ecm-um-profile-page .um-profile .um-profile-body{padding:14px}body.ecm-um-profile-page .um-profile-nav{overflow-x:auto;white-space:nowrap;scrollbar-width:none}body.ecm-um-profile-page .um-profile-nav::-webkit-scrollbar{display:none}.ecm-content-section-heading{align-items:flex-start;flex-wrap:wrap}.ecm-section-owner-action{width:100%;min-height:40px}} /* 1.81.59 — Public Profile color-only refinement. * Scope lock: colors/surfaces/borders/shadows only. No geometry, typography, spacing, content, icons, routes or behavior changed. */ .forma-artist-profile.forma-artist-profile-dashboard{ --fpd-accent:#35d7e5; --fpd-page:#071014; --fpd-panel:#0c181e; --fpd-panel-2:#091419; --fpd-text:#f2f6f7; --fpd-text-2:#93a8b0; --fpd-muted:#657b84; --fpd-border:#203741; --fpd-soft:#10242b; --fpd-shadow:0 10px 28px rgba(0,0,0,.18); } .forma-profile-dashboard-cover{ background:linear-gradient(135deg,rgba(42,74,84,.18),rgba(7,16,20,.08) 60%),#11191d; border-color:#203741; box-shadow:0 4px 20px rgba(0,0,0,.14); } .forma-profile-dashboard-cover.has-image{ background-image:linear-gradient(0deg,rgba(3,10,13,.24),rgba(3,10,13,.08)),var(--forma-profile-dashboard-cover); } .forma-profile-dashboard-cover-edit{ background:rgba(12,28,34,.88); border-color:rgba(83,209,222,.34); color:#eef8fa!important; } .forma-profile-dashboard-avatar{ border-color:#0c181e; background:#111e24; box-shadow:0 8px 22px rgba(0,0,0,.26); } .forma-profile-dashboard-avatar-edit{ border-color:#0c181e; background:#102f37; color:#69e2ec!important; } .forma-profile-dashboard-name h1, .forma-profile-dashboard-stats strong, .forma-profile-dashboard-section-head h2, .forma-profile-dashboard-work-copy strong, .forma-profile-dashboard-event-copy strong, .forma-profile-professional-item>strong{ color:#f2f6f7!important; } .forma-profile-dashboard-heading>p, .forma-profile-dashboard-event-copy small{ color:#93a8b0; } .forma-profile-dashboard-heading>small, .forma-profile-dashboard-stats span, .forma-profile-dashboard-work-copy small, .forma-profile-dashboard-event-copy em, .forma-profile-professional-item>span, .forma-profile-professional-item>small{ color:#657b84; } .forma-profile-dashboard-stats>div, .forma-profile-dashboard-tabs, .forma-profile-dashboard-card, .forma-profile-dashboard-work, .forma-profile-dashboard-event, .forma-profile-professional-item{ border-color:#203741; } .forma-profile-dashboard-tabs a{color:#8699a0!important} .forma-profile-dashboard-tabs a:hover, .forma-profile-dashboard-tabs a.is-active{color:#f1f6f7!important} .forma-profile-dashboard-tabs a.is-active:after{background:#35d7e5} .forma-profile-dashboard-card{ background:#0c181e; box-shadow:0 3px 12px rgba(0,0,0,.12); } .forma-profile-dashboard-section-head a, .forma-profile-record-toggle, .forma-profile-private-certificate-link a{color:#35d7e5!important} .forma-profile-dashboard-section-head .forma-profile-section-add{ border-color:#26717e; background:#10323a; color:#58dde8!important; } .forma-profile-dashboard-section-head .forma-profile-section-add:hover{ border-color:#36bfce; background:#12414b; color:#8aeef4!important; } .forma-profile-dashboard-socials a{ border-color:#203741; background:#0f2027; color:#dce7ea!important; } .forma-profile-dashboard-socials a:hover{ border-color:#35d7e5; color:#62e0e9!important; } .forma-profile-dashboard-work, .forma-profile-dashboard-event{background:#091419} .forma-profile-dashboard-work:hover, .forma-profile-dashboard-event:hover{border-color:#2b7380} .forma-profile-dashboard-work-media, .forma-profile-dashboard-event-media{ background:#0e1c22; } .forma-profile-dashboard-work-media i, .forma-profile-dashboard-event-media i{color:#607983} .forma-profile-dashboard-add-tile{ border-color:rgba(69,108,119,.52); background:rgba(9,19,24,.72); color:#758c95!important; } .forma-profile-dashboard-add-tile:hover{ border-color:#2f7d89; background:rgba(16,45,53,.72); color:#58dbe6!important; } .forma-profile-professional-item{ background:rgba(9,19,24,.72); } .forma-profile-professional-item>small{border-color:#29434d} .forma-profile-dashboard-empty, .forma-profile-dashboard-certificate-state, .forma-profile-dashboard-public-placeholder{ border-color:rgba(69,108,119,.38)!important; background:#091318!important; } .forma-profile-dashboard-empty-icon{color:#607983!important} .forma-profile-dashboard-empty strong, .forma-profile-dashboard-certificate-state strong, .forma-profile-dashboard-public-placeholder strong{color:#dce5e8!important} .forma-profile-dashboard-empty p, .forma-profile-dashboard-certificate-state p, .forma-profile-dashboard-public-placeholder p{color:#758c95!important} .forma-profile-inline-add, .forma-profile-dashboard-empty a, .forma-profile-dashboard-certificate-state a{color:#37c9d7!important} .forma-profile-dashboard-contact-list>a, .forma-profile-dashboard-contact-list>div{ border-color:#203741!important; background:#091419!important; color:#93a8b0!important; } .forma-profile-dashboard-contact-list a:hover{ border-color:#2d7581!important; color:#63dfe9!important; } .forma-profile-record-count{ border-color:#29434d; background:#10242b; color:#718991; } .forma-profile-dashboard-event-status{ border-color:#29434d; color:#758c95; } .forma-profile-dashboard-related{ border-color:#203741!important; background:#0c181e!important; box-shadow:0 3px 12px rgba(0,0,0,.12)!important; } .forma-profile-dashboard-related-row a{ border-color:#203741!important; background:#091419!important; } .forma-profile-dashboard-related-row a:hover{ border-color:#2b7380!important; background:#0e2027!important; } .forma-profile-dashboard-related-row strong{color:#e8f0f2!important} .forma-profile-dashboard-related-row small{color:#718991!important} @media(max-width:620px){ .forma-profile-dashboard-tabs{background:#0c181e} .forma-profile-dashboard-card{box-shadow:none} } /* Owner action row retained after retirement of embedded profile Workspace. */ .forma-profile-workspace-actions{display:flex;justify-content:flex-start;margin-bottom:18px} /* ECM 1.82.62 — public profile geometry + achievement/stream owner controls. */ @media (min-width:621px){ #forma-profile-projects .forma-profile-dashboard-project-row .forma-profile-dashboard-work, #forma-profile-events .forma-profile-dashboard-event-row .forma-profile-dashboard-event{height:136px;min-height:136px} #forma-profile-projects .forma-profile-dashboard-work{display:grid;grid-template-rows:82px minmax(0,1fr)} #forma-profile-projects .forma-profile-dashboard-work-media{width:100%;height:82px;aspect-ratio:auto} #forma-profile-projects .forma-profile-dashboard-work-copy{min-height:0;justify-content:center;padding:7px 9px} } .forma-profile-achievement-card{position:relative} .forma-profile-achievement-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px} .forma-profile-achievement-links a{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border:1px solid var(--fpd-border);border-radius:6px;color:var(--fpd-accent)!important;font-size:8px;font-weight:800;text-decoration:none} .forma-profile-achievement-links a:hover{border-color:color-mix(in srgb,var(--fpd-accent) 48%,var(--fpd-border));background:color-mix(in srgb,var(--fpd-accent) 8%,transparent)} .forma-profile-achievement-links a.is-edit{color:var(--fpd-text-2)!important} .forma-profile-stream-owner-card.has-owner-actions{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--fpd-border);border-radius:10px;background:var(--fpd-panel-2)} .forma-profile-stream-owner-card.has-owner-actions>.forma-profile-dashboard-event{border:0;border-radius:0;background:transparent} .forma-profile-stream-owner-card.has-owner-actions>.forma-profile-dashboard-event:hover{transform:none;border-color:transparent} .forma-profile-stream-owner-actions{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--fpd-border)} .forma-profile-stream-owner-actions>a{display:inline-flex;min-height:28px;align-items:center;justify-content:center;padding:0 9px;border:1px solid var(--fpd-border);border-radius:7px;color:var(--fpd-text-2)!important;font-size:9px;font-weight:800;text-decoration:none} .forma-profile-stream-owner-actions>a:hover{border-color:var(--fpd-accent);color:var(--fpd-accent)!important} .forma-profile-collection-grid.is-events .forma-profile-dashboard-event, .forma-profile-collection-grid.is-events .forma-profile-stream-owner-card{min-height:146px} .forma-profile-collection-grid.is-events .forma-profile-stream-owner-card>.forma-profile-dashboard-event{flex:1;min-height:0} @media(max-width:620px){ .forma-profile-achievement-links{gap:6px} .forma-profile-stream-owner-actions{padding:7px 9px} } /* ECM 1.82.94 — Hero owner controls are operational actions, not public collection tabs. */ .forma-profile-owner-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-4px 20px 14px} .forma-profile-owner-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 11px;border:1px solid var(--fpd-border);border-radius:7px;background:var(--fpd-panel-2);color:var(--fpd-text-2)!important;font-size:9px;font-weight:800;text-decoration:none} .forma-profile-owner-actions a:hover{border-color:var(--fpd-accent);color:var(--fpd-accent)!important} @media(max-width:620px){ .forma-profile-owner-actions{justify-content:center;flex-wrap:wrap;margin:0 10px 10px} .forma-profile-owner-actions a{min-height:30px} } /* ECM 1.82.95 — canonical Public Profile section action component. */ .forma-profile-dashboard-section-head .forma-profile-section-add, .forma-profile-collection-head .forma-profile-section-add{ -webkit-appearance:none;appearance:none;box-sizing:border-box;margin:0; display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 11px; border:1px solid #26717e;border-radius:7px;background:#10323a;color:#58dde8!important; font:inherit;font-size:9px;font-weight:800;line-height:1;text-align:center;text-decoration:none!important; white-space:nowrap;cursor:pointer; } .forma-profile-dashboard-section-head .forma-profile-section-add:hover, .forma-profile-collection-head .forma-profile-section-add:hover{border-color:#36bfce;background:#12414b;color:#8aeef4!important} .forma-profile-dashboard-section-head .forma-profile-section-add.is-locked{opacity:.72;cursor:pointer} @media(max-width:620px){ .forma-profile-dashboard-section-head .forma-profile-section-add, .forma-profile-collection-head .forma-profile-section-add{ width:29px;height:29px;min-width:29px;min-height:29px;padding:0;overflow:hidden;font-size:0;white-space:nowrap; } .forma-profile-dashboard-section-head .forma-profile-section-add:before, .forma-profile-collection-head .forma-profile-section-add:before{content:"＋";font-size:16px;line-height:1} } .forma-profile-team-subsection{margin-top:14px}.forma-profile-team-subsection>h3{margin:0 0 10px;color:var(--fpd-text-2);font-size:10px} .forma-profile-organization-team-copy em{display:block;margin-top:3px;color:var(--fpd-muted);font-size:8px;font-style:normal} .forma-profile-organization-team-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .forma-profile-organization-team-history>a{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:10px 12px;border:1px solid var(--fpd-border);border-radius:7px;background:var(--fpd-panel-2);color:inherit!important;text-decoration:none} .forma-profile-organization-team-history strong{font-size:10px}.forma-profile-organization-team-history span,.forma-profile-organization-team-history small{color:var(--fpd-muted);font-size:8px}.forma-profile-organization-team-history small{grid-column:1/-1} @media(max-width:620px){.forma-profile-organization-team-history{grid-template-columns:1fr}} /* 1.84.56 — Organization public team: compact centered collaborator cards. */ .forma-profile-organization-team .forma-profile-organization-team-grid{ grid-template-columns:repeat(auto-fit,minmax(140px,180px)); justify-content:center; align-items:start; gap:18px 16px; } .forma-profile-organization-team .forma-profile-organization-team-member{ display:grid; justify-items:center; align-content:start; gap:9px; width:100%; max-width:180px; padding:12px 10px; margin-inline:auto; border:0; border-radius:10px; background:transparent; color:inherit; text-align:center; text-decoration:none; } .forma-profile-organization-team .forma-profile-organization-team-avatar{ display:block; width:112px; height:112px; flex:0 0 112px; overflow:hidden; border-radius:50%; background:var(--fpd-panel-2); } .forma-profile-organization-team .forma-profile-organization-team-avatar img{ display:block; width:100%; height:100%; margin:0; border-radius:50%; object-fit:cover; } .forma-profile-organization-team .forma-profile-organization-team-copy{ display:grid; justify-items:center; gap:3px; width:100%; min-width:0; text-align:center; } .forma-profile-organization-team .forma-profile-organization-team-copy strong{ max-width:100%; overflow:hidden; color:var(--fpd-text); font-size:10px; text-overflow:ellipsis; white-space:nowrap; } .forma-profile-organization-team .forma-profile-organization-team-copy small{ max-width:100%; overflow:hidden; color:var(--fpd-text-2); font-size:8.5px; text-overflow:ellipsis; white-space:nowrap; } .forma-profile-organization-team .forma-profile-organization-team-copy em{ margin-top:2px; color:var(--fpd-muted); font-size:8px; line-height:1.6; } @media(max-width:640px){ .forma-profile-organization-team .forma-profile-organization-team-grid{grid-template-columns:repeat(2,minmax(120px,160px));gap:16px 12px} .forma-profile-organization-team .forma-profile-organization-team-avatar{width:92px;height:92px;flex-basis:92px} } @media(max-width:380px){ .forma-profile-organization-team .forma-profile-organization-team-grid{grid-template-columns:minmax(0,160px)} } /* One poster frame for every project kind, participation and Art Stream record. */ .forma-artist-profile-dashboard :is(.forma-profile-dashboard-work,.forma-profile-dashboard-event){display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden} .forma-artist-profile-dashboard :is(.forma-profile-dashboard-work-media,.forma-profile-dashboard-event-media){display:flex;align-items:center;justify-content:center;width:100%;height:160px;min-height:160px;max-height:160px;flex:0 0 160px;aspect-ratio:auto;overflow:hidden;background:var(--forma-panel-2)} .forma-artist-profile-dashboard :is(.forma-profile-dashboard-work-media,.forma-profile-dashboard-event-media) img{display:block;width:100%;height:100%;object-fit:cover} .forma-artist-profile-dashboard :is(.forma-profile-dashboard-work-copy,.forma-profile-dashboard-event-copy){flex:1;width:100%;min-width:0;padding:var(--forma-space-5);overflow-wrap:anywhere} .forma-artist-profile-dashboard :is(.forma-profile-dashboard-work-copy,.forma-profile-dashboard-event-copy)>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:var(--forma-line-body);min-height:calc(2em * 1.6)} .forma-profile-writings{grid-column:1/-1;min-width:0} .forma-profile-writings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--forma-space-5)} .forma-profile-writing{display:flex;align-items:center;gap:var(--forma-space-5);min-width:0;padding:var(--forma-space-4);border:1px solid var(--forma-border);border-radius:var(--forma-radius-md);color:var(--forma-text);background:var(--forma-panel);text-decoration:none} .forma-profile-writing-media{display:grid;place-items:center;flex:0 0 100px;height:100px;overflow:hidden;border-radius:var(--forma-radius-sm);background:var(--forma-panel-2)} .forma-profile-writing-media img{width:100%;height:100%;object-fit:cover} .forma-profile-writing>span:last-child{min-width:0} .forma-profile-writing :is(strong,small,time){display:block;overflow-wrap:anywhere;line-height:var(--forma-line-body)} .forma-profile-writing :is(small,time){font-size:var(--forma-font-sm);color:var(--forma-text-2)} @media(max-width:600px){ .forma-artist-profile-dashboard #forma-profile-projects .forma-profile-dashboard-work,.forma-artist-profile-dashboard #forma-profile-events .forma-profile-dashboard-event{height:100%;min-height:0} .forma-artist-profile-dashboard :is(.forma-profile-dashboard-work-media,.forma-profile-dashboard-event-media),.forma-artist-profile-dashboard #forma-profile-projects .forma-profile-dashboard-work-media{width:100%;height:132px;min-height:132px;max-height:132px;flex:0 0 132px} .forma-profile-writings-grid{grid-template-columns:minmax(0,1fr)} .forma-profile-writing-media{flex-basis:80px;height:80px} } /* 1.84.69 — Public profile typography parity. Presentation only. * Organization relationships use the same type scale as user-entered professional records. * Maktubat cards use the same title/meta scale as project and participation record cards. */ .forma-profile-professional-item--affiliations .ecm-organization-affiliation-group__title{display:none} .forma-profile-professional-item--affiliations .ecm-organization-affiliation__copy a, .forma-profile-professional-item--affiliations .ecm-organization-affiliation__copy strong{ color:var(--fpd-text);font-size:12px;line-height:1.75;font-weight:800 } .forma-profile-professional-item--affiliations .ecm-organization-affiliation__copy small, .forma-profile-professional-item--affiliations .ecm-organization-affiliation__status{ color:var(--fpd-muted);font-size:9px;line-height:1.7 } .forma-profile-professional-item--affiliations .ecm-organization-affiliation__status small{font-size:8px} .forma-profile-writing strong{font-size:11px;line-height:1.6;font-weight:800;color:var(--fpd-text)} .forma-profile-writing :is(small,time){font-size:9px;line-height:1.6;color:var(--fpd-muted)} /* 1.84.70 — Public profile tablet record containment. Presentation only. * Avoid the former 2-column section grid nesting additional multi-column record grids * on tablet widths. Keep desktop and mobile behaviors unchanged. */ @media (min-width:621px) and (max-width:1100px){ .forma-profile-dashboard-grid{ grid-template-columns:minmax(0,1fr); } .forma-profile-dashboard-card, .forma-profile-dashboard-card > *, .forma-profile-record-groups, .forma-profile-record-group, .forma-profile-record-cards{ min-width:0; max-width:100%; } } /* 1.84.71 — Public profile tablet record grid correction. Presentation only. * 1.84.70 corrected the parent dashboard column but several nested record grids * still kept desktop 3/6-column rules through common tablet widths. This pass * aligns the record-level breakpoints and prevents flex-copy compression. */ @media (min-width:621px) and (max-width:1100px){ .forma-artist-profile-dashboard :is( .forma-profile-dashboard-project-row, .forma-profile-dashboard-event-row, .forma-profile-dashboard-publication-row, .forma-profile-writings-grid, .forma-profile-collection-grid.is-projects, .forma-profile-collection-grid.is-events, .forma-profile-record-cards ){ width:100%; min-width:0; max-width:100%; } /* Tablet record density: never inherit the desktop 3-column project grid. */ .forma-artist-profile-dashboard :is( .forma-profile-dashboard-project-row, .forma-profile-dashboard-event-row, .forma-profile-dashboard-publication-row, .forma-profile-writings-grid, .forma-profile-collection-grid.is-projects, .forma-profile-collection-grid.is-events ){ grid-template-columns:repeat(2,minmax(0,1fr)); } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work, .forma-profile-dashboard-event, .forma-profile-dashboard-work-card, .forma-profile-writing, .forma-profile-record-card ){ width:100%; min-width:0; max-width:100%; } /* Formal Forma records are two-up on tablet; Art Stream credits are three-up, * rather than retaining the six-column desktop rail between 901 and 1100px. */ .forma-artist-profile-dashboard .forma-profile-record-group.is-forma_participation .forma-profile-record-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); } .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-cards{ grid-template-columns:repeat(3,minmax(0,1fr)); } /* The shared participation card is flex-based. Let copy own the remaining * width and allow long titles/meta to wrap without pushing the card outward. */ .forma-artist-profile-dashboard .forma-profile-record-card .forma-profile-record-media{ flex:0 0 38%; width:38%; min-width:0; } .forma-artist-profile-dashboard .forma-profile-record-card .forma-profile-record-copy{ flex:1 1 auto; width:auto; min-width:0; max-width:100%; overflow:hidden; overflow-wrap:anywhere; } .forma-artist-profile-dashboard .forma-profile-record-card .forma-profile-record-copy :is(strong,small,em){ max-width:100%; overflow-wrap:anywhere; } .forma-profile-dashboard-card{ overflow:hidden; } } /* Narrow portrait tablets need a little more breathing room for the formal * horizontal participation cards, while keeping the dedicated mobile rules intact. */ @media (min-width:621px) and (max-width:800px){ .forma-artist-profile-dashboard .forma-profile-record-group.is-forma_participation .forma-profile-record-cards{ grid-template-columns:minmax(0,1fr); } .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); } } /* 1.84.72 — Canonical horizontal public-profile record card. * Presentation only. Restore the proven profile card geometry: poster/media on the * inline-start side (right in the RTL public profile), copy on the left, compact * fixed visual weight, and one shared typographic rhythm across project, Forma * participation, Art Stream and Maktubat records. No record data or routing changes. */ .forma-artist-profile-dashboard :is( .forma-profile-dashboard-project-row, .forma-profile-dashboard-event-row, .forma-profile-dashboard-publication-row ){ grid-template-columns:minmax(0,1fr); gap:9px; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work, .forma-profile-dashboard-event, .forma-profile-writing, .forma-profile-record-card ){ box-sizing:border-box; display:flex; flex-direction:row; align-items:stretch; width:100%; min-width:0; min-height:122px; overflow:hidden; padding:0; border:1px solid var(--fpd-border,var(--forma-border,#203741)); border-radius:10px; background:var(--fpd-panel-2,var(--forma-panel,#091419)); color:var(--fpd-text,var(--forma-text,#e8f0f2)); text-decoration:none; } /* Defeat older project/record rules that switch these cards back to stacked media. */ .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-media, .forma-profile-dashboard-event-media, .forma-profile-writing-media, .forma-profile-record-media ){ display:flex; align-items:center; justify-content:center; align-self:stretch; flex:0 0 34%; width:34%; min-width:108px; max-width:180px; height:auto; min-height:122px; max-height:none; aspect-ratio:auto; overflow:hidden; border-radius:0; background:var(--fpd-soft,var(--forma-panel-2,#111d23)); } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-media, .forma-profile-dashboard-event-media, .forma-profile-writing-media, .forma-profile-record-media ) img{ display:block; width:100%; height:100%; min-height:122px; object-fit:cover; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-copy, .forma-profile-dashboard-event-copy, .forma-profile-writing > span:last-child, .forma-profile-record-copy ){ box-sizing:border-box; display:flex; flex:1 1 auto; flex-direction:column; justify-content:center; align-content:initial; gap:4px; width:auto; min-width:0; max-width:100%; padding:12px 14px; overflow:hidden; overflow-wrap:anywhere; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-copy, .forma-profile-dashboard-event-copy, .forma-profile-writing > span:last-child, .forma-profile-record-copy ) strong{ display:-webkit-box; margin:0; overflow:hidden; color:var(--fpd-text,var(--forma-text,#e8f0f2)); font-size:11px; font-weight:850; line-height:1.65; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; text-overflow:ellipsis; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-copy, .forma-profile-dashboard-event-copy, .forma-profile-writing > span:last-child, .forma-profile-record-copy ) :is(small,time,em){ display:block; margin:0; color:var(--fpd-muted,var(--forma-text-2,#718991)); font-size:9px; font-style:normal; line-height:1.65; white-space:normal; overflow-wrap:anywhere; } .forma-artist-profile-dashboard :is(.forma-profile-dashboard-event-kind,.forma-profile-record-copy>small:first-child){ align-self:flex-start; color:var(--fpd-accent,var(--forma-accent,#49cad6)); font-size:8.5px; font-weight:800; } /* Maktubat used to carry its own padded thumbnail treatment. It now consumes * the same edge-to-edge poster/copy geometry as the rest of the profile. */ .forma-artist-profile-dashboard .forma-profile-writing{gap:0} /* Participation collections previously used a separate vertical six-card rail. * Keep the data grouping, but use the same horizontal record component. */ .forma-artist-profile-dashboard .forma-profile-record-group.is-forma_participation .forma-profile-record-cards, .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-card{ display:flex; min-height:122px; } .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-media{ display:flex; flex:0 0 34%; width:34%; min-width:108px; max-width:180px; height:auto; min-height:122px; aspect-ratio:auto; } .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-copy{ min-height:0; padding:12px 14px; } .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-copy strong{ font-size:11px; line-height:1.65; } .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-copy :is(small,em){font-size:9px} /* Collection pages can stay denser on wide screens, while each item keeps the * exact same horizontal visual language. */ .forma-artist-profile-dashboard .forma-profile-collection-grid.is-projects, .forma-artist-profile-dashboard .forma-profile-collection-grid.is-events, .forma-artist-profile-dashboard .forma-profile-writings-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } @media (max-width:1100px){ .forma-artist-profile-dashboard .forma-profile-collection-grid.is-projects, .forma-artist-profile-dashboard .forma-profile-collection-grid.is-events, .forma-artist-profile-dashboard .forma-profile-writings-grid, .forma-artist-profile-dashboard .forma-profile-record-group.is-forma_participation .forma-profile-record-cards, .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-cards{ grid-template-columns:minmax(0,1fr); } } @media (max-width:620px){ .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work, .forma-profile-dashboard-event, .forma-profile-writing, .forma-profile-record-card ){ min-height:108px; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-media, .forma-profile-dashboard-event-media, .forma-profile-writing-media, .forma-profile-record-media ), .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-media{ flex:0 0 34%; width:34%; min-width:96px; max-width:138px; height:auto; min-height:108px; max-height:none; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-media, .forma-profile-dashboard-event-media, .forma-profile-writing-media, .forma-profile-record-media ) img{ min-height:108px; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-copy, .forma-profile-dashboard-event-copy, .forma-profile-writing > span:last-child, .forma-profile-record-copy ), .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-copy{ padding:10px 11px; } } /* 1.84.73 — Portrait poster profile cards. * Presentation only: desktop keeps two records per row with a canonical portrait * poster on the RTL/right edge; tablet and mobile switch each record to a calm * two-row composition (poster row + copy row). Data, links, roles and permissions * remain untouched. The 2:3 ratio matches the site's public project poster frame. */ /* Shared media normalization: every profile record image consumes one poster frame. */ .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-media, .forma-profile-dashboard-event-media, .forma-profile-writing-media, .forma-profile-record-media ){ box-sizing:border-box; overflow:hidden; background:var(--fpd-soft,var(--forma-panel-2,#111d23)); } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-media, .forma-profile-dashboard-event-media, .forma-profile-writing-media, .forma-profile-record-media ) img{ display:block; width:100%; height:100%; min-height:0!important; max-height:none; object-fit:cover; object-position:center; } /* Desktop: two compact records per row. The first DOM cell is the inline-start * cell, therefore it appears on the right in this RTL profile. */ @media (min-width:1101px){ .forma-artist-profile-dashboard :is( .forma-profile-dashboard-project-row, .forma-profile-dashboard-event-row, .forma-profile-dashboard-publication-row, .forma-profile-writings-grid, .forma-profile-collection-grid.is-projects, .forma-profile-collection-grid.is-events, .forma-profile-record-group.is-forma_participation .forma-profile-record-cards, .forma-profile-record-group.is-art_stream_credit .forma-profile-record-cards ){ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work, .forma-profile-dashboard-event, .forma-profile-writing, .forma-profile-record-card ){ display:grid!important; grid-template-columns:minmax(104px,32%) minmax(0,1fr); grid-template-rows:auto; align-items:start; min-height:0!important; height:auto!important; padding:0; overflow:hidden; } /* Historical project rules used a fixed 82px landscape row. Retire that * geometry only on the public profile card surface. */ .forma-artist-profile-dashboard #forma-profile-projects .forma-profile-dashboard-work{ grid-template-rows:auto!important; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-media, .forma-profile-dashboard-event-media, .forma-profile-writing-media, .forma-profile-record-media ), .forma-artist-profile-dashboard #forma-profile-projects .forma-profile-dashboard-work-media, .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-media{ display:flex!important; align-items:center; justify-content:center; align-self:start; width:100%!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:2 / 3!important; flex:none!important; margin:0; border-radius:0; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-copy, .forma-profile-dashboard-event-copy, .forma-profile-writing > span:last-child, .forma-profile-record-copy ), .forma-artist-profile-dashboard #forma-profile-projects .forma-profile-dashboard-work-copy, .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-copy{ box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-self:stretch; width:auto; min-width:0; min-height:0; padding:12px 13px; gap:4px; } /* Some formal participation records legitimately have no image. Do not leave * a phantom poster column in that case. */ .forma-artist-profile-dashboard .forma-profile-record-card:not(:has(.forma-profile-record-media)) .forma-profile-record-copy{ grid-column:1 / -1; min-height:132px; } .forma-artist-profile-dashboard .forma-profile-collection-grid.is-events .forma-profile-dashboard-event, .forma-artist-profile-dashboard .forma-profile-collection-grid.is-events .forma-profile-stream-owner-card, .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-card{ min-height:0!important; } } /* Tablet + mobile: one record per list row, and two visual rows inside each card. * The poster stays genuinely portrait but is bounded so it never dominates a * narrow screen; copy receives the full second row. */ @media (max-width:1100px){ .forma-artist-profile-dashboard :is( .forma-profile-dashboard-project-row, .forma-profile-dashboard-event-row, .forma-profile-dashboard-publication-row, .forma-profile-writings-grid, .forma-profile-collection-grid.is-projects, .forma-profile-collection-grid.is-events, .forma-profile-record-group.is-forma_participation .forma-profile-record-cards, .forma-profile-record-group.is-art_stream_credit .forma-profile-record-cards ){ grid-template-columns:minmax(0,1fr)!important; gap:10px; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work, .forma-profile-dashboard-event, .forma-profile-writing, .forma-profile-record-card ){ display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto auto!important; justify-items:stretch; align-items:start; min-height:0!important; height:auto!important; padding:0; overflow:hidden; } .forma-artist-profile-dashboard #forma-profile-projects .forma-profile-dashboard-work{ grid-template-rows:auto auto!important; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-media, .forma-profile-dashboard-event-media, .forma-profile-writing-media, .forma-profile-record-media ), .forma-artist-profile-dashboard #forma-profile-projects .forma-profile-dashboard-work-media, .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-media{ display:flex!important; align-items:center; justify-content:center; justify-self:center; align-self:start; width:clamp(132px,22vw,190px)!important; min-width:0!important; max-width:190px!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:2 / 3!important; flex:none!important; margin:14px auto 0; border:1px solid color-mix(in srgb,var(--fpd-border) 88%,transparent); border-radius:9px; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-copy, .forma-profile-dashboard-event-copy, .forma-profile-writing > span:last-child, .forma-profile-record-copy ), .forma-artist-profile-dashboard #forma-profile-projects .forma-profile-dashboard-work-copy, .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-copy{ box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; width:100%!important; min-width:0; min-height:0; padding:12px 14px 14px!important; gap:4px; text-align:start; } .forma-artist-profile-dashboard .forma-profile-record-card:not(:has(.forma-profile-record-media)) .forma-profile-record-copy{ min-height:112px; } .forma-artist-profile-dashboard .forma-profile-collection-grid.is-events .forma-profile-dashboard-event, .forma-artist-profile-dashboard .forma-profile-collection-grid.is-events .forma-profile-stream-owner-card, .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-card{ min-height:0!important; } } @media (max-width:620px){ .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-media, .forma-profile-dashboard-event-media, .forma-profile-writing-media, .forma-profile-record-media ), .forma-artist-profile-dashboard #forma-profile-projects .forma-profile-dashboard-work-media, .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-media{ width:clamp(124px,38vw,158px)!important; max-width:158px!important; margin-top:12px; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-copy, .forma-profile-dashboard-event-copy, .forma-profile-writing > span:last-child, .forma-profile-record-copy ){ padding:10px 12px 13px!important; } } /* 1.84.74 — Profile overview density + informative metadata. * Presentation-only refinements: Maktubat uses the full-width rail to show four * previews in one desktop row; project cards gain a short readable introduction; * and call/activity cards surface the saved event country without altering data. */ .forma-artist-profile-dashboard .forma-profile-dashboard-work-summary{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:3px 0 0; color:var(--fpd-muted,var(--forma-text-2)); font-size:10px; line-height:1.75; font-weight:500; } .forma-artist-profile-dashboard .forma-profile-dashboard-event-country{ color:var(--fpd-muted,var(--forma-text-2)); font-size:9px; line-height:1.6; } @media (min-width:1101px){ .forma-artist-profile-dashboard #forma-profile-writings .forma-profile-writings-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } .forma-artist-profile-dashboard #forma-profile-writings .forma-profile-writing{ grid-template-columns:minmax(76px,34%) minmax(0,1fr); } .forma-artist-profile-dashboard #forma-profile-writings .forma-profile-writing > span:last-child{ padding:10px; } } @media (max-width:1100px){ .forma-artist-profile-dashboard .forma-profile-dashboard-work-summary{ max-width:56ch; font-size:10px; } } /* 1.84.84 — Mobile profile record alignment. * Presentation only. Keep the approved 2:3 portrait poster geometry, but on * phones keep poster and record copy on the same row (RTL: poster right, copy * left) instead of stacking copy below the poster. Tablet/desktop rules remain * unchanged. */ @media (max-width:620px){ .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work, .forma-profile-dashboard-event, .forma-profile-writing, .forma-profile-record-card ){ grid-template-columns:clamp(124px,38vw,158px) minmax(0,1fr)!important; grid-template-rows:auto!important; column-gap:8px; justify-items:stretch; align-items:stretch; } .forma-artist-profile-dashboard #forma-profile-projects .forma-profile-dashboard-work{ grid-template-rows:auto!important; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-media, .forma-profile-dashboard-event-media, .forma-profile-writing-media, .forma-profile-record-media ), .forma-artist-profile-dashboard #forma-profile-projects .forma-profile-dashboard-work-media, .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-media{ grid-column:auto; grid-row:1; justify-self:stretch; align-self:center; width:100%!important; max-width:158px!important; margin:10px 0!important; aspect-ratio:2 / 3!important; } .forma-artist-profile-dashboard :is( .forma-profile-dashboard-work-copy, .forma-profile-dashboard-event-copy, .forma-profile-writing > span:last-child, .forma-profile-record-copy ), .forma-artist-profile-dashboard #forma-profile-projects .forma-profile-dashboard-work-copy, .forma-artist-profile-dashboard .forma-profile-record-group.is-art_stream_credit .forma-profile-record-copy{ grid-column:auto; grid-row:1; align-self:stretch; justify-content:center; width:auto!important; min-width:0; padding:11px 12px!important; text-align:start; } /* Formal records without a poster should continue to use the whole card. */ .forma-artist-profile-dashboard .forma-profile-record-card:not(:has(.forma-profile-record-media)) .forma-profile-record-copy{ grid-column:1 / -1; min-height:112px; } }