/* Paleta z oryginalnego logo Sterta.pl; ciemniejsze odcienie służą czytelnym tekstom. */
:root,.app-shell{
 --brand-green:#78b833;--brand-blue:#0096cc;--brand-yellow:#ffed00;--brand-red:#e31e24;--brand-ink:#2b2a29;
 --primary:#00749e;--success:#476f1e;--danger:#b5161c;
 --bg:#f5f6f8;--paper:#fff;--ink:var(--brand-ink);--muted:#626b73;--line:#e0e4e7;
 --side:var(--brand-ink);--mint:#eaf6fb;--green:var(--primary);--shadow:0 3px 16px #2b2a2905;
}
.sterta-logo{display:block;width:100%;height:auto;overflow:visible}
.brand .logo-tile{animation:sterta-stack 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.brand .logo-tile-yellow{animation-delay:.15s}
.brand .logo-tile-blue{animation-delay:.3s}
.brand .logo-tile-green{animation-delay:.45s}
@keyframes sterta-stack{0%,12%,42%,100%{transform:translateY(0)}25%{transform:translateY(-28px)}33%{transform:translateY(3px)}}
.app-shell .sidebar .brand{display:block;width:144px;max-width:calc(100% - 28px);padding:0;background:transparent;border-radius:0;margin:8px 0 24px 14px;line-height:0}
.app-shell .sidebar{color:#eeeeed}
.app-shell .workspace-label{background:#ffffff06;border-color:#ffffff25}
.app-shell .workspace-icon{background:#0096cc20;border-color:#0096cc55;color:#caeefa}
.app-shell .online-dot{background:var(--brand-green)}
.app-shell .nav-caption{color:#bcbfbb}
.app-shell .nav-item{color:#d3d5d3}
.app-shell .nav-item:hover{background:#ffffff0b;color:#fff}
.app-shell .nav-item.active{background:#0096cc24;color:#eaf8ff}
.app-shell .nav-item.active svg{color:#66c8ec}
.app-shell .nav-item i{background:var(--brand-blue)}
.app-shell .departments-caption a{color:#b9df92}
.app-shell .sidebar .department-nav a{background:transparent;color:#d3d5d3}
.app-shell .sidebar .department-nav a:hover,.app-shell .sidebar .department-nav a:focus-visible{background:#ffffff0b;color:#fff}
.app-shell .sidebar .department-nav a.is-active{background:#484b49;color:#fff}
.app-shell .sidebar .department-nav a.is-active::before{background:#343635}
.app-shell .sidebar .department-nav a.is-active::after{background:#3b3e3c}
.app-shell .sidebar .department-nav a.is-active:hover{background:#505350}
.app-shell .sidebar .department-nav a>svg:not(.dept-dot){color:#c9cfca}
.app-shell .sidebar .workspace-note{border-color:#ffffff1a;color:#c2c5bf}
.app-shell .sidebar .workspace-note svg{color:var(--brand-yellow)}
.app-shell .sidebar small{color:#bfc3bc}
.app-shell .sidebar .profile .avatar{background:#454d3b;color:#d0edae}
.app-shell .sidebar .profile{border-top-color:#ffffff20}
.app-shell .sidebar .profile-name{color:#fff}
.app-shell .mobile-shade,dialog::backdrop{background:#242321a6}
.app-shell .topbar{background:#fffffff2}
.app-shell .breadcrumb,.app-shell .breadcrumb strong{color:var(--muted)}
.app-shell .eyebrow{color:#626e75}
.app-shell .greeting-dot{color:var(--brand-green)}
.app-shell .button,.button{border-color:#cfd8de}
.app-shell .button:hover,.button:hover{background:#edf6fa}
.app-shell .button.primary,.button.primary{background:var(--primary);border-color:var(--primary);color:white}
.app-shell .button.primary:hover,.button.primary:hover{background:#005d80;border-color:#005d80}
.app-shell .text-button,.app-shell .back-link,.app-shell .card-bottom-link,.app-shell .post-open{color:var(--primary)}

input,textarea,select,.app-shell input,.app-shell select,.app-shell textarea{border-color:#cbd4da;color:var(--ink)}
input:focus,textarea:focus,select:focus,.app-shell :is(input,select,textarea):focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #0096cc20}
button:focus-visible,a:focus-visible,summary:focus-visible,.upload-button:focus-within,.crop-grid canvas:focus-visible{outline-color:var(--brand-blue)}
input[type=checkbox],input[type=range],.crop-grid input[type=range]{accent-color:var(--primary)}
.task-filters .search-field:focus-within{outline-color:var(--brand-blue)}
.app-shell .search-field,.app-shell .global-search{background:#f7f9fa;border-color:var(--line)}
.app-shell .form-extra,.app-shell .crop-grid fieldset,.app-shell .profile-previews{background:#f6f8fa;border-color:var(--line)}
.app-shell .notification-settings-group{display:grid;gap:14px;padding:18px}
.app-shell .notification-settings-group legend{font-weight:650;color:var(--ink)}
.app-shell .form-extra summary,.app-shell details summary{color:#536575}
.app-shell .account-password summary{color:var(--ink)}
.app-shell .photo-placeholder{background:#edf1f4;color:var(--muted)}
.app-shell .form-message,.app-shell .flash{background:#f1f8e9;border-color:#cee1b7;color:#3f631e}
.app-shell .form-message.is-error,.app-shell .catalog-error,.error-message{background:#fff1f2;border-color:#ecc2c5;color:var(--danger)}
.app-shell .notice{background:#eef7fc;border-color:#c5dfe9;color:#28576d}
.toast{background:var(--brand-ink);box-shadow:0 8px 30px #2b2a2930}
.app-shell .tabs a{color:var(--muted)}
.app-shell .tabs a.active{color:var(--primary);border-bottom-color:var(--brand-blue)}
.app-shell .chip,.app-shell .feed-filters .chip{border-color:var(--line);color:#596872}
.app-shell .chip.selected,.app-shell .feed-filters .chip.selected{background:#e9f6fc;border-color:#9bcfe0;color:#006b91}
.app-shell .count-badge{background:#edf5f9;border-color:#d4e6ee;color:#466677}
.app-shell .avatar{background:#e4f1f8;color:#16607d}
.app-shell .avatar.pastel{background:#fff8cf;color:#78661b}
.app-shell .status-new,.app-shell .status-pending{background:#e8f5fc;color:#006b91}
.app-shell .status-progress{background:#fff8ca;color:#77620d}
.app-shell .status-done,.app-shell .status-approved,.app-shell .status-resolved{background:#edf7e5;color:#41661f}
.app-shell .status-reply{background:#eef3f6;color:#4a6576}
.app-shell .status-rejected,.app-shell .status-cancelled{background:#fff0f1;color:#a21b21}
.app-shell .status-frozen{background:#efefed;color:#66655f}
.app-shell .badge.private{background:#f0f1f2;color:#5e6267}
.app-shell .overdue,.app-shell .overdue-label{color:var(--danger)}
.app-shell .task-title,.app-shell .table-sub,.app-shell .person-inline{color:var(--ink)}
.app-shell .table-sub{color:var(--muted)}
.app-shell .task-id{color:#73818a}
.app-shell .task-table th{background:#f6f8fa;color:#62717b}
.app-shell .task-check{border-color:#c9d4dc}
.app-shell .task-check.in-progress{background:#fff8ca;border-color:#dfca51}
.app-shell .summary-card{border-color:var(--line);border-top:3px solid var(--brand-blue)}
.app-shell .summary-card:hover{border-color:#78c6e1;background:#f8fcff}
.app-shell .summary-label{color:var(--ink)}
.app-shell .summary-caption{color:var(--muted)}
.app-shell .summary-card strong{color:var(--primary)}
.app-shell .summary-icon{background:#e6f5fc;color:var(--primary)}
.app-shell .summary-card:nth-child(2){border-top-color:var(--brand-yellow)}
.app-shell .summary-card:nth-child(2) .summary-icon{background:#fff9cb;color:#78620e}
.app-shell .summary-card:nth-child(3){border-top-color:var(--brand-green)}
.app-shell .summary-card:nth-child(3) .summary-icon{background:#eef8e6;color:var(--success)}
.app-shell .summary-card.has-overdue{background:#fff7f7;border-color:#eec4c6;border-top-color:var(--brand-red)}
.app-shell .summary-card.has-overdue strong{color:var(--danger)}
.app-shell .summary-card.has-overdue .summary-icon{background:#ffeded;color:var(--danger)}
.app-shell .welcome-banner{background:#edf7fc;border-color:#d5e9f1}
.app-shell .welcome-banner h2{color:var(--ink)}
.app-shell .welcome-banner p{color:#516875}
.app-shell .welcome-banner a{color:var(--primary)}
.app-shell .banner-symbol{background:#dceff8;color:var(--primary)}
.app-shell .quick-card{background:#fffef5;border-color:#e5e4cf;border-top:3px solid var(--brand-yellow)}
.app-shell .quick-card a,.app-shell .quick-card a svg:last-child{color:#686124}
.app-shell .post-body{color:#3e464c}
.app-shell .post-head small{color:var(--muted)}
.app-shell .tiny-dot{background:var(--brand-green)}
.app-shell .composer-options,.app-shell .composer-options summary{color:#566d7b}
.app-shell .audience select{color:var(--ink);border-color:#cbd4da}
.app-shell .account-toggle[aria-checked=true]{color:var(--success)}
.app-shell .account-toggle[aria-checked=true] .account-toggle-track{background:#578d23}
.section-icon{background:#e7f5fc;color:var(--primary)}
.app-shell .project-symbol{background:var(--brand-blue);color:white}
.app-shell .project-symbol.dept-movies{background:var(--brand-ink);color:var(--brand-yellow)}
.app-shell .project-symbol.dept-webpozycja{background:var(--brand-green);color:#21350f}
.app-shell .project-symbol.dept-apartamenty{background:var(--brand-yellow);color:var(--brand-ink)}
.app-shell .project-symbol.dept-inne,.app-shell .project-symbol.dept-other{background:var(--brand-red);color:white}
.app-shell .calendar-weekday{background:#f5f8fa;color:#5c6b75}
.app-shell .calendar-day time{color:#54656f}
.app-shell .calendar-day.weekend,.app-shell .calendar-day.blank{background:#f8fafb}
.app-shell .calendar-day.today{background:#eef8fc}
.app-shell .calendar-day.today time{background:var(--primary);color:#fff}
.app-shell .calendar-legend{color:var(--muted)}
.app-shell .legend-dot{background:var(--brand-green)}
.app-shell .leave-chip,.app-shell .leave-duration{background:#eff8e7;color:#41651f}
.app-shell .legend-dot.imported{background:var(--brand-blue)}
.app-shell .leave-chip.is-imported{background:#e7f4fb;color:#00658a}
.app-shell .mobile-shortcuts a{color:var(--primary);border-color:var(--line)}
.app-shell .skip-link{color:var(--primary)}
.login-visual{background:#f3f6f8;color:var(--ink);align-items:center;justify-content:center;min-width:0;padding:70px 60px}
.login-visual .brand{display:block;width:100%;max-width:430px;padding:25px 0;line-height:0}
.login-visual>small{display:block;position:absolute;left:24px;right:24px;bottom:35px;text-align:center;font-size:13px;letter-spacing:.3px;color:#56636d}
.login-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--brand-green) 0 25%,var(--brand-blue) 25% 50%,var(--brand-yellow) 50% 75%,var(--brand-red) 75% 100%)}
.login-panel{background:white}
.login-form .button{font-size:14px;min-height:46px}
.login-form label{font-size:13px}
.login-form .help{font-size:12px}
@media(max-width:760px){
 .login-visual{height:220px;padding:30px 38px 65px}
 .login-visual .brand{max-width:260px;padding:12px 0}
 .login-visual>small{display:block;bottom:25px;font-size:12px}
 .login-panel{min-height:calc(100dvh - 220px);padding:32px 28px}
}
@media(prefers-reduced-motion:reduce){.brand .logo-tile{animation:none;transform:none}}