/* Oct 8 creator profile restored on the WP10-01 classic root (R3, R4, WP10-07).
   Loaded last. Every rule stays scoped to the profile screen, so navigation, other
   screens, the org header and stored values are unchanged. */
#app .fc-classic[data-screen="profile"] { width:100%; min-width:0; font-size:15px; line-height:1.5; }

/* 3:1 cover, no overlay, xl ring avatar and an opaque name chip. */
#app .fc-classic[data-screen="profile"] .profile-public-header-creator { width:100%; max-width:none; min-height:0; height:auto; aspect-ratio:3/1; align-items:flex-end; }
#app .fc-classic[data-screen="profile"] .profile-public-header-creator::before,#app .fc-classic[data-screen="profile"] .profile-public-header-creator::after { display:none; background:none; }
#app .fc-classic[data-screen="profile"] .profile-cover-image,#app .fc-classic[data-screen="profile"] .profile-cover-image img { opacity:1; filter:none; }
#app .fc-classic[data-screen="profile"] .profile-cover-identity { display:flex; align-items:flex-end; flex-direction:row; gap:16px; width:100%; min-width:0; padding:20px; padding-right:76px; }
#app .fc-classic[data-screen="profile"] .profile-cover-identity .avatar.xl { width:124px; height:124px; min-width:124px; flex:0 0 124px; font-size:34px; }
#app .fc-classic[data-screen="profile"] .profile-cover-identity .avatar img { width:100%; height:100%; object-fit:cover; }
#app .fc-classic[data-screen="profile"] .profile-cover-name { flex:0 1 auto; width:fit-content; min-width:0; max-width:min(100%,560px); padding:12px 16px; border:0; border-radius:var(--r-lg); background:#111114; box-shadow:none; color:#fff; text-shadow:none; }
#app .fc-classic[data-screen="profile"] .profile-cover-heading { display:grid; gap:0; min-width:0; }
#app .fc-classic[data-screen="profile"] .profile-cover-heading>.row { flex-wrap:nowrap; align-items:center; gap:8px; min-width:0; }
#app .fc-classic[data-screen="profile"] .profile-cover-name .h1 { margin:0; color:#fff; font-family:var(--font-sans); font-size:clamp(22px,3vw,32px); line-height:1.15; font-weight:800; overflow-wrap:anywhere; }
#app .fc-classic[data-screen="profile"] .profile-cover-name .badge-fc,#app .fc-classic[data-screen="profile"] .profile-cover-name .badge-fc img { width:24px; height:24px; min-width:24px; flex:0 0 24px; }
#app .fc-classic[data-screen="profile"] .profile-cover-username { display:block; margin-top:4px; color:#fff; font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
#app .fc-classic[data-screen="profile"] .profile-cover-headline { display:block; margin-top:2px; color:#F4F2FA; font-size:15px; line-height:1.4; overflow-wrap:anywhere; }
#app .fc-classic[data-screen="profile"] .profile-cover-menu { top:16px; right:16px; }
#app .fc-classic[data-screen="profile"] .profile-menu-options { top:calc(100% + 8px); bottom:auto; }

/* Oct 8 left column and Book time aside. */
#app .fc-classic[data-screen="profile"] .profile-flow { display:grid; width:100%; min-width:0; max-width:none; grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr); gap:26px; align-items:start; }
#app .fc-classic[data-screen="profile"] .profile-flow-owner { grid-template-columns:minmax(0,1fr); }
#app .fc-classic[data-screen="profile"] .profile-identity { min-width:0; gap:16px; }
#app .fc-classic[data-screen="profile"] .profile-booking { min-width:0; width:100%; gap:14px; }
#app .fc-classic[data-screen="profile"] .profile-work { grid-column:1 / -1; min-width:0; }
#app .fc-classic[data-screen="profile"] .profile-owner-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
#app .fc-classic[data-screen="profile"] .profile-follow-control { min-width:0; }
#app .fc-classic[data-screen="profile"] .profile-follow-control [data-action="follow"] { min-height:44px; }
#app .fc-classic[data-screen="profile"] .profile-tag-links { gap:8px; min-width:0; flex-wrap:wrap; }
#app .fc-classic[data-screen="profile"] .profile-tag-links .pill { font-size:10px; line-height:1.5; min-height:26px; }
#app .fc-classic[data-screen="profile"] .profile-facts { gap:8px 16px; margin:0; }
#app .fc-classic[data-screen="profile"] .profile-facts>div { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; }
#app .fc-classic[data-screen="profile"] .profile-facts dt { color:var(--dim); font:500 10.5px/1.5 var(--font-mono); letter-spacing:.12em; text-transform:uppercase; }
#app .fc-classic[data-screen="profile"] .profile-facts dd { margin:0; color:var(--fg); font-size:15px; line-height:1.5; font-weight:650; }
#app .fc-classic[data-screen="profile"] .profile-social-chips { gap:10px; }
#app .fc-classic[data-screen="profile"] :is(.profile-section-title,.h2) { font-size:20px; line-height:1.2; font-weight:700; }
#app .fc-classic[data-screen="profile"] :is(.profile-identity>.sub,.profile-work .strong,.profile-work .small) { font-size:15px; line-height:1.5; }
#app .fc-classic[data-screen="profile"] .profile-booking .rowitem { min-width:0; gap:12px; }
#app .fc-classic[data-screen="profile"] .profile-booking .rowitem .t { font-size:15px; line-height:1.3; }
#app .fc-classic[data-screen="profile"] .profile-booking .rowitem .m { font-size:13px; line-height:1.4; }
#app .fc-classic[data-screen="profile"] .profile-booking .pill { font-size:10px; min-height:26px; line-height:1.5; }
#app .fc-classic[data-screen="profile"] .profile-booking .btn { min-height:48px; height:auto; padding:0 20px; font-size:15px; }
#app .fc-classic[data-screen="profile"] .profile-booking .note { font-size:14px; line-height:1.5; }
#app .fc-classic[data-screen="profile"] .profile-work-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:14px; }
#app .fc-classic[data-screen="profile"] .profile-work-grid>.card { min-width:0; }
#app .fc-classic[data-screen="profile"] .profile-work-grid img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }

/* One Oct 8 Edit profile card; no inline fields, pencil, toolbar or section links. */
#app .fc-classic[data-screen="profile"] .inline-profile-editor { min-width:0; max-width:100%; padding:20px; border:1px solid var(--line); border-radius:var(--r-xl); background:var(--sur); }
#app .fc-classic[data-screen="profile"] .inline-profile-editor .form-grid { grid-template-columns:minmax(0,1fr); }
#app .fc-classic[data-screen="profile"] .inline-profile-editor :is(label,.btn,.small,.hint) { font-size:14px; line-height:1.5; }
#app .fc-classic[data-screen="profile"] .inline-profile-editor :is(input,select,textarea) { font-size:16px; }
#app .fc-classic[data-screen="profile"] .inline-profile-editor .media-editor-preview { max-width:100%; }

@media(max-width:899px) {
  #app .fc-classic[data-screen="profile"] .profile-flow,
  #app .fc-classic[data-screen="profile"] .profile-flow-owner { grid-template-columns:minmax(0,1fr); gap:24px; }
  #app .fc-classic[data-screen="profile"] .profile-work { grid-column:1; }
}
@media(max-width:760px) {
  #app .fc-classic[data-screen="profile"] .profile-cover-identity { gap:12px; padding:16px; padding-right:68px; }
  #app .fc-classic[data-screen="profile"] .profile-cover-identity .avatar.xl { width:80px; height:80px; min-width:80px; flex-basis:80px; font-size:24px; }
  #app .fc-classic[data-screen="profile"] .profile-cover-name { padding:10px 12px; }
  #app .fc-classic[data-screen="profile"] .profile-work-grid { grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); }
}
@media(forced-colors:active) {
  #app .fc-classic[data-screen="profile"] .profile-public-header-creator { background:Canvas; }
  #app .fc-classic[data-screen="profile"] .profile-cover-image { display:none; }
  #app .fc-classic[data-screen="profile"] .profile-cover-name { background:Canvas; border:1px solid CanvasText; text-shadow:none; }
  #app .fc-classic[data-screen="profile"] :is(.profile-cover-name .h1,.profile-cover-username,.profile-cover-headline) { color:CanvasText; }
}
