:root{--blue:#7045ca;--navy:#4b3582;--muted:#777381;--line:#e6e5ea;--shadow:0 2px 6px #26203004;color:#34313c;background:#f8f8fa;--app-safe-top:env(safe-area-inset-top,0px);--app-safe-right:env(safe-area-inset-right,0px);--app-safe-bottom:env(safe-area-inset-bottom,0px);--app-safe-left:env(safe-area-inset-left,0px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:#f8f8fa;color:#34313c}
input,select,textarea{border-color:#dcdae3;color:#34313c;border-radius:6px}
input:focus,select:focus,textarea:focus{outline-color:#e2d5ff;border-color:#8055d5}
button:focus-visible,a:focus-visible{outline-color:#a18adb}
button{border-radius:6px}
.primary{background:#7045ca}.primary:hover{background:#6036b5}.secondary{background:#f3f0fa;color:#654798}
.workspace{grid-template-columns:248px minmax(0,1fr)}
.sidebar{width:248px;padding:27px 16px 20px;gap:26px;background:linear-gradient(155deg,#f1edff 0%,#f9eff5 100%);color:#62596f;border-right:1px solid #e9e3f2}
.brand{font-size:1.27rem;color:#393047;padding:0 9px}.brand small{color:#8c819b;font-size:.8125rem}.brand-icon{background:#8153d2;border-radius:10px;width:38px;height:38px;font-size:1.5rem}
.sidebar nav{gap:4px}.nav-button{color:#665a7c;padding:10px 13px;font-weight:500}.nav-button.active{color:#6945bb;background:#e5dcf7;font-weight:700}.nav-button:hover{background:#eee7f9}.nav-button span{color:#7d5cae}
.sidebar-projects{display:flex;flex-direction:column;min-height:0;flex:1}.sidebar-section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 12px 11px;gap:8px}.sidebar-section-heading h2{font-size:.8125rem;color:#8a7b9b;font-weight:650}.sidebar-section-heading>span{font-size:.8125rem;color:#8a7b9b}
.sidebar-store-list{overflow-y:auto;min-height:0;scrollbar-width:thin;padding-right:3px}.sidebar-store{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font-size:.875rem;font-weight:500;padding:8px 12px;min-height:40px}.sidebar-store>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-store.selected,.sidebar-store:hover{background:#e9e1f7;color:#6542b0}.sidebar-store small{margin-left:auto;color:#866ea6;font-size:.8125rem}.project-marker{height:10px;width:10px;border-radius:3px;background:var(--project-color);flex:none}
.sidebar-foot{color:#81728f;border-color:#e0d5e9;padding:15px 12px 0;gap:2px;font-size:.8125rem}
.main-column{padding:0 36px 48px;max-width:none;margin:0}.topbar{padding:25px 0 20px;margin-bottom:0;min-height:107px}.topbar h1{font-size:1.55rem;color:#34313c;font-weight:750;letter-spacing:-.035em}.eyebrow{font-size:.8125rem;color:#8d8699}.avatar{background:#eae0fb;color:#7045b7;border-radius:10px;width:38px;height:38px}.sync-label:before{display:none}
.workspace-tabs{display:flex;gap:29px;border-bottom:1px solid #dddbe4;margin-bottom:27px;overflow-x:auto}.workspace-tabs button{border-radius:0;flex:none;padding:11px 2px 14px;color:#85808d;border-bottom:3px solid transparent;font-size:.9375rem;min-height:49px}.workspace-tabs button.active{color:#4b355f;border-color:#7045ca;font-weight:750}
.project-context{display:flex;justify-content:space-between;align-items:center;background:#f0eafa;border:1px solid #e5dcf4;border-radius:7px;padding:9px 14px;margin:-11px 0 20px;gap:15px;font-size:.875rem;color:#72549f}.project-context button{color:#6d45b3;font-size:.8125rem;min-height:32px}
.composer{background:white;color:#45404e;border:1px solid #e1dce9;border-radius:8px;box-shadow:none;padding:21px 23px}.composer h2{font-size:1rem}.ai-badge{color:#8865b9;background:#f7f3fd;border-color:#e5daef;font-size:.8125rem}.composer textarea{background:#faf9fc;border:1px solid #e8e4ed;box-shadow:none;min-height:83px;border-radius:6px}.composer-bottom span{color:#91869f;font-size:.8125rem}.command-button{color:white;background:#7045ca;border-radius:6px}.command-button:hover{background:#6036b5}
.stats{gap:14px;margin:20px 0 26px}.stat{border-radius:7px;padding:16px 20px;box-shadow:none}.stat strong{font-size:1.75rem;color:#6744a5}.stat-icon{background:#f5f0fb;color:#9b78ca;border-radius:8px}.stat-label{color:#8c8397}
.segmented{background:transparent;border:1px solid #e2dfe7;border-radius:6px;padding:3px;gap:2px}.segmented button{color:#89818f;padding:7px 15px}.segmented button.active{background:#eee7f9;color:#7145bb;box-shadow:none}.filters select,.filters input{border-radius:6px;border-color:#e1dce8;background:white}
.task-card{box-shadow:none;border-radius:7px;border-color:#e3e0e9;padding:18px}.task-status{border-radius:20px;font-size:.8125rem;padding:5px 11px;font-weight:600}.task-status.received{background:#f0e8fc;color:#8b60c3}.task-status.scheduled{background:#e8f1fd;color:#4c80bc}.task-status.working{background:#fff1dc;color:#a57833}.task-status.done{background:#17653b;color:white}.task-location,.task-meta{color:#928a9b}.task-open:hover{color:#7045ca}.task-actions .edit-button{background:#f6f3fa;color:#8b75a3}
.task-card.is-complete,.store-task-row.is-complete{background:#eaf9ef;border-color:#85cba3;border-left:4px solid #228953}.is-complete .task-open{color:#34684b}.is-complete .task-location,.is-complete .task-meta{color:#537a61}.is-complete .task-status.done{background:#17653b;color:white}
.task-complete{border-radius:6px;background:white;border-color:#e0dae7;color:#897898}.delete-task-button{border-radius:6px;font-size:.8125rem;background:#fff7f8;color:#aa5362}.task-actions{gap:7px}
.store-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.store-card{border-radius:7px;border-left:7px solid var(--project-color);padding:22px 23px;box-shadow:none;border-color:#e0dde5;border-left-color:var(--project-color)}.store-project-title{padding:0;min-height:33px;font-weight:750;font-size:1.12rem;text-align:left;overflow-wrap:anywhere}.store-project-title:hover{color:#7045ca}.store-code{background:transparent;color:#a79daf;padding:0;font-size:.8125rem;margin-bottom:4px}.store-card-heading .edit-button{background:transparent;color:#aea0ba;padding:4px 7px;font-size:.8125rem;min-height:33px}.store-work-counts{gap:9px;font-size:.8125rem;padding:17px 0 12px;flex-wrap:wrap}.store-work-counts strong{color:#8a6bb7}.store-work-counts>span{color:#a393b0}.store-task-row{padding:16px 0}.store-task-main p{color:#92869c}.store-task-main>small{color:#a496af}.add-store-task{margin-top:17px;background:#f5f1fa;color:#8b69b7;border:1px solid #e8dff2;border-radius:5px}.store-work-empty{color:#b2a6bd;padding:22px 0}
.completed-section>summary{background:#eaf9ef;color:#17653b;border-radius:6px}.completed-section[open]>summary{color:#17653b}
.calendar-layout{grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:24px}.calendar-panel{border-radius:7px;border-color:#dedbe5}.calendar-heading{padding:20px}.calendar-heading h2{color:#4c414e;font-size:1.2rem}.weekdays{background:#fdfcfe;color:#a092aa;border-color:#eee9f2}.calendar-day{min-height:100px;gap:6px;border-color:#eee9f2;background:white}.calendar-day.selected{background:#f7f0ff;box-shadow:inset 0 0 0 2px #a078d5}.calendar-day.today .day-number{background:#8860c5}.calendar-day.other{background:#fcfbfd;color:#c9bfce}.day-tasks{background:#eee5fb;color:#9068bf;border-radius:4px}.day-task-title{color:#9e82b8}.quick-schedule-form{border-radius:7px;box-shadow:none;border-color:#e1dbe9;background:white;padding:19px}.calendar-agenda>.section-heading h2{font-size:1rem;color:#786385}.calendar-agenda .empty,.empty{background:white;border-color:#e2d8ec;border-radius:7px}.empty-icon{color:#bca5d2}.empty h3{color:#917ca3}.empty p{color:#ad9abb}
.settings-card,.member-card{border-radius:8px;border-color:#e2dce9;box-shadow:none}.member-role{background:#f1ebfa;color:#9275b2}.pending-card{border-radius:7px}.pending-card.processing{border-color:#ddd0f1;background:#f7f2fd}
dialog{max-width:620px;border:1px solid #ded8e6;border-radius:9px;box-shadow:0 18px 80px #3b244e33;color:#4a3d53}dialog::backdrop{background:#32204455;backdrop-filter:blur(1px)}#editor-form{padding:27px 30px}.dialog-heading{padding-bottom:16px;border-bottom:1px solid #e9e2ef;margin-bottom:21px}.dialog-heading h2{font-size:1.28rem;font-weight:750}.form-grid{gap:18px}.form-grid>label,.form-row>label{color:#91829c;font-weight:500;font-size:.875rem}.form-note{background:#f8f4fb;color:#a08aae}.status-selector{border:0;margin:0;padding:0;min-width:0}.status-selector legend{font-size:.875rem;color:#91829c;padding:0;margin-bottom:8px}.status-selector>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.status-choice{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 7px;border-radius:5px;min-height:44px;background:#f0e8fc;color:#8558bd;cursor:pointer;font-size:.8125rem;white-space:nowrap}.status-choice.scheduled{background:#e8f1fd;color:#4c80bc}.status-choice.working{background:#fff1dc;color:#a57833}.status-choice.done{background:#d9f2e3;color:#247445}.status-choice input[type=radio]{width:15px;height:15px;min-height:15px;margin:0;padding:0;accent-color:currentColor;flex:none}.status-choice input:checked+span{font-weight:750;text-decoration:underline;text-underline-offset:4px}.status-choice:focus-within{outline:2px solid #a081c6;outline-offset:2px}
.login-view{background:linear-gradient(135deg,#f1eafd,#fdf2f7)}.login-card{border-color:#e4d9ed;border-radius:13px;box-shadow:0 12px 55px #60437e0c}.toast{background:#58416f;border-radius:7px}
.workflow-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;padding:15px 18px;background:white;border:1px solid #e3dfe9;border-radius:7px;margin-bottom:22px}.workflow-filters label{font-size:.8125rem;color:#766882;gap:6px;min-width:0}.workflow-filters select{font-size:.875rem;padding:9px 10px;min-width:0}.workflow-buttons{display:flex;gap:12px;align-items:center}.workflow-buttons button{white-space:nowrap}.workflow-buttons .active{background:#7045ca;color:white}.layout-tabs{width:max-content;margin-bottom:16px}.task-status-control{margin:0;min-width:120px}.task-status-control select{padding:7px 10px;font-size:.8125rem;min-height:44px}.assignee-link{padding:0;min-height:28px;font-size:.8125rem;color:#6e5790;text-align:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:500}.task-status.review{background:#ffeadf;color:#a45128}.task-status.hold{background:#eaeaf0;color:#656578}.status-choice.review{background:#ffeadf;color:#a45128}.status-choice.hold{background:#eaeaf0;color:#656578}.status-selector>div{grid-template-columns:repeat(3,minmax(0,1fr))}.task-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start}.board-column{min-width:0;border:1px solid #e0d9e9;background:#f3f0f7;border-radius:8px;padding:12px}.board-column>h3{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 13px;font-size:.9375rem}.board-column>h3 span{background:white;border-radius:5px;padding:2px 7px;font-size:.8125rem}.board-column>div{display:grid;gap:10px}.board-column.done{background:#eaf6ee;border-color:#afd9bc}.board-column.review{background:#fff4eb}.board-column.hold{background:#eeeef2}.board-empty{color:#8e829a;font-size:.8125rem;text-align:center;padding:23px 5px}.task-board .task-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:13px}.task-board .task-main{grid-column:1/-1;grid-row:2}.task-board .task-status{grid-column:1/-1;grid-row:1;justify-self:start}.task-board .task-meta{grid-column:1/-1;grid-row:3;text-align:left;flex-direction:row;flex-wrap:wrap;gap:4px 10px}.task-board .task-actions{grid-column:1/-1;grid-row:4;justify-content:flex-start;margin:7px 0 0;border-top:1px solid #e4dce9;padding-top:10px}.task-board .task-status-control{min-width:0;flex:1}.task-board .task-main h3{font-size:.9375rem}.task-board .task-location{font-size:.8125rem}.task-history{border-top:1px solid #e3dae9;margin-top:23px;padding-top:18px}.task-history>h3{font-size:.9375rem;margin-bottom:13px}.history-event{font-size:.8125rem;border-left:2px solid #d6c7e5;padding:0 0 17px 13px;overflow-wrap:anywhere}.history-event>div{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;color:#776185}.history-event time{margin-left:auto;color:#8a7e92;font-size:.75rem}.history-event p{margin-top:5px;color:#766982;white-space:pre-wrap}.member-main{flex:1;min-width:0}.member-main p{font-size:.8125rem;color:#81708f;margin-top:6px}.member-actions{display:flex;flex-direction:column;align-items:end;gap:8px}.member-actions .member-role{margin-left:0}
@media(max-width:1120px){.workflow-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-buttons{grid-column:1/-1}.task-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.workflow-filters{padding:13px;gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-filters>label:first-child{grid-column:1/-1}.workflow-buttons{justify-content:space-between}.task-board{grid-template-columns:1fr;gap:14px}.task-status-control{min-width:112px}.status-selector>div{grid-template-columns:repeat(2,minmax(0,1fr))}.member-card{align-items:flex-start;flex-wrap:wrap}.member-actions{flex-direction:row;align-items:center;margin-left:52px}.history-event time{width:100%;margin-left:0}.layout-tabs{width:100%;justify-content:flex-start}.workflow-filters select{min-height:44px}.task-card>.task-actions{margin-left:0}}
.task-board .task-status-control{flex-basis:100%;width:100%}
@media(min-width:1550px){.store-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1120px){.main-column{padding:0 25px 40px}.calendar-layout{grid-template-columns:1fr}.calendar-day{min-height:90px}.store-list{gap:15px}.store-card{padding:19px}.task-card{flex-wrap:wrap}.task-card>.task-actions{margin-left:auto}.task-meta{max-width:none}}
@media(max-width:760px){.workspace{display:block}.sidebar{display:none}.main-column{padding:0 17px 104px}.topbar{min-height:92px;padding:23px 0 17px;gap:10px}.topbar h1{font-size:1.4rem}.eyebrow{font-size:.75rem}.sync-label{display:none}.avatar{width:33px;height:33px;font-size:.75rem}.workspace-tabs{gap:24px;margin-bottom:22px}.workspace-tabs button{font-size:.875rem;padding:8px 0 11px;min-height:43px}.project-context{gap:10px;align-items:flex-start;margin-top:-7px;padding:10px;font-size:.8125rem}.project-context>span{flex:1}.project-context button{white-space:nowrap;padding:0;min-height:25px}.composer{padding:17px 16px}.composer-bottom{align-items:flex-end}.composer-bottom span{font-size:.75rem;max-width:190px}.composer textarea{font-size:1rem}.command-button{font-size:.875rem}.stats{gap:9px;margin:16px 0 22px}.stat{padding:13px 11px}.stat strong{font-size:1.55rem}.stat-label{font-size:.75rem}.segmented button{padding:7px 9px;font-size:.8125rem}.store-list{grid-template-columns:1fr;gap:18px}.store-card{padding:20px 18px;border-left-width:6px}.store-project-title{font-size:1.1rem}.task-card{display:grid;padding:16px}.calendar-layout{gap:22px}.calendar-heading{padding:17px 13px}.calendar-heading h2{font-size:1.05rem}.calendar-day{min-height:67px;padding:8px 3px;gap:5px}.quick-schedule-form{padding:16px}.calendar-agenda .task-card{display:grid}.status-selector>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.status-choice{font-size:.875rem;min-height:44px}.mobile-nav{border-color:#e5ddec;background:#fffcfff5}.mobile-nav button{color:#a594b7}.mobile-nav button.active{color:#8052c8}.mobile-nav button>span{font-size:1.4rem}#editor-form{padding:23px 20px}.dialog-heading{margin-bottom:18px}.toast{background:#58416f}}
.pending-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;flex-shrink:0}
#command-editing-note{margin-top:12px}
@media(max-width:760px){.pending-card{flex-direction:column;align-items:stretch}.pending-actions{justify-content:flex-end}.pending-actions button{min-height:40px}}
.calendar-layout{grid-template-columns:minmax(0,1fr);gap:20px}
#calendar-filter-slot .workflow-filters{margin-bottom:0}
.workflow-filters.calendar-filters{grid-template-columns:repeat(2,minmax(0,1fr)) auto}
.calendar-agenda{scroll-margin-top:18px}
.calendar-agenda-actions{margin-bottom:18px}
.calendar-agenda-actions button{min-width:160px}
@media(max-width:1120px){.workflow-filters.calendar-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-filters .workflow-buttons{grid-column:1/-1}}
@media(max-width:760px){.calendar-filters>label:nth-child(2){grid-column:auto}.calendar-agenda-actions button{width:100%}.calendar-agenda-actions{margin-bottom:16px}}

.store-assigned-section{margin-bottom:24px}
.store-assigned-section>.section-heading{margin-bottom:9px}
.store-overview-button{font-size:.75rem;min-height:36px;padding:5px 8px;white-space:nowrap}
.store-assigned-list{display:grid;gap:6px}
.store-assigned-empty{font-size:.8125rem;color:#897d94;padding:9px 0}
.store-assigned-row{display:flex;align-items:center;gap:10px;background:white;border:1px solid #e2dbe9;border-radius:6px;padding:9px 10px;min-width:0}
.store-assigned-main{flex:1;min-width:0}
.store-assigned-main h3{display:flex;align-items:baseline;gap:6px;font-size:.8125rem;line-height:1.45}
.store-assigned-main .task-open{font-size:inherit;padding:0;min-width:0;text-align:left;overflow-wrap:anywhere}
.store-assigned-main .urgent{flex:none;font-size:.625rem;padding:1px 4px}
.store-assigned-main p{display:flex;flex-wrap:wrap;align-items:center;gap:3px 7px;margin-top:4px;font-size:.6875rem;line-height:1.5;color:#897d94;overflow-wrap:anywhere}
.store-assigned-main .task-status{min-width:0;padding:2px 5px;font-size:.625rem;line-height:1.4;flex:none}
.store-assigned-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex:none}
.store-assigned-actions .task-complete{font-size:.6875rem;padding:5px 6px;gap:4px;min-height:29px;white-space:nowrap}
.store-assigned-actions .task-complete input{width:16px;height:16px;margin:0}
.store-assigned-actions .delete-task-button{min-height:29px;padding:5px 7px;font-size:.6875rem}
.store-list.store-project-list{grid-template-columns:1fr;gap:6px}
.store-card.store-project-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;border-left-width:3px;min-width:0}
.store-project-main{flex:1;min-width:0}
.store-row-heading{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px}
.store-row-heading h3{font-size:.8125rem;line-height:1.45;overflow-wrap:anywhere;color:#45364f}
.store-row-code{font-size:.625rem;color:#94879d;white-space:nowrap}
.store-row-mine{font-size:.625rem;line-height:1.4;padding:2px 5px;background:#eee5fb;color:#7045b0;border-radius:4px;white-space:nowrap}
.store-project-row .address{margin:4px 0 0;font-size:.6875rem;line-height:1.5;color:#897d94;overflow-wrap:anywhere}
.store-row-counts{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px;font-size:.625rem;line-height:1.4;color:#94879d}
.store-row-counts .store-row-done{color:#228953}
.store-project-actions{display:flex;justify-content:flex-end;align-content:center;flex-wrap:wrap;flex:0 0 128px;gap:4px}
.store-project-actions .store-row-action{min-height:29px;padding:5px 6px;font-size:.6875rem;line-height:1.35;white-space:nowrap;border-radius:5px}
.store-project-actions .store-row-edit{color:#897d94}
.store-card.store-project-row.is-store-complete{background:#f2faf4;border-left-color:#228953}
@media(max-width:760px){.store-assigned-section{margin-bottom:20px}.store-assigned-section h2,#stores-view>.section-heading h2{font-size:1rem}.store-overview-button{min-height:44px}.store-card.store-project-row,.store-assigned-row{padding:8px 9px;gap:8px}.store-project-actions .store-row-action,.store-assigned-actions .task-complete,.store-assigned-actions .delete-task-button{min-height:44px}.store-assigned-actions .delete-task-button{min-width:44px}}

/* Work items have one registration column and one completion column. */
.task-board{grid-template-columns:repeat(2,minmax(0,1fr))}.task-actions .task-complete{min-height:44px}.task-status.received{background:#eee5fb;color:#75509a}.task-status.done{background:#d9f2e3;color:#247445}
@media(max-width:760px){.task-board{grid-template-columns:1fr}}
details.sidebar-projects{display:block;flex:0 1 auto;overflow:auto}
details.sidebar-projects summary{cursor:pointer;min-height:44px;font-size:.8125rem;font-weight:650}
details.sidebar-projects:not([open]) .sidebar-store-list{display:none}
details.sidebar-projects[open] .sidebar-store-list{max-height:38vh}
.member-color{border:3px solid var(--assignee-color,#94a3b8);background:white;color:#4b4357}
.calendar-day{display:block;min-width:0;overflow:hidden}
.calendar-day .day-number{display:inline-flex;align-items:center;justify-content:center}
.calendar-day .day-tasks{display:block;width:max-content;margin-top:4px}

/* Keep the work title and its details side by side, including on phones. */
.task-main{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;align-items:start;cursor:default}
.task-summary,.task-description{min-width:0}
.task-description{border-left:1px solid #e8e3ee;padding-left:14px}
.task-description-label{display:block;color:#94899d;font-size:.6875rem;line-height:1.4;margin-bottom:3px}
.task-description-open{display:block;width:100%;min-height:44px;padding:0;text-align:left;font-size:.8125rem;line-height:1.55;font-weight:400;border-radius:3px;color:#665c71}
.task-description-open:hover{color:#7045ca;background:#f8f5fc}
.task-description-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}
.task-description-open.is-empty{color:#a197ac;font-size:.75rem}
.is-complete .task-description{border-color:#c7e4d1}
.is-complete .task-description-label,.is-complete .task-description-open{color:#537a61}
@media(min-width:761px) and (max-width:1120px){.task-card>.task-main{flex-basis:100%}.task-card>.task-meta{flex-direction:row;flex-wrap:wrap;text-align:left;gap:5px 10px}}
@media(max-width:760px){.task-main{gap:10px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.task-description{padding-left:10px}.task-main h3{font-size:.875rem}.task-description-open{font-size:.75rem;line-height:1.55}.task-location{font-size:.75rem}.task-card .task-meta{grid-column:1/-1}}
.task-date-link{display:inline-flex;align-items:center;gap:5px;padding:0;min-height:32px;font-size:inherit;font-weight:500;color:inherit;white-space:nowrap;text-align:left}
.task-date-link svg,.date-calendar-button svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.task-date-link:hover{color:#7045ca}.task-date-field{border:0;padding:0;margin:0;min-width:0}.task-date-field legend{font-size:.875rem;color:#91829c;margin-bottom:6px}
.task-date-input-row{display:flex;gap:8px;align-items:center}.task-date-input-row input{flex:1;min-width:0}.date-calendar-button{display:flex;align-items:center;justify-content:center;flex:none;width:46px;min-height:46px;padding:0;background:#f0e9fb;color:#7045ca;border:1px solid #e3d8f3}
.task-date-input-row input::-webkit-calendar-picker-indicator{opacity:0;width:0;padding:0;margin:0}
.date-shortcuts{display:flex;gap:7px;margin-top:8px}.date-shortcuts button{flex:1;min-width:0;min-height:40px;padding:7px 9px;font-size:.8125rem;background:#f5f2fa;color:#81728d;border:1px solid #e5dfea;font-weight:500}.date-shortcuts button.is-selected{background:#eee5fb;border-color:#ad89df;color:#6e3faf;font-weight:700}
@media(max-width:760px){.task-date-link{min-height:44px}.date-shortcuts button{min-height:44px}.task-date-field legend{font-size:.8125rem}}

/* Office-owned Kakao connection controls are visible only to administrators. */
.kakao-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.kakao-calendar-badge{display:inline-block;padding:4px 9px;border-radius:20px;background:#f1edf6;color:#81728d;font-size:.75rem;line-height:1.5;white-space:nowrap}
.kakao-calendar-badge.is-connected{background:#e3f5e9;color:#237545}.kakao-calendar-badge.needs-attention{background:#fff1dc;color:#925c1b}
.kakao-calendar-settings>.helper{margin-bottom:12px}.kakao-calendar-state{font-size:.875rem;color:#65556f;font-weight:600}
.kakao-calendar-behavior,.kakao-calendar-existing,.kakao-calendar-account,.kakao-calendar-queue{font-size:.8125rem;line-height:1.65;color:#85758f;margin-top:8px;overflow-wrap:anywhere}
.kakao-calendar-settings>.kakao-calendar-existing{font-size:.8125rem;background:#f8f5fc;border:1px solid #eee6f5;border-radius:6px;padding:9px 11px;color:#756180}
.kakao-calendar-issue{background:#fff7ea;border:1px solid #f0dfc4;border-radius:6px;padding:10px 12px;color:#94632d;font-size:.8125rem;line-height:1.6;overflow-wrap:anywhere}
.kakao-calendar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;margin-top:16px}.kakao-calendar-actions button{min-height:44px}.kakao-calendar-actions .text-button{font-size:.8125rem}
.kakao-calendar-local{margin-top:13px;padding:10px 12px;background:#f8f5fc;border-radius:6px;font-size:.8125rem;line-height:1.6;color:#85758f}.kakao-help-link{display:inline-block;min-height:30px;padding:4px 0;overflow-wrap:anywhere;color:#7045ca}
.kakao-calendar-help{border-top:1px solid #e8e1ee;padding-top:12px;margin-top:16px}.kakao-calendar-help summary{font-size:.875rem;color:#796286;font-weight:600;cursor:pointer;min-height:36px}.kakao-calendar-help ol{padding-left:20px;font-size:.8125rem;line-height:1.7;color:#8b7c95;margin:5px 0 8px}.kakao-calendar-help li+li{margin-top:9px}
.kakao-calendar-callback{display:flex;align-items:center;gap:8px;margin-top:7px}.kakao-calendar-callback code{flex:1;min-width:0;overflow-wrap:anywhere;font-size:.75rem;background:#f5f1f9;padding:8px;border-radius:5px}.kakao-calendar-callback button{flex:none;min-height:40px}
.kakao-calendar-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:630px;margin-top:14px}.kakao-calendar-config label{min-width:0;font-size:.8125rem}.kakao-calendar-config input{font-size:.875rem}.kakao-calendar-config-note{grid-column:1/-1;font-size:.75rem;color:#9a8da4;line-height:1.6}.kakao-calendar-config>button{justify-self:start;grid-column:1/-1;min-height:44px}
.kakao-calendar-notice{font-size:.8125rem;color:#27714c;min-height:1.5em;line-height:1.6;margin-top:10px;overflow-wrap:anywhere}.kakao-calendar-notice.is-error{color:#b53a39}
@media(max-width:760px){.kakao-calendar-config{grid-template-columns:1fr}.kakao-calendar-actions{gap:7px 10px}.kakao-calendar-actions .primary{flex:1}.kakao-calendar-callback{align-items:flex-start}.kakao-calendar-help summary{min-height:44px}.kakao-help-link{min-height:44px}}

/* Keep home-screen iPhone content clear of the status bar and home indicator. */
@media(max-width:760px){
  .workspace .main-column{min-width:0;padding-top:var(--app-safe-top);padding-right:max(17px,var(--app-safe-right));padding-bottom:calc(104px + var(--app-safe-bottom));padding-left:max(17px,var(--app-safe-left))}
  .topbar>div:first-child{min-width:0}
  .topbar .eyebrow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .topbar-right{flex:none}
  .topbar .avatar{flex-shrink:0}
  .workspace .mobile-nav{padding-right:max(3px,var(--app-safe-right));padding-bottom:calc(4px + var(--app-safe-bottom));padding-left:max(3px,var(--app-safe-left))}
  .workspace.messenger-active .main-column{padding-top:var(--app-safe-top);padding-right:var(--app-safe-right);padding-bottom:calc(55px + var(--app-safe-bottom));padding-left:var(--app-safe-left)}
  .login-view{padding-top:calc(24px + var(--app-safe-top));padding-right:max(24px,var(--app-safe-right));padding-bottom:calc(24px + var(--app-safe-bottom));padding-left:max(24px,var(--app-safe-left))}
  dialog{max-height:calc(100dvh - var(--app-safe-top) - var(--app-safe-bottom) - 32px)}
}