.CoWorkingContentArea { display:grid; gap:18px; color:var(--textColor); }
.CoWorkingContentArea * { box-sizing:border-box; }
.CoWorkingHero,.CoWorkingPanel { border:1px solid var(--mainPageBorderColor); border-radius:12px; background:var(--mainPageCardBgColor); }
.CoWorkingHero { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:20px; background:linear-gradient(120deg,var(--mainPageCardBgColor),color-mix(in srgb,var(--activeElementBgColor) 16%,var(--mainPageCardBgColor))); }
.CoWorkingHero h3,.CoWorkingPanel h4 { margin:4px 0 6px; }
.CoWorkingHero p,.CoWorkingPanelHeader p { margin:0; opacity:.72; }
.CoWorkingEyebrow { color:var(--activeElementBgColor); font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.CoWorkingGrid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:18px; }
.CoWorkingPanel { min-width:0; padding:18px; }
.CoWorkingPanelHeader { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; margin-bottom:16px; }
.CoWorkingBadge { padding:5px 9px; border:1px solid var(--mainPageBorderColor); border-radius:999px; font-size:.78rem; white-space:nowrap; }
.CoWorkingBadgeAlert { border-color:var(--activeElementBgColor); background:var(--activeElementBgColor); }
.CoWorkingField { display:grid; gap:6px; margin:12px 0; font-size:.85rem; }
.CoWorkingContentArea input,.CoWorkingContentArea textarea,.CoWorkingContentArea button { border:1px solid var(--mainPageBorderColor); border-radius:8px; color:var(--textColor); background:var(--mainPageButtonBgColor); }
.CoWorkingContentArea input { min-height:40px; padding:0 10px; }.CoWorkingContentArea textarea { padding:10px; resize:vertical; }.CoWorkingContentArea button { min-height:38px; padding:8px 12px; cursor:pointer; }
.CoWorkingContentArea button:hover { background:var(--activeElementHoverColor); }.CoWorkingPrimaryButton { border-color:var(--activeElementBgColor)!important; background:var(--activeElementBgColor)!important; font-weight:650; }.CoWorkingSecondaryButton { white-space:nowrap; }
.CoWorkingUserResults { max-height:210px; overflow:auto; border:1px solid var(--mainPageBorderColor); border-radius:8px; }
.CoWorkingUserResult { display:block; width:100%; border:0!important; border-radius:0!important; text-align:left; }.CoWorkingUserResult small { display:block; opacity:.7; }
.CoWorkingSelectedUser { padding:10px 12px; border-left:3px solid var(--activeElementBgColor); background:var(--mainPageBodyBgColor); }
.CoWorkingPermissions { margin:16px 0; padding:0; border:0; }.CoWorkingPermissions legend { margin-bottom:8px; font-weight:650; }
.CoWorkingPermissionHeader,.CoWorkingPermissionRow { display:grid; grid-template-columns:minmax(0,1fr) 70px 70px; gap:8px; align-items:center; min-height:40px; border-bottom:1px solid var(--mainPageBorderColor); }
.CoWorkingPermissionHeader { min-height:30px; opacity:.62; font-size:.75rem; }.CoWorkingPermissionHeader span:not(:first-child),.CoWorkingPermissionRow label { text-align:center; }.CoWorkingPermissionRow input { min-height:auto; }
.CoWorkingList { display:grid; gap:12px; }.CoWorkingRelationshipGrid { grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
.CoWorkingCard { padding:14px; border:1px solid var(--mainPageBorderColor); border-radius:10px; background:var(--mainPageBodyBgColor); }.CoWorkingCardHeader { display:flex; justify-content:space-between; gap:8px; }.CoWorkingCard h5 { margin:0 0 4px; }.CoWorkingCard p { margin:6px 0; opacity:.75; }.CoWorkingCardActions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }.CoWorkingCardActions button[data-action="decline"],.CoWorkingCardActions button[data-action="revoke"] { color:#e07171; }
.CoWorkingStatus { padding:11px 14px; border:1px solid var(--activeElementBgColor); border-radius:8px; background:var(--mainPageCardBgColor); }.CoWorkingStatus.Error { border-color:#c64f4f; color:#e07171; }.CoWorkingEmpty { margin:0; padding:22px; border:1px dashed var(--mainPageBorderColor); border-radius:8px; text-align:center; opacity:.65; }
.CoWorkingWorkspaceContent { display:grid; gap:16px; }
.CoWorkingWorkspaceSection { min-width:0; padding:14px; border:1px solid var(--mainPageBorderColor); border-radius:10px; background:var(--mainPageBodyBgColor); }
.CoWorkingWorkspaceSection h5 { margin:0 0 12px; font-size:1rem; }
.CoWorkingFoodGrid,.CoWorkingEntries { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; }
.CoWorkingFoodGrid article,.CoWorkingEntries article,.CoWorkingJournal article { display:grid; gap:4px; padding:10px; border:1px solid var(--mainPageBorderColor); border-radius:8px; }
.CoWorkingFoodGrid small,.CoWorkingEntries small,.CoWorkingJournal small { opacity:.68; }
.CoWorkingInlineForm { display:flex; gap:8px; margin-top:12px; }
.CoWorkingInlineForm select,.CoWorkingInlineForm input { min-width:0; flex:1; min-height:40px; padding:0 10px; border:1px solid var(--mainPageBorderColor); border-radius:8px; color:var(--textColor); background:var(--mainPageButtonBgColor); }
.CoWorkingPlanGrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:8px; margin-bottom:12px; }
.CoWorkingPlanGrid > label { display:grid; gap:7px; padding:10px; border:1px solid var(--mainPageBorderColor); border-radius:8px; }
.CoWorkingPlanFoods { display:grid; gap:4px; max-height:150px; overflow:auto; }
.CoWorkingPlanFoods label { display:flex; align-items:center; gap:6px; font-size:.82rem; }
.CoWorkingPlanFoods input { min-height:auto; }
.CoWorkingWeekPlan { position:relative; display:grid; grid-template-columns:minmax(0,1fr); gap:14px; min-width:0; margin-bottom:12px; }
.CoWorkingWeekPlanScroll { min-width:0; overflow-x:auto; padding-bottom:5px; }
.CoWorkingWeekPlanCalendar { display:grid; grid-template-columns:minmax(110px,.7fr) repeat(5,minmax(175px,1fr)); min-width:1000px; overflow:hidden; border:1px solid var(--mainPageBorderColor); border-radius:10px; }
.CoWorkingWeekPlanCorner,.CoWorkingWeekPlanColumnHeader,.CoWorkingWeekPlanRowHeader,.CoWorkingWeekPlanCell { min-width:0; padding:10px; border-right:1px solid var(--mainPageBorderColor); border-bottom:1px solid var(--mainPageBorderColor); }
.CoWorkingWeekPlanCorner,.CoWorkingWeekPlanColumnHeader { display:grid; place-items:center; min-height:42px; font-weight:700; background:var(--mainPageCardBgColor); }
.CoWorkingWeekPlanRowHeader { position:sticky; left:0; z-index:1; display:flex; align-items:center; font-weight:700; background:var(--mainPageCardBgColor); }
.CoWorkingWeekPlanCell { display:flex; flex-direction:column; gap:8px; min-height:155px; background:var(--mainPageBodyBgColor); }
.CoWorkingWeekPlanCell.IsSelecting { outline:2px solid var(--activeElementBgColor); outline-offset:-2px; }
.CoWorkingWeekPlanCell input[type="time"] { width:100%; box-sizing:border-box; }
.CoWorkingWeekPlanCellFoods { display:flex; flex:1; flex-direction:column; gap:5px; }
.CoWorkingWeekPlanChip { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px; padding:5px 7px; border-radius:6px; background:var(--mainPageCardBgColor); }
.CoWorkingWeekPlanChip > span { overflow:hidden; font-size:.82rem; text-overflow:ellipsis; white-space:nowrap; }
.CoWorkingWeekPlanChip button { min-height:24px; padding:0 6px; border:0; }
.CoWorkingWeekPlanCell > button { width:100%; margin-top:auto; }
.CoWorkingWeekPlanCatalog { display:flex; flex-direction:column; gap:10px; min-width:0; max-height:690px; padding:14px; border:1px solid var(--mainPageBorderColor); border-radius:10px; background:var(--mainPageCardBgColor); }
.CoWorkingWeekPlanCatalogHeader { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.CoWorkingWeekPlanCatalogHeader h6,.CoWorkingWeekPlanCatalog > p { margin:0; }
.CoWorkingWeekPlanCatalog > p { min-height:2.5em; opacity:.7; }
.CoWorkingWeekPlanCatalog > input { width:100%; }
.CoWorkingWeekPlanCatalogList { display:grid; align-content:start; gap:12px; overflow-y:auto; }
.CoWorkingWeekPlanCatalogList section { display:grid; gap:6px; padding-top:8px; border-top:1px solid var(--mainPageBorderColor); }
.CoWorkingWeekPlanCatalogList section h6 { margin:0; }
.CoWorkingWeekPlanCatalogList section > div { display:grid; gap:6px; }
.CoWorkingWeekPlanCatalogFood { display:flex; flex-direction:column; align-items:flex-start; min-height:50px; text-align:left; }
.CoWorkingWeekPlanCatalogFood small { margin-top:3px; opacity:.68; }
.CoWorkingWeekPlanCatalogFood.IsSelected { border-color:var(--activeElementBgColor); background:var(--activeElementHoverColor); }
@media(min-width:1500px){.CoWorkingWeekPlan{grid-template-columns:minmax(0,1fr)270px}.CoWorkingWeekPlanCatalogHeader button{display:none}}
@media(max-width:1499px){.CoWorkingWeekPlanCatalog{position:fixed;z-index:110;top:0;right:0;bottom:0;width:min(360px,88vw);box-sizing:border-box;border-radius:10px 0 0 10px;box-shadow:-12px 0 32px rgba(0,0,0,.28);transform:translateX(105%);visibility:hidden;transition:transform .25s ease}.CoWorkingWeekPlan.CatalogOpen .CoWorkingWeekPlanCatalog{transform:translateX(0);visibility:visible}}
.CoWorkingRangeButtons { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:10px; }
.CoWorkingRangeButtons button.Active { border-color:var(--activeElementBgColor); background:var(--activeElementHoverColor); }
.CoWorkingHistoryHeader { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.CoWorkingHistoryHeader p { margin:0 0 12px; opacity:.68; }
.CoWorkingNutrientStats { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:8px; margin:10px 0 14px; }
.CoWorkingNutrientStats > div { display:grid; gap:3px; padding:10px; border:1px solid var(--mainPageBorderColor); border-radius:8px; }
.CoWorkingNutrientStats span { font-size:.78rem; opacity:.68; }
.CoWorkingHistoryTableWrap { position:relative; overflow-x:auto; }
.CoWorkingHistoryTable { width:100%; border-collapse:collapse; }
.CoWorkingHistoryTable th,.CoWorkingHistoryTable td { padding:9px 10px; border-bottom:1px solid var(--mainPageBorderColor); text-align:left; white-space:nowrap; }
.CoWorkingHistoryTable thead th { position:sticky; top:0; background:var(--mainPageCardBgColor); }
.CoWorkingHistoryTable tfoot { font-weight:700; background:var(--mainPageCardBgColor); }
.CoWorkingCustomRange { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:10px; }
.CoWorkingCustomRange[hidden] { display:none; }
.CoWorkingJournal { display:grid; gap:9px; }
.CoWorkingJournal p { margin:3px 0; }
.CoWorkingJournalMeta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 12px; }
.CoWorkingJournalMeta time { font-size:.78rem; opacity:.68; }
.CoWorkingJournalContent { padding:8px 0; }
.CoWorkingJournalReplies { display:grid; gap:7px; margin:6px 0 4px 14px; padding-left:10px; border-left:2px solid var(--mainPageBorderColor); }
.CoWorkingJournalInteraction { display:grid; gap:3px; padding:7px; border-radius:7px; background:var(--mainPageCardBgColor); }
.CoWorkingJournalReactionHistory { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
.CoWorkingJournalReactionHistory > span { display:grid; grid-template-columns:auto auto; gap:2px 6px; align-items:center; padding:5px 8px; border:1px solid var(--mainPageBorderColor); border-radius:8px; }
.CoWorkingJournalReactionHistory time { grid-column:1 / -1; font-size:.7rem; opacity:.65; }
@media(max-width:900px){.CoWorkingContentArea{gap:10px}.CoWorkingGrid{grid-template-columns:1fr;gap:10px}.CoWorkingHero,.CoWorkingPanel{padding:12px}.CoWorkingHistoryHeader{flex-direction:column}.CoWorkingFoodGrid,.CoWorkingEntries{grid-template-columns:repeat(2,minmax(0,1fr))}.CoWorkingPlanGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.CoWorkingNutrientStats{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:560px){.CoWorkingHero{align-items:flex-start;flex-direction:column}.CoWorkingPermissionHeader,.CoWorkingPermissionRow{grid-template-columns:minmax(0,1fr) 58px 58px}.CoWorkingRelationshipGrid,.CoWorkingFoodGrid,.CoWorkingEntries,.CoWorkingPlanGrid{grid-template-columns:1fr}.CoWorkingNutrientStats{grid-template-columns:repeat(2,minmax(0,1fr))}.CoWorkingInlineForm{flex-direction:column}}