/* GridCircle tablet app shell — scoped to html.gc-tablet only.
   Desktop/laptop layout remains untouched. */
html.gc-tablet{--gc-tablet-rail:82px;--gc-tablet-header:68px}
html.gc-tablet,html.gc-tablet body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
html.gc-tablet .app-view{background:#eef2f5;min-height:100dvh}
html.gc-tablet .app-header{height:calc(var(--gc-tablet-header) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:rgba(255,255,255,.97);border-bottom:1px solid #dfe5e8;box-shadow:0 1px 8px rgba(9,40,68,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html.gc-tablet .app-header-inner{width:100%;height:var(--gc-tablet-header);padding:0 18px 0 16px;margin:0;display:grid;grid-template-columns:230px minmax(260px,520px) 1fr;gap:18px}
html.gc-tablet .brand.compact .brand-mark{width:40px;height:40px;border-radius:12px}
html.gc-tablet .brand.compact .brand-copy strong{font-size:21px}
html.gc-tablet .header-actions .icon-btn{width:44px;height:44px;border-radius:14px}
html.gc-tablet .profile-menu-btn{min-height:44px;border-radius:14px;padding:5px 8px}
html.gc-tablet .profile-menu-btn .avatar-sm{width:36px;height:36px}
html.gc-tablet #profile-dropdown{top:53px;right:0;min-width:300px;border-radius:18px;padding:9px;box-shadow:0 20px 55px rgba(8,30,48,.17)}
html.gc-tablet #profile-dropdown>button{min-height:44px;border-radius:11px}

/* Replace desktop sidebars with a touch-first navigation rail. */
html.gc-tablet .left-sidebar,html.gc-tablet .right-sidebar{display:none!important}
html.gc-tablet .mobile-nav{display:flex!important;position:fixed!important;z-index:36;left:10px;top:calc(var(--gc-tablet-header) + env(safe-area-inset-top) + 10px);bottom:10px;width:var(--gc-tablet-rail);height:auto!important;padding:9px 7px!important;background:rgba(255,255,255,.97);border:1px solid #dde4e7;border-radius:22px;box-shadow:0 10px 30px rgba(10,35,54,.10);flex-direction:column;align-items:stretch;gap:4px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html.gc-tablet .mobile-nav button{display:flex!important;position:relative;width:100%;min-height:58px;border-radius:15px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 3px;color:#697686;font-size:9px;font-weight:700}
html.gc-tablet .mobile-nav button svg{width:22px;height:22px;stroke-width:2}
html.gc-tablet .mobile-nav button span{font-size:9px!important;line-height:1}
html.gc-tablet .mobile-nav button.active{background:#e7f4ef;color:var(--primary)}
html.gc-tablet .mobile-nav button.active:before{content:"";position:absolute;left:-7px;top:17px;width:4px;height:24px;border-radius:4px;background:var(--primary)}
html.gc-tablet .mobile-nav .mobile-create{order:0!important;width:100%!important;height:62px!important;margin:2px 0!important;background:linear-gradient(135deg,#0aa477,#087657)!important;color:#fff!important;border-radius:17px!important;box-shadow:0 6px 16px rgba(10,147,108,.20)!important}
html.gc-tablet .mobile-nav .mobile-create svg{width:23px!important;height:23px!important;padding:0!important;background:none!important;color:#fff!important;box-shadow:none!important}
html.gc-tablet .mobile-nav .mobile-create span{color:#fff!important;font-size:9px!important}

/* Tablet canvas */
html.gc-tablet .app-shell{width:100%!important;max-width:none!important;display:block!important;margin:0!important;padding:18px 22px 38px calc(var(--gc-tablet-rail) + 28px)!important}
html.gc-tablet .main-content{width:min(100%,1020px);max-width:1020px;margin:0 auto;min-width:0}
html.gc-tablet .page{padding:0 2px 24px}
html.gc-tablet #feed-page{width:min(100%,760px);margin:0 auto}
html.gc-tablet #feed-page .mobile-page-title{display:none}
html.gc-tablet #feed-page .feed-intro{display:none}
html.gc-tablet #feed-page .composer{border-radius:18px;padding:16px 18px;box-shadow:0 2px 10px rgba(10,35,54,.045)}
html.gc-tablet #feed-page .composer-top .avatar{width:45px;height:45px}
html.gc-tablet #feed-page .composer-top button{height:46px;font-size:14px}
html.gc-tablet #feed-page .composer-actions{grid-template-columns:repeat(6,1fr)!important}
html.gc-tablet #feed-page .feed-filter{position:sticky;top:calc(var(--gc-tablet-header) + env(safe-area-inset-top));z-index:25;background:rgba(238,242,245,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);margin:13px 0 10px;padding:6px 8px;border:0;border-radius:15px;box-shadow:0 1px 8px rgba(10,35,54,.04)}
html.gc-tablet #feed-page .feed-filter button{flex:1;text-align:center;border-radius:11px;padding:10px 8px}
html.gc-tablet #feed-page .feed-filter button.active{background:#fff;box-shadow:0 2px 8px rgba(10,35,54,.06)}
html.gc-tablet #feed-page .feed-filter button.active:after{display:none}
html.gc-tablet #feed-page .feed-list{gap:14px}
html.gc-tablet #feed-page .post-card{border-radius:18px;padding:18px 20px;box-shadow:0 2px 12px rgba(10,35,54,.045)}
html.gc-tablet #feed-page .post-author>.avatar{width:46px;height:46px}
html.gc-tablet #feed-page .post-body{font-size:15px;line-height:1.58}
html.gc-tablet #feed-page .post-actions button{min-height:42px}

/* Larger touch targets across the app */
html.gc-tablet .btn{min-height:44px;border-radius:11px}
html.gc-tablet .tabs{overflow-x:auto;scrollbar-width:none;gap:8px}
html.gc-tablet .tabs::-webkit-scrollbar{display:none}
html.gc-tablet .tabs button{min-height:42px;white-space:nowrap;padding:9px 15px;border-radius:11px}
html.gc-tablet input,html.gc-tablet textarea,html.gc-tablet select{font-size:16px}
html.gc-tablet .page-heading h1{font-size:29px}
html.gc-tablet .page-heading p{font-size:13px}
html.gc-tablet .card{border-radius:17px}
html.gc-tablet .directory-grid,html.gc-tablet .service-grid,html.gc-tablet .circle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html.gc-tablet .member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html.gc-tablet .team-workspace-tabs{overflow-x:auto;scrollbar-width:none}
html.gc-tablet .team-workspace-tabs::-webkit-scrollbar{display:none}

/* Tablet dialogs: centered app sheets/cards, not desktop windows. */
html.gc-tablet .modal-backdrop{padding:28px;place-items:center;background:rgba(7,19,31,.48);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
html.gc-tablet .modal{width:min(720px,calc(100vw - 70px))!important;max-height:88dvh!important;border-radius:24px!important;padding:24px!important;box-shadow:0 24px 75px rgba(4,19,31,.25)!important}
html.gc-tablet .modal-header{margin-bottom:20px!important;gap:16px!important}
html.gc-tablet .modal-header h2{font-size:23px!important;line-height:1.18!important}
html.gc-tablet .modal-header .modal-subtitle{font-size:13px!important;line-height:1.5!important;margin-top:7px!important}
html.gc-tablet .modal-close{width:40px;height:40px;border-radius:50%;background:#eef2f4}

/* iPad split/portrait tightening while preserving the tablet shell */
@media(max-width:980px){
 html.gc-tablet{--gc-tablet-rail:76px}
 html.gc-tablet .app-header-inner{grid-template-columns:205px minmax(220px,1fr) auto;gap:12px}
 html.gc-tablet .profile-menu-btn>span:nth-child(2),html.gc-tablet .profile-menu-btn>svg{display:none}
 html.gc-tablet .profile-menu-btn{width:44px;padding:3px}
 html.gc-tablet .app-shell{padding-left:calc(var(--gc-tablet-rail) + 24px)!important;padding-right:16px!important}
 html.gc-tablet .mobile-nav{left:8px;width:var(--gc-tablet-rail)}
 html.gc-tablet .mobile-nav button{min-height:55px}
 html.gc-tablet .directory-grid,html.gc-tablet .service-grid,html.gc-tablet .circle-grid{grid-template-columns:1fr 1fr}
}

@media(display-mode:standalone){
 html.gc-tablet .app-header{box-shadow:none}
 html.gc-tablet .mobile-nav{bottom:calc(10px + env(safe-area-inset-bottom))}
}