/* GRID · Podio-inspired desktop composition. Original GRID CRUD, view and permission logic intact. */
.grid-podio-app-strip,.grid-podio-view-rail,.grid-podio-detail-side-tabs{display:none}
.grid-podio-builder-layout{display:grid;grid-template-columns:222px minmax(0,1fr);gap:18px;align-items:start;margin:10px 0 2px}
.grid-podio-field-library{position:sticky;top:4px;border:1px solid var(--border);background:var(--surface);padding:16px;min-width:0}
.grid-podio-field-library-title{display:flex;align-items:center;gap:9px;font-size:15px}
.grid-podio-field-library p{font-size:12px;line-height:1.4;color:var(--muted);margin:8px 0 16px}
.grid-podio-field-library-items{display:grid;gap:5px}
.grid-podio-field-library-items button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;text-align:left;cursor:pointer}
.grid-podio-field-library-items button:hover,.grid-podio-field-library-items button:focus-visible{background:var(--surface-2);border-color:var(--muted)}
.grid-podio-builder-layout>[data-builder-fields],.grid-podio-builder-layout>[data-settings-fields]{min-width:0;align-content:start}
.grid-podio-builder-layout .builder-field{margin:0;border:1px solid var(--border);background:var(--surface);border-radius:5px}
.grid-podio-builder-layout .builder-field-main{grid-template-columns:minmax(120px,1.5fr) minmax(135px,1fr) auto auto;align-items:center}
.grid-podio-builder-layout .builder-field .input,.grid-podio-builder-layout .builder-field .select{font-size:13px;border-radius:4px}
@media(min-width:1101px){
  body.grid-podio-desktop-ui{--grid-podio-blue:#49778d;--grid-podio-bg:#f2f4f6;--grid-podio-line:#e0e6ea;background:var(--grid-podio-bg)!important}
  /* One header menu. Sidebar is persistent only in Sidebar mode; it is a
     drawer only in Horizontal mode. The extra app-strip hamburger is gone. */
  body.grid-podio-desktop-ui.layout-sidebar:not(.sidebar-collapsed) .sidebar{display:flex!important;transform:none!important;top:64px!important;bottom:0!important}
  body.grid-podio-desktop-ui.layout-sidebar.sidebar-collapsed .sidebar{top:64px!important}
  body.grid-podio-desktop-ui.layout-horizontal .sidebar{top:64px!important;bottom:0!important}
  body.grid-podio-desktop-ui.layout-horizontal .sidebar.is-open{display:flex!important;transform:translateX(0)!important;top:64px!important;z-index:92!important;box-shadow:0 15px 42px rgba(20,42,57,.22)!important}
  body.grid-podio-desktop-ui.layout-horizontal .sidebar-backdrop.is-open{display:block!important;position:fixed;inset:64px 0 0;z-index:91;background:rgba(25,44,55,.25)}
  body.grid-podio-desktop-ui .topbar{left:0!important}
  body.grid-podio-desktop-ui.layout-sidebar:not(.sidebar-collapsed) .main{margin-left:var(--sidebar)!important;padding-top:64px!important;min-width:0}
  body.grid-podio-desktop-ui.layout-sidebar.sidebar-collapsed .main,body.grid-podio-desktop-ui.layout-horizontal .main{margin-left:0!important;padding-top:64px!important;min-width:0}
  body.grid-podio-desktop-ui .horizontal-appbar{display:none!important}
  body.grid-podio-desktop-ui.layout-horizontal .workspace-home-page{padding-top:0}
  body.grid-podio-desktop-ui.layout-sidebar .workspace-home-page{padding-top:0}
  body.grid-podio-desktop-ui.layout-horizontal .grid-podio-app-strip .grid-podio-app-tab.is-active::after{background:var(--grid-podio-blue)}
  body.grid-podio-desktop-ui.layout-horizontal .grid-podio-app-strip{height:76px;display:flex;align-items:stretch;gap:5px;max-width:none;padding:0 max(20px,calc((100vw - 1460px)/2));border-bottom:1px solid var(--grid-podio-line);background:var(--surface);overflow-x:auto;scrollbar-width:thin}
  body.grid-podio-desktop-ui .grid-podio-app-tab{display:flex;position:relative;flex:0 0 88px;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border:0;color:var(--muted);font-size:11px;text-align:center;font-weight:600;padding:9px 7px 7px;text-decoration:none;cursor:pointer}
  body.grid-podio-desktop-ui .grid-podio-app-tab span{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  body.grid-podio-desktop-ui .grid-podio-app-tab:hover{background:var(--surface-2);color:var(--text)}
  body.grid-podio-desktop-ui .grid-podio-app-tab.is-active{color:var(--text)}
  body.grid-podio-desktop-ui .grid-podio-app-tab.is-active::after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--grid-podio-blue)}
  body.grid-podio-desktop-ui .grid-podio-app-tab-add{border-left:1px solid var(--grid-podio-line);margin-left:9px;color:var(--grid-podio-blue);font-size:10px;text-transform:uppercase;letter-spacing:.025em}
  body.grid-podio-app-page .content{display:grid!important;grid-template-columns:250px minmax(0,1fr);align-content:start;column-gap:0;max-width:1460px;width:calc(100% - 48px);min-height:calc(100dvh - 172px);padding:0!important;margin:20px auto 0!important;background:var(--surface);box-shadow:0 1px 3px rgba(23,44,57,.045)}
  body.grid-podio-app-page .content > *:not(.grid-podio-view-rail){grid-column:2;min-width:0}
  body.grid-podio-app-page .content > .grid-podio-view-rail{display:block;grid-column:1;grid-row:1 / span 25;min-width:0;border-right:1px solid var(--grid-podio-line);padding:20px 14px;min-height:calc(100dvh - 172px)}
  body.grid-podio-app-page .grid-podio-rail-head{display:flex;gap:6px;align-items:center;justify-content:space-between;margin:0 6px 30px}
  body.grid-podio-app-page .grid-podio-rail-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;color:var(--text);letter-spacing:-.015em}
  body.grid-podio-app-page .grid-podio-rail-icon{border:0;background:transparent;color:var(--muted);width:28px;height:28px;display:grid;place-items:center;border-radius:5px;cursor:pointer}
  body.grid-podio-app-page .grid-podio-rail-icon:hover{background:var(--surface-2)}
  body.grid-podio-app-page .grid-podio-views-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px;margin-bottom:15px;color:var(--text)}
  body.grid-podio-app-page .grid-podio-views-head strong{font-size:14px}
  body.grid-podio-app-page .grid-podio-views-head button{border:0;background:transparent;color:var(--grid-podio-blue);display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer}
  body.grid-podio-app-page .grid-podio-rail-items{display:grid;gap:4px}
  body.grid-podio-app-page .grid-podio-rail-items button{display:flex;align-items:center;gap:6px;text-align:left;background:transparent;border:0;width:100%;padding:10px 9px;border-radius:4px;color:var(--grid-podio-blue);font-size:12px;font-weight:650;min-width:0;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{color:var(--muted);font-size:11px}
  body.grid-podio-app-page .grid-podio-rail-items button:hover,body.grid-podio-app-page .grid-podio-rail-items button.active{background:var(--surface-2)}
  body.grid-podio-app-page .content > .page-head{padding:13px 22px!important;margin:0!important;min-height:57px;align-items:center;border-bottom:1px solid var(--grid-podio-line);gap:6px}
  body.grid-podio-app-page .page-head .page-title,body.grid-podio-app-page .page-head .subtitle,body.grid-podio-app-page .current-app-eyebrow{display:none!important}
  body.grid-podio-app-page .page-head .toolbar{margin:0!important;flex-wrap:wrap;gap:6px}
  body.grid-podio-app-page .page-head .view-select-wrap{display:none}
  body.grid-podio-app-page .content > .subtoolbar{padding:12px 22px!important;margin:0!important;border-bottom:1px solid var(--grid-podio-line);gap:9px}
  body.grid-podio-app-page .content > .card{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:calc(100dvh - 294px)}
  body.grid-podio-app-page .content > [data-alert]{padding:0 22px}
  body.grid-podio-app-page .content > .card .table-wrap{min-height:calc(100dvh - 310px)}
  body.grid-podio-app-page .content > .card .empty{padding:72px 24px}
  body.grid-podio-app-page .content > .card table{border-collapse:collapse;font-size:12px}
  body.grid-podio-app-page .content > .card th{background:var(--surface-2);font-size:12px;font-weight:650}
  body.grid-podio-app-page .content > .card td{border-color:var(--grid-podio-line)}
  body.grid-podio-app-page .content > .card tr:hover td{background:var(--surface-2)}
  body.grid-podio-app-page .create-record-btn{background:var(--grid-podio-blue)!important;border-color:var(--grid-podio-blue)!important;color:#fff!important;border-radius:20px!important;box-shadow:none!important}
  body.grid-podio-app-page .create-record-btn:hover{filter:brightness(.90)}
  #newAppModal .modal,#appSettingsModal .modal{width:min(1270px,calc(100vw - 42px))!important;max-height:93dvh!important;border-radius:7px!important}
  #newAppModal .modal-body,#appSettingsModal .modal-body{max-height:calc(93dvh - 155px);overflow:auto;padding:24px 26px}
  #newAppModal .modal-head,#appSettingsModal .modal-head{border-bottom:1px solid var(--border)}
  #newAppModal .modal-foot,#appSettingsModal .modal-foot{border-top:1px solid var(--border)}
  #newRecordModal.is-open{padding:2vh 20px!important;align-items:center!important;background:rgba(26,46,58,.38)!important}
  #newRecordModal .modal{width:min(1320px,calc(100vw - 44px))!important;max-height:94dvh!important;border-radius:6px!important}
  #newRecordModal .modal-body{overflow:auto!important;max-height:calc(94dvh - 145px)!important;padding:15px 24px!important}
  #newRecordModal [data-new-record-fields] > .form-group{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:24px;border-bottom:1px solid var(--border);margin:0!important;min-height:59px;padding:12px 0}
  #newRecordModal [data-new-record-fields] > .form-group > .label{margin:9px 0 0!important;text-align:right;font-size:12px!important}
  #newRecordModal [data-new-record-fields] > .form-group > :not(.label){min-width:0;max-width:870px}
  #newRecordModal .input,#newRecordModal .select,#newRecordModal .textarea{border-radius:4px!important;min-height:36px}
  #newRecordModal .modal-foot{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--border)}
  #recordDetail.is-open{inset:4dvh max(24px,calc((100vw - 1390px)/2)) 4dvh!important;width:auto!important;height:auto!important;max-height:none!important;border:1px solid var(--border)!important;border-radius:5px!important;box-shadow:0 20px 70px rgba(29,49,61,.24)!important;z-index:101!important;overflow:auto!important;background:var(--surface)}
  #recordDetail .drawer-head{padding:16px 24px!important;min-height:72px}
  #recordDetail .record-tab-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,31%);padding:0!important;align-items:stretch;min-height:calc(92dvh - 145px);overflow:visible}
  #recordDetail .grid-podio-detail-primary{min-width:0;padding:20px 26px 36px}
  #recordDetail .grid-podio-detail-primary [data-record-panel="details"] > #editRecordForm > [data-edit-record-fields] > .form-group{display:grid;grid-template-columns:145px minmax(0,1fr);gap:16px;align-items:start;padding:12px 0;margin:0!important;border-bottom:1px solid var(--grid-podio-line)}
  #recordDetail .grid-podio-detail-primary [data-record-panel="details"] > #editRecordForm > [data-edit-record-fields] > .form-group > .label{text-align:right;margin:8px 0 0!important;font-size:12px}
  #recordDetail .grid-podio-detail-primary [data-record-panel="details"] > #editRecordForm > [data-edit-record-fields] > .form-group > :not(.label){min-width:0}
  #recordDetail .grid-podio-detail-primary .drawer-actions{margin-top:20px}
  #recordDetail .grid-podio-detail-collaboration{min-width:0;min-height:100%;border-left:1px solid var(--border);background:var(--surface);display:none;flex-direction:column}
  #recordDetail .grid-podio-detail-side-tabs{display:flex;gap:20px;border-bottom:1px solid var(--border);padding:0 17px;flex:0 0 auto}
  #recordDetail .grid-podio-detail-side-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;font:inherit;font-weight:650;font-size:13px;color:var(--muted);padding:17px 0 15px;cursor:pointer}
  #recordDetail .grid-podio-detail-side-tabs button.active{color:var(--grid-podio-blue);border-bottom-color:var(--grid-podio-blue)}
  #recordDetail .grid-podio-detail-collaboration [data-record-panel]{padding:18px;min-width:0}
  #recordDetail .grid-podio-detail-collaboration .collab-head h3{font-size:13px}
  #recordDetail .grid-podio-detail-collaboration .comment-composer{padding-top:12px}
  #recordDetail .grid-podio-detail-collaboration .composer-foot{flex-wrap:wrap;justify-content:flex-end}
  #recordDetail .grid-podio-detail-collaboration .composer-foot .muted{font-size:10px}
  #recordDetail .record-tabs [data-record-tab="activity"],#recordDetail .record-tabs [data-record-tab="comments"]{display:none}
  #recordDetail.is-open:has([data-record-panel="details"]:not([hidden])) .grid-podio-detail-collaboration{display:flex}
  #recordDetail.is-open:has([data-record-panel="details"]:not([hidden])) .grid-podio-detail-collaboration [data-record-panel].grid-podio-side-active{display:block!important}
  #recordDetail.is-open:has([data-record-panel="details"]:not([hidden])) .grid-podio-detail-collaboration [data-record-panel]:not(.grid-podio-side-active){display:none!important}
  #recordDetail .grid-podio-detail-primary [data-record-panel="files"],#recordDetail .grid-podio-detail-primary [data-record-panel="tasks"]{max-width:100%}
  #recordDetail .drawer-body:has([data-record-panel="files"]:not([hidden])),#recordDetail .drawer-body:has([data-record-panel="tasks"]:not([hidden])){grid-template-columns:1fr}
}
@media(min-width:1101px) and (max-width:1320px){body.grid-podio-app-page .content{width:calc(100% - 30px);grid-template-columns:225px minmax(0,1fr)}#recordDetail.is-open{inset:24px 16px!important}}
@media(min-width:1101px){html[data-theme="dark"] body.grid-podio-desktop-ui{--grid-podio-bg:#050505;--grid-podio-blue:#9bc8db;--grid-podio-line:#333;background:var(--grid-podio-bg)!important}html[data-theme="dark"] body.grid-podio-app-page .create-record-btn{background:#345d71!important;border-color:#345d71!important}html[data-theme="dark"] #recordDetail .grid-podio-detail-side-tabs button.active{color:#9bc8db;border-bottom-color:#9bc8db}}
@media(max-width:1100px){.grid-podio-builder-layout{grid-template-columns:1fr}.grid-podio-field-library{position:static}.grid-podio-field-library-items{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-podio-detail-primary,.grid-podio-detail-collaboration{display:contents}.grid-podio-detail-side-tabs{display:none}}
@media(max-width:650px){.grid-podio-field-library-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.grid-podio-field-library-items button,.grid-podio-app-tab{scroll-behavior:auto!important}}