.address-suggestion{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 12px;border:1px solid #e0e0e0;border-radius:9px;background:#fafafa}.address-suggestion span{font-size:11px;color:#666;white-space:pre-line}.address-suggestion button{flex:none}.project-team-picker{border:1px solid #d9d9d9;border-radius:12px;padding:14px}.project-team-picker legend,.phase-assignment-grid legend{font-weight:600;font-size:13px;padding:0 6px}.project-team-picker>div{display:flex;gap:8px;flex-wrap:wrap}.project-team-picker label{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #e0e0e0;border-radius:9px;cursor:pointer;font-size:12px}.project-team-picker label:has(input:checked){border-color:var(--person);background:color-mix(in srgb,var(--person) 7%,white)}.project-team-picker input{width:15px;height:15px;min-height:15px;accent-color:var(--person)}.project-team-picker .wk-avatar{width:25px;height:25px;flex:0 0 25px;border-radius:50%}.phase-assignment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.phase-assignment-grid fieldset{border:1px solid #e0e0e0;border-radius:10px;padding:12px;display:grid;gap:10px}.project-team-summary{background:#fff;border:1px solid #ddd;border-radius:12px;padding:16px;margin-bottom:20px;display:grid;gap:12px}.project-team-summary>div{display:flex;gap:12px;flex-wrap:wrap}.project-team-summary>div>span{display:flex;gap:6px;align-items:center;font-size:12px}.project-team-summary small{font-size:11px;color:#666;line-height:1.7}.project-conversation{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:18px;margin-block:22px}.message-board{overflow:hidden;margin-bottom:0}.message-board .panel-head{padding:16px 18px}.message-board .panel-head p{margin:5px 0 0;font-size:11px}.message-list{min-height:130px;max-height:380px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:16px;background:#fbfbfb;overscroll-behavior:contain}.project-message{display:flex;gap:9px;align-items:flex-end;max-width:90%}.project-message>.wk-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%}.project-message>div{min-width:0}.message-caption{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:10px;padding:0 4px 5px}.message-caption strong{font-weight:600}.message-caption time{font-size:9px;color:#777}.message-bubble{background:#eee;border-radius:14px 14px 14px 3px;padding:10px 13px;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.project-message.is-own{align-self:flex-end;flex-direction:row-reverse}.project-message.is-own .message-bubble{background:#2a2a2a;color:#fff;border-radius:14px 14px 3px 14px}.project-message-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-top:1px solid #e4e4e4;padding:14px}.project-message-form textarea{resize:vertical;min-height:48px;max-height:160px;font-size:13px;padding:11px}.project-message-form>button{align-self:center;min-height:40px}.message-error{grid-column:1/-1;font-size:11px;color:#b42318;margin:0}.message-error:empty{display:none}.project-activity{margin-bottom:24px}.project-conversation .project-activity{margin-bottom:0}.activity-list{max-height:430px;overflow:auto;padding:0 16px}.activity-row{display:flex;gap:10px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #eee}.activity-row:last-child{border-bottom:0}.activity-row>.wk-avatar{flex:0 0 30px;width:30px;height:30px;border-radius:50%}.activity-row>div{min-width:0}.activity-row p{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.activity-row strong{font-weight:600}.activity-project{padding:3px 0;min-height:0;border:0;background:transparent;font-size:11px;color:#555;text-align:left}.activity-row time{display:block;font-size:10px;color:#888;margin-top:3px}.activity-list>.empty{font-size:12px}
.mobile-timeline-shell{position:fixed;inset:0;z-index:150;background:#f7f7f7}.mobile-timeline-surface{height:100%;width:100%;padding:8px 12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.timeline-focus{overflow:hidden}.timeline-focus .topbar,.timeline-focus aside,.timeline-focus footer,.timeline-focus .menu-backdrop{display:none!important}.timeline-focus .workspace{margin:0}.timeline-focus main{padding:0;max-width:none}.mobile-timeline-header{display:flex;align-items:center;gap:12px;flex:none;height:32px}.mobile-timeline-header>button{height:30px;width:34px;min-height:30px;padding:3px;font-size:19px;border:0;background:#2a2a2a;color:white}.mobile-timeline-header>strong{font-size:15px;font-weight:600}.mobile-timeline-header>span{font-size:11px;color:#777}.mobile-timeline-surface>.heading,.mobile-timeline-surface>p.help{display:none}.mobile-timeline-surface>.toolbar{margin:0;gap:6px;flex:none}.mobile-timeline-surface .toolbar input,.mobile-timeline-surface .toolbar select{font-size:10px;min-height:28px;height:28px;padding:4px 7px}.mobile-timeline-surface .toolbar .search{width:190px}.mobile-timeline-surface .toolbar select{width:130px}.mobile-timeline-surface .toolbar>span{font-size:10px}.mobile-timeline-surface>.panel{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;overflow:hidden;border-radius:8px}.mobile-timeline-surface .panel-head{padding:5px 8px;gap:8px;flex:none}.mobile-timeline-surface .panel-head h2{display:none}.mobile-timeline-surface .panel-head .tools{width:100%;gap:6px}.mobile-timeline-surface .panel-head button{font-size:10px;padding:4px 7px;min-height:25px}.mobile-timeline-surface .panel-head .muted{font-size:10px}.mobile-timeline-surface .timeline-scroll{flex:1;max-height:none;min-height:0;overflow:auto}.mobile-timeline-surface .timeline{min-width:0;width:100%}.mobile-timeline-surface .timeline-head,.mobile-timeline-surface .timeline-row{grid-template-columns:170px minmax(0,1fr)}.mobile-timeline-surface .timeline-row{min-height:0}.mobile-timeline-surface .timeline-label{padding:6px 9px;gap:7px;min-height:0}.mobile-timeline-surface .timeline-label strong{font-size:11px;line-height:1.3}.mobile-timeline-surface .timeline-label small{font-size:8px;line-height:1.4}.mobile-timeline-surface .timebar{font-size:8px;height:14px;min-height:14px;padding:0 4px;border-radius:3px;line-height:14px}.mobile-timeline-surface .head-label{padding:6px 9px;font-size:8px;letter-spacing:.04em}.mobile-timeline-surface .months div{font-size:9px;padding:4px}.mobile-timeline-surface .ticks div{font-size:8px;padding:4px 1px}.mobile-timeline-surface .legend{font-size:8px;padding:5px;gap:9px;flex:none}.mobile-timeline-surface .legend i{width:6px;height:6px}.mobile-timeline-surface .project-marker{width:3px;height:24px}.mobile-timeline-surface .milestone{font-size:10px}
@media(orientation:portrait){.mobile-timeline-surface{position:absolute;top:50%;left:50%;width:100dvh;height:100dvw;transform:translate(-50%,-50%) rotate(90deg)}}
@media(max-width:700px){.phase-assignment-grid{grid-template-columns:1fr}.address-suggestion{flex-wrap:wrap}.project-conversation{grid-template-columns:1fr}.message-list{max-height:340px;padding:13px}.project-message{max-width:97%}.message-bubble{font-size:12px}.project-message-form{padding:11px;gap:7px}.project-message-form textarea{font-size:16px}.activity-list{padding:0 13px}.activity-row{padding:12px 0}.activity-row p{font-size:12px}
 .weekly-page .wk-dayheaders,.weekly-page .wk-todorail,.weekly-page .wk-timegrid,.weekly-page .google-allday,.weekly-page .wk-machine-labels{width:100%;min-width:0;grid-template-columns:29px repeat(5,minmax(0,1fr))}.week-screen .weekly-page{height:auto;display:block}.week-screen .wk-calendar{min-height:0;overflow:visible}.weekly-page .wk-calendar-scroll,.week-screen .wk-calendar-scroll,.home-week .wk-calendar-scroll{height:auto;min-height:0;max-height:none;overflow:visible;overscroll-behavior:auto}.week-screen .wk-toolbar{padding:8px}.wk-calendar{overflow:visible}.wk-dayheaders{position:static}.wk-dayhead{padding:5px 1px;min-height:54px}.wk-dayhead>span{font-size:8px;letter-spacing:0}.wk-dayhead strong{font-size:14px}.wk-dayhead strong small{font-size:8px}.wk-dayhead button{font-size:13px;min-width:18px;min-height:18px;width:18px;height:18px;padding:0;right:1px;bottom:3px}.wk-tododay{padding:3px 2px;min-width:0}.wk-todo-caption{display:flex;flex-direction:column;gap:1px;align-items:flex-start;min-width:0}.wk-todo-caption>span{font-size:7px;overflow:hidden;max-width:100%;white-space:nowrap}.wk-todorail .wk-todo-caption button{font-size:8px;min-height:17px}.wk-todorail .wk-todo{padding:2px;gap:2px;min-height:20px;min-width:0}.wk-todorail .wk-todo-open{min-width:0;overflow:hidden;min-height:16px}.wk-todorail .wk-todo-open>span{font-size:8px}.wk-todorail .wk-check{width:11px;height:11px;min-width:11px;min-height:11px;font-size:8px}.wk-todorail .week-todo-more{font-size:8px;padding:2px 0;min-height:20px;line-height:1.2}.wk-axis-label{font-size:6px;padding:6px 1px;letter-spacing:0}.wk-hours>span{font-size:7px;right:2px}.wk-event{left:calc(var(--event-left) + 1px);width:calc(var(--event-width) - 2px);padding:3px 2px;border-left-width:2px;gap:2px}.wk-event>strong{font-size:8px;line-height:1.3}.wk-event-time{font-size:6px;white-space:normal}.wk-event-person{font-size:7px}.wk-event-project,.wk-event-machine{display:none}.wk-lunch>span{font-size:6px;right:1px}.weekly-page .google-allday>div{padding:2px;max-height:62px}.weekly-page .google-allday button{font-size:7px;padding:3px 2px;min-height:22px;overflow-wrap:anywhere}.home-week{margin-inline:0}.wk-now i{height:3px;width:3px}
}
@media(max-width:700px){.weekly-page .google-allday>div{overflow-x:hidden;scrollbar-width:none}.weekly-page .google-allday>div::-webkit-scrollbar{display:none}.weekly-page .wk-axis-label{min-width:0;overflow:hidden}}
.timeline-focus,.timeline-focus .workspace,.timeline-focus main{min-height:100dvh}.timeline-focus{width:100%}
/* Phase allocation, quick project todos and weekly capacity. */
.assignment-toggle{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #ccc;border-radius:10px;background:#fafafa;color:#2a2a2a}.assignment-toggle>input{width:17px;min-height:17px;flex:none;margin-top:2px}.assignment-toggle span{font-size:13px;font-weight:600}.assignment-toggle small{display:block;font-size:11px;font-weight:400;color:#666;margin-top:5px;line-height:1.5}.project-team-picker[hidden],.phase-person-fields[hidden]{display:none}.project-team-picker>label{display:grid;border:0;padding:0 0 8px;max-width:140px}.phase-person-fields{display:grid;gap:6px;margin-top:4px}.phase-person-fields>span,.phase-person-fields>small{font-size:10px;color:#666;line-height:1.5}.phase-person-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eee;padding:6px 0}.phase-person-row>label:first-child{display:flex;align-items:center;gap:6px;min-width:0;color:#333}.phase-person-row input[type=checkbox]{width:14px;min-height:14px;height:14px;margin:0;accent-color:var(--person)}.phase-person-row .wk-avatar{width:23px;height:23px;font-size:8px}.phase-person-row .allocation-percent{display:flex;align-items:center;gap:3px}.allocation-percent input{width:64px;min-height:30px;padding:5px;font-size:12px}.allocation-percent span{font-size:11px}.phase-date{font-size:11px;color:#555;min-height:15px}.allocation-warning{padding:12px 14px;background:#fff3e6;border:1px solid #e8c597;border-radius:9px;font-size:11px;color:#8c4b0e}.allocation-warning p{margin:5px 0}.project-quick-todo{margin:0;border-block:1px solid #eee;padding:12px 18px}.project-quick-todo small{grid-column:1/-1;font-size:10px;color:#777}.quick-todo.project-quick-todo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.project-quick-todo input{font-size:13px}.todo-inline-person{max-width:120px;width:120px;padding:4px 5px;font-size:10px;min-height:26px;background:#fafafa}.unassigned-avatar{background:#eee;color:#777}.my-project-heading{align-items:center;background:#f0f0f0}.my-project-heading button{font-size:12px;font-weight:600;padding:0;min-height:26px;text-align:left}.capacity-period{margin-bottom:18px}.capacity-weeks{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;margin-bottom:24px}.capacity-week{padding:16px;background:white;border:1px solid #ddd;border-radius:12px}.capacity-week>div:first-child{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.capacity-week strong{font-size:13px}.capacity-week small{font-size:10px;color:#777}.capacity-week p{font-size:12px;color:#555;margin:17px 0 11px}.capacity-week p b{font-size:25px;color:#2a2a2a;font-weight:600}.capacity-week p span{font-size:10px}.capacity-meter{height:5px;background:#eee;border-radius:4px;overflow:hidden;margin:0 0 10px}.capacity-meter i{display:block;height:100%;background:#2a2a2a;border-radius:4px}.capacity-week.over{border-color:#cd9765}.capacity-week.over .capacity-meter i{background:#bb681f}
/* A single scrolling surface for the entire landscape timeline. */
.mobile-timeline-surface{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.mobile-timeline-surface::-webkit-scrollbar{display:none}.mobile-timeline-header{position:sticky;top:-8px;z-index:10;background:#f7f7f7;padding-block:4px;min-height:36px}.mobile-timeline-surface>.panel{flex:none;min-height:0;overflow:visible}.mobile-timeline-surface .timeline-scroll{flex:none;max-height:none;height:auto;overflow:visible}.mobile-timeline-surface .timeline-head,.mobile-timeline-surface .timeline-label,.mobile-timeline-surface .head-label{position:static}.mobile-timeline-surface .timeline-label{min-width:0}.mobile-timeline-surface .timeline-label strong{overflow-wrap:anywhere}
@media(max-width:700px){
 .weekly-page .wk-todorail,.weekly-page .wk-dayheaders,.weekly-page .google-allday,.machine-week-todos,.weekly-page .wk-axis-label{position:static;top:auto;left:auto}.weekly-page .wk-todo-list{max-height:none;overflow:visible}
 body[data-view=home] main{--mobile-gutter:15px;padding-inline:var(--mobile-gutter)}body[data-view=home] .home-week{width:calc(100% + 2 * var(--mobile-gutter));max-width:none;margin-inline:calc(-1 * var(--mobile-gutter));padding-inline:0}.home-week .wk-calendar{border-inline:0;border-radius:0}.home-week .wk-people,.home-week .wk-summary,.home-week .google-status,.home-week .wk-footnote,.home-week .weekly-page>p.help{padding-inline:15px}.home-week .mobile-week-person{padding-inline:15px}
 body[data-view=board] main{padding-inline:5px;max-width:none}body[data-view=board] .heading{padding-inline:7px;gap:10px;margin-block:12px}body[data-view=board] .heading h1{font-size:23px}body[data-view=board] .heading p{font-size:11px}body[data-view=board] .heading .eyebrow{font-size:8px}body[data-view=board] .heading .actions button{font-size:10px;padding:7px;min-height:32px}body[data-view=board] .toolbar{padding-inline:6px;gap:6px}body[data-view=board] .toolbar .tools{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px}body[data-view=board] .toolbar .search{grid-column:1/-1;width:100%}body[data-view=board] .toolbar select{width:100%;font-size:11px;padding:7px}body[data-view=board] .toolbar>span{font-size:9px}
 .project-board{width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible;align-items:stretch}.board-column{min-width:0;padding:5px 4px;border-radius:7px;min-height:300px}.board-heading{gap:3px;align-items:flex-start;flex-wrap:wrap}.board-heading h2{font-size:10px;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere;margin:0;font-weight:600}.board-heading .badge{font-size:8px;padding:1px 4px;min-width:15px}.board-column>.help{display:none}.board-cards{padding-top:8px;gap:6px;min-width:0}.board-card .project-card{border-radius:6px}.board-card .card-open{padding:6px;min-width:0;width:100%}.board-card .card-top{display:grid;gap:3px;justify-items:start}.board-card .card-open .project-code{font-size:11px;font-weight:600}.board-card .card-top .badge{font-size:7px;padding:2px 4px;line-height:1.2}.board-card .project-card .card-open h3{font-size:11px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:7px 0 3px;font-weight:600}.board-card .card-open .customer{font-size:8px}.board-card .card-metrics{display:none}.board-card .project-card .progress{height:3px;margin-top:8px}.board-card .project-card .card-foot{padding:4px 5px;display:grid;gap:4px;font-size:7px}.board-card .avatar-stack{row-gap:1px}.board-card .project-person{height:17px;width:17px;font-size:6px;border-width:1px}.board-column .empty{padding:18px 2px;font-size:9px;line-height:1.5}.board-card{min-width:0}.board-card .card-foot>span{overflow-wrap:anywhere}
 .todo-row{gap:7px}.todo-row .person-chip{flex-direction:column;align-items:center;gap:4px}.todo-inline-person{width:88px;max-width:88px;font-size:9px}.todo-row .todo-meta{gap:5px;font-size:9px}.project-quick-todo{padding:10px 12px}.project-quick-todo input{font-size:16px}.phase-assignment-grid{grid-template-columns:1fr}.capacity-weeks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.capacity-week{padding:12px}.capacity-week p b{font-size:22px}.capacity-week p{font-size:11px}.capacity-week>div:first-child{display:grid;gap:4px}
}