/* Usability 0.20: a compact phone shell, visible calendar and contextual help. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.main,.content,.panel,.panel-body,.grid>*{min-width:0}.content{max-width:1600px}.mobile-work-nav{display:none}.calendar-sections{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:6px;background:#eaf2ed;border-radius:12px}.calendar-sections a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:8px;color:#355d46;font-weight:600;font-size:14px}.calendar-sections a[aria-current=page]{background:#fff;color:#087252;box-shadow:0 1px 5px #173e2912}.calendar-sections a:hover{background:#f8fcf9;color:#17452e}.calendar-sections a:focus-visible{outline:2px solid #13775a;outline-offset:2px}.demo-banner{padding:12px 17px;margin-bottom:20px}.demo-banner>summary{font-size:13px;color:#49664f}.demo-banner p{font-size:13px;margin-top:10px}.date-square{flex:0 0 54px!important;width:54px;min-width:54px!important;padding:8px 5px;white-space:nowrap;word-break:normal;overflow-wrap:normal}.date-square strong{font-size:20px;line-height:1.25;white-space:nowrap;overflow-wrap:normal;word-break:normal}.list-card>div:not(.date-square){min-width:0}.list-card h3,.task-title{overflow-wrap:anywhere}.guide-intro{background:#edf6f0;border:1px solid #d1e3d7;border-radius:14px;padding:24px;margin-bottom:24px}.guide-intro p{margin:10px 0 18px;color:#52675b}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-card{background:#fff;border:1px solid #d5e1d8;border-radius:14px;padding:22px;color:#19372b;display:flex;flex-direction:column;gap:12px;min-width:0}.guide-card:hover{border-color:#16866a;background:#fbfdfb}.guide-card h2{font-size:19px}.guide-card p{color:#52675b;font-size:14px}.guide-card span{color:#087252;font-weight:600;font-size:14px;margin-top:auto}.guide-rules,.guide-archive{margin-top:24px;background:#fff;border:1px solid #d5e1d8;border-radius:12px;padding:20px}.guide-rules p{margin-top:12px;color:#52675b}.guide-archive>summary{margin-bottom:12px}.absence-card{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #dfe8e1}.absence-card:first-child{padding-top:0}.absence-card:last-child{border-bottom:0}.absence-card>div:first-child{min-width:0}.absence-card h3{font-size:17px}.absence-card p{font-size:14px;color:#52675b;margin-top:7px;overflow-wrap:anywhere}.absence-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.absence-actions .btn{white-space:normal}.absence-history{margin-top:20px}.day-off-row{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #e1e9e3}.day-off-row>div{min-width:0}.day-off-row p{font-size:14px;color:#52675b;margin-top:5px}.day-off-row:last-child{border:0}.copilot-hero{padding:24px}.copilot-hero img{width:56px;height:56px}.copilot-hero h2{font-size:22px}.hero-actions .btn{margin-top:0}.calendar-month+.calendar-agenda{margin-top:0}
@media(max-width:1000px){.guide-cards{gap:14px}.calendar-sections a{padding:10px 12px}}
@media(max-width:700px){
 body{font-size:16px}.simple-shell .topbar{height:60px;position:sticky;top:0;z-index:30;gap:6px;padding:0 10px}.simple-shell .top-actions{gap:6px;min-width:0}.simple-shell .topbar .search{max-width:none;min-width:0;flex:1}.simple-shell .topbar .search input{width:100%;min-height:40px;height:40px;font-size:16px;padding:8px 8px 8px 32px;border-radius:10px}.simple-shell .search svg{width:16px;height:16px;left:10px;top:12px}.simple-shell .topbar .icon-button{width:40px;min-width:40px;height:44px;padding:9px}.simple-shell .profile-button{padding:0;min-width:32px}.simple-shell .profile-button .avatar{width:30px;height:30px}.simple-shell .profile-text{display:none}.notification-count{font-size:10px!important;min-width:19px!important;height:19px!important;padding:2px!important;right:0!important;top:0!important}.simple-shell .content{padding:20px 14px calc(100px + env(safe-area-inset-bottom));max-width:100%;width:100%}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:20px;gap:14px}.page-heading h1{font-size:26px;line-height:1.25}.page-heading p{font-size:14px;margin-top:7px;line-height:1.55}.page-heading>.flex{width:100%;gap:8px}.page-heading .btn{font-size:13px;padding:10px 12px;white-space:normal;min-height:44px}.page-heading>.flex .btn{flex:1 1 120px}.btn{white-space:normal;font-size:14px;min-height:44px}.panel{border-radius:14px}.panel-head,.panel-body{padding:18px}.panel-head{gap:12px;flex-wrap:wrap}.panel-head h2{font-size:19px}.panel-head p{font-size:13px}.panel-head>.btn.ghost{margin-left:auto;padding:8px 10px;min-height:40px}.hero{padding:20px;margin-bottom:20px}.hero h2{font-size:24px;line-height:1.3;margin:9px 0}.hero p{font-size:14px;line-height:1.55}.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.hero-actions .btn{font-size:14px;padding:11px 8px;min-height:46px;white-space:normal}.demo-banner{padding:10px 13px;border-radius:10px;margin-bottom:17px}.demo-banner>summary{font-size:12px}.work-tabs{position:static;top:auto;padding:7px 12px;gap:8px;min-height:50px;z-index:auto}.work-tabs.is-empty{display:none}.work-tabs .work-tabs-close-all,.work-tabs .work-tab-mobile label{display:none}.work-tabs .work-tab-mobile{min-width:0;flex:1}.work-tabs .work-tab-mobile select{font-size:14px;min-height:38px;height:38px;padding:7px 28px 7px 10px;width:100%;text-overflow:ellipsis}.work-tabs>.icon-button{width:40px;min-width:40px;min-height:40px}.mobile-work-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:35;background:#fff;border-top:1px solid #d8e5dc;padding:5px max(5px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));box-shadow:0 -3px 16px #19372b08}.mobile-work-nav a,.mobile-work-nav button{display:flex;flex:1;min-width:0;min-height:52px;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:transparent;border:0;color:#52675b;font:inherit;font-size:11px;font-weight:600;border-radius:10px;padding:4px 2px}.mobile-work-nav svg{width:23px;height:23px}.mobile-work-nav img{object-fit:contain}.mobile-work-nav [aria-current=page]{color:#087252;background:#eaf5ef}.mobile-work-nav a:focus-visible,.mobile-work-nav button:focus-visible{outline:2px solid #16866a;outline-offset:-2px}.calendar-sections{margin-bottom:20px;padding:5px;gap:5px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-sections a{font-size:12px;padding:10px 8px;min-height:44px;white-space:normal;text-align:center}.calendar-sections a:last-child:nth-child(5){grid-column:span 2}.date-square{flex:0 0 50px!important;width:50px;min-width:50px!important;padding:8px 5px}.date-square strong{font-size:20px}.list-card{gap:12px;padding:16px 0}.list-card h3{font-size:15px;line-height:1.5}.list-card p{font-size:13px}.next-action{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:10px!important}.next-action>.btn{grid-column:2;justify-self:start;margin-top:4px}.next-action .step-number{width:28px;height:28px;font-size:13px}.next-action p{font-size:13px!important}.notice-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.notice-metric{padding:12px 9px;align-items:flex-start;flex-direction:column;justify-content:space-between;gap:8px;min-height:99px}.notice-metric span{font-size:12px;line-height:1.4}.notice-metric strong{font-size:25px;line-height:1}.notice-empty-explanation{font-size:13px}.notice-toolbar .btn{font-size:13px}.guide-cards{grid-template-columns:minmax(0,1fr);gap:12px}.guide-intro,.guide-card{padding:20px}.guide-card h2{font-size:18px}.guide-intro p,.guide-card p{font-size:14px}.guide-rules,.guide-archive{padding:17px}.absence-card{flex-direction:column;gap:14px;padding:18px 0}.absence-actions{width:100%;align-items:stretch}.absence-card h3{font-size:16px}.absence-card p{font-size:14px}.context-guidance{padding:12px 15px;margin-bottom:18px}.context-guidance>summary{font-size:13px}.copilot-hero{padding:22px 18px}.copilot-hero h2{font-size:21px}.copilot-hero p{font-size:14px}.copilot-hero .btn{margin-top:16px;width:100%}.copilot-hero img{width:56px;height:56px}#assistant-root .assistant-launcher{display:none}.assistant-mobile-open{overflow:hidden}.assistant-mobile-open .mobile-work-nav{display:none}
 #assistant-root .assistant-panel{--asst-top:max(8px,env(safe-area-inset-top));--asst-bottom:max(8px,env(safe-area-inset-bottom));top:calc(var(--assistant-vvo,0px) + var(--asst-top));left:8px;right:8px;bottom:auto;width:auto;height:calc(var(--assistant-vvh,100dvh) - var(--asst-top) - var(--asst-bottom));max-height:none;min-height:0;font-size:14px;border-radius:16px}#assistant-root .assistant-header{padding:10px 12px;flex-shrink:0}#assistant-root .assistant-header img{width:32px;height:32px}#assistant-root .assistant-header h2{font-size:16px}#assistant-root .assistant-header small{font-size:11px;line-height:1.3}#assistant-root .assistant-header button{min-width:44px;min-height:44px}#assistant-root .assistant-context-bar{flex-shrink:0;padding:7px 12px;font-size:11px;line-height:1.4}#assistant-root .assistant-scroll{padding:12px;min-height:0;flex:1;overflow:auto}#assistant-root .assistant-welcome{padding:4px 0 14px}#assistant-root .assistant-welcome img{width:52px;height:52px}#assistant-root .assistant-welcome h3{font-size:19px}#assistant-root .assistant-welcome p{font-size:13px}#assistant-root .assistant-prompts{gap:6px}#assistant-root .assistant-prompts button{font-size:12px;min-height:36px;padding:6px 10px}#assistant-root .assistant-footer{padding:10px 12px;max-height:70%;overflow-y:auto}#assistant-root .assistant-footer textarea{height:60px;min-height:60px;max-height:96px;font-size:16px;line-height:1.4;padding:9px 10px}#assistant-root .assistant-voice-info{font-size:11px;line-height:1.35;margin-top:6px}#assistant-root .assistant-footer-links{font-size:11px;flex-wrap:wrap;gap:4px}#assistant-root .assistant-footer-links button{font-size:11px!important}#assistant-root .assistant-compose-actions{margin-top:6px}#assistant-root .assistant-compose-actions button{min-height:40px}#assistant-root .assistant-task input,#assistant-root .assistant-task textarea,#assistant-root .assistant-task select{font-size:16px}
}
@media(max-width:700px) and (max-height:480px){#assistant-root .assistant-header small{display:none}#assistant-root .assistant-header{padding:5px 10px}#assistant-root .assistant-context-bar{padding:5px 10px}#assistant-root .assistant-welcome{display:none}#assistant-root .assistant-footer textarea{height:48px;min-height:48px}#assistant-root .assistant-footer{padding:7px 10px}#assistant-root .assistant-voice-info{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mobile-work-nav *,.calendar-sections *{scroll-behavior:auto;transition:none}}

/* Personal progress uses existing task results, never notification read markers. */
.klikachu-progress{padding:20px;margin:20px 0}.klikachu-progress-head{display:flex;align-items:center;gap:16px}.klikachu-progress-head>div{min-width:0}.klikachu-progress-head img,.klikachu-completion img{flex:none;object-fit:contain}.klikachu-progress h2{font-size:20px;margin:0 0 6px}.klikachu-progress p{margin:6px 0;overflow-wrap:anywhere}.klikachu-garden{margin-top:14px}.klikachu-garden summary{cursor:pointer;color:var(--primary,#12856d);font-weight:600;min-height:44px;display:list-item;padding:10px 0}.klikachu-leaves{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.klikachu-leaf{display:inline-flex;gap:6px;align-items:center;padding:8px 12px;background:#f4f6f4;color:#52615b;border:1px solid #d9e4dd;border-radius:16px}.klikachu-leaf.earned{background:#e5f4ed;color:#195e4c;border-color:#89b8a2}.klikachu-garden li{margin:8px 0;overflow-wrap:anywhere}.klikachu-garden p{font-size:14px;color:#52615b}.klikachu-completion{display:flex;gap:12px;align-items:flex-start;padding:18px;margin:18px 0;background:#edf7f0;border:1px solid #c8dfd0;border-radius:16px}.klikachu-completion>div{min-width:0;overflow-wrap:anywhere}.klikachu-completion p{margin:6px 0}.klikachu-completion img{animation:klikachu-nod .4s ease-out 1}@keyframes klikachu-nod{50%{transform:rotate(-8deg)}}
.notice-read-explainer{color:#52615b;font-size:14px;line-height:1.6}.notice-metrics .notice-metric{min-width:0}.notice-metric span{overflow-wrap:normal}.notice-group:not(.unread){border-left:3px solid #cad8d0}
@media(max-width:600px){.klikachu-progress{padding:16px}.klikachu-progress-head{gap:10px;align-items:flex-start}.klikachu-progress-head img{width:48px;height:48px}.klikachu-progress h2{font-size:18px}.klikachu-progress-head p{font-size:14px}.klikachu-completion{padding:14px}.notice-metric{padding:12px 8px}.notice-metric span{font-size:13px}.notice-metric strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.klikachu-completion img{animation:none}}

.notice-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.notice-action-row>div{min-width:0;overflow-wrap:anywhere}
.notice-action-row h3{margin:8px 0 4px}
.notice-action-row p{margin:4px 0}
@media(min-width:701px){.notice-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.notice-action-row{align-items:flex-start;flex-direction:column}}