/* =========================================================
 * KULİS v1.5.68 — Architecture Integration Layer
 * Central shell/navigation/banner compatibility without
 * changing module business logic.
 * ========================================================= */

/* Full-page View Transitions caused a visible blink on navigation. */
@view-transition{navigation:none}
::view-transition-old(root),::view-transition-new(root){animation:none!important}

/* The canonical utility bar is the only KULİS utility header. */
html body.kulis-app-page [data-kulis-global-topbar]{isolation:isolate!important}
html body.kulis-app-page :is(.kulis-dashboard-topbar,.kulis-search-topbar,.kulis-availability-localbar,.kulis-app-prunable,.kulis-legacy-shell-pruned,.kulis-runtime-topbar-pruned){display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* Dropdowns: desktop remains anchored to the trigger wrapper.
 * Mobile exact placement is clamped by shell-centers.js against viewport. */
html body.kulis-app-page [data-kulis-global-topbar] .kulis-global-topbar__actions,
html body.kulis-app-page [data-kulis-global-topbar] .kulis-global-topbar__control{overflow:visible!important}
html body.kulis-app-page [data-kulis-global-topbar] .kulis-shell-dropdown{z-index:2147483645!important}
@media(max-width:782px){
  html body.kulis-app-page [data-kulis-global-topbar] .kulis-shell-dropdown{
    margin:0!important;
    border-radius:17px!important;
  }
}

/* Banner is part of initial HTML. It owns one row only and cannot affect
 * sibling grid calculations. Profile intentionally uses its cover instead. */
html body.kulis-app-page .kulis-module-banner{
  box-sizing:border-box!important;
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:var(--kulis-module-banner-h,150px)!important;
  flex:0 0 auto!important;
  grid-column:1/-1!important;
  margin:0 0 12px!important;
  overflow:hidden!important;
}
html body.kulis-app-page .kulis-dashboard-main>.kulis-module-banner{grid-column:auto!important}
@media(max-width:782px){
  html body.kulis-app-page .kulis-module-banner{min-height:var(--kulis-module-banner-mobile-h,128px)!important;margin-bottom:10px!important}
}

/* Local module heroes keep their useful action controls, while banner owns
 * the page title/copy. This prevents duplicate headings without losing CTAs. */
html body.kulis-app-page .kulis-members-app.kulis-module-banner-active>.kulis-members-hero{display:none!important}
html body.kulis-app-page .kulis-equipment-directory.kulis-module-banner-active>.kulis-equipment-directory__hero{
  min-height:0!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important
}
html body.kulis-app-page .kulis-equipment-directory.kulis-module-banner-active>.kulis-equipment-directory__hero>.kulis-equipment-directory__hero-copy{display:none!important}
html body.kulis-app-page .kulis-equipment-directory.kulis-module-banner-active .kulis-equipment-directory__stats{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body.kulis-app-page .kulis-feed-app.kulis-module-banner-active>.kulis-feed-heading:not(:has(a)){display:none!important}
html body.kulis-app-page .kulis-messaging-v2.kulis-module-banner-active>.kulis-messaging__hero .kulis-messaging__brandline{display:none!important}
html body.kulis-app-page .kulis-messaging-v2.kulis-module-banner-active>.kulis-messaging__hero{justify-content:flex-end!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body.kulis-app-page .kulis-connections.kulis-module-banner-active>.kulis-connections__header>div:first-child,
html body.kulis-app-page .kulis-notifications.kulis-module-banner-active>.kulis-notifications-hero>div:first-child,
html body.kulis-app-page .kulis-jobs.kulis-module-banner-active>.kulis-jobs__hero>div:first-child,
html body.kulis-app-page .kulis-crew-search-app.kulis-module-banner-active>.kulis-crew-search-hero>div:first-child,
html body.kulis-app-page .kulis-events-app.kulis-module-banner-active>.kulis-events-hero>div:first-child,
html body.kulis-app-page .kulis-forum-app.kulis-module-banner-active>.kulis-forum-hero>div:first-child,
html body.kulis-app-page .kulis-projects.kulis-module-banner-active>.kulis-projects-head>div:first-child,
html body.kulis-app-page .kulis-portfolio-app.kulis-module-banner-active>.kulis-portfolio-hero>div:first-child,
html body.kulis-app-page .kulis-settings.kulis-module-banner-active>.kulis-settings__hero>div:first-child,
html body.kulis-app-page .kulis-availability-main.kulis-module-banner-active>.kulis-availability-hero>div:first-child{display:none!important}
html body.kulis-app-page .kulis-connections.kulis-module-banner-active>.kulis-connections__header,
html body.kulis-app-page .kulis-notifications.kulis-module-banner-active>.kulis-notifications-hero,
html body.kulis-app-page .kulis-jobs.kulis-module-banner-active>.kulis-jobs__hero,
html body.kulis-app-page .kulis-crew-search-app.kulis-module-banner-active>.kulis-crew-search-hero,
html body.kulis-app-page .kulis-events-app.kulis-module-banner-active>.kulis-events-hero,
html body.kulis-app-page .kulis-forum-app.kulis-module-banner-active>.kulis-forum-hero,
html body.kulis-app-page .kulis-projects.kulis-module-banner-active>.kulis-projects-head,
html body.kulis-app-page .kulis-portfolio-app.kulis-module-banner-active>.kulis-portfolio-hero,
html body.kulis-app-page .kulis-settings.kulis-module-banner-active>.kulis-settings__hero,
html body.kulis-app-page .kulis-availability-main.kulis-module-banner-active>.kulis-availability-hero{
  justify-content:flex-end!important;min-height:0!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important
}
@media(max-width:782px){
  html body.kulis-app-page .kulis-equipment-directory.kulis-module-banner-active .kulis-equipment-directory__stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Dashboard: banner lives inside main column and never changes 3-column shell. */
html body.kulis-app-page .kulis-dashboard-main{min-width:0!important}
html body.kulis-app-page .kulis-dashboard-main>.kulis-module-banner{width:100%!important;max-width:100%!important}

/* Quick actions: compact, balanced grid on desktop; preserve 2-column mobile. */
html body.kulis-app-page .kulis-dashboard-quick-actions{
  display:grid!important;
  grid-template-columns:minmax(150px,.9fr) repeat(3,minmax(118px,1fr))!important;
  gap:8px!important;
  align-items:center!important;
}
html body.kulis-app-page .kulis-dashboard-quick-actions>div:first-child{min-width:0!important}
html body.kulis-app-page .kulis-dashboard-quick-actions a{min-width:0!important;min-height:40px!important;height:40px!important;padding:0 10px!important;margin:0!important}
@media(max-width:1100px) and (min-width:783px){
  html body.kulis-app-page .kulis-dashboard-quick-actions{grid-template-columns:1fr 1fr!important}
  html body.kulis-app-page .kulis-dashboard-quick-actions>div:first-child{grid-column:1/-1!important}
}
@media(max-width:782px){
  html body.kulis-app-page .kulis-dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body.kulis-app-page .kulis-dashboard-quick-actions>div:first-child{grid-column:1/-1!important}
  html body.kulis-app-page .kulis-dashboard-quick-actions a{height:44px!important;min-height:44px!important}
}

/* Dashboard Crew Search preview: current markup is media + body. Old generic
 * direct-span rules made those structural spans giant pills. Reset explicitly. */
html body.kulis-app-page .kulis-dashboard-crew-search{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
html body.kulis-app-page .kulis-dashboard-crew-search__grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important
}
html body.kulis-app-page .kulis-dashboard-crew-search__grid>a.kulis-dashboard-crew-card{
  display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;grid-template-rows:1fr!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:96px!important;height:auto!important;padding:10px!important;overflow:hidden!important;border:1px solid #e1e7ef!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 14px rgba(15,23,42,.04)!important
}
html body.kulis-app-page .kulis-dashboard-crew-card__media{
  position:relative!important;display:grid!important;width:76px!important;min-width:76px!important;max-width:76px!important;height:76px!important;min-height:76px!important;max-height:76px!important;place-items:center!important;align-self:start!important;margin:0!important;padding:6px!important;overflow:hidden!important;border:1px solid #e1e8f1!important;border-radius:12px!important;background:#f3f7fc!important;box-shadow:none!important
}
html body.kulis-app-page .kulis-dashboard-crew-card__media>img{display:block!important;width:100%!important;height:100%!important;max-width:64px!important;max-height:64px!important;margin:0!important;border:0!important;border-radius:8px!important;object-fit:contain!important;transform:none!important}
html body.kulis-app-page .kulis-dashboard-crew-card__media>em{position:absolute!important;left:5px!important;bottom:5px!important;max-width:calc(100% - 10px)!important;padding:3px 5px!important;overflow:hidden!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#1769ff!important;font-size:7.5px!important;font-style:normal!important;font-weight:850!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body.kulis-app-page .kulis-dashboard-crew-card__body{
  display:flex!important;min-width:0!important;width:auto!important;max-width:100%!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
html body.kulis-app-page .kulis-dashboard-crew-card__body>small{color:#64748b!important;font-size:9px!important;font-weight:750!important}
html body.kulis-app-page .kulis-dashboard-crew-card__body>strong{display:-webkit-box!important;overflow:hidden!important;color:#172033!important;font-size:12px!important;line-height:1.25!important;white-space:normal!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
html body.kulis-app-page .kulis-dashboard-crew-card__body>b{overflow:hidden!important;max-width:100%!important;color:#334155!important;font-size:10px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body.kulis-app-page .kulis-dashboard-crew-card__body>span{display:-webkit-box!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;color:#6b7788!important;font-size:9px!important;line-height:1.35!important;white-space:normal!important;box-shadow:none!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
@media(max-width:1050px) and (min-width:783px){html body.kulis-app-page .kulis-dashboard-crew-search__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:782px){
  html body.kulis-app-page .kulis-dashboard-crew-search__grid{display:flex!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 1px 7px!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important}
  html body.kulis-app-page .kulis-dashboard-crew-search__grid>a.kulis-dashboard-crew-card{flex:0 0 min(84vw,306px)!important;width:min(84vw,306px)!important;max-width:min(84vw,306px)!important;grid-template-columns:70px minmax(0,1fr)!important;scroll-snap-align:start!important}
  html body.kulis-app-page .kulis-dashboard-crew-card__media{width:70px!important;min-width:70px!important;max-width:70px!important;height:70px!important;min-height:70px!important;max-height:70px!important}
}

/* All desktop section sidebars consume the same registry; permit scrolling
 * within the sidebar rather than letting a long menu resize the page shell. */
@media(min-width:783px){
  html body.kulis-app-page :is(.kulis-dashboard-sidebar,.kulis-standard-section-sidebar,.kulis-section-sidebar){min-width:0!important;max-height:calc(100dvh - 96px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}
}

/* Group composer: keep labels/content aligned and mobile-friendly. */
html body.kulis-app-page .kulis-group-composer{display:grid!important;gap:10px!important;width:100%!important;min-width:0!important;padding:12px!important}
html body.kulis-app-page .kulis-group-composer__identity{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}
html body.kulis-app-page .kulis-group-composer__identity>img{display:block!important;width:44px!important;height:44px!important;aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover!important}
html body.kulis-app-page .kulis-group-composer__identity>div{display:grid!important;gap:2px!important;min-width:0!important}
html body.kulis-app-page .kulis-group-composer textarea{display:block!important;width:100%!important;min-width:0!important;min-height:100px!important;margin:0!important;padding:12px!important;border:1px solid #dbe3ec!important;border-radius:12px!important;background:#fbfcfe!important;font-size:14px!important;line-height:1.5!important;resize:vertical!important}
html body.kulis-app-page .kulis-group-composer__actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important}
html body.kulis-app-page .kulis-group-composer__actions label,html body.kulis-app-page .kulis-group-composer__actions button{display:inline-flex!important;min-height:40px!important;align-items:center!important;justify-content:center!important;margin:0!important}
@media(max-width:782px){
  html body.kulis-app-page .kulis-group-composer textarea{font-size:16px!important}
  html body.kulis-app-page .kulis-group-composer__actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  html body.kulis-app-page .kulis-group-composer__actions>*{width:100%!important}
}
@media(max-width:420px){html body.kulis-app-page .kulis-group-composer__actions{grid-template-columns:1fr!important}}

/* Chat participates in the same first-render banner contract. */
html body.kulis-app-page .kulis-chat>.kulis-module-banner{width:100%!important;max-width:100%!important;min-width:0!important}

/* Group people rail/dialog: never render raw full-size avatars. */
html body.kulis-app-page .kulis-group-member-rail{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:wrap!important}
html body.kulis-app-page .kulis-group-member-rail>button{display:grid!important;width:48px!important;height:48px!important;min-width:48px!important;place-items:center!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid #dce4ee!important;border-radius:15px!important;background:#f6f9fc!important}
html body.kulis-app-page .kulis-group-member-rail>button :is(img,span){display:grid!important;width:44px!important;height:44px!important;place-items:center!important;margin:0!important;border-radius:13px!important;object-fit:cover!important}
html body.kulis-app-page .kulis-group-members-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;padding:12px!important}
html body.kulis-app-page .kulis-group-members-grid>a{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important;min-width:0!important;padding:9px!important;border:1px solid #e1e7ef!important;border-radius:13px!important;text-decoration:none!important}
html body.kulis-app-page .kulis-group-members-grid>a :is(img,span){grid-row:1/3!important;display:grid!important;width:48px!important;height:48px!important;place-items:center!important;border-radius:13px!important;object-fit:cover!important}
html body.kulis-app-page .kulis-group-members-grid>a strong,html body.kulis-app-page .kulis-group-members-grid>a small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(max-width:782px){html body.kulis-app-page .kulis-group-members-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:460px){html body.kulis-app-page .kulis-group-members-grid{grid-template-columns:1fr!important}}