:root{--v5-bg:#f7f8fa;--v5-panel:#fff;--v5-border:#e5e7eb;--v5-text:#181b20;--v5-muted:#737b87;--v5-hover:#f5f6f8;--v5-accent:#17191d;--v5-accent-soft:#eef0f3}
html,body{min-height:100%;background:var(--v5-bg);color:var(--v5-text)}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden}
.appShell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh}.appSidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--v5-border);padding:18px 12px 12px;display:flex;flex-direction:column;z-index:30}.sidebarBrand{height:44px;padding:5px 9px 13px;display:flex;align-items:center}.sidebarBrand img{height:26px;width:auto;max-width:100%}.sidebarNav{display:flex;flex-direction:column;gap:14px;margin-top:8px}.sidebarSection{display:grid;gap:3px}.sidebarLabel{font-size:10px;font-weight:800;letter-spacing:.09em;color:#a0a6ae;padding:10px 10px 5px}.sidebarNavItem{width:100%;border:0;background:transparent;color:#626a75;border-radius:8px;padding:9px 10px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;text-align:left}.sidebarNavItem:hover{background:var(--v5-hover);color:var(--v5-text)}.sidebarNavItem.active{background:var(--v5-accent-soft);color:var(--v5-text);font-weight:750}.sidebarIcon{width:17px;text-align:center;font-size:14px}.sidebarUser{margin-top:auto;border-top:1px solid var(--v5-border);padding-top:10px}.sidebarProfile{display:flex;align-items:center;gap:4px}.profileSummary{padding:7px;border:0;background:transparent;display:flex;align-items:center;gap:9px;min-width:0;flex:1;text-align:left}.profileSummary:hover,.sidebarLogout:hover{background:var(--v5-hover)}.profileSummary .avatar{width:30px;height:30px;flex:none}.profileText{display:flex;min-width:0;flex-direction:column}.profileText strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profileText small{font-size:10px;color:var(--v5-muted);font-weight:500}.sidebarLogout{width:32px;height:32px;padding:0;background:transparent;color:var(--v5-muted);border-radius:7px}.appWorkspace{min-width:0}.wrap{max-width:1180px;margin:0 auto;padding:34px 34px 48px}.mobileTopbar,.sidebarBackdrop{display:none}
body.authMode .appSidebar,body.authMode .mobileTopbar{display:none}body.authMode .appShell{display:block}body.authMode .wrap{max-width:100%;padding:0 18px}.login{margin-top:90px}
.pageHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.pageHeader h1{font-size:27px;line-height:1.2;margin:0 0 5px;letter-spacing:-.02em}.pageSubtitle{font-size:13px;color:var(--v5-muted)}.newWorkBtn{padding:9px 13px;border-radius:8px;white-space:nowrap}
.workFilters{display:grid;grid-template-columns:minmax(200px,1fr) 160px 140px 180px;gap:8px;margin-bottom:15px}.workFilters input,.workFilters select{height:38px;background:#fff;border:1px solid var(--v5-border);border-radius:8px;font-size:12px;padding:0 10px}.sortCluster{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px}.iconControl{height:38px;padding:0;background:#fff;border:1px solid var(--v5-border);border-radius:8px;color:var(--v5-text)}
.modernWorkList{border-top:1px solid var(--v5-border);background:#fff;border-radius:10px;overflow:visible}.modernWorkRow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 110px 36px;gap:14px;align-items:center;padding:14px 14px;border-bottom:1px solid var(--v5-border);cursor:pointer}.modernWorkRow:first-child{border-radius:10px 10px 0 0}.modernWorkRow:last-child{border-bottom:0;border-radius:0 0 10px 10px}.modernWorkRow:hover{background:#fafbfc}.workIdentity{display:flex;align-items:center;gap:12px;min-width:0}.clientLogo{width:38px!important;height:38px!important;border-radius:8px!important;object-fit:contain;background:#fff;border:1px solid var(--v5-border);padding:3px;flex:none}.workText{min-width:0}.workTitle{font-size:13px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.workTitle b:first-child{font-weight:780}.workName{font-weight:650}.workTitleSep{color:#b3b8bf;margin:0 3px}.workMeta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px;font-size:11px;color:var(--v5-muted)}.workTypeBadge{font-size:10px!important;padding:2px 7px!important;border-radius:999px!important;background:#f4f5f7!important;border:1px solid var(--v5-border)!important;margin:0!important;color:#424851!important}.metaSep{color:#c4c8ce}.workProgress{text-align:right;font-size:10px;color:var(--v5-muted)}.workProgress .progress{height:5px;margin-top:5px}.progress{background:#eceef1}.bar{background:#2e333a}.rowMenu{position:relative}.rowMenu summary{list-style:none;width:32px;height:32px;display:grid;place-items:center;border-radius:7px;font-size:19px;color:var(--v5-muted);cursor:pointer}.rowMenu summary::-webkit-details-marker{display:none}.rowMenu summary:hover{background:#eef0f2;color:#222}.rowMenuPopup{position:absolute;right:0;top:36px;background:#fff;border:1px solid var(--v5-border);border-radius:9px;padding:5px;min-width:140px;box-shadow:0 10px 30px #1112;z-index:15}.rowMenuPopup button{display:block;width:100%;text-align:left;background:transparent;padding:8px 9px;border-radius:6px;font-size:12px}.rowMenuPopup button:hover{background:var(--v5-hover)}.dangerText{color:#a52a2a}.modernEmpty{background:#fff;border:0;margin:0;border-radius:10px}
.workPageHeader{margin-bottom:20px}.backLink{background:transparent;color:var(--v5-muted);padding:4px 0;margin-bottom:14px;font-size:12px}.backLink:hover{color:var(--v5-text)}.workPageTitleRow{display:flex;align-items:center;justify-content:space-between;gap:18px}.workPageIdentity{display:flex;align-items:center;gap:12px;min-width:0}.workPageIdentity .clientLogo{width:46px!important;height:46px!important}.workClientLabel{font-size:11px;color:var(--v5-muted);font-weight:700;margin-bottom:2px}.workPageIdentity h1{font-size:25px;margin:0;line-height:1.2;letter-spacing:-.02em}.workPageActions{justify-content:flex-end}
.card{border-color:var(--v5-border);box-shadow:none}.cat{border-color:var(--v5-border);border-radius:9px}.cathead{background:#fafbfc}.task{border-top-color:#edf0f2;padding-top:10px;padding-bottom:10px}.eventSummary{gap:8px}.summaryItem{border-color:var(--v5-border);background:#fff}.filters.card{padding:12px;border-radius:9px}.modal{backdrop-filter:blur(2px)}.modalbox{border:1px solid var(--v5-border);box-shadow:0 20px 60px #0002}
@media(max-width:980px){.workFilters{grid-template-columns:1fr 1fr}.workFilters input{grid-column:1/-1}.sortCluster{grid-column:auto}.wrap{padding:28px 22px 42px}.appShell{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:760px){.appShell{display:block}.appSidebar{position:fixed;left:0;top:0;width:250px;transform:translateX(-105%);transition:transform .2s ease;box-shadow:10px 0 30px #0002}.sidebarBackdrop{display:block;position:fixed;inset:0;background:#0005;z-index:25;opacity:0;visibility:hidden;transition:.2s}.sidebarOpen .appSidebar{transform:translateX(0)}.sidebarOpen .sidebarBackdrop{opacity:1;visibility:visible}.mobileTopbar{display:flex;height:54px;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--v5-border);background:#fff;position:sticky;top:0;z-index:20}.mobileTopbar img{height:26px;width:auto;max-width:calc(100% - 58px)}.mobileMenuButton{width:36px;height:36px;padding:0;background:transparent;font-size:20px;color:var(--v5-text)}.wrap{padding:20px 15px 34px}.pageHeader{margin-bottom:17px}.pageHeader h1{font-size:22px}.pageSubtitle{display:none}.workFilters{grid-template-columns:1fr 1fr}.workFilters input{grid-column:1/-1}.workFilters .sortCluster{grid-column:1/-1}.modernWorkRow{grid-template-columns:38px minmax(0,1fr) 32px;gap:10px;padding:13px 9px}.modernWorkRow .workIdentity{display:contents}.modernWorkRow .clientLogo{grid-column:1;width:35px!important;height:35px!important}.modernWorkRow .workText{grid-column:2}.modernWorkRow .workProgress{display:none}.modernWorkRow .rowMenu{grid-column:3;grid-row:1}.workTitle{font-size:12px}.workPageTitleRow{align-items:flex-start;flex-direction:column}.workPageActions{width:100%;justify-content:flex-start}.workPageIdentity h1{font-size:21px}.eventSummary{grid-template-columns:1fr 1fr}.task{grid-template-columns:1fr!important;padding-left:8px}.task .actions{justify-content:flex-start}body.authMode .mobileTopbar{display:none}}
@media(max-width:420px){.workFilters{grid-template-columns:1fr}.workFilters input,.workFilters .sortCluster{grid-column:1}.eventSummary{grid-template-columns:1fr}.newWorkBtn span{display:none}.pageHeader{align-items:center}}

/* V5.0.1 — dark navigation + denser work/task page */
:root{--v5-nav:#292c31;--v5-nav-hover:#353940;--v5-nav-active:#41464e;--v5-nav-text:#e7e9ec;--v5-nav-muted:#9da4ad}
.appSidebar{background:var(--v5-nav);border-right-color:#22252a;color:var(--v5-nav-text)}
.sidebarBrand{height:62px;padding:3px 9px 13px;justify-content:flex-start}
.sidebarBrand img{height:44px;width:44px;max-width:44px;object-fit:contain}
.sidebarLabel{color:var(--v5-nav-muted)}
.sidebarNavItem{color:#c6cbd1}.sidebarNavItem:hover{background:var(--v5-nav-hover);color:#fff}.sidebarNavItem.active{background:var(--v5-nav-active);color:#fff}
.sidebarUser{border-top-color:#42464d}.profileSummary,.sidebarLogout{color:var(--v5-nav-text)}.profileSummary:hover,.sidebarLogout:hover{background:var(--v5-nav-hover)}.profileText small{color:var(--v5-nav-muted)}
.mobileTopbar{background:var(--v5-nav);border-bottom-color:#22252a;color:#fff}.mobileMenuButton{color:#fff}.mobileTopbar img{height:34px;width:34px;object-fit:contain;max-width:34px}

/* Work header: same compact visual rhythm as the work list */
.workPageHeader{margin-bottom:12px}.backLink{margin-bottom:9px;font-size:11px}.workPageTitleRow{gap:12px}.workPageIdentity{gap:10px}.workPageIdentity .clientLogo{width:38px!important;height:38px!important}.workClientLabel{font-size:10px;margin-bottom:1px}.workPageIdentity h1{font-size:21px;line-height:1.18}.workPageActions{gap:6px}.workPageActions button{padding:7px 10px;font-size:11px;border-radius:7px}
.eventSummary{display:flex;gap:6px;margin:10px 0 12px;flex-wrap:wrap}.summaryItem{padding:6px 9px;border-radius:7px;min-width:0;background:#fff}.summaryLabel{font-size:9px;margin-bottom:1px;letter-spacing:.05em}.summaryValue{font-size:11px;font-weight:650;line-height:1.2;white-space:nowrap}
.filters.card{padding:8px;margin:10px 0 14px;gap:7px}.filters.card select{height:34px;padding:6px 8px;font-size:11px;border-radius:7px}

/* Phases/categories/tasks: flatter and denser */
.phaseSection{margin-top:18px}.phaseSection>h2{font-size:14px;letter-spacing:.015em;margin:0 0 7px;color:#353a42;text-transform:uppercase}.cat{margin:7px 0;border-radius:8px}.cathead{min-height:36px;padding:7px 10px;background:#fafbfc}.catTitle{font-size:12px}.cathead .actions{gap:5px}.cathead .mini{padding:5px 7px;font-size:10px;border-radius:6px}.taskrow{padding:0 10px}.task{grid-template-columns:minmax(240px,1fr) 145px 150px auto;gap:8px;padding:7px 0 7px 7px;border-left-width:3px;min-height:43px}.taskName{font-size:12px;font-weight:650;line-height:1.3}.task .small{font-size:10px;margin-top:2px}.task select{height:31px;padding:4px 7px;font-size:10px;border-radius:6px}.task .statusSelect{font-size:10px;font-weight:700}.task .responsiblePicker{min-width:0}.task .avatar{width:27px;height:27px}.task .avatarStack .avatar{margin-left:-6px}.task .mini{padding:5px 7px;font-size:10px;border-radius:6px}.task .actions{gap:4px}.dragHandle{font-size:14px;padding:1px 3px}.noteIcon{font-size:12px;margin-left:5px}

@media(max-width:900px){.eventSummary{display:flex}.task{grid-template-columns:minmax(190px,1fr) 130px 135px auto}}
@media(max-width:760px){.sidebarBrand img{height:44px;width:44px}.eventSummary{gap:5px}.summaryItem{padding:5px 7px}.workPageActions{width:auto;max-width:100%;flex-wrap:wrap}.task{grid-template-columns:1fr!important;padding:8px 4px;gap:6px}.task select{width:100%;height:34px}.task .actions{justify-content:flex-start}.phaseSection>h2{font-size:13px}.cathead{align-items:center;flex-direction:row;flex-wrap:wrap}.cathead .actions{width:auto}.filters.card{grid-template-columns:1fr}.filters.card select{height:36px}}


/* V5.0.2 — typography and task-row polish */
body{font-family:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}

/* Larger square brand in the dark desktop sidebar */
.sidebarBrand{height:158px;padding:8px 8px 14px;justify-content:center;align-items:center}
.sidebarBrand img{width:min(150px,100%);height:auto;max-width:150px;max-height:150px;object-fit:contain}

/* When the compact top header is visible, use the original horizontal 26px logo */
.mobileTopbar img{height:26px!important;width:auto!important;max-width:calc(100% - 58px)!important;object-fit:contain}

/* Slightly more breathing room between status and responsible controls */
.task{column-gap:14px}
.task>.avatarStack,.task>.responsiblePicker{margin-left:3px}

/* Compact icon-only destructive action */
.iconDeleteTask{width:30px;height:30px;padding:0!important;display:inline-grid;place-items:center;border-radius:6px!important}
.iconDeleteTask svg{width:14px;height:14px;display:block;fill:currentColor}

@media(max-width:980px){.sidebarBrand{height:146px}.sidebarBrand img{width:min(136px,100%);max-width:136px;max-height:136px}}
@media(max-width:760px){.sidebarBrand{height:158px}.sidebarBrand img{width:min(150px,100%);max-width:150px;max-height:150px}.task{column-gap:8px}.task>.avatarStack,.task>.responsiblePicker{margin-left:0}}


/* V5.0.3 — typography parity + compact mobile task rows */
/* Keep task-page typography on the same visual scale as the Works screen. */
.taskName{font-size:13px;line-height:1.35;font-weight:650}
.task .small{font-size:11px;line-height:1.35}
.task select{font-size:12px}
.task .statusSelect{font-size:11px}
.catTitle{font-size:13px}
.cathead .mini{font-size:11px}
.filters.card select{font-size:12px}
.summaryValue{font-size:12px}
.workClientLabel{font-size:11px}

.taskMobileMenu{display:none;position:relative}
.taskMobileMenu summary{list-style:none;width:32px;height:32px;display:grid;place-items:center;border-radius:7px;color:var(--v5-muted);font-size:20px;line-height:1;cursor:pointer;user-select:none}
.taskMobileMenu summary::-webkit-details-marker{display:none}
.taskMobileMenu summary:hover{background:var(--v5-hover);color:var(--v5-text)}
.taskMobileMenuPopup{position:absolute;right:0;top:35px;z-index:20;min-width:145px;padding:5px;background:#fff;border:1px solid var(--v5-border);border-radius:9px;box-shadow:0 10px 30px #1112}
.taskMobileMenuPopup button{width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:transparent;border:0;padding:8px 9px;border-radius:6px;font-size:12px;color:#a52a2a}
.taskMobileMenuPopup button:hover{background:var(--v5-hover)}
.taskMobileMenuPopup svg{width:14px;height:14px;fill:currentColor;flex:none}
.desktopTaskActions{display:flex}

@media(max-width:760px){
  /* Mobile task rows prioritize name + status. Responsible controls move out of the row. */
  .task{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"name menu" "status status";column-gap:8px!important;row-gap:6px!important;padding:9px 4px!important;min-width:0}
  .task>div:first-child{grid-area:name;min-width:0}
  .task>.statusSelect{grid-area:status;width:100%;min-width:0;height:34px}
  .task>.avatarStack,.task>.responsiblePicker,.task>span.small{display:none!important}
  .desktopTaskActions{display:none!important}
  .taskMobileMenu{display:block;grid-area:menu;align-self:start;justify-self:end}
  .taskName{font-size:13px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
  .task .small{font-size:11px}
  .taskrow{padding-left:7px;padding-right:7px;overflow:visible}
  .cat{overflow:visible}
}

/* V5.0.4 — typography consistency + task search */
/* Keep secondary pages and floating dialogs on the same Inter scale used by Works/Tasks. */
#app,.modalbox,.modalbox input,.modalbox select,.modalbox textarea,.modalbox button{font-family:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.toolbar h1{font-size:27px;line-height:1.2;letter-spacing:-.02em;margin-top:0;font-weight:700}
.toolbar .small,.archiveMeta,.modelTab .small,.modelHeader .small{font-size:11px;line-height:1.4;color:var(--v5-muted)}
.toolbar button,.listActions button,.modelHeader button,.modelTabs button,.templateCategory button,.tplTask button{font-size:12px}
.modelHeader h2,.phaseHead h2{font-size:18px;line-height:1.25;letter-spacing:-.01em}
.modelTab{font-size:13px}.templateCategory,.tplTask{font-size:13px}
.modalbox{font-size:13px;color:var(--v5-text)}
.modalbox h2{font-size:19px;line-height:1.25;letter-spacing:-.015em;font-weight:700}
.modalbox h3{font-size:15px;line-height:1.3}
.modalbox .small{font-size:11px;line-height:1.4;color:var(--v5-muted)}
.modalbox label{font-size:12px;font-weight:650}
.modalbox input,.modalbox select,.modalbox textarea{font-size:13px;line-height:1.4}
.modalbox button{font-size:12px}
.modalbox .responsibleChecks label{font-size:13px;font-weight:400}

/* Search + three filters, aligned with the Works-screen control language. */
.filters.card.taskFilters{grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(130px,1fr))}
.taskFilters input,.taskFilters select{height:36px;background:#fff;border:1px solid var(--v5-border);border-radius:7px;padding:6px 9px;font-size:12px}
.taskFilters input::placeholder{color:#9299a3}

@media(max-width:980px){
  .filters.card.taskFilters{grid-template-columns:1fr 1fr}
  .taskFilters input{grid-column:1/-1}
}
@media(max-width:760px){
  .toolbar h1{font-size:22px}
  .filters.card.taskFilters{grid-template-columns:1fr}
  .taskFilters input{grid-column:1}
  .modalbox h2{font-size:18px}
}


/* V5.0.5 — CORRE branding + Antonicelli signature */
.sidebarAgencyBrand{margin-top:auto;display:flex;justify-content:center;align-items:center;padding:16px 8px 12px;border-top:0px solid #42464d}
.sidebarAgencyBrand img{width:58px;height:58px;object-fit:contain;display:block}
.sidebarUser{margin-top:0}
.appBrandFooter{margin-top:34px;padding:20px 0 4px;border-top:1px solid var(--v5-border);display:flex;justify-content:center;align-items:center;min-height:52px}
.appBrandFooter img{height:36px;width:auto;max-width:min(350px,70vw);object-fit:contain;opacity:.72}
@media(max-width:760px){
  .mobileTopbar img{height:26px!important;width:auto!important;max-width:calc(100% - 58px)!important;object-fit:contain}
  .sidebarAgencyBrand{padding:14px 8px 10px}
  .sidebarAgencyBrand img{width:52px;height:52px}
  .appBrandFooter{margin-top:26px;padding-top:16px}
  .appBrandFooter img{height:24px}
}

/* V5.0.6 — final brand positioning refinements */
/* Lift CORRE brand slightly so its visual center aligns better with page titles. */
.sidebarBrand{transform:translateY(-10px);margin-bottom:-10px}

/* Larger Antonicelli signature above the user profile. */
.sidebarAgencyBrand{padding:18px 8px 14px}
.sidebarAgencyBrand img{width:150px;height:150px;object-fit:contain}

/* Page footer uses the black horizontal Antonicelli logo on light backgrounds. */
.appBrandFooter img{height:35px;width:auto;max-width:min(350px,70vw);object-fit:contain;display:block}

@media(max-width:760px){
  .sidebarBrand{transform:translateY(-8px);margin-bottom:-8px}
  .sidebarAgencyBrand img{width:70px;height:70px}
}