/* Project follow-up: phone presentation only, including explicit Mobil mode. */
.followup-mobile-footer{display:none}
@media screen{
 body:has(#chrome-app.mobile-shell) #modalov:has(.followup-project-sheet){z-index:110;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));align-items:center;overflow:hidden}
 body:has(#chrome-app.mobile-shell) #modal:has(.followup-project-sheet){width:100%;max-width:640px;min-width:0;margin:0;max-height:100%}
 body:has(#chrome-app.mobile-shell) .sheet.followup-project-sheet{--card:var(--ui-card);--board:var(--ui-board);--soft:var(--ui-soft);--line:var(--ui-line);--ink:var(--ui-ink);--ink2:var(--ui-ink2);--ink3:var(--ui-ink3);display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));overflow:hidden;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;color-scheme:var(--ui-color-scheme);overflow-wrap:anywhere}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet>.sh{flex:none;min-height:54px;box-sizing:border-box;padding:14px 58px 14px 14px;background:var(--board);border-bottom:1px solid var(--line)}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .sh h2{font-size:20px;line-height:1.4;margin:0}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .x{width:44px;height:44px;top:5px;right:5px}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet>.f{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px;scroll-padding:14px;font-size:13px;line-height:1.6}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet p{margin:0 0 14px;color:var(--ink2)}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet :is(.followup-settings-section,.followup-history){border:1px solid var(--line);border-radius:8px;margin:14px 0 0;padding:0;min-width:0}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet details>summary{min-height:48px;box-sizing:border-box;padding:12px;background:var(--board);border-radius:7px;font-size:13px;font-weight:750;cursor:pointer}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet details[open]>summary{border-bottom:1px solid var(--line);border-radius:7px 7px 0 0}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet #followup-settings{padding:14px 12px;margin:0;gap:16px}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet #followup-settings label{font-size:12px;font-weight:650;color:var(--ink2);min-width:0}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet #followup-settings .g2{grid-template-columns:minmax(0,1fr)}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet #followup-settings :is(select,input[type=number]){min-height:44px;font-size:16px;padding:9px;box-sizing:border-box;max-width:100%;background:var(--card);color:var(--ink)}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet label.followup-check{display:flex!important;align-items:center;gap:10px;min-height:44px;line-height:1.5;cursor:pointer}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet input[type=checkbox]{width:20px;height:20px;flex:none;margin:0!important;accent-color:var(--ui-accent-border)}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-recipient-section{border-top:1px solid var(--line);padding:14px 12px 0;min-width:0}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet h3{font-size:13px;font-weight:750;letter-spacing:0;line-height:1.5;margin:0 0 12px;color:var(--ink)}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-recipients{min-width:0;margin:14px 0;padding:10px;background:var(--card)}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet legend{max-width:100%;box-sizing:border-box;font-size:13px;line-height:1.5;white-space:normal;color:var(--ink)}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-recipients>div:first-of-type{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 10px}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-check>span{min-width:0;overflow-wrap:anywhere}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-unavailable{flex-direction:column;align-items:stretch;padding:10px;gap:8px}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-unavailable small{color:var(--ink2)}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-history-list{max-height:none;overflow:visible;margin:0;padding:0 12px}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-event{display:flex;flex-wrap:wrap;gap:8px}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-event:first-child{border-top:0}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-event>:is(b,p){width:100%;margin:0}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-history-list>p{margin:12px 0}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet button:not(.x){min-height:44px;max-width:100%;padding:10px 12px;font:600 12px Inter,system-ui,sans-serif;white-space:normal;line-height:1.4}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-event>button{border:1px solid var(--line);border-radius:7px;background:var(--board);color:var(--ink)}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-recipient-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .followup-inline-save{display:none}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet>.followup-mobile-footer{flex:none;display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--line);background:var(--board)}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet>.sf>button{flex:1;min-width:0}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet>.sf>button[type=submit]{background:var(--ui-accent);color:var(--ui-accent-ink);font-weight:750}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet button:disabled{opacity:.5;cursor:wait}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet :is(button,input,select):focus-visible{outline:2px solid var(--ui-accent-border);outline-offset:2px}
}
@media screen and (min-width:600px){
 body:has(#chrome-app.mobile-shell) .followup-project-sheet #followup-settings .g2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-height:500px){
 body:has(#chrome-app.mobile-shell) .followup-project-sheet>.sh{padding-block:8px}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet .sh h2{font-size:18px}
 body:has(#chrome-app.mobile-shell) .followup-project-sheet>.sf{padding-block:6px}
}