/* MusicianCV V2.7 — shared responsive layout and Turkish-complete controls.
   Approved portfolio and business-card artwork remains owned by its original CSS. */
@font-face{font-family:MCVControl;src:url('/fonts/oxanium-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--mcv27-gap:16px;--mcv27-border:#9ac77b44;--mcv27-glass:linear-gradient(145deg,#d9f6d516,#6b9c7e08 52%,#7fb29a12)}
html{scroll-padding-top:90px}body{overflow-wrap:break-word}
button,.button,.nav-btn,.small-pill,.text-button,.feature-back,summary{font-family:MCVControl,sans-serif!important;font-weight:600;letter-spacing:0!important}
button,.button{touch-action:manipulation}
:is(.button,.small-pill,.small-icon,.nav-btn,.chip,button.feature-back,.feature-controls~button,.feature-story-buttons button,.mcv24b-mobile-row,.mcv24b-desktop-compose,.mcv24b-desktop-account){border-color:var(--mcv27-border);background:var(--mcv27-glass);color:#e9f4df;box-shadow:inset 0 1px 0 #efffe326,inset 0 -1px 1px #0007,0 3px 9px #0002;text-shadow:0 -1px 1px #020904c0,0 1px 0 #c9e6c52b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
:is(.button,.nav-btn,.chip,.small-pill,.small-icon):hover{border-color:#c8ee8b8c;background-color:#adcf8d0d}
:is(.button,.nav-btn,.chip,.small-pill,.small-icon,.mcv24b-mobile-row):active{box-shadow:inset 0 3px 7px #0008,inset 0 -1px 0 #d7f1c82b;background-color:#020a0433}
:is(.button.lime,.nav-btn.active,.chip.active){color:#ebffba;background:linear-gradient(135deg,#a4ce5b32,#49754524);border-color:#b6da6f88}
:is(button,a,summary):focus-visible{outline:2px solid #d9f67b;outline-offset:3px}
.button{min-height:44px;padding:11px 15px;line-height:1.4;white-space:normal;text-align:center;display:inline-flex;gap:8px;align-items:center;justify-content:center;max-width:100%}
.button svg{flex-shrink:0}.button.tiny{font-size:12px;min-height:40px;padding:9px 12px}
.shell,.app-main,.content,#screen,.profile-sections,.profile-sections>*,.v21-grid,.v21-grid>*,.actions{min-width:0}
.content{padding:20px clamp(16px,2.4vw,32px) 24px!important}
#screen{min-height:0!important;max-width:1440px;margin-inline:auto}
#screen:empty{min-height:100px!important}
#screen>.section-top{margin:0 0 16px}.section-top{gap:12px;align-items:center}
.section-top h2{margin:3px 0 7px}.section-top p{margin:0}
#screen>.card,#screen>.notice,#screen>.banner,#screen>.empty,#screen>.profile-head,#screen>.progress-line,#screen>.v21-profile-extra{margin-block:16px}
#screen>.mcv-mini-guide,#screen>details{margin-block:12px}
.actions,.modal-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.actions>.button{margin:0}
.profile-sections{gap:16px;align-items:start}.profile-sections .section{margin-top:16px}
.profile-sections>.card{margin-top:0}.profile-sections .empty{padding:24px 16px;min-height:0}
.v21-grid{gap:16px!important;align-items:start}.v21-grid>.card{margin:0!important;min-height:0}
.v21-widget{padding:18px!important}.v21-widget h3{margin:0 0 12px}.v21-widget p:last-child{margin-bottom:0}
.mcv27-connect{display:grid;gap:16px}.mcv27-connect>.section-top,.mcv27-connect>.card,.mcv27-connect>.v21-grid,.mcv27-connect>details{margin:0!important}
.mcv27-connect>.card{min-height:0!important}.mcv27-connect>.v21-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch}
.mcv27-connect>.v21-grid>.card{height:100%;display:flex;flex-direction:column;gap:8px}.mcv27-connect>.v21-grid>.card>h3{margin-bottom:4px}
.mcv27-connect>.v21-grid>.card>.actions,.mcv27-connect>.v21-grid>.card>.button{margin-top:auto}
.mcv27-connect .v21-request{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-block:10px}
.mcv27-profile-tools,.mcv26-profile-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px!important;margin:12px 0!important;width:100%}
.mcv27-profile-tools>.button,.mcv26-profile-actions>.button{min-width:0;width:100%;min-height:44px;height:auto;font-size:12px;padding:10px 12px}
.mcv27-profile-tools .mcv24a-story-entry{margin:0!important;max-width:none!important;width:100%!important;border-radius:12px!important;font-size:12px!important;min-height:44px!important;padding:10px 12px!important}
.mcv27-profile-tools .mcv24a-story-entry svg{width:20px;height:20px}
.mcv9b-container{margin:12px 0!important}.mcv9b-panel{padding:16px}
.v21-artist-features{margin-top:16px}.v21-artist-features>.actions{margin-top:12px}
.mcv26d-profile-info{padding:18px!important}
.footer{gap:12px!important;padding-top:16px!important;margin-inline:clamp(16px,2.4vw,32px)!important}.footer-links{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.footer-links .text-button{margin:0;padding:4px 0}
/* Lockup: centre the wordmark alongside the icon and let the slogan sit below. */
.brand,.feature-brand{align-items:center!important;gap:9px!important}
.brand>span,.feature-brand>span{display:grid!important;align-content:center;gap:5px;min-width:0}
.brand b,.feature-brand b{line-height:1!important}.brand small,.feature-brand small{margin:0!important;line-height:1.3!important;font-family:MCVControl,sans-serif;letter-spacing:.02em!important;max-width:100%;text-wrap:balance}
.brand-mark-image,.feature-brand>img{object-fit:contain;align-self:center}
/* Header avatars keep names inside the account menu, not in the toolbar. */
.mcv27-mobile-left,.mcv27-mobile-bell{display:none}
#mode-badge{display:grid!important;place-items:center;width:42px;height:42px;min-width:42px;min-height:42px;padding:3px!important;border:1px solid #87b26966;border-radius:50%!important;background:var(--mcv27-glass)!important;overflow:hidden!important}
#mode-badge .av,.mcv27-mobile-avatar .av{width:100%;height:100%;border-radius:50%;font-family:MCVControl,sans-serif;font-size:12px;display:grid;place-items:center;background:#28452d;position:relative;overflow:hidden}
#mode-badge .av img,.mcv27-mobile-avatar .av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
#mcv-account-status-desktop{margin:0!important;white-space:nowrap;min-height:40px;align-items:center;padding:9px 13px!important;font-size:12px!important}
#mcv-account-status-mobile{display:none!important}
.mcv-notification-button{position:relative;overflow:visible!important}
.mcv28-count{top:-3px!important;right:-3px!important;min-width:18px;min-height:18px;display:grid;place-items:center;font:600 10px/1 MCVControl,sans-serif!important;padding:3px;border:2px solid #0a1912;z-index:2}
@media(min-width:921px){
 .topbar.mcv24b-mobile-header{gap:10px;padding-inline:24px!important;height:72px!important}
 .top-actions{display:flex;align-items:center;gap:10px!important;margin-left:0}
 .breadcrumbs{flex:1;min-width:0}
 body.mcv-on-connect .shell{grid-template-columns:clamp(250px,20vw,290px) minmax(0,1fr)}
 body.mcv-on-connect #screen{padding:0!important;margin-inline:auto!important;max-width:1440px}
 body .side .brand{padding:28px 0 20px!important}.side .brand>span{gap:5px!important}
 body .side .brand b{font-size:24px}.side .brand small{font-size:6.5px!important;text-align:center;max-width:146px}
 .side .brand-mark-image{width:42px!important;height:42px!important;flex-basis:42px!important}
 .side #desktop-nav{display:grid;gap:5px}.side .nav-btn{margin:0;min-height:42px;padding:10px 12px;font-size:12px}
 .side-home-widgets{margin-top:14px!important}.mcv25-personal-tiles{padding-top:0;gap:9px}
 .side .mcv24b-desktop-compose{margin-bottom:12px}.mcv24b-desktop-account{margin-top:16px}
}
@media(min-width:921px) and (max-width:1180px){
 .side .brand b{font-size:21px!important}.side .brand small{font-size:5.8px!important}.side .brand-mark-image{width:36px!important;height:36px!important;flex-basis:36px!important}
 .mcv27-connect>.v21-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mcv27-connect>.v21-grid>.card:last-child{grid-column:1/-1}
}
@media(max-width:920px){
 .shell,body.mcv-on-connect .shell{display:block!important}.side{display:none!important}
 .content{padding:16px 14px 20px!important}
 body .topbar.mcv24b-mobile-header{height:calc(70px + env(safe-area-inset-top,0px))!important;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 12px!important;display:grid!important;grid-template-columns:84px minmax(0,1fr) 88px 40px!important;gap:8px!important;align-items:center;overflow:visible!important}
 .mcv27-mobile-left{display:flex;align-items:center;gap:2px;width:84px;height:44px;border:1px solid #9dc47666;border-radius:999px;background:var(--mcv27-glass);padding:3px}
 .mcv27-mobile-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #9dc47666;border-radius:50%;color:#e8f4d7;background:transparent}
 body .mcv24b-mobile-menu{display:grid;place-items:center;flex:1;width:40px!important;height:38px!important;min-height:38px;padding:6px;border:0;border-radius:50%;background:transparent;box-shadow:none}
 body .mcv24b-mobile-header>.mobile-brand{display:flex!important;position:static!important;transform:none!important;width:100%!important;max-width:none!important;min-width:0;justify-content:center;gap:5px!important;overflow:visible!important}
 body .mcv24b-mobile-header>.mobile-brand img{width:28px;height:28px;flex:0 0 28px}
 body .mcv24b-mobile-header>.mobile-brand span{font-size:clamp(12px,3.3vw,24px)!important;line-height:1;white-space:nowrap}
 body .mcv24b-mobile-controls{display:flex;width:88px!important;height:44px!important;overflow:visible!important;margin:0!important;flex:none;background:var(--mcv27-glass);border-radius:999px}
 body .mcv24b-mobile-controls>button{width:43px!important;height:42px!important;min-height:42px;border-radius:999px}
 .mcv27-mobile-bell{display:grid;place-items:center;width:40px;height:44px;padding:8px;border:1px solid #9dc47666;border-radius:999px;background:var(--mcv27-glass);color:#e8ff19}
 body .mcv24b-mobile-header svg{width:22px;height:22px}
 .mcv24b-mobile-dialog{width:min(92vw,390px);max-height:calc(100dvh - 100px);padding:16px;border-radius:22px}
 .mcv24b-mobile-dialog nav{gap:8px}.mcv24b-mobile-row{min-height:46px;padding:10px 12px;font-size:13px}
 .mcv27-connect>.v21-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mcv27-connect>.v21-grid>.card:last-child{grid-column:1/-1}
 .profile-head{padding:16px;margin-block:12px!important}.profile-head h1{font-size:clamp(24px,6vw,34px)}
 .v21-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:600px){
 :root{--mcv27-gap:12px}
 body .topbar.mcv24b-mobile-header{grid-template-columns:78px minmax(0,1fr) 72px 36px!important;gap:5px!important;padding-inline:8px!important}
 .mcv27-mobile-left{width:78px}.mcv27-mobile-avatar{flex-basis:32px;width:32px;height:32px}
 body .mcv24b-mobile-controls{width:72px!important}body .mcv24b-mobile-controls>button{width:35px!important}
 body .mcv24b-mobile-header>.mobile-brand img{width:24px;height:24px;flex-basis:24px}
 body .mcv24b-mobile-header>.mobile-brand span{font-size:clamp(11px,3.6vw,19px)!important;letter-spacing:-.065em}
 .mcv27-mobile-bell{width:36px;padding:7px}.mcv27-mobile-bell svg{width:20px!important}
 .mcv27-connect>.v21-grid,.v21-grid{grid-template-columns:minmax(0,1fr)!important}
 .mcv27-connect>.v21-grid>.card:last-child{grid-column:auto}
 .mcv27-connect{gap:12px}.v21-widget{padding:16px!important}
 .mcv27-profile-tools,.mcv26-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
 .mcv27-profile-tools>.button,.mcv26-profile-actions>.button{padding:10px 8px;font-size:11px}
 .actions{gap:8px}.actions>.button{flex:1 1 135px}
 .profile-sections,.v21-grid{gap:12px!important}
 .section-top h2{font-size:25px}.section-top p{font-size:13px}
 .footer-links{gap:6px 12px}
}
@media(max-width:350px){body .mcv24b-mobile-header>.mobile-brand{gap:3px!important}body .mcv24b-mobile-header>.mobile-brand img{width:20px;height:20px;flex-basis:20px}body .mcv24b-mobile-header>.mobile-brand span{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.button{transition:none!important}}
@media print{.mcv27-mobile-left,.mcv27-mobile-bell,.mcv27-profile-tools{display:none!important}}

/* Override older ID-specific action grids at each breakpoint. */
#screen>.mcv26-profile-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
.mcv26-profile-actions .mcv24a-story-entry{width:100%!important;margin:0!important;min-height:44px!important;border-radius:12px!important;font-size:12px!important;padding:10px 12px!important}
.mcv26-profile-actions .mcv24a-story-entry svg{width:20px;height:20px}
@media(max-width:600px){#screen>.mcv26-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mcv26-profile-actions .button{padding:10px 8px!important;font-size:11px!important}}
/* Card lockup: the icon spans the wordmark row only, never the slogan row. */
.mcv26-card-brand{grid-template-rows:44px auto;row-gap:6px;align-items:center;min-height:0}
.mcv26-card-brand img{grid-column:1;grid-row:1;align-self:center}
.mcv26-card-brand b{grid-column:2;grid-row:1;line-height:1;align-self:center;min-width:0}
.mcv26-card-brand small{grid-column:2;grid-row:2;line-height:1.4;letter-spacing:.025em;font-size:7px;overflow-wrap:normal}
@media(max-width:600px){.mcv26-card-brand{grid-template-rows:35px auto;row-gap:5px}.mcv26-card-brand small{font-size:6px;letter-spacing:0}}
/* Standalone information pages use the same capsule treatment. */
.feature-series-toolbar button,.feature-series-nav button,.feature-card>button,.feature-story-buttons button,.feature-back,.mcv26-card-print{background:var(--mcv27-glass);border-color:var(--mcv27-border);box-shadow:inset 0 1px 0 #efffe326,inset 0 -1px 1px #0007;text-shadow:0 -1px 1px #020904c0,0 1px 0 #c9e6c52b;backdrop-filter:blur(14px)}
.feature-header,.feature-main{min-width:0}.feature-header{gap:16px}.feature-brand{min-width:0}.feature-brand>span{min-width:0}
@media(max-width:600px){.feature-controls{gap:10px}.feature-controls>input{min-width:0;width:100%}.feature-series-toolbar{gap:10px}.feature-series-toolbar>button{width:100%}.feature-story-dialog{width:calc(100% - 24px);max-width:520px}.feature-grid{grid-template-columns:minmax(0,1fr)}}

/* V2.7 Rev2: image-only avatar, balanced stacked mobile brand. */
#mode-badge>img,.mcv27-mobile-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%}
#mode-badge>span,.mcv27-mobile-avatar>span{color:#b9d795;font-size:25px;line-height:1}
#mode-badge>[hidden],.mcv27-mobile-avatar>[hidden]{display:none!important}
.mcv27-mobile-avatar{overflow:hidden}
.brand small,.feature-brand small,.side .brand small,.mcv26-card-brand small{text-align:left!important;margin-left:0!important;justify-self:start!important;align-self:start!important}
.mcv27-settings-entry{display:flex;justify-content:flex-end;margin:8px 0}.mcv27-settings-entry>.button{min-height:40px}
@media(max-width:920px){
 body .topbar.mcv24b-mobile-header{height:calc(100px + env(safe-area-inset-top,0px))!important;grid-template-columns:134px minmax(0,1fr) 88px 40px!important;gap:6px!important;padding-block:calc(10px + env(safe-area-inset-top,0px)) 10px!important}
 .mcv27-mobile-left{width:112px;height:50px;padding:4px;gap:8px}.mcv27-mobile-avatar{width:40px;height:40px;flex:0 0 40px}
 body .mcv24b-mobile-header>.mobile-brand{flex-direction:column;gap:6px!important;align-items:center;justify-content:center}
 body .mcv24b-mobile-header>.mobile-brand img{width:44px!important;height:44px!important;flex:0 0 44px!important}
 body .mcv24b-mobile-header>.mobile-brand span{font-size:clamp(13px,2.5vw,21px)!important;letter-spacing:-.055em!important}
 body .mcv24b-mobile-menu{width:40px!important;flex:0 0 40px}
}
@media(max-width:600px){body .topbar.mcv24b-mobile-header{grid-template-columns:112px minmax(0,1fr) 72px 36px!important;gap:4px!important;padding-inline:8px!important}.mcv27-mobile-left{width:112px;gap:12px}body .mcv24b-mobile-header>.mobile-brand span{font-size:clamp(10.5px,3.1vw,17px)!important}body .mcv24b-mobile-header>.mobile-brand img{width:40px!important;height:40px!important;flex-basis:40px!important}}

/* V2.7 Rev3: card first; settings shares the existing profile action grid. */
#screen>.mcv26-business-card:first-child{margin-top:0}
.mcv26-card-bottom>a{flex:1;min-width:0}
.mcv26-card-bottom .mcv26-card-print{margin-left:auto}
.mcv26-card-avatar-bottom{width:76px;height:76px;flex:0 0 76px;position:relative;border:1px solid #b4d08277}
.mcv26-card-avatar-bottom>span{display:grid;place-items:center;width:100%;height:100%}
.mcv26-card-avatar-bottom svg{width:70%;height:70%}
.mcv26-card-avatar-bottom>[hidden]{display:none!important}
.mcv26-card-avatar-bottom>img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:600px){.mcv26-card-bottom{gap:10px}.mcv26-card-avatar-bottom{width:56px;height:56px;flex-basis:56px}}

/* V2.7 Rev4: mobile brand has its own centered row, so controls cannot shrink it. */
@media(max-width:920px){
 body .topbar.mcv24b-mobile-header{height:auto!important;min-height:126px!important}
 body .topbar.mcv24b-mobile-header>#mcv-mobile-brand-stack{display:flex!important;position:static!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;justify-self:center!important;transform:none!important;max-width:none!important;width:100%!important;gap:5px!important;padding:0!important;overflow:visible!important}
 body .topbar.mcv24b-mobile-header>#mcv-mobile-brand-stack img{width:64px!important;height:64px!important;flex:0 0 64px!important;max-width:none!important}
 body .topbar.mcv24b-mobile-header>#mcv-mobile-brand-stack span{font-size:20px!important;line-height:1.1!important;letter-spacing:-.055em!important;white-space:nowrap!important}
}
@media(max-width:600px){
 body .topbar.mcv24b-mobile-header{grid-template-columns:minmax(0,1fr) 76px 40px!important;grid-template-rows:104px 50px!important;gap:8px!important;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px!important;min-height:182px!important}
 body .topbar.mcv24b-mobile-header>#mcv-mobile-brand-stack{grid-column:1/-1!important;grid-row:1!important;width:max-content!important;align-self:center!important}
 body .topbar.mcv24b-mobile-header>#mcv-mobile-brand-stack img{width:68px!important;height:68px!important;flex-basis:68px!important}
 body .topbar.mcv24b-mobile-header>#mcv-mobile-brand-stack span{font-size:22px!important}
 .mcv27-mobile-left{grid-column:1!important;grid-row:2!important;justify-self:start;width:112px!important}
 body .mcv24b-mobile-controls{grid-column:2!important;grid-row:2!important;width:76px!important;justify-self:end}
 body .mcv24b-mobile-controls>button{width:37px!important}
 .mcv27-mobile-bell{grid-column:3!important;grid-row:2!important;width:40px!important;justify-self:end}
}
@media(max-width:600px) and (max-height:500px){body .topbar.mcv24b-mobile-header{position:relative!important}}