/* Focus is the project workspace surface inside Violet, not a replacement global theme. */
#crmMainGrid{
 --ds-grid-chipMinWidth:var(--ds-projectFocus-entityMinWidth);--ds-projectColumn-selection:var(--ds-projectFocus-selectionWidth);--ds-projectColumn-project:var(--ds-projectFocus-projectWidth);--ds-projectColumn-leads:var(--ds-projectFocus-leadsWidth);--ds-projectColumn-status:var(--ds-projectFocus-statusWidth);--ds-projectColumn-date:var(--ds-projectFocus-dateWidth);--ds-projectColumn-days:var(--ds-projectFocus-daysWidth);--ds-projectColumn-ads:var(--ds-projectFocus-adsWidth);--ds-projectColumn-actions:var(--ds-projectFocus-actionsWidth);
 --theme-surface:var(--ds-projectFocus-background);--theme-panel:var(--ds-projectFocus-background);
 --theme-surface2:var(--ds-projectFocus-table);--theme-input:var(--ds-projectFocus-table);
 --theme-border:var(--ds-projectFocus-border);--theme-text:var(--ds-projectFocus-text);
 --theme-muted:var(--ds-projectFocus-muted);--theme-accent:var(--ds-projectFocus-accent);
 --theme-active:var(--ds-projectFocus-violetBg);color:var(--theme-text);
}
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid>.large-panel{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:20px 12px;background:var(--theme-surface)!important;border:1px solid var(--theme-border)!important;border-radius:16px;padding:24px 16px!important;box-shadow:none}
#crmMainGrid>.large-panel>.toolbar{grid-column:1/-1;gap:20px 12px;padding:0!important;margin:0!important}
#crmMainGrid .crm-project-heading h2{font-size:28px!important;line-height:1.2;margin:12px 0 8px}
#crmMainGrid .crm-project-heading small{font-size:14px}
#crmMainGrid .toolbar>.tabs{gap:8px!important;justify-content:flex-start;margin:0!important;padding-top:4px}
#crmMainGrid .toolbar .tab-btn{background:transparent!important;border:1px solid transparent!important;color:var(--theme-text)!important;box-shadow:none!important;border-radius:8px!important;font-size:14px!important;min-height:44px;white-space:nowrap!important}
#crmMainGrid .toolbar .tab-btn.active{background:var(--theme-surface2)!important;border-color:var(--theme-border)!important;color:var(--theme-accent)!important}
#crmMainGrid .toolbar :is(#manageManagersBtn,#nv132ViewsBtn,#nv132TableToggle,#nv132BoardToggle){background:var(--theme-surface2)!important;border:1px solid var(--theme-border)!important;color:var(--theme-text)!important;border-radius:8px!important;font-size:14px!important;min-height:44px;box-shadow:none!important}
#crmMainGrid .toolbar .u-project-view-toggle{padding:0;border:0;gap:8px!important;background:transparent;display:flex}
#crmMainGrid .toolbar .u-project-view-toggle>button[aria-pressed=true]{background:var(--ds-projectFocus-violetBg)!important;border-color:var(--theme-accent)!important;color:var(--theme-accent)!important}
#crmMainGrid :is(#searchInput,#managerFilter,#statusFilter,#sortFilter){background:var(--theme-input)!important;color:var(--theme-text)!important;border:1px solid var(--theme-border)!important;border-radius:10px!important;height:50px;min-height:50px;font-size:14px;padding:12px 16px}
#crmMainGrid #searchInput::placeholder{color:var(--theme-muted)}
#crmMainGrid>.large-panel>#wLaunchAlert{grid-column:1/-1;width:100%;max-width:none!important;background:var(--ds-projectFocus-violetBg)!important;border:0!important;border-radius:10px;padding:0!important}
#crmMainGrid #wLaunchJump{display:grid!important;grid-template-columns:18px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%!important;max-width:none!important;min-height:80px;height:auto!important;padding:16px 20px!important;background:transparent!important;color:var(--theme-text)!important;border:0!important;text-align:left;box-sizing:border-box}
#crmMainGrid #wLaunchJump strong{display:block;font-size:14px}#crmMainGrid #wLaunchJump small{display:block;font-size:12px;color:var(--theme-muted);margin-top:5px}
#crmMainGrid .w-launch-chevron{margin-left:0!important;color:var(--theme-accent);white-space:nowrap;font-size:14px}
#crmMainGrid>.large-panel>.w-quickbar{grid-column:1;grid-row:auto;gap:12px;align-items:center;padding:0!important;min-height:24px;background:transparent!important;border:0!important}
#crmMainGrid>.large-panel>.table-meta{grid-column:2;text-align:right;align-self:center;padding:0!important;font-size:12px;color:var(--theme-muted)}
#crmMainGrid>.large-panel>#tableMessage{grid-column:1/-1;margin:0!important;padding:0}
#crmMainGrid>.large-panel>#tableMessage:empty{display:none}
#crmMainGrid>.large-panel>:is(.table-wrap,#nv132Board){grid-column:1/-1;margin:0!important}
#crmMainGrid .table-wrap{background:var(--theme-surface)!important;border:1px solid var(--theme-border)!important;border-radius:10px}
#crmMainGrid #projectsTable{border-collapse:collapse;background:var(--theme-surface2)!important;margin:0!important;font-size:13px!important}
#crmMainGrid #projectsTable thead{background:var(--theme-surface)!important}
#crmMainGrid #projectsTable :is(th,td){border-bottom:1px solid var(--theme-border)!important;padding:13px 8px!important;color:var(--theme-muted);font-size:13px!important;line-height:1.4}
#crmMainGrid #projectsTable th{height:62px;font-weight:600!important;background:var(--theme-surface)!important}
#crmMainGrid #projectsTable tbody tr{height:70px;background:var(--theme-surface2)!important}
#crmMainGrid #projectsTable tbody tr.selected,#crmMainGrid #projectsTable tbody tr:has(input[type=checkbox]:checked){background:var(--ds-projectFocus-violetBg)!important}
#crmMainGrid #projectsTable tbody tr:hover{background:color-mix(in srgb,var(--theme-surface2),var(--theme-accent) 5%)!important}
#crmMainGrid #projectsTable .norella-project-links{display:grid!important;grid-template-columns:minmax(0,1fr) 52px;gap:6px 10px;align-items:center;flex-direction:row!important}
#crmMainGrid #projectsTable .project-name{width:auto!important;justify-self:stretch;text-align:left!important;color:var(--theme-text)!important;font-size:13px!important;font-weight:700!important;line-height:1.4;overflow-wrap:anywhere}
#crmMainGrid #projectsTable .norella-project-leads{width:52px!important;min-width:52px!important;min-height:32px;height:32px!important;padding:4px 8px!important;background:var(--ds-projectFocus-violetBg)!important;border:0!important;color:var(--theme-accent)!important;border-radius:8px!important;font-size:12px!important}
#crmMainGrid #projectsTable .norella-project-links>:not(.project-name):not(.norella-project-leads){grid-column:1/-1;justify-self:start;background:transparent!important;box-shadow:none!important;max-width:100%}
#crmMainGrid #projectsTable :is(.client-project-contact,.norella-owner-chip,.crm-entity-empty){background:transparent!important;border-color:transparent!important;min-height:var(--entity-height,32px);height:var(--entity-height,auto);font-size:13px!important;line-height:1.4;color:var(--theme-muted)!important;box-shadow:none!important;font-weight:400!important}
#crmMainGrid #projectsTable .client-project-contact:hover{color:var(--theme-accent)!important;text-decoration:underline}
#crmMainGrid #projectsTable .inline-status{height:38px;min-height:38px;width:100%!important;border:1px solid transparent!important;border-radius:9px!important;text-align:left!important;text-align-last:left!important;padding:6px 10px!important;font-weight:500!important;font-size:12px!important}
#crmMainGrid #projectsTable .inline-date-label{display:inline-flex!important;justify-content:flex-start!important;align-items:center;min-height:32px;width:100%;padding:4px 0!important;color:var(--theme-text)!important;background:transparent!important;border:0!important;font-weight:600}
#crmMainGrid #projectsTable .inline-date-label:after{font-size:12px!important}
#crmMainGrid #projectsTable .inline-date-label[data-date-short='+ Дата']:after{content:'дд.мм.рррр'}
#crmMainGrid #projectsTable .project-remaining{white-space:nowrap!important;font-size:12px!important;color:var(--theme-text)!important}
#crmMainGrid #projectsTable .row-actions{flex-wrap:nowrap!important;gap:4px!important;justify-content:center}
#crmMainGrid #projectsTable :is(.copy-url,.ads-open-icon,.w-budget-icon,.project-more>summary){background:transparent!important;border:1px solid var(--theme-border)!important;color:var(--theme-text)!important;border-radius:8px!important;height:34px!important;min-height:34px!important;box-shadow:none!important;white-space:nowrap!important}
#crmMainGrid #projectsTable .copy-url{font-size:12px!important;padding:6px 8px!important}
#crmMainGrid #projectsTable td:last-child .project-row-actions>.w-budget-icon{width:auto!important;flex:0 1 auto!important;padding:6px 8px!important;color:var(--ds-projectFocus-greenText)!important}
#crmMainGrid #projectsTable td:last-child .project-row-actions>.w-budget-icon>span{display:inline!important}
#crmMainGrid #projectsTable .project-more{flex:0 0 32px!important}#crmMainGrid #projectsTable .project-more>summary{width:32px}
#crmMainGrid #projectsTable .no-url{font-size:12px!important;color:var(--theme-muted)!important}

@media(max-width:700px){#crmMainGrid>.large-panel{padding:16px 12px!important}#crmMainGrid>.large-panel>.table-meta{grid-column:1/-1;text-align:left}#crmMainGrid #wLaunchJump{grid-template-columns:18px minmax(0,1fr)}#crmMainGrid .w-launch-chevron{grid-column:2}.crm-project-heading h2{font-size:24px!important}}

/* Semantic palette is shared with the cloned kanban select and native options. */
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key='дійсний'],
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status) option[value='дійсний']{background:var(--ds-projectFocus-activeBg)!important;color:var(--ds-projectFocus-activeText)!important}
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key='active'],
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status) option[value='active']{background:var(--ds-projectFocus-activeBg)!important;color:var(--ds-projectFocus-activeText)!important}
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key='запуск'],
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status) option[value='запуск']{background:var(--ds-projectFocus-launchBg)!important;color:var(--ds-projectFocus-launchText)!important}
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key='підготовка'],
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status) option[value='підготовка']{background:var(--ds-projectFocus-preparationBg)!important;color:var(--ds-projectFocus-preparationText)!important}
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key='перезапуск'],
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status) option[value='перезапуск']{background:var(--ds-projectFocus-restartBg)!important;color:var(--ds-projectFocus-restartText)!important}
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key='на паузі'],
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status) option[value='на паузі']{background:var(--ds-projectFocus-pauseBg)!important;color:var(--ds-projectFocus-pauseText)!important}
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key='закінчився бюджет'],
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status) option[value='закінчився бюджет']{background:var(--ds-projectFocus-budgetBg)!important;color:var(--ds-projectFocus-budgetText)!important}
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key='бан'],
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status) option[value='бан']{background:var(--ds-projectFocus-blockedBg)!important;color:var(--ds-projectFocus-blockedText)!important}
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key='відпав'],
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status) option[value='відпав']{background:var(--ds-projectFocus-droppedBg)!important;color:var(--ds-projectFocus-droppedText)!important}
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key='відмова'],
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status) option[value='відмова']{background:var(--ds-projectFocus-droppedBg)!important;color:var(--ds-projectFocus-droppedText)!important}
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key='__soon__'],
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status) option[value='__soon__']{background:var(--ds-projectFocus-soonBg)!important;color:var(--ds-projectFocus-soonText)!important}
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key='скоро кінець'],
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status) option[value='скоро кінець']{background:var(--ds-projectFocus-soonBg)!important;color:var(--ds-projectFocus-soonText)!important}
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key='__overdue__'],
:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status) option[value='__overdue__']{background:var(--ds-projectFocus-overdueBg)!important;color:var(--ds-projectFocus-overdueText)!important}

#crmMainGrid #projectsTable .norella-lead-today>button{height:32px!important;min-height:32px;width:100%!important;padding:0!important;background:transparent!important;border:0!important;color:var(--theme-text)!important;font-size:13px!important;font-variant-numeric:tabular-nums}
#crmMainGrid #projectsTable .inline-date-label{position:relative;padding-right:18px!important}
#crmMainGrid #projectsTable .inline-date-label:before{content:'';position:absolute;right:1px;width:12px;height:14px;background:var(--theme-text);mask:url('./assets/focus-calendar.svg') center/contain no-repeat}

@media(min-width:1051px){#crmMainGrid .toolbar[data-has-profile-filter=false]>.search-wrap{grid-column:1/3}}

#crmMainGrid :is(.inline-status,.u-board-status){max-width:none!important;min-width:0!important}

:root:is([data-theme=violet],[data-theme=violet-light]) #crmMainGrid :is(.inline-status,.u-board-status)[data-status-key]{appearance:none;background-image:url('./assets/focus-chevron.svg')!important;background-position:right 9px center!important;background-size:12px!important;background-repeat:no-repeat!important;padding-right:26px!important}

/* The project page has one vertical scroll owner. The table only scrolls horizontally when necessary. */
#crmMainGrid .table-wrap{max-height:none!important;min-height:0!important;overflow-x:auto!important;overflow-y:visible!important}
#crmMainGrid #projectsTable .inline-date-label{width:100%!important;height:32px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
@media(max-width:1100px){#crmMainGrid .table-wrap{overflow-x:auto!important;overflow-y:visible!important}}