/* Scoped to the registered native system; no data or permission behavior changes. */
html[data-szy-brand=tasks]{--primary:#2563eb;--primary-rgb:37,99,235;--primary-h:221;--primary-s:83%;--primary-l:53%;--primary-a:1;--link:#2563eb}
html[data-szy-brand=newsletters]{--primary:#0f766e;--link:#0f766e}
.szy-app-tasks{--szy-brand:#2563eb;--szy-tint:#eff6ff}.szy-app-newsletters{--szy-brand:#0f766e;--szy-tint:#ecfdf5}
.szy-app-tasks,.szy-app-newsletters{background:#fff!important}
.szy-app-tasks #socialyzd-suite-bar a,.szy-app-newsletters #socialyzd-suite-bar a{color:var(--szy-brand)}
#socialyzd-suite-bar summary{color:var(--szy-brand,#6338ff);background:var(--szy-tint,#f4f0ff)}
#socialyzd-suite-bar .szy-options a:hover,#socialyzd-suite-bar a[aria-current=page]{background:var(--szy-tint,#f4f0ff)}
#socialyzd-suite-bar .szy-logo img{width:128px;height:52px;object-fit:contain}
.szy-app-tasks img.szy-product-logo,.szy-app-newsletters img.szy-product-logo{object-fit:contain;object-position:center;width:170px;max-width:100%;height:64px;max-height:none}
.szy-app-tasks .button.is-primary,.szy-app-tasks .button.primary{background:#2563eb;border-color:#2563eb;color:#fff}
.szy-app-newsletters .button.is-primary,.szy-app-newsletters .button.is-link{background:#0f766e;border-color:#0f766e;color:#fff}
.szy-app-newsletters a:not(.button){color:#0f766e}.szy-app-newsletters .menu-list a.is-active{background:#ecfdf5;color:#0f766e}
.szy-app-tasks .navbar,.szy-app-tasks .menu-container,.szy-app-newsletters .navbar,.szy-app-newsletters .menu{background:#fff}
@media(max-width:550px){#socialyzd-suite-bar .szy-logo img{width:94px;height:44px}.szy-app-tasks img.szy-product-logo,.szy-app-newsletters img.szy-product-logo{width:132px;height:52px}}
/* The native shell follows the white suite canvas; status and project colors stay semantic. */
html[data-szy-brand=tasks]{--site-background:#fff;--primary:#2563eb!important;--primary-h:221deg!important;--primary-s:83%!important;--primary-l:53%!important;--primary-light:#eff6ff;--primary-dark:#1d4ed8;--link:#2563eb}
.szy-app-tasks .navbar,.szy-app-tasks .menu-container{background:#fff!important;border-color:#e2e8f0!important}
.szy-app-tasks .navbar{border-block-start-color:#2563eb!important}
.szy-app-tasks .menu-container{box-shadow:none;border-inline-end:1px solid #e2e8f0}
.szy-app-tasks .menu-container a.router-link-active,.szy-app-tasks .menu-container a.router-link-exact-active{color:#1d4ed8!important;background:#eff6ff!important}
.szy-app-tasks .switch-view .is-active,.szy-app-tasks .button.is-primary{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
.szy-app-tasks .card,.szy-app-tasks .box{border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 5px #0f172a08}
.szy-app-tasks .navbar img.szy-product-logo{width:145px;height:58px}
#socialyzd-suite-bar .szy-logo{gap:10px;flex:none}
#socialyzd-suite-bar .szy-logo img{width:90px;height:34px}
#socialyzd-suite-bar .szy-logo>span{font-size:11px;color:#64748b;border-inline-start:1px solid #e2e8f0;padding-inline-start:10px}
/* Gantt coordinates and dragging use physical left offsets in the native engine. */
.szy-app-tasks .gantt-container{direction:ltr;scrollbar-gutter:stable}
.szy-app-tasks .gantt-timeline .timeunit,.szy-app-tasks .gantt-timeline .timeunit-month{flex-shrink:0}
.szy-app-tasks .gantt-timeline .timeunit-wrapper{min-height:68px;gap:4px}
.szy-app-tasks .gantt-timeline .weekday{font-size:11px!important;line-height:1.5;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;direction:rtl}
.szy-app-tasks .gantt-timeline .timeunit-month,.szy-app-tasks .gantt-bar{direction:rtl}
.szy-app-tasks .gantt-options{gap:24px;padding:20px;margin:0;align-items:center}
.szy-app-tasks .gantt-chart-container .add-new-task .button{font-size:13px;text-transform:none;min-height:40px}
.szy-gantt-empty{margin:0;padding:32px 20px;color:#64748b;text-align:center;direction:rtl;font-size:14px;border-top:1px solid #e2e8f0}
@media(max-width:550px){#socialyzd-suite-bar .szy-logo>span{display:none}#socialyzd-suite-bar .szy-logo img{width:76px;height:30px}.szy-app-tasks .gantt-options{padding:16px;gap:16px}.szy-app-tasks .navbar img.szy-product-logo{width:126px;height:52px}}
