/* Centrala mobile platform: shared responsive contract for all applications. */
:root{
  --mobile-breakpoint:700px;
  --mobile-header-h:56px;
  --mobile-nav-h:52px;
  --mobile-touch:44px; /* canonical minimum interactive target, mirrored by centralaMobileAudit */
  --mobile-gap-1:4px;
  --mobile-gap-2:8px;
  --mobile-gap-3:12px;
  --mobile-pad-x:10px;
  --mobile-radius:6px;
  --mobile-row-min-h:56px;
}

.mobile-only,.mobile-platform-back,.mobile-platform-toolbar{display:none!important}

@media(max-width:700px){
  html{--mobile-viewport-h:100dvh}
  body[data-mobile-platform="1"]{overscroll-behavior:none}
  body[data-mobile-platform="1"] .desktop-only{display:none!important}
  body[data-mobile-platform="1"] .mobile-only{display:initial!important}
  body[data-mobile-platform="1"] .topbar{height:auto!important;min-height:calc(var(--mobile-header-h) + env(safe-area-inset-top))!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-rows:auto!important;column-gap:0!important;align-items:center!important;margin-bottom:6px!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:0!important}
  body[data-mobile-platform="1"] .topbar-left{grid-column:1!important;grid-row:1!important;min-width:0!important;align-self:center!important}
  body[data-mobile-platform="1"] .global-command-cluster{grid-column:2!important;grid-row:1!important;justify-self:end!important;width:auto!important;min-width:0!important;gap:0!important}
  body[data-mobile-platform="1"] .topbar-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;gap:0!important;padding-left:0!important;margin-left:0!important;border-left:0!important}
  body[data-mobile-platform="1"] #settingsBtn,body[data-mobile-platform="1"] .topbar-actions .admin-settings-btn,body[data-mobile-platform="1"] .top-logout-btn{display:none!important}
  body[data-mobile-platform="1"] .global-command-cluster>.top-icon-btn,body[data-mobile-platform="1"] .global-command-cluster>.notification-center-wrap .top-icon-btn,body[data-mobile-platform="1"] .topbar-actions .user-avatar{width:var(--mobile-touch)!important;height:var(--mobile-touch)!important;min-width:var(--mobile-touch)!important;min-height:var(--mobile-touch)!important}
  body[data-mobile-platform="1"] .topbar-actions .user-avatar{padding:7px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  body[data-mobile-platform="1"] .topbar-actions .user-avatar .avatar-fallback{inset:7px!important;border:1px solid #874c4b;border-radius:50%;background:#a85d59;color:#f0d7d4;box-shadow:0 1px 2px rgba(0,0,0,.38)}
  body[data-mobile-platform="1"] .topbar-actions .user-avatar>img[data-avatar-image]{position:absolute!important;inset:7px!important;width:30px!important;height:30px!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 1px 2px rgba(0,0,0,.38)}
  body[data-mobile-platform="1"] .topbar.project-context-active{height:auto!important;min-height:calc(var(--mobile-header-h) + env(safe-area-inset-top))!important;grid-template-columns:minmax(0,1fr) auto auto!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:0!important}
  body[data-mobile-platform="1"] .topbar.project-context-active .global-command-cluster{grid-column:2!important;grid-row:1!important}
  body[data-mobile-platform="1"] .topbar.project-context-active .topbar-actions{grid-column:3!important;grid-row:1!important}
  body[data-mobile-platform="1"] .topbar.project-context-active .global-project-context{min-width:0!important;overflow:hidden!important}
  body[data-mobile-platform="1"] .topbar.project-context-active .global-project-title-row{align-items:center!important;min-width:0!important;overflow:hidden!important}
  body[data-mobile-platform="1"] .topbar.project-context-active #viewTitle.global-project-title-trigger{min-width:0!important;max-width:100%!important;font-size:var(--type-heading)!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body[data-mobile-platform="1"] .topbar.project-detail-mobile #viewTitle{color:var(--text)!important;cursor:default!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body[data-mobile-platform="1"] .topbar.project-detail-mobile .global-project-context{min-width:0!important}
  body[data-mobile-platform="1"] .topbar.project-detail-mobile .global-project-title-row{min-height:44px!important}
  body[data-mobile-platform="1"] .notification-center{top:calc(var(--mobile-header-h) + env(safe-area-inset-top))!important;max-height:calc(100dvh - var(--mobile-header-h) - env(safe-area-inset-top) - 12px)!important}

  body[data-mobile-platform="1"] :is(#workSearchWrap,.task-search-control,#mailSearchWrap,.people-directory-search,#warehouseSearchWrap,#resourceCatalogSearchWrap,.history-search-wrap,.review-root-search-wrap,.notes-search-wrap){box-sizing:border-box!important;overflow:hidden!important;transition:width .14s ease,max-width .14s ease,background-color .14s ease,border-color .14s ease}
  body[data-mobile-platform="1"] :is(#workSearchWrap,.task-search-control,#mailSearchWrap,.people-directory-search,#warehouseSearchWrap,#resourceCatalogSearchWrap,.history-search-wrap,.review-root-search-wrap,.notes-search-wrap):not(.mobile-search-open){width:44px!important;min-width:44px!important;max-width:44px!important;flex:0 0 44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;gap:0!important;justify-content:center!important;border-color:transparent!important;background:transparent!important}
  body[data-mobile-platform="1"] :is(#workSearchWrap,.task-search-control,#mailSearchWrap,.people-directory-search,#warehouseSearchWrap,#resourceCatalogSearchWrap,.history-search-wrap,.review-root-search-wrap,.notes-search-wrap):not(.mobile-search-open)>svg{width:20px!important;height:20px!important;min-width:20px!important;flex:0 0 20px!important;margin:0!important}
  body[data-mobile-platform="1"] :is(#workSearchWrap,.task-search-control,#mailSearchWrap,.people-directory-search,#warehouseSearchWrap,#resourceCatalogSearchWrap,.history-search-wrap,.review-root-search-wrap):not(.mobile-search-open)>input{position:absolute!important;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;padding:0!important;opacity:0!important;pointer-events:none!important}
  body[data-mobile-platform="1"] :is(#workSearchWrap,.task-search-control,#mailSearchWrap,.people-directory-search,#warehouseSearchWrap,#resourceCatalogSearchWrap,.history-search-wrap,.review-root-search-wrap):not(.mobile-search-open)>.search-clear{display:none!important}
  body[data-mobile-platform="1"] :is(#workSearchWrap,.task-search-control,#mailSearchWrap,.people-directory-search,#warehouseSearchWrap,#resourceCatalogSearchWrap,.history-search-wrap,.review-root-search-wrap).mobile-search-open{width:100%!important;min-width:0!important;max-width:none!important;flex:1 1 auto!important;height:44px!important;min-height:44px!important;padding:0 8px!important;gap:7px!important;justify-content:flex-start!important}
  body[data-mobile-platform="1"] :is(#workSearchWrap,.task-search-control,#mailSearchWrap,.people-directory-search,#warehouseSearchWrap,#resourceCatalogSearchWrap,.history-search-wrap,.review-root-search-wrap).mobile-search-open>input{position:static!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;padding:0!important;opacity:1!important;pointer-events:auto!important;font-size:16px!important}
  body[data-mobile-platform="1"][data-app-view="work"] #workView .approved-list-tools-row{grid-template-columns:44px 44px 44px!important;justify-content:start!important}
  body[data-mobile-platform="1"][data-app-view="work"] #workView .approved-list-tools-row:has(#workSearchWrap.mobile-search-open){grid-template-columns:44px 44px minmax(0,1fr)!important}
  body[data-mobile-platform="1"][data-app-view="people"] .people-list-header>.approved-list-tools-row{grid-template-columns:44px 44px!important;justify-content:start!important}
  body[data-mobile-platform="1"][data-app-view="people"] .people-list-header>.approved-list-tools-row:has(.people-directory-search.mobile-search-open){grid-template-columns:44px minmax(0,1fr)!important}

  .mobile-platform-surface{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
  .mobile-platform-stack{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:var(--mobile-gap-2)!important;min-width:0!important}
  .mobile-platform-toolbar{display:flex!important;align-items:center;gap:var(--mobile-gap-2);min-height:var(--mobile-touch);padding:4px var(--mobile-pad-x);box-sizing:border-box}
  .mobile-platform-toolbar>*{min-width:0}
  .mobile-platform-back{display:flex!important;align-items:center;gap:6px;min-height:var(--mobile-touch);padding:0 var(--mobile-pad-x);border:0;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(12,16,19,.42);color:#93a0a8;font:inherit}.mobile-platform-back>.ui-icon{width:var(--icon-lg)!important;height:var(--icon-lg)!important;flex:0 0 var(--icon-lg)}
  .mobile-platform-back:active{background:rgba(255,255,255,.045)}

  .mobile-platform-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:max-content!important;align-content:start!important;gap:0!important;min-width:0!important;overflow:visible!important}
  .mobile-platform-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:var(--mobile-gap-2)!important;min-height:var(--mobile-row-min-h)!important;padding:8px var(--mobile-pad-x)!important;box-sizing:border-box!important}
  .mobile-platform-row-main{min-width:0!important;display:grid!important;gap:2px!important}
  .mobile-platform-row-title{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:var(--type-xl)!important}
  .mobile-platform-row-subtitle,.mobile-platform-row-meta{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--muted)!important;font-size:var(--type-sm)!important}

  .mobile-platform-card{min-width:0!important;width:100%!important;box-sizing:border-box!important;border-radius:var(--mobile-radius)!important}
  .mobile-platform-card-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:var(--mobile-gap-2)!important}

  .mobile-platform-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:var(--mobile-gap-3)!important;min-width:0!important}
  .mobile-platform-form input,.mobile-platform-form select,.mobile-platform-form textarea,.mobile-platform-form button{max-width:100%!important}

  .mobile-platform-sheet{position:fixed!important;z-index:1900!important;left:0!important;right:0!important;bottom:0!important;max-height:min(82dvh,720px)!important;overflow:auto!important;padding-bottom:env(safe-area-inset-bottom)!important;border-radius:12px 12px 0 0!important;box-shadow:0 -12px 36px rgba(0,0,0,.45)!important}

  .mobile-platform-touch,.mobile-platform-toolbar button,.mobile-platform-toolbar a{min-width:var(--mobile-touch)!important;min-height:var(--mobile-touch)!important}

  body[data-mobile-layout="list-detail"] [data-mobile-role="detail"],body[data-mobile-layout="list-detail"][data-mobile-detail-open="1"] [data-mobile-role="list"]{display:none!important}
  body[data-mobile-layout="list-detail"][data-mobile-detail-open="1"] [data-mobile-role="detail"]{display:block!important}

  body[data-mobile-app-tier="desktop"] main>.view:not(.hidden),body[data-mobile-app-tier="desktop"] main>[id$="View"]:not(.hidden){overflow:auto}
}