/* Mobile app layout, installed PWA display, and touch targets. */
.calendar-month-list{margin-top:22px}.calendar-event-list{list-style:none;margin:0;padding:0}.calendar-event-list>li+li{border-top:1px solid var(--line)}.calendar-list-row{display:flex;align-items:center;gap:16px;width:100%;padding:17px 23px;text-align:left;border-radius:8px;min-width:0}.calendar-list-row:hover{background:#f8faf4}.calendar-list-date{width:44px;min-height:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eef4e9;color:#739166;border-radius:9px;flex-shrink:0}.calendar-list-date small{font-size:9px}.calendar-list-date strong{font-size:20px;line-height:1.2;font-weight:550}.calendar-list-copy{min-width:0;flex:1}.calendar-list-copy>strong{display:block;font-size:13px;overflow-wrap:anywhere;color:#435e39}.calendar-list-copy>span{display:block;font-size:11px;color:#7c8e71;margin-top:4px;overflow-wrap:anywhere}.calendar-list-copy>small{display:block;font-size:10px;color:#8b9d7e;margin-top:5px}.calendar-list-row>.icon{width:15px;color:#a3b295}.calendar-list-row.focus .calendar-list-date{background:#efebf5;color:#9a85ac}.calendar-list-row.work .calendar-list-date{background:#f6f0dd;color:#ad9864}.calendar-list-row.personal .calendar-list-date{background:#faeee5;color:#c18f6e}.calendar-day-dialog{width:960px}.calendar-day-dialog .modal-heading{margin-bottom:10px}.calendar-day-intro{color:#829477;font-size:12px;margin-bottom:23px;line-height:1.9}.calendar-day-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:27px}.calendar-day-layout h3{font-size:14px;margin:0 0 19px;display:flex;align-items:center;gap:7px}.calendar-day-layout h3>.icon{width:17px;height:17px;color:#8da27e}.calendar-day-existing{border-left:1px solid var(--line);padding-left:23px;min-width:0}.calendar-day-existing .calendar-list-row{padding:15px 0;gap:11px}.calendar-day-existing .calendar-list-date{width:36px;min-height:46px}.calendar-day-existing .calendar-list-date strong{font-size:18px}.calendar-day-existing .empty{padding:35px 12px}.calendar-day-new{min-width:0}.calendar-day-new .modal-footer{margin-top:20px}.calendar-day-existing .calendar-event-list{max-height:500px;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:700px){.calendar-day-dialog{padding:22px 18px}.calendar-day-layout{grid-template-columns:1fr;gap:23px}.calendar-day-existing{order:-1;border:0;border-bottom:1px solid var(--line);padding:0 0 15px}.calendar-day-existing .calendar-event-list{max-height:180px}.calendar-day-existing .empty{padding:12px;min-height:0;gap:5px}.calendar-day-existing .empty>.icon{display:none}.calendar-day-existing h3{margin-bottom:10px}.calendar-day-existing .calendar-list-row{padding:11px 0}.calendar-list-row{padding:16px 18px;gap:12px}.calendar-list-copy>strong{font-size:14px}.calendar-list-copy>span{font-size:12px}.calendar-list-copy>small{font-size:11px}.calendar-month-list .card-heading{align-items:flex-start;flex-wrap:wrap;gap:5px}.calendar-day-intro{font-size:12px;margin-bottom:17px}.calendar-day-layout h3{font-size:15px}.calendar-day-existing .empty p{font-size:11px}.calendar-day-existing .empty strong{font-size:12px}}
.sidebar nav{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin}.sidebar-bottom{flex-shrink:0}.sidebar .little-note{display:none}.hr-actions{display:flex;gap:9px;flex-wrap:wrap}.hr-note{padding:16px 22px;border-top:1px solid var(--line);font-size:11px;color:#7d8d71;line-height:1.9}.roster-week{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));overflow-x:auto;border-top:1px solid var(--line)}.roster-day{border-right:1px solid var(--line);min-height:230px;padding:11px 9px}.roster-day:last-child{border:0}.roster-day>header{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 13px;color:#86967a;font-size:11px}.roster-day>header strong{font-size:18px;font-weight:500}.roster-day.today{background:#fbfdf6}.roster-day.today>header strong{background:var(--green);color:white;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.shift-block{display:block;text-align:left;background:#eaf3e6;border:1px solid #dce8d3;border-radius:8px;padding:10px 9px;margin-bottom:8px;width:100%;color:#62824f;overflow-wrap:anywhere}.shift-block strong{display:block;font-size:12px}.shift-block span{display:block;font-size:10px;margin-top:5px;white-space:nowrap}.shift-block small{display:block;font-size:9px;margin-top:5px}.shift-block.draft{background:#f5f3e9;border-style:dashed;color:#a2966c}.shift-block i{font-style:normal;font-size:8px;display:block;margin-top:5px}.roster-empty{text-align:center;color:#d0d8c6;font-size:12px;margin-top:45px}.locations-card,.corrections-card,.allocation-card,.trash-card,.audit-card{margin-top:22px}.location-list{padding:0 22px 19px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.location-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:15px;text-align:left;min-width:0}.location-item>.icon{color:#9bb18a;width:18px}.location-item>span{min-width:0;flex:1}.location-item strong{display:block;font-size:12px}.location-item small{display:block;font-size:10px;color:#9daa90;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.location-item>.icon:last-child{width:13px}.request-summary{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.balance-card,.pending-card{padding:25px}.balance-card h2{font-size:18px;margin:10px 0 15px}.balance-card>div{display:flex;align-items:baseline;gap:20px}.balance-card strong{font-size:30px;font-weight:550;color:var(--green)}.balance-card>div>span{font-size:11px;color:#8f9f80}.balance-card p,.pending-card p{font-size:11px;color:#92a184;line-height:1.9;margin-top:15px}.pending-card h2{margin-bottom:17px}.pending-card>strong{font-size:39px;color:#8c9c68;font-weight:500}.pending-card>strong>small{font-size:14px;margin-left:7px}.notice-list{display:grid;gap:19px}.notice-card{padding:25px}.notice-card-top{display:flex;align-items:center;gap:13px;margin-bottom:17px}.notice-card-top small{font-size:10px;color:#9bab8d;flex:1}.notice-card h2{font-size:19px;margin-bottom:17px}.notice-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#6f8362;line-height:2}.notice-card footer{border-top:1px solid var(--line);padding-top:17px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#98a88a}.admin-select{margin:0;width:170px}.admin-select select{margin:0;font-size:12px;padding:8px 10px}.admin-detail{max-width:330px;white-space:normal;overflow-wrap:anywhere;min-width:150px}.audit-list{padding:0 23px 20px}.audit-list>div{display:flex;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;color:#8d9e7e}.audit-list>div>span{flex:1}.audit-list>div>small{font-size:10px}.punch-location{margin:0 22px 12px;font-size:10px;color:#849677}.punch-location select{padding:7px 9px;font-size:11px;margin-top:4px}.overview-grid>.attendance-card .punch-location{grid-column:1/-1;margin:4px 0 0}
.bottom-nav,.mobile-wordmark,.drawer-close,.menu-overlay,.mobile-install-banner{display:none}.network-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#9a654f;color:#fff;padding:10px 18px;border-radius:9px;z-index:90;font-size:12px;text-align:center}.install-settings{grid-column:1/-1}.install-settings-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}.install-settings-heading h2{margin:0 0 5px}.install-settings-heading p{font-size:12px;color:#73816b}.install-settings-heading>.pill{margin-left:auto}.install-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.install-settings .form-note{margin:0}.install-tabs{display:flex;gap:7px;background:#f4f7f0;padding:5px;border-radius:9px;margin-bottom:23px}.install-tabs button{flex:1;padding:10px 8px;font-size:12px;border-radius:6px;color:#85937c}.install-tabs button.active{background:#fff;color:var(--green);box-shadow:0 2px 10px #203a2d08;font-weight:600}.install-visual{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:17px;border-radius:11px;margin-bottom:20px}.install-visual .brand-mark{width:48px;height:48px;font-size:38px;border-radius:15px;margin:0}.install-visual>div{flex:1}.install-visual strong{display:block;font-size:16px}.install-visual div span{display:block;font-size:11px;color:#7c8d72}.install-steps{padding:0;list-style:none;margin:0 0 23px}.install-steps li{display:flex;gap:12px;align-items:flex-start;padding:9px 0}.install-steps li>span{display:flex;align-items:center;justify-content:center;background:#eaf3e7;color:var(--green);width:25px;height:25px;border-radius:50%;font-size:11px;flex-shrink:0}.install-steps li>p{font-size:12px;line-height:1.9;color:#647a56}.message-identity{display:flex;align-items:center;gap:6px;margin:0 2px 7px;min-width:0;flex-wrap:wrap}.sender-nickname{font-size:12px;font-weight:650;color:#42603a;overflow-wrap:anywhere}.sender-me{background:#e3eddb;color:#799466;font-size:9px;border-radius:4px;padding:0 5px}.sender-realname{font-size:10px;color:#8d9e80}.own>.avatar{order:2}.own>.message-content{order:1}.own .message-identity{justify-content:flex-end}.own .message-bubble{border-radius:12px 0 12px 12px}.message>.avatar{margin-top:2px}
@media(max-width:700px){
 html{scroll-padding-top:76px;scroll-padding-bottom:90px;-webkit-text-size-adjust:100%}body{font-size:14px;overscroll-behavior-y:none}.shell{min-height:100dvh}.main{padding-bottom:calc(75px + env(safe-area-inset-bottom));width:100%;min-height:100dvh}.topbar{position:sticky;top:0;z-index:30;height:calc(62px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));background:#fcfdf9f5;backdrop-filter:blur(16px)}.mobile-wordmark{display:block!important;font-size:23px!important;font-weight:750!important;color:#234a39!important;letter-spacing:-1px}.mobile-wordmark span{color:var(--green)}.breadcrumb>strong:not(.mobile-wordmark){display:none}.breadcrumb .mobile-menu{width:40px;height:40px;margin-right:6px}.topbar-tools{gap:7px}.topbar-tools .sync{font-size:10px}.topbar-tools>.avatar{display:none}.topbar .notice-btn{width:40px;height:40px}.topbar .notice-btn .icon{width:21px;height:21px}.content{padding:21px max(16px,env(safe-area-inset-left)) 22px max(16px,env(safe-area-inset-right))}.page-heading{align-items:flex-start;margin-bottom:21px;gap:12px}.page-heading .eyebrow{display:none}.page-heading h1{font-size:23px;letter-spacing:-1px}.page-heading p{font-size:12px;line-height:1.8;margin-top:5px;max-width:260px}.page-heading>.heading-actions{padding-top:4px;max-width:40%;gap:7px}.heading-actions>.btn{font-size:12px;min-height:40px;padding:8px 12px}.btn{min-height:44px;font-size:13px;padding:11px 15px}.btn:hover{transform:none}.icon-btn{min-width:40px;min-height:40px}.icon-btn .icon{width:20px;height:20px}label{font-size:13px!important}input,select,textarea,dialog input,dialog select,dialog textarea,.search-input input,.chat-composer>textarea,.chat-composer .form-grid input,.auth-form input,.punch-start select{font-size:16px!important;min-height:44px;line-height:1.5}textarea{line-height:1.7!important}.check-label input{min-height:18px;width:18px;height:18px}.card{border-radius:15px}.card-heading{padding:20px 19px 16px}.card-heading h2{font-size:15px}.card-heading>.text-link{font-size:12px}.text-link{min-height:36px;font-size:12px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(64px + env(safe-area-inset-bottom));padding:5px max(5px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(5px,env(safe-area-inset-left));border-top:1px solid #e4ebe0;background:#fffffff5;backdrop-filter:blur(20px);z-index:45;box-shadow:0 -4px 24px #1f3d2d04}.bottom-nav>a,.bottom-nav>button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;position:relative;color:#929e87;padding:5px 0;font-size:10px;font-weight:500;border-radius:10px}.bottom-nav .icon{width:22px;height:22px;stroke-width:1.7}.bottom-nav .active{color:var(--green);font-weight:700}.bottom-nav .active:before{content:'';position:absolute;top:3px;width:40px;height:31px;border-radius:10px;background:#eaf3e5;z-index:-1}.bottom-nav .count-badge{position:absolute;top:1px;left:calc(50% + 6px);font-size:9px;min-width:17px;height:17px;border-radius:6px;margin:0}.sidebar{width:min(300px,85vw);height:100dvh;z-index:75;padding:calc(27px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));box-shadow:none;overflow-y:auto;overscroll-behavior:contain}.sidebar.mobile-open{box-shadow:12px 0 60px #153b2b20}.drawer-close{display:flex;position:absolute;right:13px;top:calc(20px + env(safe-area-inset-top))}.sidebar>.brand{margin-bottom:30px;font-size:28px}.sidebar .nav-link{height:46px;font-size:14px;margin-bottom:6px;gap:13px}.sidebar .nav-link .icon{width:19px;height:19px}.sidebar .workspace strong{font-size:13px}.sidebar .little-note{display:none}.sidebar .sidebar-bottom{padding-top:24px}.sidebar-user strong{font-size:13px}.sidebar-user small{font-size:11px}.menu-overlay:not([hidden]){display:block;position:fixed;inset:0;background:#173a2b66;backdrop-filter:blur(3px);z-index:70}.drawer-open{overflow:hidden}.mobile-install-banner{display:flex;align-items:center;gap:11px;border:1px solid #dfe9d8;background:#ecf3e6;border-radius:12px;padding:12px 13px;width:100%;text-align:left;margin:0 0 21px}.mobile-install-banner>.brand-mark{width:33px;height:33px;font-size:28px;border-radius:11px;margin:0}.mobile-install-banner>span:nth-child(2){flex:1;min-width:0}.mobile-install-banner strong{display:block;font-size:12px;color:#48683b}.mobile-install-banner small{display:block;font-size:10px;color:#7e9570;margin-top:2px}.mobile-install-banner>.icon{width:18px;color:#8ca678}.focus-card{min-height:245px;padding:24px 22px}.focus-content{max-width:85%}.focus-content h2{font-size:23px}.focus-content>p{font-size:12px}.focus-detail{font-size:11px}.focus-content>.btn{font-size:12px;min-height:42px}.focus-art{opacity:.55;right:-53px}.overview-grid>.attendance-card{padding:17px 20px 19px}.overview-grid>.attendance-card .work-timer{font-size:32px}.overview-grid>.attendance-card .timer-caption{font-size:11px}.punch-times span{font-size:11px}.punch-times strong{font-size:14px}.punch-start .btn,.punch-buttons>.btn{font-size:13px;min-height:46px}.punch-start select{max-width:54%}.overview-grid>.attendance-card .punch-start{gap:9px}.metric{min-height:100px;padding:17px 13px;gap:10px}.metric p{font-size:11px}.metric strong{font-size:26px}.metric-icon{width:34px;height:34px}.metric-note{font-size:9px}.task-hint{font-size:11px;gap:5px;line-height:1.8}.task-hint>.text-link{font-size:11px}.task-row{padding:16px 18px;min-height:85px;gap:12px}.task-check{width:25px;height:25px;border-radius:8px;position:relative}.task-check:before{content:'';position:absolute;inset:-9px}.task-check .icon{width:17px;height:17px}.task-text strong{font-size:13px}.task-text span{font-size:11px;max-width:190px}.priority{font-size:9px}.due{font-size:10px!important}.card-bottom-note{font-size:10px;padding:14px 18px}.week-day{min-height:66px}.week-day>span{font-size:11px}.week-day>strong{font-size:16px}.timeline-time{width:42px;font-size:13px}.timeline-time small{font-size:11px}.timeline-text>span{font-size:10px}.timeline-text strong{font-size:14px}.timeline-text small{font-size:11px}.timeline-item{gap:12px;padding-bottom:25px}.timeline-item:not(:last-child):after{left:60px}.timeline-dot{width:8px;height:8px}.calendar-day{min-height:79px}.calendar-toolbar .month-controls strong{font-size:16px}.calendar-toolbar .month-controls .icon-btn{min-width:36px}.calendar-toolbar .month-controls .btn{min-height:36px}.calendar-weekdays{font-size:12px}.day-number{font-size:11px;width:24px;height:24px}.calendar-event{font-size:8px;line-height:1.6}.calendar-day>small{font-size:9px}.legend{font-size:11px}.selected-schedule .card-heading h2{font-size:14px}.page-footer{font-size:9px;padding-bottom:17px}.activity-strip{font-size:11px;line-height:1.7}.list-toolbar{padding:17px}.tabs{gap:3px}.tab{font-size:12px;min-height:39px;padding:7px 10px}.tab span{font-size:10px;margin-left:5px}.list-summary{font-size:11px;line-height:1.8}.search-input{min-height:44px}.search-input>.icon{width:18px;height:18px}.search-input input{padding:9px 12px}.attendance-summary{padding:23px 20px}.attendance-summary h2{font-size:20px}.summary-numbers strong{font-size:27px}.summary-numbers span{font-size:11px}.attendance-summary>p{font-size:11px}.attendance-history .card-heading{gap:8px;flex-wrap:wrap}.attendance-history .card-heading h2{font-size:14px}.attendance-history .month-controls strong{font-size:13px}.table-scroll th{font-size:11px}.table-scroll td{font-size:12px}.table-scroll td strong{font-size:12px}.reason-cell{max-width:150px}.leave-card .muted{font-size:11px}.member-card{padding:20px 15px}.member-card h2{font-size:17px}.member-card>p{font-size:11px}.member-email{font-size:10px}.member-meta{font-size:10px}.member-self{font-size:10px}.member-card .btn{min-height:43px;font-size:11px}.settings-grid{gap:16px}.settings-card{padding:23px 20px}.settings-card h2{font-size:17px}.settings-card>p{font-size:12px;line-height:1.9}.form-note{font-size:12px;line-height:1.9}.form-grid{grid-template-columns:1fr}.push-settings .push-actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px}.push-details{font-size:11px;gap:10px 16px}.push-details dd{overflow-wrap:anywhere}.install-settings-heading{gap:10px;align-items:flex-start;flex-wrap:wrap}.install-settings-heading .metric-icon{width:40px;height:40px}.install-settings-heading h2{font-size:15px}.install-settings-heading p{font-size:11px}.install-settings-heading>.pill{margin-left:50px;margin-top:-6px}.install-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.install-card-actions>.primary{grid-column:1/-1}.install-card-actions>.secondary{font-size:11px;padding:10px 5px}.install-steps li>p{font-size:13px}.install-tabs button{min-height:44px}.install-dialog .form-note{font-size:11px}.auth-story{padding:28px 25px 31px}.auth-copy{margin-top:27px;max-width:100%}.auth-copy h1{font-size:27px;line-height:1.55}.auth-copy p{font-size:12px}.auth-tags{margin-top:18px}.auth-tags span{font-size:11px}.auth-form-wrap{padding:30px 25px calc(32px + env(safe-area-inset-bottom))}.auth-form h2{font-size:24px}.auth-form>p{font-size:12px}.auth-form label{font-size:13px}.auth-form .wide{min-height:48px;font-size:14px}.auth-form>.auth-note{font-size:11px}.auth-install{display:flex;margin:14px auto 0;align-items:center;gap:8px;color:#527d41;font-size:12px;min-height:44px}.integration-card h2{font-size:19px}.integration-card p,.integration-card ul,.connection-guide>p{font-size:12px}.network-banner{bottom:calc(75px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);font-size:12px;width:max-content}.keyboard-open .bottom-nav{display:none}.keyboard-open .main{padding-bottom:0}#toast{bottom:calc(80px + env(safe-area-inset-bottom));font-size:12px}.keyboard-open #toast{bottom:15px}dialog{max-height:calc(var(--app-height,100dvh) - 24px);border-radius:18px}dialog label{font-size:13px}.modal-footer .btn{min-height:44px;font-size:12px}.modal-heading h2{font-size:22px}.modal-heading .icon-btn{min-height:40px;min-width:40px}
 /* Keep the conversation and composer inside the visible viewport. */
 .main[data-view="chat"]{height:var(--app-height,100dvh);min-height:0;display:flex;flex-direction:column;overflow:hidden}.main[data-view="chat"]>.topbar{flex-shrink:0;position:relative}.main[data-view="chat"]>.page-footer{display:none}.chat-content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;padding:12px 0 0;max-width:none}.chat-content>.page-heading{padding:0 16px;margin-bottom:12px;flex-shrink:0;align-items:center}.chat-content .page-heading h1{font-size:19px}.chat-content .page-heading p{display:none}.chat-content .heading-actions .btn{min-width:40px;min-height:40px;padding:8px}.chat-layout{flex:1;min-height:0;height:auto;max-height:none;border-radius:14px 14px 0 0;border-inline:0;border-bottom:0;display:flex;flex-direction:column}.chat-channels{min-height:65px;max-height:65px;display:flex;flex-shrink:0;gap:6px;padding:9px 12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.chat-channels::-webkit-scrollbar{display:none}.channel{min-height:45px;padding:7px 10px;gap:8px}.channel strong{font-size:12px}.channel .avatar,.channel-avatar{width:30px;height:30px;border-radius:11px}.chat-main{flex:1;min-height:0}.chat-heading{padding:10px 16px;min-height:59px;flex-shrink:0}.chat-heading strong{font-size:14px}.chat-heading>div>span{font-size:10px}.chat-heading>.sync{font-size:9px}.messages{min-height:0;padding:16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.conversation-start{font-size:10px}.chat-date{font-size:10px;margin:8px 0 20px}.message{gap:8px;margin-bottom:19px}.message-content{max-width:calc(100% - 45px)}.message>.avatar{width:29px;height:29px;border-radius:10px;font-size:11px}.sender-nickname{font-size:12px}.sender-realname{font-size:10px}.message-bubble{font-size:14px;line-height:1.75;padding:11px 13px}.message-meta{font-size:10px;margin-top:5px}.message-task strong{font-size:12px}.message-task small{font-size:10px}.chat-composer{flex-shrink:0;padding:10px 15px 12px;background:#fdfefb}.chat-composer>textarea{font-size:16px!important;min-height:45px;max-height:105px;height:54px;padding:5px 2px}.composer-bottom{gap:10px}.composer-bottom .check-label{font-size:11px!important}.composer-bottom .btn{min-height:40px;min-width:78px;font-size:12px}.composer-bottom .muted{font-size:10px}.chat-footnote{display:none}#task-request-fields .form-grid{grid-template-columns:1.3fr 1fr;gap:9px}#task-request-fields label{font-size:10px!important}#task-request-fields input{min-height:40px;font-size:14px!important}.keyboard-open .main[data-view="chat"]{padding-bottom:0}.keyboard-open .main[data-view="chat"]>.topbar{display:none}.keyboard-open .chat-content>.page-heading,.keyboard-open .chat-channels{display:none}
}
@media(max-width:370px){.page-heading h1{font-size:21px}.page-heading p{font-size:11px}.task-row{gap:8px;padding-inline:14px}.task-text strong{font-size:12px}.task-text span{max-width:145px;font-size:10px}.priority{font-size:8px}.due{font-size:9px!important}.metric{gap:8px;padding-inline:10px}.metric-icon{width:29px;height:29px}.metric p{font-size:10px}.card-heading h2{font-size:14px}.bottom-nav>a,.bottom-nav>button{font-size:9px}.install-card-actions{grid-template-columns:1fr}.install-card-actions>.primary{grid-column:auto}.calendar-toolbar{padding:15px}.legend{gap:13px}.calendar-event{font-size:7px}}
@media(max-width:700px){.hr-actions{gap:7px}.hr-actions>.btn{font-size:11px;min-height:40px;padding:8px 11px}.request-summary{grid-template-columns:1fr;gap:15px}.balance-card,.pending-card{padding:22px 20px}.balance-card>div{flex-wrap:wrap;gap:6px 20px}.balance-card>div>span{font-size:12px}.balance-card p,.pending-card p{font-size:12px}.pending-card>strong{font-size:35px}.roster-card .card-heading{flex-wrap:wrap}.roster-card .month-controls{gap:5px}.roster-card .month-controls .btn{margin:0}.roster-week{grid-template-columns:repeat(7,112px);scroll-snap-type:x proximity}.roster-day{scroll-snap-align:start;min-height:210px}.shift-block strong{font-size:13px}.shift-block span{font-size:11px}.shift-block small{font-size:10px}.shift-block{min-height:82px}.hr-note{font-size:11px;padding:15px 18px}.location-list{grid-template-columns:1fr;padding:0 18px 18px}.location-item{padding:16px}.location-item strong{font-size:14px}.location-item small{font-size:12px}.notice-card{padding:22px 20px}.notice-card h2{font-size:19px}.notice-body{font-size:14px;line-height:1.9}.notice-card-top{flex-wrap:wrap;gap:9px}.notice-card-top small{font-size:10px}.notice-card footer{font-size:12px}.admin-data .card-heading{flex-wrap:wrap}.admin-select{width:155px}.admin-select select{font-size:14px!important}.admin-detail{max-width:220px;min-width:160px}.audit-list{padding:0 18px 18px}.audit-list>div{font-size:11px;gap:9px;flex-wrap:wrap}.audit-list>div>small{flex-basis:100%}.attendance-card .punch-location{margin:0 20px 12px}.overview-grid>.attendance-card .punch-location{margin:4px 0 0}}
@media(display-mode:standalone) and (max-width:700px){.auth-story{padding-top:calc(28px + env(safe-area-inset-top))}.main[data-view="chat"]{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.keyboard-open .main[data-view="chat"]{padding-bottom:0}}
/* Schedule assignment inbox */
.notification-list{list-style:none;padding:0;margin:20px 0 0;max-height:55vh;overflow:auto}
.notification-list li+li{border-top:1px solid #edf0e9}
.notification-row{width:100%;display:flex;gap:12px;align-items:flex-start;padding:18px 10px;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer;border-radius:10px}
.notification-row:hover,.notification-row.is-unread{background:#f0f6ef}
.notification-row>span:nth-child(2){flex:1;min-width:0;display:grid;gap:7px}
.notification-row strong{font-size:13px}.notification-row span span{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.notification-row small{font-size:11px;color:#7a8678}.notification-symbol{color:#46775e}
input[data-admin-select-id] {
  width: 14px;
  height: 14px;
  min-height: 0;
  flex: 0 0 auto;
  align-self: center;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  accent-color: var(--green);
  box-shadow: none;
}

@media (max-width: 700px) {
  input[data-admin-select-id] {
    width: 18px;
    height: 18px;
  }
}