/* Version 4: readable type, complete controls and calendar grids. */
body{font-size:16px}.nav-item{font-size:13px}.breadcrumb{font-size:12px}.page-heading .muted{font-size:15px}.metric-label{font-size:13px}.metric>p,.metric-status{font-size:12px}.panel-head h2{font-size:20px}.panel-head>.text-btn,.text-btn{font-size:13px}.eyebrow,.panel-head .eyebrow,.page-heading .eyebrow{font-size:11px}.news-card>p,.agenda-info strong,.day-event p{font-size:14px}.agenda-info small,.news-card-footer>span,.news-meta time,.notification time{font-size:12px}.category,.badge{font-size:12px}.notification p{font-size:14px}label{font-size:15px}th{font-size:12px}td,td:first-child strong{font-size:14px}td small,.record-actions .small-btn{font-size:12px}.record-actions .small-btn{min-height:40px}.form-footer p,.form-subheading small,.subtle-note,.form-error{font-size:13px}.time-summary>div>span{font-size:11px}.team-card>p,.team-meta,.auth-note{font-size:14px}.digital-time{font-size:21px}.digital-date{font-size:11px}.locked4{font-size:12px;padding:9px;color:var(--positive)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.settings-grid p{font-size:14px}.settings-grid small{font-size:12px}.install-icon{width:92px;height:92px;border-radius:20px}.breaks-box{border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:18px}.breaks-box p{font-size:13px}.pause-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;padding:12px 0;border-bottom:1px solid var(--line)}.notice-tools{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px 18px}.notification>.icon-btn{width:32px;height:32px;min-height:32px;padding:7px;border:0;background:transparent}.notification>div{flex:1}.notification>span{padding:6px}.notification-panel{width:470px}.calendar4-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:25px}.calendar4-controls label{min-width:160px;font-size:13px}.calendar4-controls>.secondary{margin-left:auto}.calendar4-step{display:flex;gap:12px;align-items:center;margin-bottom:20px}.timeline4-scroll{overflow:auto;max-height:75dvh;overscroll-behavior:contain}.timeline4{min-width:calc(62px + var(--days)*115px)}.timeline4-head{display:grid;grid-template-columns:62px repeat(var(--days),minmax(0,1fr));position:sticky;top:0;z-index:3;background:var(--surface);border-bottom:1px solid var(--line);min-height:52px}.timeline4-head>span{font-size:11px;padding:17px 5px;color:var(--muted)}.timeline4-head>button{background:var(--surface);border-left:1px solid var(--line);font-size:13px;padding:10px}.timeline4-head>button.current{background:var(--surface2);font-weight:bold}.timeline4-body{display:grid;grid-template-columns:62px repeat(var(--days),minmax(0,1fr));height:1152px}.time4-scale{position:relative;background:var(--surface);z-index:1}.time4-scale>span{position:absolute;left:7px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}.timeline4-day{position:relative;border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,var(--line) 47px,var(--line) 48px)}.timeline4-event{position:absolute;background:var(--surface2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:7px;text-align:left;padding:5px;overflow:hidden;display:flex;flex-direction:column;gap:3px;min-width:0}.timeline4-event strong{font-size:12px;overflow-wrap:anywhere}.timeline4-event small,.timeline4-event span{font-size:10px;color:var(--muted)}.timeline4-event:hover{z-index:2;box-shadow:0 4px 20px #0002}
@media(max-width:980px){.settings-grid{grid-template-columns:1fr}.pause-row{grid-template-columns:1fr 1fr}.pause-row>.icon-btn{justify-self:end}.calendar4-controls{gap:12px}}
@media(max-width:760px){.page-heading .muted{font-size:14px}.panel-head h2{font-size:19px}.metric-label{font-size:12px}.metric>p,.metric-status{font-size:11px}.mobile-nav button{font-size:12px}.digital-time{font-size:17px}.digital-date{font-size:9px}.topbar .digital-clock{min-width:87px}.news-card>p,.notification p{font-size:14px}.eyebrow,.panel-head .eyebrow,.page-heading .eyebrow{font-size:10px}td:before{font-size:11px}td,td small{font-size:13px}.record-actions .small-btn{font-size:12px;min-height:44px}.settings-grid{gap:23px}.pause-row{grid-template-columns:minmax(0,1fr);gap:17px}.pause-row>.icon-btn{justify-self:end}.breaks-box{padding:16px}.time-summary .net>span{font-size:10px}.calendar4-controls label{flex:1;min-width:125px}.calendar4-controls>.secondary{width:100%;margin:0}.calendar4-step{justify-content:space-between;gap:8px}.calendar4-step button{font-size:12px;padding:10px 12px}.notification-panel{width:auto}.notification>div{min-width:0}.notice-tools{padding:0 17px 15px}.notice-tools .small-btn{font-size:11px}.notification{padding-left:16px;padding-right:16px;gap:9px}.notification>span{display:none}.form-subheading small{font-size:12px}.timeline4-scroll{max-height:68dvh}.timeline4-head>button{font-size:12px}.timeline4-event strong{font-size:12px}.timeline4-event small{font-size:11px}.settings-grid .modal-footer{margin-top:0}.page-heading>.secondary{width:100%}}
@media(max-width:365px){.topbar .digital-clock{min-width:74px}.digital-time{font-size:15px}.digital-date{font-size:8px}}

.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar-brand,.sidebar-bottom{flex-shrink:0}