/* =========================================================
 * Kameraman.TR KULİS v1.5.53 — Photo Guided Shell Repair
 * 15 mobile + 1 desktop screenshot based structural fixes.
 * ========================================================= */

/* A. Plugin runtime topbar is no longer a second header source. Also hides cached
   v1.5.52 markup if an HTML/page cache still serves it once. */
html body.kulis-app-page{
    --kulis-app-topbar-h:0px!important;
    padding-top:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
}
html body.kulis-app-page [data-kulis-global-topbar],
html body.kulis-app-page .kulis-global-topbar,
html body.kulis-app-page .kulis-dashboard-topbar,
html body.kulis-app-page .kulis-search-topbar,
html body.kulis-app-page .kulis-runtime-topbar-pruned,
html body.kulis-app-page .kulis-legacy-shell-pruned{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}
html body.kulis-app-page .kulis-app-content-path{
    padding-top:0!important;
    margin-top:0!important;
}

/* B. Dashboard Kameraman Aranıyor: old generic >span rules were styling both
   media and body spans as pills. Fully reset the semantic card parts. */
html body.kulis-app-page .kulis-dashboard-crew-search{
    overflow:hidden!important;
}
html body.kulis-app-page .kulis-dashboard-crew-search__grid{
    display:flex!important;
    flex-flow:row nowrap!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 2px 8px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
}
html body.kulis-app-page .kulis-dashboard-crew-search__grid::-webkit-scrollbar{display:none!important}
html body.kulis-app-page .kulis-dashboard-crew-search__grid > a.kulis-dashboard-crew-card{
    display:grid!important;
    grid-template-rows:86px minmax(0,1fr)!important;
    flex:0 0 280px!important;
    width:280px!important;
    min-width:280px!important;
    max-width:280px!important;
    min-height:210px!important;
    padding:0!important;
    gap:0!important;
    overflow:hidden!important;
    border:1px solid #dfe6ee!important;
    border-radius:18px!important;
    background:#fff!important;
    color:#172033!important;
    box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
    scroll-snap-align:start!important;
    text-decoration:none!important;
}
html body.kulis-app-page .kulis-dashboard-crew-card__media{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    height:86px!important;
    min-height:86px!important;
    max-height:86px!important;
    margin:0!important;
    padding:10px 12px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:#f3f7fd!important;
    color:#1769ff!important;
    box-shadow:none!important;
    white-space:normal!important;
}
html body.kulis-app-page .kulis-dashboard-crew-card__media > img{
    display:block!important;
    width:100%!important;
    max-width:150px!important;
    height:100%!important;
    max-height:66px!important;
    margin:0 auto!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:9px!important;
    transform:none!important;
}
html body.kulis-app-page .kulis-dashboard-crew-card__media > em{
    position:absolute!important;
    right:10px!important;
    bottom:8px!important;
    left:auto!important;
    width:auto!important;
    max-width:62%!important;
    margin:0!important;
    padding:4px 7px!important;
    overflow:hidden!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.94)!important;
    color:#1769ff!important;
    font-size:9px!important;
    font-style:normal!important;
    font-weight:800!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
html body.kulis-app-page .kulis-dashboard-crew-card__body{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:5px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:12px 14px 14px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    color:#172033!important;
    box-shadow:none!important;
    white-space:normal!important;
}
html body.kulis-app-page .kulis-dashboard-crew-card__body > :is(small,strong,b,span){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    white-space:normal!important;
    text-overflow:ellipsis!important;
}
html body.kulis-app-page .kulis-dashboard-crew-card__body > small{font-size:10px!important;color:#64748b!important}
html body.kulis-app-page .kulis-dashboard-crew-card__body > strong{font-size:15px!important;line-height:1.3!important;color:#0f172a!important}
html body.kulis-app-page .kulis-dashboard-crew-card__body > b{font-size:11px!important;line-height:1.35!important;color:#334155!important}
html body.kulis-app-page .kulis-dashboard-crew-card__body > span{
    display:-webkit-box!important;
    font-size:10.5px!important;
    line-height:1.45!important;
    color:#64748b!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
}

/* C. Standalone Kameraman Bul cards are one readable mobile card, never 3 thin columns. */
@media(max-width:782px){
    html body.kulis-app-page .kulis-crew-search-app{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:0 8px calc(82px + env(safe-area-inset-bottom))!important;
        overflow:hidden!important;
    }
    html body.kulis-app-page .kulis-crew-search-list{
        width:100%!important;
        max-width:100%!important;
        padding:14px 10px!important;
        overflow:hidden!important;
    }
    html body.kulis-app-page .kulis-crew-search-grid{
        display:flex!important;
        flex-flow:row nowrap!important;
        align-items:stretch!important;
        gap:12px!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        padding:2px 1px 12px!important;
        scroll-snap-type:x mandatory!important;
        scrollbar-width:none!important;
    }
    html body.kulis-app-page .kulis-crew-search-grid::-webkit-scrollbar{display:none!important}
    html body.kulis-app-page .kulis-crew-search-grid > article.kulis-crew-search-card{
        flex:0 0 calc(100vw - 44px)!important;
        width:calc(100vw - 44px)!important;
        min-width:calc(100vw - 44px)!important;
        max-width:calc(100vw - 44px)!important;
        min-height:0!important;
        padding:16px!important;
        scroll-snap-align:start!important;
    }
    html body.kulis-app-page .kulis-crew-search-card__cover{
        width:100%!important;
        height:112px!important;
        min-height:112px!important;
        max-height:112px!important;
        padding:10px!important;
        overflow:hidden!important;
        border-radius:16px!important;
    }
    html body.kulis-app-page .kulis-crew-search-card__cover img{
        width:100%!important;
        height:100%!important;
        max-width:180px!important;
        max-height:92px!important;
        margin:auto!important;
        padding:0!important;
        object-fit:contain!important;
    }
    html body.kulis-app-page .kulis-crew-search-card :is(h3,p,strong,small,span){overflow-wrap:anywhere!important}
}

/* D. Profile Hakkında popups: viewport-owned modal. JS moves open modal to body;
   this removes ancestor contain/transform clipping and keeps header/close visible. */
html body.kulis-app-page .kulis-profile-content-stack{
    contain:none!important;
    overflow:visible!important;
}
html body > .kulis-profile-about-modal[hidden]{display:none!important}
html body > .kulis-profile-about-modal{
    position:fixed!important;
    inset:0!important;
    z-index:2147483647!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100vw!important;
    height:100dvh!important;
    max-width:none!important;
    margin:0!important;
    padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    transform:none!important;
    contain:none!important;
}
html body > .kulis-profile-about-modal .kulis-profile-about-modal__backdrop{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background:rgba(15,23,42,.52)!important;
}
html body > .kulis-profile-about-modal .kulis-profile-about-dialog{
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    display:flex!important;
    flex-direction:column!important;
    width:min(720px,calc(100vw - 20px))!important;
    max-width:720px!important;
    max-height:calc(100dvh - max(28px,env(safe-area-inset-top)) - max(28px,env(safe-area-inset-bottom)))!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid #e2e8f0!important;
    border-radius:20px!important;
    background:#fff!important;
    transform:none!important;
}
html body > .kulis-profile-about-modal .kulis-profile-about-dialog > header{
    position:relative!important;
    top:auto!important;
    flex:0 0 auto!important;
}
html body > .kulis-profile-about-modal .kulis-profile-about-dialog__body{
    flex:1 1 auto!important;
    width:100%!important;
    max-height:none!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
}
@media(max-width:782px){
    html body > .kulis-profile-about-modal{
        padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;
    }
    html body > .kulis-profile-about-modal .kulis-profile-about-dialog{
        width:100%!important;
        max-width:100%!important;
        max-height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)))!important;
        border-radius:18px!important;
    }
    html body > .kulis-profile-about-modal .kulis-profile-about-dialog__body{
        padding:14px 14px 18px!important;
    }
    html body > .kulis-profile-about-modal :is(.kulis-about-modal-facts,.kulis-about-operation-list){
        grid-template-columns:1fr!important;
    }
}

/* E. Message action arrow: only explicit JS .is-open can reveal actions. No
   :hover/:focus-within leakage on touch devices. */
html body.kulis-app-page .kulis-message{
    position:relative!important;
}
html body.kulis-app-page .kulis-message__action-shell{
    position:absolute!important;
    top:18px!important;
    right:-38px!important;
    z-index:25!important;
    display:block!important;
    width:32px!important;
    height:32px!important;
    margin:0!important;
    padding:0!important;
}
html body.kulis-app-page .kulis-message.is-mine .kulis-message__action-shell{
    right:-38px!important;
    left:auto!important;
}
html body.kulis-app-page .kulis-message__menu-toggle{
    display:flex!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #e2e8f0!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.96)!important;
    color:#64748b!important;
    box-shadow:0 5px 14px rgba(15,23,42,.07)!important;
    opacity:.35!important;
    font-size:14px!important;
    line-height:1!important;
}
html body.kulis-app-page .kulis-message__actions,
html body.kulis-app-page .kulis-message__action-shell:hover .kulis-message__actions,
html body.kulis-app-page .kulis-message__action-shell:focus-within .kulis-message__actions{
    display:none!important;
}
html body.kulis-app-page .kulis-message__action-shell.is-open .kulis-message__actions{
    position:absolute!important;
    top:34px!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    display:flex!important;
    flex-direction:column!important;
    width:150px!important;
    min-width:150px!important;
    gap:4px!important;
    padding:7px!important;
    overflow:visible!important;
    border:1px solid #e2e8f0!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 18px 40px rgba(15,23,42,.18)!important;
    z-index:60!important;
}
html body.kulis-app-page .kulis-message__action-shell.is-open .kulis-message__menu-toggle{
    opacity:1!important;
    color:#1769ff!important;
    border-color:#bfd4ff!important;
    background:#eef4ff!important;
}
html body.kulis-app-page .kulis-message__actions button{
    width:100%!important;
    min-height:36px!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:9px!important;
    background:#f8fafc!important;
    color:#334155!important;
    font-size:12px!important;
    font-weight:750!important;
    white-space:nowrap!important;
}
@media(max-width:782px){
    html body.kulis-app-page .kulis-message{
        max-width:calc(100% - 46px)!important;
        overflow:visible!important;
    }
    html body.kulis-app-page .kulis-message__action-shell{
        top:16px!important;
        right:-36px!important;
    }
    html body.kulis-app-page .kulis-message.is-mine .kulis-message__action-shell{
        right:-36px!important;
    }
    html body.kulis-app-page .kulis-message__menu-toggle{opacity:.65!important}
    html body.kulis-app-page .kulis-message__action-shell.is-open .kulis-message__actions{
        right:0!important;
        width:138px!important;
        min-width:138px!important;
    }
}

/* F. Generic mobile geometry: no module can exceed the viewport or sit under
   the fixed bottom navigation. */
@media(max-width:782px){
    html body.kulis-app-page :is(
        .kulis-dashboard,.kulis-dashboard-layout,.kulis-dashboard-main,
        .kulis-feed-app,.kulis-feed-main,.kulis-feed-card,.kulis-feed-composer,
        .kulis-members-app,.kulis-messaging,.kulis-messaging-v2,.kulis-messaging__shell,
        .kulis-crew-search-app,.kulis-jobs,.kulis-jobs-app,.kulis-groups,.kulis-groups-app,
        .kulis-profile-app,.kulis-profile-shell,.kulis-profile-content-stack,.kulis-profile-layout,
        .kulis-notifications,.kulis-connections,.kulis-events-app,.kulis-forum-app,.kulis-portfolio-app
    ){
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-left:0!important;
        margin-right:0!important;
        transform:none!important;
        box-sizing:border-box!important;
    }
    html body.kulis-app-page :is(.kulis-dashboard-main,.kulis-feed-app,.kulis-members-app,.kulis-messaging,.kulis-crew-search-app,.kulis-profile-app){
        padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;
    }
    html body.kulis-app-page :is(img,video,canvas,iframe,svg){max-width:100%!important}
    html body.kulis-app-page{scroll-padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
}

/* G. Canonical bottom nav SVG geometry. */
html body #kulis-canonical-mobile-nav .kulis-sidebar-icon{
    display:flex!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    align-items:center!important;
    justify-content:center!important;
    color:currentColor!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
html body #kulis-canonical-mobile-nav .kulis-sidebar-icon svg{
    display:block!important;
    width:20px!important;
    height:20px!important;
}


/* H. First paint / legacy shell final guard. */
html body.kulis-app-page .kulis-app-prunable,
html body.kulis-app-page .kulis-legacy-shell-pruned,
html body.kulis-app-page .kulis-runtime-topbar-pruned{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}

@media(max-width:782px){
    html body.kulis-app-page .kulis-dashboard-crew-search__grid > a.kulis-dashboard-crew-card{
        flex:0 0 min(calc(100vw - 54px),320px)!important;
        width:min(calc(100vw - 54px),320px)!important;
        min-width:min(calc(100vw - 54px),320px)!important;
        max-width:min(calc(100vw - 54px),320px)!important;
    }
    html body.kulis-app-page :is(.kulis-dashboard-crew-search,.kulis-dashboard-feed,.kulis-dashboard-main,.kulis-feed-main,.kulis-messaging__main,.kulis-members-app,.kulis-crew-search-list){overflow-x:hidden!important}
    html body.kulis-app-page .kulis-messaging__composer{
        position:sticky!important;
        bottom:calc(70px + env(safe-area-inset-bottom))!important;
        z-index:35!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        box-sizing:border-box!important;
    }
    html body.kulis-app-page .kulis-messaging__composer :is(input,textarea){min-width:0!important;max-width:100%!important}
}