/* GRID 19.11 · Flat / Podio-inspired consolidated UI
   This file intentionally loads LAST and is the single visual authority for
   navigation, app pages, workspace home and record detail. */
:root{
  --grid-aqua:#dff5f3;
  --grid-aqua-strong:#bfe9e6;
  --grid-line:#dfe4e8;
  --grid-bg:#f5f7f8;
  --grid-surface:#ffffff;
  --grid-text:#14181b;
  --grid-muted:#6f767b;
  --grid-primary:#4c7d90;
  --grid-primary-soft:color-mix(in srgb,var(--grid-primary) 12%,#fff);
  --grid-app-accent:var(--grid-primary);
  --grid-app-accent-soft:var(--grid-primary-soft);
  --grid-radius:9px;
  --grid-sidebar:270px;
}
html[data-theme="dark"]{
  --grid-aqua:#142625;
  --grid-aqua-strong:#1c3533;
  --grid-line:#30363a;
  --grid-bg:#0b0d0e;
  --grid-surface:#121516;
  --grid-text:#f3f5f5;
  --grid-muted:#9ba1a5;
  --grid-primary:#8db8c7;
  --grid-primary-soft:color-mix(in srgb,var(--grid-primary) 18%,#121516);
  --grid-app-accent:var(--grid-primary);
  --grid-app-accent-soft:var(--grid-primary-soft);
}
body{background:var(--grid-bg)!important;color:var(--grid-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.01em}
:where(.btn,.input,.select,.textarea,.search input,.workspace-switcher,.mobile-card,.workspace-home-card,.modal){box-shadow:none!important}
.btn{border-radius:7px!important;min-height:36px;font-weight:650}
.btn-primary{background:var(--grid-app-accent)!important;border-color:var(--grid-app-accent)!important;color:#fff!important}
.btn-light{background:var(--grid-surface)!important;border-color:var(--grid-line)!important}
.btn-ghost{color:var(--grid-muted)}
.input,.select,.textarea,.search input{border-radius:7px!important;border-color:var(--grid-line)!important;background:var(--grid-surface)!important}
.input:focus,.select:focus,.textarea:focus,.search input:focus{border-color:var(--grid-app-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--grid-app-accent) 15%,transparent)!important}
.badge.connection{border:1px solid color-mix(in srgb,var(--success) 28%,transparent);background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success)}

/* Global header */
.grid-globalbar{height:64px!important;left:0!important;padding:0 20px!important;background:var(--grid-aqua)!important;border-bottom:1px solid var(--grid-aqua-strong)!important;color:var(--grid-text)!important;backdrop-filter:none!important}
.grid-globalbar .globalbar-brand img{width:78px!important;filter:none!important}
html[data-theme="dark"] .grid-globalbar .globalbar-brand img{filter:invert(1)!important}
.grid-globalbar .globalbar-icon{color:var(--grid-text)!important}
.workspace-top-button{color:var(--grid-text)!important}
.globalbar-divider{background:color-mix(in srgb,var(--grid-text) 12%,transparent)!important}

/* Sidebar is flat and uses the same shell on every page. */
@media(min-width:1101px){
  body{--sidebar:var(--grid-sidebar);--topbar:64px}
  .sidebar{top:64px!important;bottom:0!important;width:var(--grid-sidebar)!important;background:var(--grid-surface)!important;border-right:1px solid var(--grid-line)!important;color:var(--grid-text)!important;box-shadow:none!important}
  .sidebar-head{display:none!important}
  .sidebar .workspace-switcher{margin:16px 14px 8px!important;padding:9px 10px!important;border:0!important;border-bottom:1px solid var(--grid-line)!important;border-radius:0!important;background:transparent!important;color:var(--grid-text)!important}
  .sidebar .eyebrow,.sidebar .nav-title{color:var(--grid-muted)!important}
  .sidebar .nav-scroll{padding:6px 10px 80px!important}
  .sidebar .nav-section{margin-top:12px!important}
  .sidebar .nav-title{padding:7px 9px 5px!important;font-size:9px!important;letter-spacing:.14em!important}
  .sidebar .nav-item{min-height:39px;padding:8px 10px!important;margin:1px 0!important;border-radius:7px!important;color:var(--grid-text)!important;font-size:13px!important;position:relative;background:transparent!important}
  .sidebar .nav-item:hover{background:#f1f4f5!important;color:var(--grid-text)!important}
  html[data-theme="dark"] .sidebar .nav-item:hover{background:#1a1e20!important}
  .sidebar .nav-item.active{background:color-mix(in srgb,var(--grid-app-accent) 9%,var(--grid-surface))!important;color:var(--grid-text)!important;font-weight:750!important}
  .sidebar .nav-item.active:before{content:"";position:absolute;left:-10px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--grid-app-accent)!important}
  .sidebar .app-nav-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,var(--app-color,var(--grid-app-accent)) 13%,var(--grid-surface));color:var(--app-color,var(--grid-app-accent))}
  .sidebar .app-nav-icon .icon{width:17px;height:17px}
  body.layout-sidebar:not(.sidebar-collapsed) .main{margin-left:var(--grid-sidebar)!important;padding-top:64px!important}
  body.layout-sidebar.sidebar-collapsed .main,body.layout-horizontal .main{margin-left:0!important;padding-top:64px!important}
  body.layout-horizontal .sidebar{transform:translateX(-105%)!important}
  body.layout-horizontal .sidebar.is-open{transform:translateX(0)!important;z-index:95!important;box-shadow:12px 0 34px rgba(25,35,40,.14)!important}
  body.layout-horizontal .sidebar-backdrop.is-open{display:block!important;position:fixed;inset:64px 0 0;z-index:94;background:rgba(16,25,30,.22)!important}
  .horizontal-appbar{display:none!important}

  /* Horizontal mode: same apps, simply moved below the header. */
  body.layout-horizontal .grid-podio-app-strip{display:flex!important;height:78px;padding:0 22px;align-items:stretch;gap:2px;background:var(--grid-surface);border-bottom:1px solid var(--grid-line);overflow-x:auto;scrollbar-width:thin}
  body.layout-sidebar .grid-podio-app-strip{display:none!important}
  .grid-podio-app-tab{flex:0 0 96px!important;min-width:82px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:9px 8px 7px!important;border:0!important;background:transparent!important;color:var(--grid-muted)!important;font-size:10px!important;font-weight:650!important;position:relative;text-decoration:none}
  .grid-podio-app-tab:hover{background:#f4f6f7!important;color:var(--grid-text)!important}
  html[data-theme="dark"] .grid-podio-app-tab:hover{background:#1a1e20!important}
  .grid-podio-app-tab .grid-podio-tab-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--app-color,#72808a) 12%,var(--grid-surface));color:var(--app-color,#72808a)}
  .grid-podio-app-tab.is-active{color:var(--grid-text)!important;background:color-mix(in srgb,var(--app-color,var(--grid-app-accent)) 5%,var(--grid-surface))!important}
  .grid-podio-app-tab.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:var(--app-color,var(--grid-app-accent))!important}
  .grid-podio-app-tab-add{border-left:1px solid var(--grid-line)!important;margin-left:7px!important;color:var(--grid-muted)!important}

  /* Podio-inspired app canvas: app-specific saved views stay in a dedicated left rail. */
  body.grid-podio-app-page .content{display:grid!important;grid-template-columns:238px minmax(0,1fr)!important;align-content:start;width:min(1460px,calc(100% - 38px))!important;max-width:1460px!important;min-height:calc(100dvh - 102px)!important;margin:20px auto 0!important;padding:0!important;background:var(--grid-surface)!important;border:1px solid var(--grid-line)!important;border-radius:8px!important;overflow:hidden;box-shadow:none!important}
  body.grid-podio-app-page .content>*:not(.grid-podio-view-rail){grid-column:2!important;min-width:0}
  body.grid-podio-app-page .grid-podio-view-rail{display:block!important;grid-column:1!important;grid-row:1/span 30!important;min-width:0!important;min-height:calc(100dvh - 102px)!important;padding:18px 13px 28px!important;border-right:1px solid var(--grid-line)!important;background:var(--grid-surface)!important}
  body.grid-podio-app-page .grid-podio-rail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 6px 24px}
  body.grid-podio-app-page .grid-podio-rail-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;letter-spacing:-.025em;color:var(--grid-text)}
  body.grid-podio-app-page .grid-podio-rail-icon{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--grid-muted);cursor:pointer}
  body.grid-podio-app-page .grid-podio-rail-icon:hover{background:#f1f4f5;color:var(--grid-text)}
  html[data-theme="dark"] body.grid-podio-app-page .grid-podio-rail-icon:hover{background:#1a1e20}
  body.grid-podio-app-page .grid-podio-views-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 5px 9px}
  body.grid-podio-app-page .grid-podio-views-head strong{font-size:12px}
  body.grid-podio-app-page .grid-podio-views-head button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--grid-primary);font-size:10px;font-weight:700;cursor:pointer}
  body.grid-podio-app-page .grid-podio-rail-items{display:grid;gap:2px}
  body.grid-podio-app-page .grid-podio-rail-items button{width:100%;min-width:0;display:flex;align-items:center;gap:7px;padding:9px 8px;border:0;border-radius:6px;background:transparent;color:var(--grid-muted);text-align:left;font:inherit;font-size:11px;font-weight:650;cursor:pointer}
  body.grid-podio-app-page .grid-podio-rail-items button span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.grid-podio-app-page .grid-podio-rail-items button small{font-size:9px;color:var(--grid-muted)}
  body.grid-podio-app-page .grid-podio-rail-items button:hover{background:#f3f5f6;color:var(--grid-text)}
  body.grid-podio-app-page .grid-podio-rail-items button.active{background:var(--grid-primary-soft);color:var(--grid-text)}
  html[data-theme="dark"] body.grid-podio-app-page .grid-podio-rail-items button:hover{background:#1a1e20}
  body.grid-podio-app-page .page-head{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:14px 20px 12px!important;border-bottom:1px solid var(--grid-line)!important;min-height:0!important}
  body.grid-podio-app-page .page-head>div:first-child{display:none!important}
  body.grid-podio-app-page .podio-toolbar{display:flex!important;align-items:center!important;gap:7px!important;margin-top:0!important;width:100%!important;flex-wrap:wrap!important}
  body.grid-podio-app-page .podio-toolbar>.icon-segmented{order:1;border:0!important;gap:4px!important;overflow:visible!important}
  body.grid-podio-app-page .podio-toolbar>.icon-segmented .btn{border:1px solid var(--grid-line)!important;border-radius:7px!important;background:var(--grid-surface)!important;min-height:38px!important;padding:7px 12px!important;color:var(--grid-muted)!important}
  body.grid-podio-app-page .podio-toolbar>.icon-segmented .btn.active{background:var(--grid-app-accent-soft)!important;border-color:color-mix(in srgb,var(--grid-app-accent) 20%,var(--grid-line))!important;color:var(--grid-app-accent)!important}
  body.grid-podio-app-page .podio-toolbar>.view-select-wrap{order:2;display:flex!important;align-items:center!important;gap:7px!important;border:1px solid var(--grid-line)!important;border-radius:7px!important;padding:0 7px 0 10px!important;min-height:38px!important;background:var(--grid-surface)!important}
  body.grid-podio-app-page .podio-toolbar>.view-select-wrap .eyebrow{font-size:8px!important;letter-spacing:.1em!important}
  body.grid-podio-app-page .podio-toolbar>.view-select-wrap .select{border:0!important;padding:5px 28px 5px 5px!important;min-height:34px!important;background:transparent!important;box-shadow:none!important;font-size:12px!important}
  body.grid-podio-app-page .podio-toolbar>.soft-icon-btn{order:3;width:38px!important;height:38px!important;min-width:38px!important;background:var(--grid-surface)!important;border:1px solid var(--grid-line)!important;border-radius:7px!important;color:var(--grid-muted)!important}
  body.grid-podio-app-page .podio-toolbar>.create-record-btn{order:10;margin-left:auto!important;border-radius:8px!important;min-height:40px!important;padding:8px 14px!important}
  body.grid-podio-app-page .content>.subtoolbar{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:12px 26px!important;border-bottom:1px solid var(--grid-line)!important;background:#fbfcfc!important;overflow:visible!important}
  html[data-theme="dark"] body.grid-podio-app-page .content>.subtoolbar{background:#0e1112!important}
  body.grid-podio-app-page .podio-subtoolbar .app-local-search{order:0!important;width:300px!important;flex:0 1 300px!important;margin:0!important}
  body.grid-podio-app-page .podio-subtoolbar .app-local-search input{height:38px!important;background:var(--grid-surface)!important}
  body.grid-podio-app-page .podio-subtoolbar>.soft-icon-btn{width:36px!important;height:36px!important;min-width:36px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--grid-muted)!important}
  body.grid-podio-app-page .podio-subtoolbar>.soft-icon-btn:hover{background:var(--grid-surface)!important;border-color:var(--grid-line)!important;color:var(--grid-text)!important}
  body.grid-podio-app-page .podio-subtoolbar .record-count{margin-left:auto!important;font-size:10px!important;color:var(--grid-muted)!important;white-space:nowrap!important}
  body.grid-podio-app-page .content>.card{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--grid-surface)!important;min-height:0!important}
  body.grid-podio-app-page .table-wrap{min-height:calc(100dvh - 330px)!important}
  body.grid-podio-app-page table{font-size:12px!important}
  body.grid-podio-app-page th{height:42px;padding:9px 14px!important;background:#f3f5f6!important;color:var(--grid-muted)!important;font-size:9px!important;border-color:var(--grid-line)!important}
  html[data-theme="dark"] body.grid-podio-app-page th{background:#171a1c!important}
  body.grid-podio-app-page td{height:56px;padding:10px 14px!important;border-color:var(--grid-line)!important;font-size:12px!important}
  body.grid-podio-app-page tbody tr:hover td{background:color-mix(in srgb,var(--grid-app-accent) 3%,var(--grid-surface))!important}

  /* Workspace home uses the same flat canvas. */
  body.grid-podio-home-page .content{width:min(1460px,calc(100% - 38px));max-width:1460px;padding:22px 0 38px!important}
  .workspace-home-grid{gap:14px!important;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)!important}
  .workspace-home-left,.workspace-home-right{gap:14px!important}
  .workspace-home-card{border:1px solid var(--grid-line)!important;border-radius:8px!important;background:var(--grid-surface)!important}
  .workspace-home-card-head{padding:20px 20px 14px!important}
  .workspace-home-card-head h1{font-size:25px!important;letter-spacing:-.035em!important}
  .workspace-home-stats>div{padding:11px 16px!important}
  .workspace-home-stats strong{font-size:17px!important}
  .workspace-home-composer{padding:14px 16px!important}
  .workspace-home-composer textarea{min-height:58px!important;border-radius:7px!important}
  .workspace-feed-item{padding:13px 16px!important;grid-template-columns:34px minmax(0,1fr) 16px!important}
  .workspace-feed-avatar{width:31px!important;height:31px!important;border-radius:7px!important}
  .workspace-home-info-card{grid-template-columns:68px minmax(0,1fr)!important}
  .workspace-home-info-mark{padding-top:19px!important;background:var(--grid-app-accent-soft)!important;color:var(--grid-app-accent)!important}
  .workspace-home-app{border-radius:7px!important}
  .workspace-home-app-icon{border-radius:8px;background:color-mix(in srgb,var(--app-color,#72808a) 13%,var(--grid-surface));color:var(--app-color,#72808a)}

  /* Record detail: Podio-like right drawer, not a centered second application. */
  #recordDetail.is-open{top:64px!important;right:0!important;bottom:0!important;left:auto!important;width:min(620px,46vw)!important;height:auto!important;max-height:none!important;border:0!important;border-left:1px solid var(--grid-line)!important;border-radius:0!important;background:var(--grid-surface)!important;box-shadow:-18px 0 42px rgba(22,34,40,.10)!important;overflow:auto!important;z-index:101!important}
  #recordDetail .drawer-head{position:sticky!important;top:0!important;z-index:4!important;min-height:110px!important;padding:18px 20px 14px!important;background:var(--grid-surface)!important;border-bottom:1px solid var(--grid-line)!important}
  #recordDetail .grid-detail-head-main{display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:15px!important;align-items:center!important;min-width:0}
  #recordDetail .grid-detail-date{grid-column:1;grid-row:1/4;width:70px;height:74px;border:1px solid var(--grid-line);border-radius:8px;background:#f6f7f8;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;color:var(--grid-text)}
  html[data-theme="dark"] #recordDetail .grid-detail-date{background:#191c1e}
  #recordDetail .grid-detail-date strong{font-size:27px;letter-spacing:-.05em}
  #recordDetail .grid-detail-date span{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--grid-muted);margin-top:4px}
  #recordDetail .grid-detail-date small{font-size:9px;color:var(--grid-muted);margin-top:5px}
  #recordDetail .grid-detail-head-main>.eyebrow{grid-column:2;grid-row:1;margin:0 0 2px;font-size:8px!important;color:var(--grid-muted)!important}
  #recordDetail .grid-detail-head-main>.modal-title{grid-column:2;grid-row:2;font-size:20px!important;line-height:1.18!important;letter-spacing:-.03em!important;min-width:0;overflow-wrap:anywhere}
  #recordDetail .grid-detail-head-main>.detail-updated{grid-column:2;grid-row:3;font-size:9px!important;margin-top:4px}
  #recordDetail .record-head-actions{gap:5px!important;align-items:flex-start!important}
  #recordDetail .record-tabs{position:sticky;top:107px;z-index:3;background:var(--grid-surface);display:flex!important;gap:0!important;border-bottom:1px solid var(--grid-line)!important;overflow-x:auto;scrollbar-width:none;padding:0 10px!important}
  #recordDetail .record-tabs::-webkit-scrollbar{display:none}
  #recordDetail .record-tab{display:flex!important;flex:0 0 auto!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:var(--grid-muted)!important;padding:13px 11px 11px!important;font-size:10px!important;font-weight:700!important}
  #recordDetail .record-tab.active{color:var(--grid-app-accent)!important;border-bottom-color:var(--grid-app-accent)!important}
  #recordDetail .record-tab-body{display:block!important;min-height:0!important;padding:0!important;overflow:visible!important}
  #recordDetail .grid-podio-detail-primary,#recordDetail .grid-podio-detail-collaboration{display:contents!important}
  #recordDetail .grid-podio-detail-side-tabs{display:none!important}
  #recordDetail [data-record-panel]{padding:16px 18px 28px!important;max-width:none!important}
  #recordDetail [data-record-panel][hidden]{display:none!important}
  #recordDetail [data-edit-record-fields]{border:1px solid var(--grid-line);border-radius:8px;overflow:hidden;background:var(--grid-surface)}
  #recordDetail [data-edit-record-fields]>.grid-detail-field{display:grid!important;grid-template-columns:155px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-height:58px!important;margin:0!important;padding:10px 11px!important;border-bottom:1px solid var(--grid-line)!important}
  #recordDetail [data-edit-record-fields]>.grid-detail-field:last-child{border-bottom:0!important}
  #recordDetail .grid-detail-field>.label{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;text-align:left!important;color:var(--grid-muted)!important;font-size:10px!important;font-weight:650!important}
  #recordDetail .grid-detail-field-icon{width:25px;height:25px;border:1px solid var(--grid-line);border-radius:6px;display:grid;place-items:center;color:var(--grid-muted);flex:0 0 auto}
  #recordDetail .grid-detail-field :is(.input,.select,.textarea){min-height:36px!important;padding:8px 9px!important;font-size:11px!important;border-radius:6px!important}
  #recordDetail .drawer-actions{margin-top:12px!important;display:flex;justify-content:flex-end;gap:6px}
  #recordDetail .section-title{font-size:10px!important;text-transform:uppercase;letter-spacing:.08em;color:var(--grid-muted);margin:18px 0 8px}
  #recordDetail .relation-summary,#recordDetail .backlinks{border:1px solid var(--grid-line);border-radius:8px;overflow:hidden;background:var(--grid-surface)}
  #recordDetail .relation-line,#recordDetail .backlink-item{border-radius:0!important;border:0!important;border-bottom:1px solid var(--grid-line)!important;margin:0!important}
  #recordDetail .relation-line:last-child,#recordDetail .backlink-item:last-child{border-bottom:0!important}
}

/* Mobile: same product, reflowed rather than redesigned. */
@media(max-width:720px){
  body{background:var(--grid-bg)!important;padding-top:var(--safe-top)}
  .grid-globalbar{top:var(--safe-top)!important;height:62px!important;padding:0 12px!important;background:var(--grid-surface)!important;border-bottom:1px solid var(--grid-line)!important}
  .grid-globalbar .globalbar-brand{display:none!important}
  .globalbar-left{min-width:0!important;gap:5px!important}
  .globalbar-left>[data-menu-toggle]{display:inline-flex!important;width:34px!important;min-width:34px!important;color:var(--grid-text)!important}
  .workspace-top-button{min-width:0!important;max-width:220px!important;padding:4px 4px!important}
  .workspace-top-button strong{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .workspace-top-logo{width:34px!important;height:34px!important;border-radius:7px!important}
  .globalbar-divider,.globalbar-desktop-action{display:none!important}
  .globalbar-right{gap:1px!important}
  .globalbar-right .globalbar-connection{font-size:9px!important;padding:4px 7px!important}
  .globalbar-right .notification-button{display:none!important}
  .globalbar-right .avatar{width:34px!important;height:34px!important}
  .main{padding-top:62px!important;margin-left:0!important}
  .content{padding:14px 12px calc(84px + var(--safe-bottom))!important}
  .grid-podio-app-strip,.grid-podio-view-rail{display:none!important}

  /* App identity */
  body.grid-podio-app-page .page-head{display:block!important;margin:0!important;padding:4px 0 0!important;border:0!important}
  body.grid-podio-app-page .page-head>div:first-child{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:11px!important;align-items:center!important;margin:0 0 14px!important}
  body.grid-podio-app-page .current-app-eyebrow{grid-column:1;grid-row:1/3;width:44px;height:44px;margin:0!important;border-radius:10px;display:grid!important;place-items:center!important;background:var(--grid-app-accent-soft)!important;color:var(--grid-app-accent)!important}
  body.grid-podio-app-page .current-app-eyebrow>span:last-child{display:none!important}
  body.grid-podio-app-page .current-app-icon .icon{width:23px!important;height:23px!important}
  body.grid-podio-app-page .page-head .page-title{display:block!important;grid-column:2;grid-row:1;margin:0!important;font-size:23px!important;line-height:1.12!important;letter-spacing:-.035em!important}
  body.grid-podio-app-page .page-head .subtitle{display:block!important;grid-column:2;grid-row:2;margin:2px 0 0!important;font-size:10px!important;color:var(--grid-muted)!important}

  body.grid-podio-app-page .page-head>.podio-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;gap:8px!important;margin:0!important;width:100%!important}
  body.grid-podio-app-page .podio-toolbar>.icon-segmented{grid-column:1/-1!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;border:0!important;overflow:visible!important}
  body.grid-podio-app-page .podio-toolbar>.icon-segmented .btn{min-width:0!important;height:40px!important;border:1px solid var(--grid-line)!important;border-radius:8px!important;background:var(--grid-surface)!important;color:var(--grid-muted)!important;gap:5px!important;padding:6px 8px!important}
  body.grid-podio-app-page .podio-toolbar>.icon-segmented .btn.active{background:var(--grid-app-accent-soft)!important;border-color:color-mix(in srgb,var(--grid-app-accent) 20%,var(--grid-line))!important;color:var(--grid-app-accent)!important}
  body.grid-podio-app-page .podio-toolbar>.icon-segmented .toolbar-label{display:inline!important;font-size:10px!important}
  body.grid-podio-app-page .podio-toolbar>.view-select-wrap{grid-column:1!important;grid-row:2!important;display:flex!important;align-items:center!important;min-height:40px!important;width:100%!important;padding:0 8px 0 10px!important;border:1px solid var(--grid-line)!important;border-radius:8px!important;background:var(--grid-surface)!important;gap:5px!important}
  body.grid-podio-app-page .podio-toolbar>.view-select-wrap .eyebrow{font-size:8px!important;letter-spacing:.1em!important}
  body.grid-podio-app-page .podio-toolbar>.view-select-wrap .select{min-height:36px!important;height:36px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:5px 26px 5px 4px!important;font-size:12px!important}
  body.grid-podio-app-page .podio-toolbar>[data-open-view-settings]{grid-column:2!important;grid-row:2!important;display:inline-flex!important;width:40px!important;height:40px!important;min-width:40px!important;border:1px solid var(--grid-line)!important;border-radius:8px!important;background:var(--grid-surface)!important}
  body.grid-podio-app-page .podio-toolbar>[data-open-import],
  body.grid-podio-app-page .podio-toolbar>[data-open-export],
  body.grid-podio-app-page .podio-toolbar>[data-open-app-settings],
  body.grid-podio-app-page .podio-toolbar>.create-record-btn{display:none!important}

  body.grid-podio-app-page .podio-subtoolbar{display:grid!important;grid-template-columns:36px 36px 36px minmax(0,1fr)!important;gap:6px!important;align-items:center!important;margin:9px 0 10px!important;padding:0!important;overflow:visible!important}
  body.grid-podio-app-page .podio-subtoolbar>.soft-icon-btn{width:36px!important;height:36px!important;min-width:36px!important;border:1px solid var(--grid-line)!important;border-radius:8px!important;background:var(--grid-surface)!important;color:var(--grid-muted)!important}
  body.grid-podio-app-page .podio-subtoolbar>.record-count{grid-column:4;grid-row:1;margin:0!important;justify-self:end;font-size:10px!important;color:var(--grid-muted)!important;white-space:nowrap!important}
  body.grid-podio-app-page .podio-subtoolbar>.sync-note,body.grid-podio-app-page .podio-subtoolbar>.view-dirty{display:none!important}
  body.grid-podio-app-page .podio-subtoolbar>.app-local-search{grid-column:1/-1!important;grid-row:2!important;width:100%!important;min-width:0!important;margin:0!important;order:unset!important}
  body.grid-podio-app-page .podio-subtoolbar>.app-local-search input{height:42px!important;border-radius:8px!important;font-size:13px!important;background:var(--grid-surface)!important}
  body.grid-podio-app-page .podio-subtoolbar .kanban-field-picker,body.grid-podio-app-page .podio-subtoolbar .calendar-field-picker{grid-column:1/-1!important}

  body.grid-podio-app-page .card:has(.mobile-list[data-mobile-records]){margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  body.grid-podio-app-page .mobile-list[data-mobile-records]{display:grid!important;gap:7px!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important}
  .grid-record-month{padding:9px 3px 1px;color:var(--grid-muted);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
  .mobile-list[data-mobile-records]>.grid-record-card--compact{position:relative!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid var(--grid-line)!important;border-radius:9px!important;background:var(--grid-surface)!important;overflow:hidden!important;box-shadow:none!important}
  .grid-record-card--compact .grid-record-main{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;min-height:72px!important;padding:10px 44px 10px 9px!important}
  .grid-record-card--compact .grid-record-date-tile{width:48px;min-height:48px;border-right:1px solid var(--grid-line);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;color:var(--grid-text)}
  .grid-record-card--compact .grid-record-date-tile strong{font-size:18px;letter-spacing:-.045em}
  .grid-record-card--compact .grid-record-date-tile span{margin-top:4px;font-size:8px;font-weight:800;letter-spacing:.09em;color:var(--grid-muted)}
  .grid-record-card--compact .grid-record-body{min-width:0!important}
  .grid-record-card--compact .grid-record-heading{font-size:13px!important;font-weight:740!important;line-height:1.28!important;letter-spacing:-.012em!important;overflow-wrap:anywhere}
  .grid-record-card--compact .grid-record-secondary{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin-top:5px!important}
  .grid-record-card--compact .grid-record-tag{display:inline-flex!important;align-items:center!important;max-width:100%!important;border-radius:999px!important;background:#f1f3f4!important;padding:3px 7px!important;color:var(--grid-muted)!important;font-size:9.5px!important;line-height:1.25!important;white-space:normal!important}
  html[data-theme="dark"] .grid-record-card--compact .grid-record-tag{background:#1b1f21!important}
  .grid-record-card--compact .grid-record-secondary-label{font-weight:700}
  .grid-record-card--compact .grid-record-trailing{display:flex;align-items:center;gap:5px;justify-content:flex-end;min-width:0}
  .grid-record-card--compact .grid-record-value{font-size:10px;font-weight:800;color:var(--success);white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}
  .grid-record-card--compact .grid-record-chevron{display:none!important}
  body.grid-podio-app-page .mobile-card.grid-bulk-decorated>.grid-bulk-check{position:absolute!important;right:13px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;margin:0!important;z-index:3!important;accent-color:var(--grid-app-accent);opacity:.72}
  body.grid-podio-app-page .mobile-card.grid-bulk-decorated:has(.grid-bulk-check:checked){border-color:color-mix(in srgb,var(--grid-app-accent) 45%,var(--grid-line))!important;background:color-mix(in srgb,var(--grid-app-accent) 4%,var(--grid-surface))!important}
  body.grid-podio-app-page .mobile-card.grid-bulk-decorated .grid-record-main{padding-left:9px!important;padding-right:44px!important}

  /* Workspace home: remove duplicated mobile blocks and reduce vertical bulk. */
  .workspace-home-page{padding:0!important}
  .workspace-home-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .workspace-home-left,.workspace-home-right{gap:10px!important}
  .workspace-home-card{border:1px solid var(--grid-line)!important;border-radius:9px!important;background:var(--grid-surface)!important;overflow:hidden!important}
  .workspace-home-members-card .workspace-home-card-head{padding:16px 16px 12px!important}
  .workspace-home-card-head h1{font-size:23px!important;line-height:1.12!important;letter-spacing:-.035em!important}
  .workspace-home-card-head p{font-size:9.5px!important}
  .workspace-home-stats>div{padding:10px 12px!important}
  .workspace-home-stats strong{font-size:16px!important}
  .workspace-home-stats span{font-size:7.5px!important}
  .workspace-home-info-card{display:none!important}
  .workspace-home-composer{padding:11px!important}
  .workspace-home-composer textarea{min-height:54px!important;border-radius:7px!important;font-size:13px!important;padding:10px!important}
  .workspace-home-composer-foot{padding-top:8px!important}
  .workspace-feed-item{padding:12px!important;grid-template-columns:31px minmax(0,1fr) 14px!important;gap:9px!important}
  .workspace-feed-avatar{width:30px!important;height:30px!important;border-radius:7px!important}
  .workspace-feed-meta strong{font-size:10.5px!important}.workspace-feed-body{font-size:10.5px!important}
  .workspace-home-panel-head{padding:11px 12px!important}.workspace-home-panel-head h2{font-size:11px!important}
  .workspace-home-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  .workspace-home-app{min-height:68px!important;border:1px solid transparent!important;border-radius:7px!important;padding:7px 5px!important}
  .workspace-home-app-icon{width:30px!important;height:30px!important;border-radius:8px;background:color-mix(in srgb,var(--app-color,#72808a) 13%,var(--grid-surface));color:var(--app-color,#72808a)}

  /* Record detail becomes a full-screen flat panel on phone. */
  #recordDetail{top:var(--safe-top)!important;bottom:auto!important;left:0!important;right:0!important;width:100vw!important;height:calc(100dvh - var(--safe-top))!important;border:0!important;border-radius:0!important;background:var(--grid-surface)!important}
  #recordDetail .drawer-head{position:sticky!important;top:0!important;z-index:4!important;padding:11px 12px!important;min-height:86px!important;background:var(--grid-surface)!important;border-bottom:1px solid var(--grid-line)!important}
  #recordDetail .grid-detail-head-main{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:11px!important;align-items:center!important;min-width:0}
  #recordDetail .grid-detail-date{grid-column:1;grid-row:1/4;width:58px;height:62px;border:1px solid var(--grid-line);border-radius:8px;background:#f6f7f8;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
  html[data-theme="dark"] #recordDetail .grid-detail-date{background:#191c1e}
  #recordDetail .grid-detail-date strong{font-size:22px}.grid-detail-date span{font-size:8px;font-weight:800;letter-spacing:.08em;color:var(--grid-muted);margin-top:3px}.grid-detail-date small{font-size:8px;color:var(--grid-muted);margin-top:4px}
  #recordDetail .grid-detail-head-main>.eyebrow{grid-column:2;grid-row:1;margin:0;font-size:7.5px!important}.grid-detail-head-main>.modal-title{grid-column:2;grid-row:2;font-size:17px!important;line-height:1.18!important}.grid-detail-head-main>.detail-updated{grid-column:2;grid-row:3;font-size:8px!important;margin-top:3px}
  #recordDetail .follow-record-btn{display:none!important}
  #recordDetail .record-tabs{position:sticky!important;top:85px!important;z-index:3!important;display:flex!important;justify-content:flex-start!important;overflow-x:auto!important;gap:0!important;padding:0 6px!important;background:var(--grid-surface)!important;border-bottom:1px solid var(--grid-line)!important;scrollbar-width:none}
  #recordDetail .record-tabs::-webkit-scrollbar{display:none}
  #recordDetail .record-tab{flex:0 0 auto!important;padding:12px 9px 10px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:var(--grid-muted)!important;font-size:9.5px!important;font-weight:700!important}
  #recordDetail .record-tab.active{color:var(--grid-app-accent)!important;border-bottom-color:var(--grid-app-accent)!important}
  #recordDetail .record-tab-body{display:block!important;padding:0!important;min-height:0!important}
  #recordDetail [data-record-panel]{padding:13px 11px calc(28px + var(--safe-bottom))!important}
  #recordDetail [data-record-panel][hidden]{display:none!important}
  #recordDetail [data-edit-record-fields]{border:1px solid var(--grid-line);border-radius:8px;overflow:hidden;background:var(--grid-surface)}
  #recordDetail [data-edit-record-fields]>.grid-detail-field{display:grid!important;grid-template-columns:115px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;min-height:54px!important;margin:0!important;padding:8px!important;border-bottom:1px solid var(--grid-line)!important}
  #recordDetail [data-edit-record-fields]>.grid-detail-field:last-child{border-bottom:0!important}
  #recordDetail .grid-detail-field>.label{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;color:var(--grid-muted)!important;font-size:9px!important;text-align:left!important}
  #recordDetail .grid-detail-field-icon{width:23px;height:23px;border:1px solid var(--grid-line);border-radius:6px;display:grid;place-items:center;flex:0 0 auto}
  #recordDetail .grid-detail-field :is(.input,.select,.textarea){min-height:35px!important;padding:7px 8px!important;font-size:11px!important}
  #recordDetail .drawer-actions{display:flex!important;justify-content:flex-end!important;gap:6px!important;margin-top:10px!important}
  #recordDetail .section-title{font-size:9px!important;text-transform:uppercase;letter-spacing:.08em;color:var(--grid-muted);margin:16px 0 7px}

  /* Bottom navigation is flat; the central action only exists where it has meaning. */
  .mobile-nav{height:calc(66px + var(--safe-bottom))!important;padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left)!important;background:var(--grid-surface)!important;border-top:1px solid var(--grid-line)!important;box-shadow:none!important}
  .mobile-nav button{color:var(--grid-muted)!important}
  .mobile-nav .active{color:var(--grid-text)!important}
  .mobile-nav button>span:last-child{font-size:9px!important}
  .mobile-nav .create{color:var(--grid-text)!important}
  .mobile-nav .create .bubble{width:42px!important;height:42px!important;margin-top:-17px!important;border-radius:50%!important;background:var(--grid-app-accent)!important;color:#fff!important;box-shadow:none!important}
  body.workspace-home-mode .mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.workspace-home-mode .mobile-nav .create{display:none!important}
}

@media(min-width:721px) and (max-width:1100px){
  .grid-globalbar{height:64px!important}
  .main{padding-top:64px!important}
  .content{padding:22px 18px 80px!important}
}

/* 19.11.0 cascade locks: beat legacy hotfix specificity without another layout fork. */
body.grid-podio-app-page .page-head .current-app-eyebrow{display:grid!important}
body.grid-podio-app-page .create-record-btn{background:var(--grid-app-accent)!important;border-color:var(--grid-app-accent)!important;color:#fff!important}
@media(max-width:720px){
  body.grid-podio-app-page .podio-subtoolbar>.soft-icon-btn{display:inline-flex!important}
}

/* 19.11.0 horizontal shell owns the app navigation; suppress the legacy horizontal clone. */
@media (min-width:1101px){
  body.grid-podio-desktop-ui.layout-horizontal .horizontal-appbar{display:none!important}
  body.grid-podio-desktop-ui.layout-horizontal .main{padding-top:64px!important}
}

/* Bulk selection belongs in the compact app toolbar, not as a loose mobile row. */
@media (max-width:720px){
  body.grid-podio-app-page .podio-subtoolbar{grid-template-columns:36px 36px 36px 36px minmax(0,1fr)!important}
  body.grid-podio-app-page .podio-subtoolbar>[data-bulk-select-visible]{grid-column:4;grid-row:1;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border:1px solid var(--grid-line)!important;border-radius:8px!important;background:var(--grid-surface)!important;color:var(--grid-muted)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
  body.grid-podio-app-page .podio-subtoolbar>[data-bulk-select-visible]>span:not([data-icon]){display:none!important}
  body.grid-podio-app-page .podio-subtoolbar>.record-count{grid-column:5!important;grid-row:1!important}
  body.grid-podio-app-page .podio-subtoolbar>.app-local-search{grid-column:1/-1!important;grid-row:2!important}
}


/* GRID 19.11.1 — blue Podio theme + iOS header + restored view rail locks */
.btn-primary,
body.grid-podio-app-page .create-record-btn{background:var(--grid-primary)!important;border-color:var(--grid-primary)!important;color:#fff!important}
.input:focus,.select:focus,.textarea:focus,.search input:focus{border-color:var(--grid-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--grid-primary) 15%,transparent)!important}
body.grid-podio-app-page .podio-toolbar>.icon-segmented .btn.active{background:var(--grid-primary-soft)!important;border-color:color-mix(in srgb,var(--grid-primary) 24%,var(--grid-line))!important;color:var(--grid-primary)!important}
body.grid-podio-app-page .current-app-eyebrow{background:var(--grid-primary-soft)!important;color:var(--grid-primary)!important}
body.grid-podio-app-page .grid-podio-app-tab.is-active:after{background:var(--grid-primary)!important}
.sidebar .nav-item.active{background:var(--grid-primary-soft)!important}
.sidebar .nav-item.active:before{background:var(--grid-primary)!important}
#recordDetail .record-tab.active{color:var(--grid-primary)!important;border-bottom-color:var(--grid-primary)!important}

@media(max-width:720px){
  /* One safe-area model only: header owns the iOS inset, content starts below it. */
  :root{--grid-mobile-header-content:56px;--grid-mobile-header:calc(var(--grid-mobile-header-content) + var(--safe-top))}
  body{padding-top:0!important}
  .grid-globalbar{top:0!important;height:var(--grid-mobile-header)!important;min-height:var(--grid-mobile-header)!important;padding:var(--safe-top) calc(10px + var(--safe-right)) 0 calc(10px + var(--safe-left))!important}
  .main{padding-top:var(--grid-mobile-header)!important}
  .sidebar{top:var(--grid-mobile-header)!important}
  .workspace-top-menu{top:var(--grid-mobile-header)!important}
  body.grid-podio-app-page .content{display:block!important;width:auto!important;max-width:none!important;min-height:0!important;margin:0!important;padding:14px 12px calc(84px + var(--safe-bottom))!important;border:0!important;border-radius:0!important;background:var(--grid-bg)!important;overflow:visible!important}
  body.grid-podio-app-page .content>*{grid-column:auto!important}
  body.grid-podio-app-page .grid-podio-view-rail{display:none!important}
  .mobile-nav .create .bubble{background:var(--grid-primary)!important}
  body.grid-podio-app-page .mobile-card.grid-bulk-decorated>.grid-bulk-check{accent-color:var(--grid-primary)!important}
  body.grid-podio-app-page .mobile-card.grid-bulk-decorated:has(.grid-bulk-check:checked){border-color:color-mix(in srgb,var(--grid-primary) 45%,var(--grid-line))!important;background:color-mix(in srgb,var(--grid-primary) 4%,var(--grid-surface))!important}
}

/* GRID 19.11.3 · kalenderkilder konfigureres pr. app */
.app-calendar-settings{margin:16px 0 18px;border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:14px;display:grid;gap:12px}
.app-calendar-settings-head{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start}
.app-calendar-settings-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface-2);border-radius:7px;color:var(--grid-primary,var(--accent))}
.app-calendar-settings-head strong{display:block;font-size:12px}
.app-calendar-settings-head p{margin:3px 0 0;font-size:9.5px;line-height:1.5;color:var(--muted)}
.app-calendar-master{margin:0;background:var(--surface-2)}
.builder-calendar-toggle{margin-top:10px;background:var(--surface);border-style:dashed}
.builder-calendar-toggle input{accent-color:var(--grid-primary,var(--accent))}
.builder-calendar-toggle small{display:block;font-size:9px;color:var(--muted);margin-top:2px}
form.calendar-source-disabled .builder-calendar-toggle{opacity:.48}
@media(max-width:720px){.app-calendar-settings{padding:12px}.app-calendar-settings-head{grid-template-columns:30px minmax(0,1fr)}.app-calendar-settings-icon{width:30px;height:30px}.builder-calendar-toggle{align-items:flex-start;padding-top:9px;padding-bottom:9px}}

/* ==============================================================
   GRID 19.11.4 · Podio-inspireret lounge, visninger og kalender
   ============================================================== */

/* Rene appikoner: farven ligger i selve ikonet, ikke i en grå flise. */
.sidebar .app-nav-icon,
.horizontal-apps .app-nav-icon,
.grid-podio-app-tab .grid-podio-tab-icon,
.workspace-home-app-icon,
.lounge-widget-apps .workspace-home-app-icon{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.sidebar .app-nav-icon,
.horizontal-apps .app-nav-icon,
.grid-podio-app-tab .grid-podio-tab-icon{border-radius:0!important}

/* Logoer er identitetsmærker og må aldrig beskæres som profilbilleder. */
.workspace-home-info-mark.has-image img,
.lounge-workspace-logo.has-image img,
[data-home-workspace-logo].has-image img,
.horizontal-workspace-logo img,
.workspace-mini-logo img,
.workspace-top-logo img,
.workspace-brand-preview img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
}
.lounge-workspace-logo.has-image img,[data-home-workspace-logo].has-image img{padding:5px!important}

/* --- Workspace lounge / landingsside --- */
.workspace-home-page{padding:20px 22px 40px!important;background:var(--grid-bg,#f4f6f7)!important}
.workspace-lounge{width:min(1460px,100%);margin:0 auto;display:grid;gap:16px}
.lounge-hero{position:relative;isolation:isolate;overflow:hidden;min-height:190px;border:1px solid var(--grid-border,var(--border));border-radius:14px;background:var(--grid-surface,var(--surface));box-shadow:0 1px 2px rgba(16,24,40,.04)}
.lounge-hero-media{position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;opacity:0;transition:opacity .2s ease}
.lounge-hero.has-hero-image .lounge-hero-media{opacity:1}
.lounge-hero.has-hero-image::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 45%,rgba(255,255,255,.42) 100%)}
.lounge-hero-content{min-height:190px;padding:26px 28px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px}
.lounge-workspace-logo{width:94px;height:94px;border:1px solid var(--grid-border,var(--border));border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden;color:var(--grid-primary,#4c7d90);flex:none}
.lounge-hero-copy{min-width:0}.lounge-hero-copy h1{margin:4px 0 5px;font-size:clamp(28px,3vw,43px);line-height:1.04;letter-spacing:-.035em}.lounge-hero-copy>p{margin:0;max-width:720px;color:var(--grid-muted,var(--muted));font-size:14px;line-height:1.55}.lounge-hero-meta{margin-top:13px;font-size:11px;color:var(--grid-muted,var(--muted))}
.lounge-hero-actions{align-self:start;display:flex;gap:7px;align-items:center}
.workspace-lounge[data-lounge-style="soft"] .lounge-hero{background:linear-gradient(125deg,color-mix(in srgb,var(--grid-primary,#4c7d90) 8%,#fff),#fff 62%)}
.workspace-lounge[data-lounge-style="image"] .lounge-hero.has-hero-image{min-height:240px}
.workspace-lounge[data-lounge-style="image"] .lounge-hero-content{min-height:240px}

.lounge-widget-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:start}
.lounge-widget{grid-column:span var(--lounge-span,6);min-width:0;background:var(--grid-surface,var(--surface));border:1px solid var(--grid-border,var(--border));border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.03)}
.lounge-widget-head{min-height:48px;padding:12px 14px;border-bottom:1px solid var(--grid-border,var(--border));display:flex;align-items:center;justify-content:space-between;gap:10px}.lounge-widget-head h2{margin:0;font-size:13px}.lounge-widget-head .btn{min-height:30px}
.lounge-stats{display:grid;grid-template-columns:repeat(3,1fr)}.lounge-stats>div{padding:18px 20px;border-right:1px solid var(--grid-border,var(--border));display:grid;gap:2px}.lounge-stats>div:last-child{border-right:0}.lounge-stats strong{font-size:28px;line-height:1}.lounge-stats span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--grid-muted,var(--muted));font-weight:800}
.lounge-text{padding:18px 20px;font-size:13px;line-height:1.7;white-space:normal}
.lounge-image-widget{min-height:220px;background:var(--grid-surface-2,var(--surface-2));display:grid;place-items:center;color:var(--grid-muted,var(--muted));overflow:hidden}.lounge-image-widget img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}.lounge-image-caption{margin:0;padding:9px 13px 12px;color:var(--grid-muted,var(--muted));font-size:10px}
.lounge-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:9px}.lounge-action{border:0;background:transparent;border-radius:8px;padding:12px;text-align:left;display:grid;grid-template-columns:28px 1fr;column-gap:9px;row-gap:1px;color:var(--grid-text,var(--text));cursor:pointer}.lounge-action:hover{background:var(--grid-surface-2,var(--surface-2))}.lounge-action>span{grid-row:1/3;width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:var(--grid-primary,#4c7d90);background:color-mix(in srgb,var(--grid-primary,#4c7d90) 9%,transparent)}.lounge-action strong{font-size:11px}.lounge-action small{font-size:9px;color:var(--grid-muted,var(--muted))}
.lounge-widget .workspace-home-apps{padding:7px 9px 10px}.lounge-widget .workspace-home-panel-list{min-height:80px}.lounge-widget .workspace-home-composer{border:0;border-radius:0;padding:13px;border-bottom:1px solid var(--grid-border,var(--border));background:transparent}.lounge-widget .workspace-home-feed{border:0;border-radius:0}

/* Lounge editor */
.lounge-editor-modal{width:min(1040px,96vw)!important}.lounge-editor-body{display:grid;gap:16px;background:var(--grid-bg,#f4f6f7)}.lounge-editor-section{padding:17px;background:var(--grid-surface,var(--surface));border:1px solid var(--grid-border,var(--border));border-radius:11px}.lounge-editor-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.lounge-editor-section-head>div{display:grid;gap:3px}.lounge-editor-section-head small{font-size:10px;color:var(--grid-muted,var(--muted))}.lounge-image-control{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center}.lounge-image-preview{height:92px;border:1px dashed var(--grid-border,var(--border));border-radius:9px;background:var(--grid-surface-2,var(--surface-2));display:grid;place-items:center;overflow:hidden}.lounge-image-preview img{width:100%;height:100%;object-fit:cover}.lounge-widget-editor{display:grid;gap:8px}.lounge-widget-edit-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:start;border:1px solid var(--grid-border,var(--border));border-radius:9px;padding:10px;background:var(--grid-surface,var(--surface))}.lounge-widget-drag{display:grid;gap:2px}.lounge-widget-edit-main{min-width:0}.lounge-widget-enabled{display:flex;align-items:center;gap:5px;font-size:10px;padding-top:24px}.lounge-widget-remove{margin-top:19px}.lounge-width-field{max-width:120px}

/* --- Podio-lignende layout-, sorterings- og filter-popovers --- */
.grid-layout-trigger{min-width:116px;justify-content:flex-start!important;gap:7px!important}
.grid-quick-popover{position:fixed;z-index:2600;background:var(--grid-surface,var(--surface));border:1px solid var(--grid-border,var(--border));border-radius:8px;box-shadow:0 14px 36px rgba(15,23,42,.14);overflow:visible;color:var(--grid-text,var(--text));min-width:250px}
.grid-popover-arrow{position:absolute;width:14px;height:14px;background:inherit;border-left:1px solid var(--grid-border,var(--border));border-top:1px solid var(--grid-border,var(--border));transform:rotate(45deg);top:-8px;left:28px}
.grid-popover-title{padding:11px 14px 8px;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.grid-popover-title b{min-width:18px;height:18px;border-radius:999px;background:var(--grid-primary,#4c7d90);color:#fff;display:grid;place-items:center;font-size:9px}
.grid-layout-option{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:9px 13px;display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:center;cursor:pointer}.grid-layout-option:hover,.grid-layout-option.active{background:var(--grid-surface-2,var(--surface-2))}.grid-layout-option.active::before{content:"✓";position:absolute;margin-left:-1px;color:#55a630;font-weight:900}.grid-layout-option>span:first-child{display:grid;place-items:center;color:var(--grid-muted,var(--muted))}.grid-layout-option.active>span:first-child{visibility:hidden}.grid-layout-option>span:last-child{display:flex;align-items:center;gap:7px}.grid-layout-option strong{font-size:12px}.grid-layout-option small{font-size:8px;background:#c8efff;color:#163e4b;padding:2px 4px;border-radius:3px;font-weight:700}
.grid-sort-options{padding:2px 0 6px;max-height:min(70vh,520px);overflow:auto}.grid-sort-options button{width:100%;border:0;background:transparent;color:inherit;padding:7px 12px;display:grid;grid-template-columns:27px 1fr;text-align:left;align-items:center;font-size:11px;cursor:pointer}.grid-sort-options button:hover{background:var(--grid-surface-2,var(--surface-2))}.grid-sort-options button.active{font-weight:800}.grid-sort-check{color:#55a630;display:grid;place-items:center}.grid-popover-clear{width:100%;border:0;border-top:1px solid var(--grid-border,var(--border));background:transparent;color:var(--grid-muted,var(--muted));padding:9px 13px;text-align:left;font-size:10px;cursor:pointer}.grid-popover-clear:hover{background:var(--grid-surface-2,var(--surface-2));color:var(--grid-text,var(--text))}
.grid-filter-popover{width:min(920px,calc(100vw - 32px))}.grid-filter-layout{display:grid;grid-template-columns:270px minmax(360px,1fr);min-height:430px}.grid-filter-layout>aside{border-right:1px solid var(--grid-border,var(--border));background:var(--grid-surface-2,var(--surface-2));padding-top:4px}.grid-filter-layout>main{padding:20px;background:var(--grid-surface,var(--surface))}.grid-filter-fields{display:grid}.grid-filter-fields button{border:0;border-top:1px solid color-mix(in srgb,var(--grid-border,var(--border)) 72%,transparent);background:transparent;color:var(--grid-muted,var(--muted));min-height:48px;padding:10px 15px;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px}.grid-filter-fields button:hover,.grid-filter-fields button.active{background:var(--grid-surface,var(--surface));color:var(--grid-text,var(--text))}.grid-filter-fields button b{color:var(--grid-primary,#4c7d90);font-size:8px}.grid-filter-editor{display:grid;gap:14px}.grid-filter-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.grid-filter-editor-head>div{display:grid;gap:4px}.grid-filter-editor-head strong{font-size:18px}.grid-filter-editor>label{display:grid;gap:5px}.grid-filter-editor>label>span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:var(--grid-muted,var(--muted))}.grid-filter-empty-value{border:1px dashed var(--grid-border,var(--border));border-radius:7px;padding:11px;color:var(--grid-muted,var(--muted));font-size:10px}.grid-filter-today{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:6px!important;margin-top:7px;font-size:10px!important}.grid-filter-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:auto}.grid-filter-placeholder{min-height:330px;display:grid;place-content:center;text-align:center;max-width:360px;margin:auto;color:var(--grid-muted,var(--muted))}.grid-filter-placeholder strong{color:var(--grid-text,var(--text));font-size:14px}.grid-filter-placeholder p{font-size:11px;line-height:1.5}

/* Alternative appvisninger */
.grid-badge-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;padding:14px}.grid-badge-record{border:1px solid var(--grid-border,var(--border));border-radius:9px;background:var(--grid-surface,var(--surface));padding:12px;display:grid;gap:7px;text-align:left;color:inherit;cursor:pointer}.grid-badge-record:hover{border-color:var(--grid-primary,#4c7d90)}
.grid-card-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;padding:14px}.grid-layout-card{border:1px solid var(--grid-border,var(--border));border-radius:10px;background:var(--grid-surface,var(--surface));padding:14px;display:grid;gap:10px;cursor:pointer}.grid-layout-card:hover{box-shadow:0 4px 14px rgba(15,23,42,.07)}
.grid-activity-layout{display:grid;padding:8px 14px 18px}.grid-activity-record{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--grid-border,var(--border));cursor:pointer}.grid-activity-record:last-child{border-bottom:0}.grid-activity-record:hover{background:color-mix(in srgb,var(--grid-primary,#4c7d90) 4%,transparent)}
.grid-table-plus .table-wrap thead{position:sticky;top:0;z-index:2}.grid-table-plus .data-table tbody tr:hover td{background:color-mix(in srgb,var(--grid-primary,#4c7d90) 4%,var(--grid-surface,var(--surface)))}

/* Appens egen kalender – samme moderne sprog på desktop. */
.calendar-wrap{padding:18px!important;background:var(--grid-bg,#f4f6f7)!important}
.calendar-head{padding:0 0 14px!important}.calendar-head h3{font-size:22px!important;letter-spacing:-.02em}
.calendar-weekdays{border:0!important;border-radius:10px 10px 0 0!important;background:transparent!important;padding:0 4px}.calendar-weekdays>div{border:0!important;padding:8px 8px 10px!important;text-align:center;font-size:9px!important}
.calendar-grid{border:1px solid var(--grid-border,var(--border))!important;border-radius:12px!important;overflow:hidden!important;background:var(--grid-border,var(--border));gap:1px}
.calendar-day{min-height:132px!important;border:0!important;background:var(--grid-surface,var(--surface))!important;padding:8px!important;transition:background .15s ease}.calendar-day:hover{background:color-mix(in srgb,var(--grid-primary,#4c7d90) 3%,var(--grid-surface,var(--surface)))!important}.calendar-day.is-other{background:var(--grid-surface-2,var(--surface-2))!important;opacity:.58!important}.calendar-day.is-today{box-shadow:none!important}.calendar-day-number{width:27px;height:27px;display:grid;place-items:center;border-radius:999px;margin:0 0 5px!important}.calendar-day.is-today .calendar-day-number{background:var(--grid-primary,#4c7d90);color:#fff!important}.calendar-event{border-radius:6px!important;background:color-mix(in srgb,var(--grid-primary,#4c7d90) 9%,var(--grid-surface,var(--surface)))!important;border-left:3px solid var(--grid-primary,#4c7d90)!important;padding:5px 7px!important}

@media(max-width:900px){
  .workspace-home-page{padding:14px 12px 100px!important}.lounge-hero-content{grid-template-columns:auto 1fr;gap:13px;padding:18px}.lounge-hero-actions{grid-column:1/-1;justify-content:flex-end}.lounge-workspace-logo{width:68px;height:68px}.lounge-widget{grid-column:span 12!important}.lounge-widget-grid{gap:10px}.lounge-stats strong{font-size:22px}.lounge-image-widget{min-height:170px}
  .grid-filter-layout{grid-template-columns:220px minmax(300px,1fr)}
}
@media(max-width:720px){
  .lounge-hero{min-height:auto;border-radius:11px}.lounge-hero-content{min-height:auto!important;grid-template-columns:60px 1fr;padding:16px;gap:11px}.lounge-workspace-logo{width:60px;height:60px;border-radius:10px}.lounge-hero-copy h1{font-size:24px}.lounge-hero-copy>p{font-size:11px}.lounge-hero-meta{font-size:9px;margin-top:8px}.lounge-hero-actions{grid-column:1/-1;justify-content:space-between}.lounge-widget-head{padding:10px 12px;min-height:44px}.lounge-stats>div{padding:13px 11px}.lounge-text{padding:14px;font-size:11.5px}.lounge-quick-actions{grid-template-columns:1fr}.lounge-image-control{grid-template-columns:1fr}.lounge-widget-edit-row{grid-template-columns:1fr}.lounge-widget-drag{display:flex}.lounge-widget-enabled,.lounge-widget-remove{margin:0;padding-top:0}.lounge-width-field{max-width:none}
  .grid-quick-popover{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(74px + var(--safe-bottom,0px))!important;width:auto!important;max-height:68vh;border-radius:12px;overflow:auto}.grid-popover-arrow{display:none}.grid-filter-layout{grid-template-columns:1fr;min-height:0}.grid-filter-layout>aside{border-right:0;border-bottom:1px solid var(--grid-border,var(--border));max-height:220px;overflow:auto}.grid-filter-layout>main{padding:14px}.grid-filter-placeholder{min-height:140px}.grid-layout-option{padding:11px 14px}.grid-sort-options button{padding:10px 13px}
  /* Mobilens appkalender forbliver scrollbar for at bevare en ægte måned – men er ikke den globale kalender. */
  .calendar-grid{border-radius:10px!important}
}
.lounge-widget-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:9px;margin:0 0 9px;border:1px solid var(--grid-border,var(--border));border-radius:9px;background:var(--grid-surface-2,var(--surface-2))}.lounge-widget-library[hidden]{display:none!important}.lounge-widget-library button{border:1px solid transparent;background:var(--grid-surface,var(--surface));border-radius:8px;padding:10px 8px;color:inherit;display:grid;justify-items:center;gap:5px;cursor:pointer}.lounge-widget-library button:hover{border-color:var(--grid-primary,#4c7d90);color:var(--grid-primary,#4c7d90)}.lounge-widget-library strong{font-size:9.5px;text-align:center}
@media(max-width:720px){.lounge-widget-library{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ================================================================
   GRID 19.11.5 · Laptop data table
   Inspired by the supplied data-table reference: alignment, density,
   sticky context, truncation and quiet actions. Applies only to
   "Tabel · Nye funktioner" on larger screens; mobile cards unchanged.
   ================================================================ */
@media (min-width:721px){
  body[data-grid-record-layout="table_plus"].grid-podio-app-page .table-wrap{
    height:calc(100dvh - 296px)!important;
    min-height:360px!important;
    overflow:auto!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    background:var(--grid-surface,var(--surface));
  }
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus{
    border-collapse:separate!important;
    border-spacing:0!important;
    width:100%!important;
    min-width:900px!important;
    font-size:12px!important;
    --grid-table-row-height:48px;
  }
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus th,
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus td{
    height:var(--grid-table-row-height)!important;
    padding:0 14px!important;
    white-space:nowrap!important;
    vertical-align:middle!important;
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--grid-line,var(--border)) 72%,transparent)!important;
    background:var(--grid-surface,var(--surface));
  }
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus thead th{
    position:sticky!important;
    top:0!important;
    z-index:6!important;
    height:40px!important;
    background:var(--grid-surface-2,var(--surface-2))!important;
    color:var(--grid-muted,var(--muted))!important;
    font-size:9px!important;
    letter-spacing:.065em!important;
    text-transform:uppercase!important;
    font-weight:800!important;
  }
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus tbody tr:last-child td{border-bottom:0!important}
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus tbody tr:hover td,
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus tbody tr:focus-within td{
    background:color-mix(in srgb,var(--grid-primary,#4c7d90) 5%,var(--grid-surface,var(--surface)))!important;
  }

  /* Text reads left; numeric data reads right with tabular figures. */
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus .grid-col-number{
    text-align:right!important;
    font-variant-numeric:tabular-nums;
    min-width:116px;
  }
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus .grid-col-number .grid-table-sort{justify-content:flex-end}
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus .grid-col-number .grid-table-cell-value{
    overflow:visible!important;
    text-overflow:clip!important;
    max-width:none!important;
    font-variant-numeric:tabular-nums;
  }
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus .grid-col-date{min-width:122px}
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus .grid-col-status{min-width:120px}
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus .grid-col-text{min-width:150px;max-width:320px}
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus .grid-table-cell-value{
    display:block;
    min-width:0;
    max-width:300px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* Only the active sort column carries an arrow. */
  body[data-grid-record-layout="table_plus"] .grid-table-sort{
    width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;
    text-transform:inherit;letter-spacing:inherit;font-weight:inherit;display:flex;align-items:center;gap:5px;text-align:left;cursor:pointer;
  }
  body[data-grid-record-layout="table_plus"] .grid-table-sort:hover{color:var(--grid-text,var(--text))}
  body[data-grid-record-layout="table_plus"] .grid-table-sort-arrow{display:inline-grid;place-items:center;color:var(--grid-primary,#4c7d90);transition:transform .12s ease}
  body[data-grid-record-layout="table_plus"] .grid-table-sort-arrow.is-asc{transform:rotate(180deg)}
  body[data-grid-record-layout="table_plus"] .grid-table-sort-arrow.is-desc{transform:none}

  /* Keep identity in view while horizontally scrolling. Bulk select stays first. */
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus .grid-identity-col{
    position:sticky!important;
    left:0;
    z-index:3;
    min-width:170px;
    max-width:280px;
    box-shadow:1px 0 0 var(--grid-line,var(--border));
  }
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus thead .grid-identity-col{z-index:8!important}
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus.grid-has-bulk .grid-bulk-col{
    position:sticky!important;
    left:0!important;
    z-index:7!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    padding:0 8px!important;
    text-align:center!important;
    background:var(--grid-surface,var(--surface))!important;
  }
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus.grid-has-bulk thead .grid-bulk-col{
    z-index:10!important;
    background:var(--grid-surface-2,var(--surface-2))!important;
  }
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus.grid-has-bulk .grid-identity-col{left:42px!important}

  /* The action column is intentionally quiet: reveal it on hover/focus. */
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus .grid-col-actions{
    width:46px!important;min-width:46px!important;max-width:46px!important;padding:0 7px!important;text-align:center!important;
  }
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus .grid-row-action{opacity:0;transform:translateX(-2px);transition:opacity .12s ease,transform .12s ease}
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus tbody tr:hover .grid-row-action,
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus tbody tr:focus-within .grid-row-action{opacity:1;transform:none}
}
@media (min-width:721px) and (pointer:coarse){
  body[data-grid-record-layout="table_plus"] .grid-data-table.grid-table-plus .grid-row-action{opacity:1;transform:none}
}


/* GRID 19.11.6 · mobile dock navigation with elevated center create action */
@media(max-width:720px){
  :root{--grid-mobile-dock-row:76px}

  /* Leave enough breathing room so records never disappear under the floating create action. */
  .content{padding-bottom:calc(112px + var(--safe-bottom))!important}
  body.grid-podio-app-page .content{padding-bottom:calc(112px + var(--safe-bottom))!important}

  .mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    left:10px!important;
    right:10px!important;
    bottom:0!important;
    width:auto!important;
    height:calc(var(--grid-mobile-dock-row) + var(--safe-bottom))!important;
    padding:0 7px var(--safe-bottom)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    isolation:isolate;
  }
  .mobile-nav::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:10px;
    right:0;
    bottom:0;
    left:0;
    border:1px solid color-mix(in srgb,var(--grid-line) 92%,transparent);
    border-bottom:0;
    border-radius:24px 24px 0 0;
    background:color-mix(in srgb,var(--grid-surface) 97%,transparent);
    box-shadow:0 -8px 30px rgba(22,34,48,.07);
    -webkit-backdrop-filter:blur(18px) saturate(1.12);
    backdrop-filter:blur(18px) saturate(1.12);
  }
  .mobile-nav button,
  .mobile-nav a{
    position:relative;
    z-index:1;
    min-width:0!important;
    min-height:66px;
    padding:14px 3px 6px!important;
    gap:4px!important;
    border:0!important;
    background:transparent!important;
    color:var(--grid-muted)!important;
    font-size:10px!important;
    font-weight:600!important;
    line-height:1!important;
    overflow:visible;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-nav button .icon,
  .mobile-nav a .icon{width:23px!important;height:23px!important;stroke-width:1.8}
  .mobile-nav button>span:last-child,
  .mobile-nav a>span:last-child{font-size:10px!important;line-height:1.05!important}
  .mobile-nav .active{color:var(--grid-text)!important;font-weight:800!important}
  .mobile-nav .active::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:5px;
    width:18px;
    height:3px;
    border-radius:999px;
    background:var(--grid-primary);
    transform:translateX(-50%);
  }

  /* The centre action creates a visual notch by using the page background as a ring. */
  .mobile-nav .create{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:var(--grid-text)!important;
    padding-top:0!important;
  }
  .mobile-nav .create::after{display:none!important}
  .mobile-nav .create .bubble{
    width:58px!important;
    height:58px!important;
    margin:-28px 0 0!important;
    border:7px solid var(--grid-bg)!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    background:var(--grid-primary)!important;
    color:#fff!important;
    box-shadow:0 10px 24px color-mix(in srgb,var(--grid-primary) 25%,transparent)!important;
    transform:translateZ(0);
  }
  .mobile-nav .create .bubble .icon{width:27px!important;height:27px!important;stroke-width:1.7}
  .mobile-nav .create>[data-mobile-new-label]{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .mobile-nav-badge{
    top:10px!important;
    left:calc(50% + 8px)!important;
    border-color:var(--grid-surface)!important;
  }

  /* Keep the same five-point dock on Workspace Home. Here + opens "Ny app". */
  body.workspace-home-mode .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  body.workspace-home-mode .mobile-nav .create{display:flex!important}
}

@media(max-width:390px){
  .mobile-nav{left:6px!important;right:6px!important;padding-inline:4px!important}
  .mobile-nav button,.mobile-nav a{font-size:9px!important}
  .mobile-nav button>span:last-child,.mobile-nav a>span:last-child{font-size:9px!important}
  .mobile-nav .create .bubble{width:54px!important;height:54px!important;margin-top:-25px!important}
}