/* True mobile Workspace shell. Desktop and laptops remain standard two-column Workspace. */
.ft-workspace-mobile-bar,.ft-workspace-drawer-backdrop,.ft-workspace-drawer-close{display:none}
@media(max-width:820px){
 body.hub-mode{overflow-x:hidden;background:#f5f5f1}
 body.hub-mode .os-shell{display:block!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;min-height:100dvh!important}
 body.hub-mode .hub-content{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
 body.hub-mode .hub-toolbar{display:none!important}
 body.hub-mode .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,340px)!important;height:100dvh!important;max-height:100dvh!important;z-index:1210!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px 14px calc(92px + env(safe-area-inset-bottom))!important;background:#173d31!important;box-shadow:20px 0 55px rgba(7,24,18,.2)!important;transform:translateX(-105%)!important;transition:transform .2s ease!important}
 body.ft-workspace-drawer-open .sidebar{transform:translateX(0)!important}
 body.hub-mode .sidebar .hub-brand{display:block!important;padding-right:46px}
 body.hub-mode .sidebar .side-nav{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;gap:7px!important;padding:0!important}
 body.hub-mode .sidebar .side-group{display:block!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;padding:4px!important;margin:7px 0!important}
 body.hub-mode .sidebar .side-group>div{display:grid!important;grid-template-columns:1fr!important}
 body.hub-mode .sidebar .side-group button{white-space:normal!important;min-height:42px!important;width:100%!important}
 body.hub-mode .os-main{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:18px 16px calc(104px + env(safe-area-inset-bottom))!important;overflow:visible!important}
 body.hub-mode #osMain>*{max-width:100%;min-width:0}
 body.hub-mode #osMain .grid-2,body.hub-mode #osMain .grid-3,body.hub-mode #osMain .grid-4,body.hub-mode #osMain .work-board,body.hub-mode #osMain .insight-layout,body.hub-mode #osMain .coming-soon-grid,body.hub-mode #osMain .launch-checklist,body.hub-mode #osMain .dashboard-links{grid-template-columns:1fr!important}
 body.hub-mode #osMain .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 body.hub-mode #osMain .kpi{min-width:0!important;padding:15px!important}
 body.hub-mode #osMain .kpi strong{font-size:26px!important}
 body.hub-mode #osMain .section-head,body.hub-mode #osMain .hub-page-head,body.hub-mode #osMain .pulse-head{display:block!important;width:100%!important;max-width:100%!important;margin-bottom:16px!important}
 body.hub-mode #osMain h1,body.hub-mode #osMain h2,body.hub-mode #osMain h3,body.hub-mode #osMain p{max-width:100%!important;overflow-wrap:anywhere}
 .ft-workspace-mobile-bar{position:sticky;top:0;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;background:rgba(255,253,248,.97);border-bottom:1px solid rgba(23,61,49,.12);box-shadow:0 5px 18px rgba(23,61,49,.045);backdrop-filter:blur(12px)}
 .ft-workspace-mobile-bar>div{min-width:0;display:grid;gap:1px}.ft-workspace-mobile-bar small{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#927b4b}.ft-workspace-mobile-bar strong{color:#173d31;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .ft-workspace-sections-btn{flex:0 0 auto;border:1px solid rgba(23,61,49,.18);border-radius:10px;background:#173d31;color:white;padding:9px 12px;font-size:12px;font-weight:800}
 .ft-workspace-drawer-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(8,27,20,.45);opacity:0;pointer-events:none;transition:opacity .2s;display:block}
 body.ft-workspace-drawer-open .ft-workspace-drawer-backdrop{opacity:1;pointer-events:auto}
 .ft-workspace-drawer-close{display:grid;place-items:center;position:absolute;right:12px;top:12px;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:24px;z-index:2}
 body.hub-mode .table-wrap{width:100%;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
 body.hub-mode .ft-mobile-card-table{min-width:0!important;border-collapse:separate!important;border-spacing:0 10px!important;background:transparent!important}
 body.hub-mode .ft-mobile-card-table thead{display:none!important}
 body.hub-mode .ft-mobile-card-table tbody,body.hub-mode .ft-mobile-card-table tr,body.hub-mode .ft-mobile-card-table td{display:block!important;width:100%!important}
 body.hub-mode .ft-mobile-card-table tr{border:1px solid rgba(23,61,49,.12)!important;border-radius:14px!important;background:#fff!important;padding:8px 12px!important;overflow:hidden!important}
 body.hub-mode .ft-mobile-card-table td{display:grid!important;grid-template-columns:minmax(86px,.36fr) minmax(0,1fr)!important;gap:10px!important;align-items:start!important;border-bottom:1px solid rgba(23,61,49,.08)!important;padding:9px 0!important;font-size:13px!important;overflow-wrap:anywhere!important}
 body.hub-mode .ft-mobile-card-table td:last-child{border-bottom:0!important}
 body.hub-mode .ft-mobile-card-table td:before{content:attr(data-ft-label);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a7950}
 body.hub-mode .ft-mobile-card-table td[data-ft-label=""]:before{display:none}
}
@media(max-width:520px){
 body.hub-mode #osMain .kpis{grid-template-columns:1fr 1fr!important}
 body.hub-mode #osMain .card{padding:17px!important}
 body.hub-mode #osMain .ft-workspace-guide{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){body.hub-mode .sidebar,.ft-workspace-drawer-backdrop{transition:none!important}}