/* Smartphone presentation. Desktop keeps its existing layout and controls. */
.work-tab-short,.work-composer>button .work-compose-short{display:none}
.work-group-options{min-width:0}
.work-group-options>summary{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;font-weight:650;font-size:.85rem}
.work-group-options>summary .icon:last-child{margin-left:auto;width:16px;transition:transform .15s}
.work-group-options[open]>summary .icon:last-child{transform:rotate(90deg)}
.work-group-options-content{display:grid;gap:12px}
.work-feed-empty-icon{display:none}
@media(min-width:761px){.work-group-options[open]>summary{display:none}}

@media(max-width:760px){
 body.is-authenticated{--paper:#f2f6f8;--line:#e0e9ee;background:var(--paper)}
 button,summary,a{-webkit-tap-highlight-color:transparent}
 .mobile-header-actions .btn:active,.work-group-options>summary:active{background:#dceef733}
 .mobile-header{gap:10px;padding:calc(10px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:#173b53;box-shadow:0 3px 16px #173b5314}
 .mobile-identity{display:flex;align-items:center;gap:12px;min-width:0}
 .mobile-header .brand-plate{width:76px;flex:0 0 76px;padding:0}
 .mobile-header .club-house-brand{border-left:1px solid #ffffff30;padding-left:12px}
 .mobile-header .club-house-name{font-size:22px}
 .mobile-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
 .mobile-header-actions .btn{width:44px;height:44px;min-width:44px;padding:10px;margin:0;border-radius:14px;border:1px solid #ffffff26;background:#ffffff0b;color:#fff}
 .mobile-header-actions .btn:hover{background:#ffffff20}
 .mobile-header-actions .activity-count{top:-3px;right:-3px}
 .topbar,.cash-screen .topbar{background:var(--paper);border:0;gap:12px;padding:20px 16px 12px}
 .page-heading{gap:10px}
 #page-heading-actions{margin-left:auto}
 #page-heading-title{font-size:1.45rem;line-height:1.22;letter-spacing:-.035em;font-weight:750}
 #page-heading-subtitle{font-size:.8rem;margin-top:5px}
 .page-back-button{width:44px;min-width:44px;height:44px;padding:10px;border-radius:14px;background:#fff;box-shadow:0 2px 4px #173b5304}
 .page-back-button>span{display:none}
 .topbar .topbar-actions{width:100%;margin:0}
 .topbar:has(#page-context[hidden]) .topbar-actions{display:none}
 .edition-control{gap:8px}
 .edition-control>.small{font-size:.75rem}
 .edition-picker{border-radius:12px;background:white}
 .edition-selected{font-size:.84rem}
 .main-content{padding:8px max(14px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
 .btn{border-radius:12px}
 .panel,.work-group-card,.dashboard-widget,.work-post,.work-composer{border-radius:18px;box-shadow:0 3px 12px #19374905}
 .page-description{font-size:.84rem}
 .empty{padding:28px 20px;border-radius:18px}
 .empty p{font-size:.9rem}
 .mobile-navigation{box-shadow:16px 0 60px #102c4350}
 dialog.mobile-navigation{border-radius:0 24px 24px 0}
 .mobile-navigation .nav-btn{border-radius:12px}
 .mobile-navigation .nav-btn.active{background:#dfeea0;color:#173b53}
 .mobile-navigation .profile-link{border-radius:16px}
 .work-group-layout{gap:16px}
 .work-group-sidebar{gap:8px}
 .work-group-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;border-radius:18px;box-shadow:0 3px 12px #173b5305}
 .work-group-nav:not(:has([data-work-tab=trash])){grid-template-columns:repeat(3,minmax(0,1fr))}
 .work-group-nav button{position:relative;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:64px;padding:8px 2px;border-radius:13px;font-size:.75rem;line-height:1.25;font-weight:650;color:#607583}
 .work-group-nav button>.icon{width:21px;height:21px}
 .work-group-nav button[aria-current=page]{background:#173b53;color:#fff;box-shadow:0 3px 8px #173b5320}
 .work-group-nav button[aria-current=page]>.icon{color:#e2ee87}
 .work-group-nav .work-tab-full{display:none}
 .work-group-nav .work-tab-short{display:inline}
 .work-group-options{background:transparent;border-radius:15px;border:1px solid transparent}
 .work-group-options>summary{list-style:none;padding:6px 10px;color:var(--muted);font-size:.78rem}
 .work-group-options>summary::-webkit-details-marker{display:none}
 .work-group-options>summary>.icon:first-child{width:17px;height:17px}
 .work-group-options[open]{border-color:var(--line);background:#fff}
 .work-group-options[open]>summary{color:var(--ink);border-bottom:1px solid var(--line)}
 .work-group-options-content{gap:0;padding:4px 12px 12px}
 .work-group-admin-buttons{display:flex;flex-wrap:wrap;gap:4px;padding:8px 0}
 .work-group-admin-buttons:empty{display:none}
 .work-group-admin-buttons .btn{background:var(--surface-soft);font-size:.76rem;min-height:44px;flex:1;justify-content:center;text-align:center;padding:8px}
 .work-group-meta{padding:0;border:0;border-radius:0}
 .work-group-meta>div{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
 .work-group-meta section{margin-top:12px}
 .work-publications{gap:12px}
 .work-publications>.work-section-head{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
 .work-composer{padding:12px;gap:10px;background:#fff}
 .work-composer>.avatar{width:38px;height:38px;flex-basis:38px;background:#e6eff3;color:#245f80}
 .work-composer>button{padding:10px 12px;border-radius:13px;background:#f2f6f8}
 .work-composer>button .work-compose-full{display:none}
 .work-composer>button .work-compose-short{display:block;font-size:.9rem;font-weight:600}
 .work-composer>button small{font-size:.68rem;margin-top:3px}
 .work-feed-empty{padding:30px 24px;border:1px solid var(--line);background:linear-gradient(155deg,#fff 45%,#eef5f7);text-align:center}
 .work-feed-empty-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:#e7efd0;border-radius:18px;color:#355448;transform:rotate(-6deg)}
 .work-feed-empty-icon>.icon{width:26px;height:26px;transform:rotate(6deg)}
 .work-feed-empty h3{color:var(--ink);font-size:1rem;margin-bottom:8px}
 .work-feed-empty p{font-size:.84rem;line-height:1.6;max-width:28ch;margin:0 auto}
 .work-post-header{padding:14px 14px 12px}
 .work-post-content{padding:0 14px 14px}
 .work-post-footer{padding:0 14px}
 .work-social-actions>button{min-height:44px}
 .dashboard-widget-head{padding:0 14px;gap:10px}
 .dashboard-widget-head h3{font-size:.9rem}
 .dashboard-widget-head>.icon{border-radius:12px}
 .dashboard-information{margin-bottom:18px}
 /* All club shortcuts stay visible, including long custom titles. */
 .dashboard-information .information-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:0;border:1px solid #d8e5ed;border-radius:12px;background:#fff;overflow:hidden}
 .dashboard-information .information-strip h2{font-size:.82rem;gap:7px;min-width:0;min-height:44px;justify-self:stretch;padding:10px 14px;border-radius:0;color:#173b53}
 .dashboard-information .information-strip h2>.icon{width:17px;height:17px}
 .dashboard-information .information-strip #dashboard-edit-info{grid-column:2;grid-row:1;padding:8px;font-size:.75rem;min-height:44px;color:var(--blue-ink)}
 .dashboard-information .information-topics{grid-column:1/-1;grid-row:2;display:flex;align-items:stretch;flex-wrap:wrap;gap:0 4px;width:100%;min-width:0;margin:0;border:0;border-bottom:1px solid #dce7ee;padding:0}
 .dashboard-information .information-topic{flex:1 1 auto;min-height:44px;max-width:100%;padding:9px 7px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#5a7180;font-size:.8rem;box-shadow:none}
 .dashboard-information .information-topic>span{white-space:normal;overflow-wrap:anywhere}
 .dashboard-information .information-topic[aria-expanded=true]{background:transparent;color:#173b53;border-bottom-color:#245f80}
 .dashboard-information .information-topic:focus-visible{outline-offset:-3px}
 .dashboard-information .information-topic:focus-visible{outline-color:#245f80}
 .dashboard-information .information-detail{margin-top:6px;border-radius:16px;padding:14px 16px;box-shadow:0 3px 12px #19374905}
 .dashboard-information .information-detail-body{font-size:.9rem}
 .dashboard-information .dashboard-empty{margin:4px 0 8px;font-size:.8rem}
 dialog:not(.mobile-navigation){border-radius:22px;box-shadow:0 18px 70px #173b532e}
 .dialog-head{padding:12px 16px}
 .dialog-head h2{font-size:1.1rem}
}
@media(max-width:359px){
 .mobile-header .brand-plate{width:62px;flex-basis:62px}
 .mobile-identity{gap:9px}
 .mobile-header .club-house-brand{padding-left:9px}
 .mobile-header .club-house-name{font-size:20px}
 .mobile-header-actions{gap:4px}
 .work-group-nav{gap:2px;padding:4px}
 .work-group-nav button{padding-inline:0;font-size:.72rem;overflow-wrap:normal;white-space:nowrap}
 .dashboard-information .information-topics{column-gap:2px}
 .dashboard-information .information-topic{padding-inline:5px;font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){.work-group-options>summary .icon:last-child{transition:none}}