/* Teamilo HIG experiment 1.0.0. Additive; backend and existing event handlers retained. */
/* Navigation refinement 1.0.1: labelled primary navigation and leading Back control. */
html[data-teamilo-hig]{--hig-bg:var(--ap-canvas,#151719);--hig-surface:var(--ap-surface,#212427);--hig-soft:var(--ap-soft,#2d3235);--hig-text:var(--ap-text,#f5f6f2);--hig-muted:var(--ap-muted,#b9c2bf);--hig-line:var(--ap-line,#515a57);--hig-accent:var(--ap-link,#d5fb75);--hig-button:var(--ap-primary,#d5fb75);--hig-on-button:var(--ap-on-primary,#202912);--hig-focus:#b8a7ff;--hig-radius:18px;font:100%/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif!important;font-synthesis:none;color-scheme:dark}
html[data-teamilo-hig] body{background:var(--hig-bg)!important;color:var(--hig-text)!important;margin:0;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
html[data-teamilo-hig] body *{box-sizing:border-box}
html[data-teamilo-hig] body :is(h1,h2,h3,h4,.brand,.num,.datebox strong,button,input,textarea,select){font-family:inherit!important}
html[data-teamilo-hig] body h1{font-size:clamp(1.75rem,3.2vw,2.5rem)!important;font-weight:650!important;letter-spacing:-.045em!important;line-height:1.17!important;overflow-wrap:anywhere}
html[data-teamilo-hig] body h2{font-size:1.35rem!important;font-weight:650!important;letter-spacing:-.025em!important;line-height:1.3!important}
html[data-teamilo-hig] body h3{font-size:1.08rem!important;line-height:1.4!important;font-weight:600!important;letter-spacing:-.015em!important}
html[data-teamilo-hig] body :is(p,.sub,.org-hint){line-height:1.65!important}
html[data-teamilo-hig] body :is(small,.sub,.muted,.org-hint,.empty,.org-line small,.org-member-description small){font-size:.875rem!important;color:var(--hig-muted)!important;opacity:1!important}
html[data-teamilo-hig] body .eyebrow{font-size:.75rem!important;letter-spacing:.1em!important;font-weight:650!important;color:var(--hig-muted)!important;margin-bottom:8px!important}
html[data-teamilo-hig] body .frame{max-width:1440px!important;grid-template-columns:230px minmax(0,1fr)!important;min-height:100dvh!important;background:var(--hig-bg)!important}
html[data-teamilo-hig] body .sidebar{background:var(--hig-surface)!important;color:var(--hig-text)!important;border-inline-end:1px solid var(--hig-line)!important;padding:30px 16px!important;gap:7px!important;height:100dvh!important;overflow-y:auto!important}
html[data-teamilo-hig] body .sidebar .brand{padding:8px 11px!important;margin:0 0 28px!important;min-height:44px!important}
html[data-teamilo-hig] body .brand-logo{max-width:170px!important;width:100%!important;height:auto!important;object-fit:contain!important}
html[data-teamilo-hig] body .sidebar button{display:flex!important;align-items:center!important;gap:13px!important;border:1px solid transparent!important;min-height:50px!important;padding:12px 15px!important;border-radius:12px!important;font-size:.94rem!important;font-weight:550!important;color:var(--hig-muted)!important;background:transparent!important}
html[data-teamilo-hig] body .sidebar button.active{background:var(--hig-soft)!important;color:var(--hig-accent)!important;border-color:var(--hig-line)!important;font-weight:650!important}
html[data-teamilo-hig] body .sidebar .foot{padding:12px!important;font-size:.78rem!important;color:var(--hig-muted)!important}
html[data-teamilo-hig] body .sidebar .foot p{font-size:.75rem!important}
html[data-teamilo-hig] body .main{width:100%;max-width:1100px;margin-inline:auto!important;min-width:0!important;padding:32px clamp(20px,4vw,56px) 70px!important;background:var(--hig-bg)!important}
html[data-teamilo-hig] body .top{gap:20px!important;padding-bottom:25px!important;margin-bottom:30px!important;border-bottom:1px solid var(--hig-line)!important;align-items:center!important}
html[data-teamilo-hig] body .top-controls{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important;min-width:0!important}
html[data-teamilo-hig] body .team-pill{width:auto!important;max-width:min(360px,100%)!important;min-height:48px!important;font-size:.9rem!important;font-weight:550!important;border-radius:12px!important;padding:11px 32px 11px 12px!important}
html[data-teamilo-hig] body .sectionhead{margin:30px 0 18px!important;gap:16px!important;align-items:center!important;flex-wrap:wrap!important}
html[data-teamilo-hig] body .home-all-teams-header{margin:0 0 28px!important}
html[data-teamilo-hig] body .home-all-teams-header p{margin-top:13px!important;font-size:1rem!important;max-width:680px!important;color:var(--hig-muted)!important}
html[data-teamilo-hig] body :is(.card,.stat,.channel,.chatpanel,.authcard,.org-panel,.org-stats article,.org-section-choice,.teamilo-profile-section,.tm-account-chat){background:var(--hig-surface)!important;color:var(--hig-text)!important;border:1px solid var(--hig-line)!important;box-shadow:none!important;border-radius:var(--hig-radius)!important}
html[data-teamilo-hig] body .card{padding:24px!important;margin-bottom:16px!important}
html[data-teamilo-hig] body :is(.stats,.home-account-stats,.org-stats){gap:14px!important;margin-bottom:28px!important}
html[data-teamilo-hig] body .stat{padding:20px 22px!important;min-width:0!important}
html[data-teamilo-hig] body .stat .num{font-size:2rem!important;line-height:1.2!important;font-weight:650!important;margin-bottom:7px!important;color:var(--hig-text)!important}
html[data-teamilo-hig] body :is(.grid2,.org-cols){grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;gap:24px!important}
html[data-teamilo-hig] body :is(.grid2,.org-cols)>*{min-width:0!important}
html[data-teamilo-hig] body :is(.btn,.choice,.org-primary,.org-entry,.org-page button,.org-member-dialog button,.tm-chat-back,.tm-message-controls button,.teamilo-module-dialog button,.teamilo-photo-dialog button){min-height:44px!important;min-width:44px!important;border-radius:11px!important;padding:11px 16px!important;font-size:.9375rem!important;font-weight:600!important;line-height:1.4!important;white-space:normal!important;background:var(--hig-button)!important;color:var(--hig-on-button)!important;border:1px solid transparent!important;touch-action:manipulation}
html[data-teamilo-hig] body :is(.btn.light,.btn.outline,.choice,.org-entry,.org-page button:not(.org-primary),.org-member-dialog button:not([type=submit]),.tm-chat-back){background:var(--hig-soft)!important;color:var(--hig-text)!important;border-color:var(--hig-line)!important}
html[data-teamilo-hig] body :is(.btn,.choice,button,input,select,textarea,a,summary):focus-visible{outline:3px solid var(--hig-focus)!important;outline-offset:4px!important;box-shadow:none!important}
html[data-teamilo-hig] body :is(button,a,summary){scroll-margin-top:100px;scroll-margin-bottom:115px}
html[data-teamilo-hig] body :is(button:disabled,input:disabled,select:disabled){opacity:.6!important}
html[data-teamilo-hig] body .link{min-height:44px!important;min-width:44px!important;padding:10px 9px!important;color:var(--hig-accent)!important;font-size:.9rem!important;text-underline-offset:4px!important}
html[data-teamilo-hig] body :is(input,select,textarea,.field){min-height:48px!important;max-width:100%!important;background:var(--hig-surface)!important;color:var(--hig-text)!important;border:1px solid var(--hig-line)!important;border-radius:11px!important;padding:12px 14px!important;font-size:1rem!important;line-height:1.5!important}
html[data-teamilo-hig] body :is(input,textarea)::placeholder{color:var(--hig-muted)!important;opacity:1!important}
html[data-teamilo-hig] body input:is([type=checkbox],[type=radio]){min-height:22px!important;height:22px!important;min-width:22px!important;width:22px!important;padding:0!important;accent-color:var(--hig-accent)}
html[data-teamilo-hig] body label:has(input:is([type=checkbox],[type=radio])){min-height:44px!important;align-items:center!important;gap:10px!important}
html[data-teamilo-hig] body :is(.fieldwrap label,.org-page label){font-size:.9rem!important;color:var(--hig-text)!important;font-weight:550!important;line-height:1.5!important}
html[data-teamilo-hig] body .fieldwrap{gap:9px!important;margin-bottom:20px!important}
html[data-teamilo-hig] body :is(.soft,.datebox,.avatar,.pill,.home-global-date,.home-team-tag,.bubble,.org-msg,.poll-card,.task-card,.display-name-form,.teamilo-photo-child){background:var(--hig-soft)!important;color:var(--hig-text)!important;border-color:var(--hig-line)!important}
html[data-teamilo-hig] body :is(.pill,.testtag){font-size:.75rem!important;font-weight:600!important;line-height:1.5!important;padding:6px 10px!important;border-radius:8px!important;white-space:normal!important}
html[data-teamilo-hig] body .testtag{background:var(--hig-soft)!important;color:var(--hig-text)!important;border:1px solid var(--hig-line)!important;letter-spacing:.05em!important}
html[data-teamilo-hig] body .hig-marker{display:inline-flex;gap:8px;align-items:center;font-size:.75rem;color:var(--hig-accent);line-height:1.5;margin-top:10px;font-weight:600}
html[data-teamilo-hig] body .hig-marker::before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%;flex-shrink:0}
html[data-teamilo-hig] body :is(.unread-badge,.tm-account-chat-badge,.org-request){background:#ff675f!important;color:#27110f!important;border:1px solid #ff918b!important;font-weight:700!important;opacity:1!important}
html[data-teamilo-hig] body .unread-badge{font-size:.72rem!important;min-width:22px!important;min-height:22px!important;padding:2px 6px!important;line-height:1.4!important}
html[data-teamilo-hig] body :is(.home-global-event,.event-preview){width:100%!important;text-align:start!important;border-radius:18px!important;padding:20px!important}
html[data-teamilo-hig] body .cardheader{gap:15px!important;align-items:flex-start!important;flex-wrap:wrap!important}
html[data-teamilo-hig] body .datebox{min-width:58px!important;padding:10px!important;border-radius:12px!important;background:var(--hig-soft)!important}
html[data-teamilo-hig] body .datebox strong{font-size:1.8rem!important;font-weight:650!important;line-height:1.15!important}
html[data-teamilo-hig] body .datebox small{font-size:.75rem!important;color:inherit!important}
html[data-teamilo-hig] body .cardheader .grow{min-width:150px!important}
html[data-teamilo-hig] body :is(.actions,.choices){gap:9px!important}
html[data-teamilo-hig] body .actions{margin-top:20px!important;align-items:center!important}
html[data-teamilo-hig] body .choice{min-width:54px!important}
html[data-teamilo-hig] body .choice.selected.yes{background:#d5fb75!important;color:#243212!important;border-color:#d5fb75!important}
html[data-teamilo-hig] body .choice.selected.no{background:#ffc4b7!important;color:#4a2119!important;border-color:#ffc4b7!important}
html[data-teamilo-hig] body .choice.selected.maybe{background:#ffe292!important;color:#493816!important;border-color:#ffe292!important}
html[data-teamilo-hig] body .choice[aria-pressed=true]{box-shadow:inset 0 0 0 2px currentColor!important}
html[data-teamilo-hig] body :is(.card.teamilo-event-unanswered,.teamilo-event-accordion:has(.teamilo-unanswered-label),.teamilo-open-notification,.home-global-alert,.org-open-notification){--hig-text:#202b14;--hig-muted:#344727;--hig-surface:#d5fb75;--hig-soft:#e6ffae;--hig-line:#68873b;--hig-accent:#233813;--hig-button:#263719;--hig-on-button:#f5ffe8;background:#d5fb75!important;color:#202b14!important;border:1px solid #a9d555!important;opacity:1!important}
html[data-teamilo-hig] body :is(.teamilo-unanswered-label,.teamilo-event-pending-inline){font-size:.8125rem!important;font-weight:650!important;background:var(--hig-soft)!important;color:var(--hig-text)!important;padding:7px 10px!important;border-radius:8px!important;white-space:normal!important}
html[data-teamilo-hig] body .teamilo-event-accordion{border-radius:18px!important;overflow:hidden!important}
html[data-teamilo-hig] body .teamilo-event-accordion>summary{min-height:80px!important;padding:20px!important}
html[data-teamilo-hig] body :is(.person,.attendance-person,.team-overview-person,.org-member-row){padding-block:16px!important;gap:12px!important;border-color:var(--hig-line)!important}
html[data-teamilo-hig] body .attendance-person{flex-wrap:wrap!important}
html[data-teamilo-hig] body .attendance-person .grow{min-width:120px!important}
html[data-teamilo-hig] body .attendance-person .choices{margin:0!important}
html[data-teamilo-hig] body .div{background:var(--hig-line)!important;margin-block:22px!important}
html[data-teamilo-hig] body .home-demo-ad{border-radius:16px!important;min-height:120px!important;background:var(--hig-surface)!important;border:1px solid var(--hig-line)!important;box-shadow:none!important;color:var(--hig-text)!important}
html[data-teamilo-hig] body .home-ad-slot{margin:32px 0 20px!important}
html[data-teamilo-hig] body .home-context-note{font-size:.8125rem!important;color:var(--hig-muted)!important;margin-top:24px!important}
html[data-teamilo-hig] body .home-global-details>span{font-size:.875rem!important;color:var(--hig-muted)!important}
html[data-teamilo-hig] body :is(.home-global-arrow,.attendance-heading){color:var(--hig-accent)!important}
html[data-teamilo-hig] body .teamilo-avatar-initials{background:var(--hig-soft)!important;color:var(--hig-text)!important}
html[data-teamilo-hig] body .chat-layout.tm-chat-detail{width:100%!important;max-width:700px!important;margin-inline:auto!important;background:var(--hig-bg)!important}
html[data-teamilo-hig] body :is(.chatpanel,.tm-chat-scroll){min-height:380px!important;height:min(68dvh,700px)!important;background:var(--hig-surface)!important;border-radius:18px!important;border-color:var(--hig-line)!important}
html[data-teamilo-hig] body :is(.chat-title,.tm-chat-navigation-bar){background:var(--hig-surface)!important;border-color:var(--hig-line)!important;color:var(--hig-text)!important;padding:15px 18px!important}
html[data-teamilo-hig] body :is(.chatlog,.org-message-list){background:var(--hig-bg)!important;padding:20px!important;gap:15px!important}
html[data-teamilo-hig] body .bubble{font-size:1rem!important;line-height:1.6!important;padding:14px 17px!important;max-width:90%!important;border-radius:15px 15px 15px 4px!important;border:1px solid var(--hig-line)!important}
html[data-teamilo-hig] body .bubble.mine{background:var(--hig-soft)!important;color:var(--hig-text)!important;border-radius:15px 15px 4px 15px!important}
html[data-teamilo-hig] body .bubble .who{font-size:.8125rem!important;color:var(--hig-accent)!important;font-weight:650!important}
html[data-teamilo-hig] body :is(.chatcompose,#chatform){padding:13px!important;background:var(--hig-surface)!important;border-color:var(--hig-line)!important;gap:10px!important}
html[data-teamilo-hig] body .tm-account-chats [data-chat-directory]{max-width:700px!important;gap:12px!important}
html[data-teamilo-hig] body .tm-account-chat{min-height:86px!important;padding:19px!important;gap:15px!important;text-align:start!important;line-height:1.5!important}
html[data-teamilo-hig] body .tm-account-chat-copy strong{font-size:1rem!important;font-weight:600!important}
html[data-teamilo-hig] body .tm-account-chat-copy small{font-size:.85rem!important;opacity:1!important}
html[data-teamilo-hig] body .authwrap{background:var(--hig-bg)!important;min-height:100dvh!important;padding:32px 20px!important}
html[data-teamilo-hig] body .authcard{width:min(100%,490px)!important;padding:36px!important;border-radius:24px!important}
html[data-teamilo-hig] body .authcard .brand{margin:0 0 27px!important}
html[data-teamilo-hig] body .authcard p{color:var(--hig-muted)!important;font-size:1rem!important}
html[data-teamilo-hig] body .authcard #authform>button{width:100%!important;min-height:50px!important}
html[data-teamilo-hig] body .auth-tools{align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
html[data-teamilo-hig] body :is(.modal,.org-member-dialog,.teamilo-module-dialog,.teamilo-photo-dialog,#tm-forward-dialog,#tm-delete-dialog){background:var(--hig-surface)!important;color:var(--hig-text)!important;border:1px solid var(--hig-line)!important;border-radius:22px!important;padding:28px!important;width:min(580px,100%)!important;max-height:calc(100dvh - 48px)!important;overflow:auto!important;box-shadow:0 28px 90px #0005!important}
html[data-teamilo-hig] body .modalback{background:#000a!important;padding:24px!important;z-index:1000!important}
html[data-teamilo-hig] body dialog::backdrop{background:#000a!important}
html[data-teamilo-hig] body :is(.modal,.org-member-dialog) h2{margin-bottom:24px!important}
html[data-teamilo-hig] body .toast{background:var(--hig-surface)!important;border:1px solid var(--hig-line)!important;color:var(--hig-text)!important;font-size:.9375rem!important;line-height:1.5!important;padding:15px 20px!important;max-width:min(560px,calc(100vw - 32px))!important;bottom:30px!important;border-radius:13px!important;z-index:2000!important}
html[data-teamilo-hig] body .org-page{max-width:1050px!important;padding:30px 26px 70px!important;color:var(--hig-text)!important;background:var(--hig-bg)!important}
html[data-teamilo-hig] body .org-head{padding-bottom:24px!important;border-bottom:1px solid var(--hig-line)!important;margin-bottom:24px!important}
html[data-teamilo-hig] body .org-toolbar{gap:16px!important;margin-block:20px!important}
html[data-teamilo-hig] body .org-tabs{padding-bottom:18px!important;gap:9px!important}
html[data-teamilo-hig] body .org-tabs button{min-height:48px!important}
html[data-teamilo-hig] body .org-tabs button.chosen{background:var(--hig-button)!important;color:var(--hig-on-button)!important}
html[data-teamilo-hig] body #teamilo-org-root .org-section-choice{background:var(--hig-surface)!important;color:var(--hig-text)!important;border-color:var(--hig-line)!important;padding:22px!important;min-height:80px!important}
html[data-teamilo-hig] body .org-panel{padding:24px!important;margin-block:16px!important}
html[data-teamilo-hig] body .org-member-description{min-width:0!important;overflow-wrap:anywhere!important}
html[data-teamilo-hig] body .org-member-row{flex-wrap:wrap!important}
html[data-teamilo-hig] body .org-member-row>.org-member-description{flex:1!important;min-width:130px!important}
html[data-teamilo-hig] body .org-section-list{gap:16px!important}
html[data-teamilo-hig] body :is(.org-panel,.card) summary{min-height:44px!important;cursor:pointer!important;line-height:1.5!important}
html[data-teamilo-hig] body .org-error{background:#ffd2c8!important;color:#481d15!important;padding:14px!important;border-radius:10px!important}
html[data-teamilo-hig] body .hig-icon{width:22px;height:22px;display:inline-block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-teamilo-hig] body .hig-nav-label{font:inherit!important;min-width:0;overflow-wrap:anywhere}
html[data-teamilo-hig] body .tm-chat-navigation-bar{gap:12px!important}
html[data-teamilo-hig] body .tm-chat-navigation-bar>.tm-account-chat-copy{min-width:0;flex:1}
html[data-teamilo-hig] body .tm-chat-back{display:inline-flex!important;align-items:center;gap:6px;flex-shrink:0}
html[data-teamilo-hig] body .tm-chat-back .hig-icon{width:20px;height:20px}
html[dir="rtl"][data-teamilo-hig] body .tm-chat-back .hig-icon{transform:scaleX(-1)}
html[data-teamilo-hig] body .hig-skip{position:fixed;inset-inline-start:20px;top:10px;z-index:9999;transform:translateY(-180%);background:#d5fb75;color:#202912;padding:13px 20px;border-radius:10px;text-decoration:none}
html[data-teamilo-hig] body .hig-skip:focus{transform:none}
.hig-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html[data-teamilo-hig] body [hidden]{display:none!important}
@media(max-width:1050px){html[data-teamilo-hig] body .frame{grid-template-columns:200px minmax(0,1fr)!important}html[data-teamilo-hig] body .main{padding-inline:25px!important}html[data-teamilo-hig] body :is(.grid2,.org-cols){grid-template-columns:1fr!important}html[data-teamilo-hig] body .top{align-items:flex-start!important;flex-wrap:wrap!important}html[data-teamilo-hig] body .top-controls{justify-content:flex-start!important}}
@media(max-width:800px){html[data-teamilo-hig] body .frame{display:block!important}html[data-teamilo-hig] body .sidebar{display:none!important}html[data-teamilo-hig] body .main{padding:20px 20px calc(110px + env(safe-area-inset-bottom))!important}html[data-teamilo-hig] body .top{padding-bottom:20px!important;margin-bottom:26px!important;gap:18px!important}html[data-teamilo-hig] body .mobile-top-logo{display:block!important;width:123px!important;height:auto!important;margin-bottom:9px!important}html[data-teamilo-hig] body .desktop-pilot{display:none!important}html[data-teamilo-hig] body .top-controls{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important}html[data-teamilo-hig] body #teamswitch{width:100%!important;max-width:100%!important}html[data-teamilo-hig] body .bottom{position:fixed!important;bottom:0!important;inset-inline:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;min-height:76px!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;background:var(--hig-surface)!important;border-top:1px solid var(--hig-line)!important;z-index:100!important}html[data-teamilo-hig] body .bottom button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important;gap:5px!important;min-height:54px!important;min-width:0!important;padding:7px 2px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:var(--hig-muted)!important;font-size:.6875rem!important;line-height:1.3!important;font-weight:550!important}html[data-teamilo-hig] body .bottom button.active{background:var(--hig-soft)!important;color:var(--hig-accent)!important;border-color:var(--hig-line)!important}html[data-teamilo-hig] body .bottom .unread-badge{position:absolute!important;top:0!important;right:6px!important;line-height:1.35!important;font-size:.625rem!important;min-height:19px!important;min-width:19px!important}html[data-teamilo-hig] body .bottom .hig-icon{width:23px;height:23px}html[data-teamilo-hig] body .hig-marker{font-size:.6875rem!important}html[data-teamilo-hig] body .toast{bottom:calc(91px + env(safe-area-inset-bottom))!important}html[data-teamilo-hig] body .org-page{padding:22px 18px calc(105px + env(safe-area-inset-bottom))!important}html[data-teamilo-hig] body .card{padding:20px!important}html[data-teamilo-hig] body :is(.stats,.home-account-stats,.org-stats){gap:9px!important}html[data-teamilo-hig] body .stat{padding:16px 12px!important}html[data-teamilo-hig] body .stat small{font-size:.75rem!important}html[data-teamilo-hig] body .stat .num{font-size:1.65rem!important}html[data-teamilo-hig] body :is(.chatpanel,.tm-chat-scroll){height:58dvh!important;min-height:340px!important}html[data-teamilo-hig] body .chatlog{padding:15px!important}html[data-teamilo-hig] body .bubble{max-width:94%!important}html[data-teamilo-hig] body .modalback{padding:12px!important;align-items:center!important}html[data-teamilo-hig] body :is(.modal,.org-member-dialog,.teamilo-module-dialog,.teamilo-photo-dialog){max-height:calc(100dvh - 24px)!important;padding:23px!important;border-radius:20px!important}html[data-teamilo-hig] body .authcard{padding:28px!important}html[data-teamilo-hig] body .org-member-tools{grid-template-columns:1fr!important;display:grid!important}}
@media(max-width:420px){html[data-teamilo-hig] body .main{padding-inline:16px!important}html[data-teamilo-hig] body .card{padding:17px!important}html[data-teamilo-hig] body .cardheader .pill{margin-inline-start:73px!important}html[data-teamilo-hig] body .cardheader .grow{min-width:140px!important}html[data-teamilo-hig] body .attendance-person .choices{width:100%!important;padding-inline-start:54px!important}html[data-teamilo-hig] body .choices button{flex:1!important}html[data-teamilo-hig] body .org-section-list{grid-template-columns:1fr!important}html[data-teamilo-hig] body .authwrap{padding-inline:14px!important}html[data-teamilo-hig] body .authcard{padding:24px 20px!important}html[data-teamilo-hig] body .chatcompose{flex-wrap:wrap!important}html[data-teamilo-hig] body .chatcompose input{flex:1 1 150px!important}}
@media(prefers-reduced-motion:reduce){html[data-teamilo-hig]{scroll-behavior:auto!important}html[data-teamilo-hig] body *,html[data-teamilo-hig] body *::before,html[data-teamilo-hig] body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){html[data-teamilo-hig]{--hig-line:#9ba6a0;--hig-muted:var(--ap-text,#f5f6f2)}html[data-teamilo-hig] body :is(.card,.btn,input,select,textarea){border-width:2px!important}}
@media(forced-colors:active){html[data-teamilo-hig] body :is(.card,.btn,.choice,.bottom button,.sidebar button,input,select,textarea){border:1px solid ButtonText!important}html[data-teamilo-hig] body .active{outline:2px solid Highlight!important}}
/* Chat window 1.0.2: fixed viewport, fixed header/composer, scrolling history. */
html[data-teamilo-hig]:has(.tm-chat-detail),
html[data-teamilo-hig] body:has(.tm-chat-detail){overflow:hidden!important;overscroll-behavior:none}
html[data-teamilo-hig] body:has(.tm-chat-detail) :is(.sidebar,.bottom,.main>.top,.main>.sectionhead){display:none!important}
html[data-teamilo-hig] body:has(.tm-chat-detail) .frame{display:block!important;min-height:0!important}
html[data-teamilo-hig] body:has(.tm-chat-detail) .main{padding:0!important}
html[data-teamilo-hig] body .chat-layout.tm-chat-detail{position:fixed!important;inset:var(--hig-chat-top,0px) 0 auto!important;z-index:5000!important;width:100%!important;max-width:none!important;height:100vh!important;height:var(--hig-chat-height,100dvh)!important;min-height:0!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;overscroll-behavior:none;display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important}
html[data-teamilo-hig] body .tm-chat-detail :is(.chatpanel,.tm-chat-scroll,.chatlog){min-height:0!important;height:auto!important;border:0!important;border-radius:0!important}
html[data-teamilo-hig] body .tm-chat-detail>.tm-chat-navigation-bar{flex:0 0 auto!important;max-width:700px!important;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left))!important}
html[data-teamilo-hig] body .tm-chat-detail>.chatpanel{flex:1 1 0%!important;max-width:700px!important;overflow:hidden!important;box-shadow:none!important}
html[data-teamilo-hig] body .tm-chat-detail .tm-chat-back{max-width:40%;padding-inline:10px!important}
html[data-teamilo-hig] body .tm-chat-detail .tm-chat-current-title{font-size:clamp(1rem,4.5vw,1.25rem)!important;margin:0!important}
html[data-teamilo-hig] body .tm-chat-navigation-bar .tm-account-chat-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-teamilo-hig] body .tm-chat-detail :is(.chatlog,.tm-chat-scroll){flex:1 1 0%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scroll-padding-block:12px}
html[data-teamilo-hig] body .tm-chat-detail :is(.chatcompose,#chatform){display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:center!important;margin:0!important;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important}
html[data-teamilo-hig] body .tm-chat-detail .chatcompose input[name="body"]{min-width:0!important;flex:1 1 0%!important;width:0!important}
html[data-teamilo-hig] body .tm-chat-detail .chatcompose button{flex:0 0 auto!important;max-width:45%;min-height:48px!important}
html[data-teamilo-hig] body .tm-chat-detail :is(.chat-title,.poll-toolbar,.poll-chooser,.chatpanel>.soft){flex:0 0 auto!important}
html[data-teamilo-hig] body .tm-chat-detail .poll-create:not([hidden]){flex:1 1 auto!important;min-height:0!important;max-height:60%!important;overflow:auto!important;overscroll-behavior:contain}
html[data-teamilo-hig] body .tm-chat-detail :is(button,input,select,textarea){scroll-margin-block:12px}
html[data-teamilo-hig] body:has(.tm-chat-detail) .modalback{z-index:5500!important}
html[data-teamilo-hig] body:has(.tm-chat-detail) .toast{z-index:6000!important}
html[data-teamilo-hig] body .authcard .brand-logo-wrap{background:#fff!important;border-radius:12px!important;padding:12px!important;width:max-content!important;max-width:100%!important}
@media(max-width:800px){html[data-teamilo-hig] body .top .top-controls{max-width:100%!important}html[data-teamilo-hig] body .mobile-top-logo{background:#fff!important;border-radius:10px!important;padding:8px!important;width:140px!important;max-height:none!important}}
@media(max-width:520px){html[data-teamilo-hig] body .top-controls{grid-template-columns:minmax(0,1fr)!important}html[data-teamilo-hig] body #org-top-link{justify-self:start!important}html[data-teamilo-hig] body :is(.stats,.home-account-stats,.org-stats){grid-template-columns:minmax(0,1fr)!important}html[data-teamilo-hig] body .stat{display:flex!important;align-items:center!important;gap:18px!important;padding:15px 18px!important}html[data-teamilo-hig] body .stat .num{min-width:32px!important;margin:0!important}html[data-teamilo-hig] body .stat small{font-size:.875rem!important}}