:root {
--body-background-color: #b6b6b623;
--header-background-color: #fbfbfb;
--color-primary: #333;
--color-light: #999;
--color-lighter: #dedede;
--color-dark: #000;
--color-medium: #555;
--color-error: #b94a48;
--link-color-primary: #36C;
--link-color-focus: #DF5353;
--link-color-hover: #333;
--alert-color-default: #c09853;
--alert-color-success: #468847;
--alert-color-error: #b94a48;
--alert-color-info: #3a87ad;
--alert-color-normal: #333;
--alert-background-color-default: #fcf8e3;
--alert-background-color-success: #dff0d8;
--alert-background-color-error: #f2dede;
--alert-background-color-info: #d9edf7;
--alert-background-color-normal: #f0f0f0;
--alert-border-color-default: #fbeed5;
--alert-border-color-success: #d6e9c6;
--alert-border-color-error: #eed3d7;
--alert-border-color-info: #bce8f1;
--alert-border-color-normal: #ddd;
--button-default-color: #333;
--button-default-background-color: #f5f5f5;
--button-default-border-color: #ddd;
--button-default-color-focus: #000;
--button-default-background-color-focus: #fafafa;
--button-default-border-color-focus: #bbb;
--button-primary-color: #fff;
--button-primary-background-color: #4d90fe;
--button-primary-border-color: #3079ed;
--button-primary-color-focus: #fff;
--button-primary-background-color-focus: #357ae8;
--button-primary-border-color-focus: #3079ed;
--button-danger-color: #fff;
--button-danger-background-color: #d14836;
--button-danger-border-color: #b0281a;
--button-danger-color-focus: #fff;
--button-danger-background-color-focus: #c53727;
--button-danger-border-color-focus: #b0281a;
--button-disabled-color: #ccc;
--button-disabled-background-color: #f7f7f7;
--button-disabled-border-color: #ccc;
--table-header-background-color: #fbfbfb;
--table-nth-background-color: #fefefe;
--table-border-color: #eee;
--avatar-color-letter: #fff;
--activity-title-color: #000;
--activity-title-border-color: #efefef;
--activity-event-background-color: #fafafa;
--activity-event-hover-color: #fff8dc;
--user-mention-color: #000;
--board-task-limit-color: #DF5353;
--table-list-header-border-color: #e5e5e5;
--table-list-header-background-color: #fbfbfb;
--table-list-nth-background-color: #fefefe;
--table-list-border-color: #e5e5e5;
--table-list-row-hover-border-color: #8edfff;
--table-list-row-background-color: #dcf5ff63;
--sidebar-border-color: #efefef;
--dropdown-background-color: #fff;
--dropdown-border-color: #b2b2b2;
--dropdown-li-border-color: #f8f8f8;
--input-addon-background-color: rgba(147, 128, 108, .1);
--input-addon-color: #666;
--views-background-color: #fafafa;
--views-border-color: #ddd;
--views-active-color: #000;
--input-focus-color: #000;
--input-focus-border-color: rgba(82, 168, 236, .8);
--input-focus-shadow-color: rgba(82, 168, 236, .6);
--input-background-color: #fff;
--input-border-color: #ccc;
--input-placeholder-color: #dedede;
--tooltip-background-color: #fff;
--tooltip-border-color: #ddd;
--tooltip-shadow-color: #aaa;
--panel-background-color: #fcfcfc;
--panel-border-color: #ddd;
--draggable-item-selected-background-color: #fff;
--draggable-item-selected-border-color: #666;
--draggable-item-hover-background-color: #FEFFF2;
--draggable-row-handle-color: #dedede;
--draggable-placeholder-background-color: #fafafa;
--draggable-placeholder-border-color: #000;
--task-list-icons-color: #999;
--form-help-color: #6b778c;
--form-error-color: #b94a48;
--comment-title-border-color: #eee;
--comment-nth-background-color: #fbfbfb;
--comment-highlighted-background-color: #fff8dc;
--comment-highlighted-hover-background-color: #fff8dc;
--comment-highlighted-border-color: #ffeb8e
}

html {
color-scheme: light
}

h1,
li,
ul,
ol,
table,
tr,
td,
th,
p,
blockquote,
body {
margin: 0;
padding: 0
}

body {
background-color: var(--body-background-color);
font-size: 100%;
padding-bottom: 10px;
color: var(--color-primary);
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
overflow-x: hidden
}

small {
font-size: .8em
}

hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, .1);
border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.page {
margin-left: 10px;
margin-right: 10px

}

.margin-top {
margin-top: 20px
}

.margin-bottom {
margin-bottom: 20px
}

.pull-right {
text-align: right;
margin-left: auto
}

ul.no-bullet li {
list-style-type: none;
margin-left: 0
}

#app-loading-icon {
position: fixed;
right: 3px;
bottom: 3px
}

.assign-me {
vertical-align: bottom
}

a {
color: var(--link-color-primary);
border: none
}

a:focus {
color: var(--link-color-focus);
outline: 0;
text-decoration: none
}

a:hover {
color: var(--link-color-hover);
text-decoration: none
}

a .fa {
color: var(--color-primary);
padding-right: 3px;
text-decoration: none
}

h1,
h2,
h3 {
font-weight: 400;
color: var(--color-primary)
}

h1 {
font-size: 1.5em
}

h2 {
font-size: 1.4em;
margin-bottom: 10px
}

h3 {
margin-top: 10px;
font-size: 1.2em
}

table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 20px
}

table.table-fixed {
table-layout: fixed;
white-space: nowrap
}

table.table-fixed th {
overflow: hidden
}

table.table-fixed td {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

table.table-small {
font-size: .8em
}

table.table-striped tr:nth-child(odd) {
background: var(--table-nth-background-color)
}

@media (max-width:768px) {
table.table-scrolling {
overflow-x: auto;
display: inline-block;
vertical-align: top;
max-width: 100%;
white-space: nowrap
}
}

table th {
text-align: left;
padding: .5em 3px;
border: 1px solid var(--table-border-color);
background-color: var(--table-header-background-color)
}

table th a {
text-decoration: none;
color: var(--color-primary)
}

table th a:focus,
table th a:hover {
text-decoration: underline
}

table td {
border: 1px solid var(--table-border-color);
padding: .5em 3px;
vertical-align: top
}

table td li {
margin-left: 20px
}

table td .color-picker-square {
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #000
}

.task-table a {
color: #000
}

.column-1 {
width: 1%
}

.column-2 {
width: 2%
}

.column-3 {
width: 3%
}

.column-4 {
width: 4%
}

.column-5 {
width: 5%
}

.column-6 {
width: 6%
}

.column-7 {
width: 7%
}

.column-8 {
width: 8%
}

.column-9 {
width: 9%
}

.column-10 {
width: 10%
}

.column-11 {
width: 11%
}

.column-12 {
width: 12%
}

.column-13 {
width: 13%
}

.column-14 {
width: 14%
}

.column-15 {
width: 15%
}

.column-16 {
width: 16%
}

.column-17 {
width: 17%
}

.column-18 {
width: 18%
}

.column-19 {
width: 19%
}

.column-20 {
width: 20%
}

.column-21 {
width: 21%
}

.column-22 {
width: 22%
}

.column-23 {
width: 23%
}

.column-24 {
width: 24%
}

.column-25 {
width: 25%
}

.column-26 {
width: 26%
}

.column-27 {
width: 27%
}

.column-28 {
width: 28%
}

.column-29 {
width: 29%
}

.column-30 {
width: 30%
}

.column-31 {
width: 31%
}

.column-32 {
width: 32%
}

.column-33 {
width: 33%
}

.column-34 {
width: 34%
}

.column-35 {
width: 35%
}

.column-36 {
width: 36%
}

.column-37 {
width: 37%
}

.column-38 {
width: 38%
}

.column-39 {
width: 39%
}

.column-40 {
width: 40%
}

.column-41 {
width: 41%
}

.column-42 {
width: 42%
}

.column-43 {
width: 43%
}

.column-44 {
width: 44%
}

.column-45 {
width: 45%
}

.column-46 {
width: 46%
}

.column-47 {
width: 47%
}

.column-48 {
width: 48%
}

.column-49 {
width: 49%
}

.column-50 {
width: 50%
}

.column-51 {
width: 51%
}

.column-52 {
width: 52%
}

.column-53 {
width: 53%
}

.column-54 {
width: 54%
}

.column-55 {
width: 55%
}

.column-56 {
width: 56%
}

.column-57 {
width: 57%
}

.column-58 {
width: 58%
}

.column-59 {
width: 59%
}

.column-60 {
width: 60%
}

.column-61 {
width: 61%
}

.column-62 {
width: 62%
}

.column-63 {
width: 63%
}

.column-64 {
width: 64%
}

.column-65 {
width: 65%
}

.column-66 {
width: 66%
}

.column-67 {
width: 67%
}

.column-68 {
width: 68%
}

.column-69 {
width: 69%
}

.column-70 {
width: 70%
}

.column-71 {
width: 71%
}

.column-72 {
width: 72%
}

.column-73 {
width: 73%
}

.column-74 {
width: 74%
}

.column-75 {
width: 75%
}

.column-76 {
width: 76%
}

.column-77 {
width: 77%
}

.column-78 {
width: 78%
}

.column-79 {
width: 79%
}

.column-80 {
width: 80%
}

.column-81 {
width: 81%
}

.column-82 {
width: 82%
}

.column-83 {
width: 83%
}

.column-84 {
width: 84%
}

.column-85 {
width: 85%
}

.column-86 {
width: 86%
}

.column-87 {
width: 87%
}

.column-88 {
width: 88%
}

.column-89 {
width: 89%
}

.column-90 {
width: 90%
}

.column-91 {
width: 91%
}

.column-92 {
width: 92%
}

.column-93 {
width: 93%
}

.column-94 {
width: 94%
}

.column-95 {
width: 95%
}

.column-96 {
width: 96%
}

.column-97 {
width: 97%
}

.column-98 {
width: 98%
}

.column-99 {
width: 99%
}

.column-100 {
width: 100%
}

.draggable-row-handle {
cursor: move;
color: var(--draggable-row-handle-color)
}

.draggable-row-handle:hover {
color: var(--color-primary)
}

tr.draggable-item-selected {
background: var(--draggable-item-selected-background-color);
border: 2px solid var(--draggable-item-selected-border-color);
box-shadow: 4px 2px 10px -4px rgba(0, 0, 0, .55)
}

tr.draggable-item-selected td {
border-top: none;
border-bottom: none
}

tr.draggable-item-selected td:first-child {
border-left: none
}

tr.draggable-item-selected td:last-child {
border-right: none
}

.table-stripped tr.draggable-item-hover,
.table-stripped tr.draggable-item-hover {
background: var(--draggable-item-hover-background-color)
}

/* --- GŁÓWNY KONTENER --- */
.table-list {
font-size: 0.85em;
margin-bottom: 20px;
width: 100%;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
border: 1px solid var(--table-list-header-border-color, #dfe1e6); /* Ramka wokół całości */
border-radius: 6px;
overflow: hidden; /* Żeby zaokrąglone rogi działały */
}

/* --- NAGŁÓWEK --- */
.table-list-header {
background: var(--table-list-header-background-color, #f4f5f7);
border-bottom: 1px solid var(--table-list-header-border-color, #dfe1e6);
line-height: 28px;
padding: 0 15px;
height: 40px;
display: flex;
align-items: center;
font-weight: 600;
}

.table-list-header .table-list-header-count {
color: #6b778c;
margin-right: auto; /* Pcha resztę linków do prawej */
}

.table-list-header a {
color: var(--color-primary, #0052cc);
font-weight: 500;
text-decoration: none;
margin-left: 15px;
}

/* =====================================
GŁÓWNY WIERSZ (Task)
===================================== */
.table-list-row {
padding: 12px 15px;
border-bottom: 1px solid #dfe1e6;
display: grid;
grid-template-columns: 35% 25% 15% 25%; /* Dopasowane do renderowanych kolumn */
align-items: center;
background: #fff;
transition: background 0.15s ease-in-out;
width: 100%;
box-sizing: border-box;
}

.table-list-row:hover {
background: #f4f5f7;
}

/* =====================================
KONTENER SUBTASKÓW
===================================== */
.subtasks-container {
margin-left: 20px; /* Wcięcie całego bloku */
border-left: 2px solid #ebecf0; /* Pionowa linia pomocnicza */
background: #fafbfc;
}

.table-list-row-subtask {
grid-template-columns: 40% 25% 15% 20%; /* Lekka korekta proporcji dla subtasków */
padding: 6px 15px;
font-size: 0.92em;
min-height: 40px;
border-bottom: 1px solid #f0f0f0;
background: transparent !important; /* Nadpisuje zebre */
}

.table-list-row-subtask:hover {
background: #f1f3f5 !important;
}

/* =====================================
ELEMENTY WEWNĄTRZ
===================================== */

/* Strzałka i Tytuł */
.subtask-title {
display: flex;
align-items: center;
gap: 8px;
}

.subtask-arrow {
color: #a5adba;
font-weight: bold;
font-family: monospace;
}

/* Wykonawca */
.subtask-assignee {
color: #6b778c;
font-size: 0.85em;
display: flex;
align-items: center;
}

.subtask-assignee i {
margin-right: 4px;
}

/* Timer */
.subtask-timer-compact {
display: flex;
justify-content: center;
}

/* Status Done */
.subtask-status-done {
color: #36b37e;
font-size: 1.1em;
}

/* Linki wewnątrz statusów */
.subtask-title a {
color: #172b4d;
text-decoration: none;
}

.subtask-title a:hover {
text-decoration: underline;
}

/* =====================================
RESPONSIVE
===================================== */
@media (max-width: 1000px) {
.table-list-row,
.table-list-row-subtask {
grid-template-columns: 1fr 1fr;
row-gap: 8px;
}

.subtasks-container {
margin-left: 10px;
}

.table-list-title {
grid-column: 1 / -1;
}
}

fieldset {
border: 1px solid #ddd;
margin-top: 10px
}

legend {
font-weight: 500;
font-size: 1.2em
}

label {
cursor: pointer;
display: block;
margin-top: 10px;
font-weight: 400
}

input,
textarea {
font-family: sans-serif;
background-color: var(--input-background-color)
}

/* Ogólny styl inputów */
input[type="number"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="text"]:not(.input-addon-field) {
color: var(--color-light);
/* ciemne tło dla kontrastu */
border: 1px solid var(--input-border-color);
width: 300px;
max-width: 95%;
font-size: 1em;
height: 35px;                     /* wyższe inputy dla lepszego wyglądu */
padding: 5px 10px;                /* wewnętrzny padding */
border-radius: 8px;               /* zaokrąglone rogi */
box-sizing: border-box;           /* żeby padding nie psuł szerokości */
transition: all 0.3s ease;        /* płynny efekt focus */
outline: none;                     /* usuwa standardowy focus */
}

/* Placeholder */
input[type="number"]::placeholder,
input[type="date"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="text"]:not(.input-addon-field)::placeholder {
color: var(--button-default-color);
opacity: 0.7;
}

/* Efekt focus */
input[type="number"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="text"]:focus {
border-color: var(--input-focus-border-color);
box-shadow: 0 0 10px rgba(100, 150, 255, 0.5);
color: var(--input-focus-color);
background-color: var(--activity-event-background-color);/* lekko jaśniejsze tło */
}

/* Specjalne szerokości */
input.form-numeric,
input[type="number"] {
width: 70px;
}

input.form-datetime,
input.form-date {
width: 150px;
}

input.form-input-large {
width: 400px;
}

input.form-input-small {
width: 150px;
}

textarea:focus {
color: var(--input-focus-color);
border-color: var(--input-focus-border-color);
outline: 0;
box-shadow: 0 0 8px var(--input-focus-shadow-color)
}

textarea {
padding: 4px;
border: 1px solid var(--input-border-color);
width: 400px;
max-width: 99%;
height: 200px;
font-size: 1em
}

textarea::placeholder {
color: var(--input-placeholder-color)
}

/* Ogólny styl selectów */
select {
font-size: 1em;
max-width: 95%;
width: 300px;                       /* domyślna szerokość */
height: 35px;                        /* dopasowanie do inputów */
padding: 5px 10px;
border: 1px solid var(--input-border-color);
border-radius: 8px;
background-color: var(bac);           /* ciemne tło, spójne z inputami */
color: var(--color-light);
appearance: none;                     /* usuwa standardowy strzałkę w przeglądarkach */
-webkit-appearance: none;
-moz-appearance: none;
box-sizing: border-box;
transition: all 0.3s ease;
cursor: pointer;
}

/* Focus */
select:focus {
outline: none;
border-color: var(--input-focus-border-color);
/* lekko jaśniejsze tło */
}

/* Select z wieloma opcjami */
select[multiple] {
width: 300px;
height: auto;                         /* pozwala na rozciąganie w pionie */
}

/* Opcjonalnie: strzałka po prawej stronie dla pojedynczych selectów */
select:not([multiple]) {
background-image: url("data:image/svg+xml,%3Csvg fill='white' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px;
padding-right: 30px;
}

.tag-autocomplete {
width: 400px
}

span.select2-container {
margin-top: 2px
}

.form-actions {
padding-top: 20px;
clear: both
}

.form-required {
color: red;
padding-left: 5px;
font-weight: 700
}

@media (max-width:480px) {
.form-required {
display: none
}
}

input[type="text"].form-max-width {
width: 100%
}

input.form-error,
textarea.form-error {
border: 2px solid var(--form-error-color)
}

input.form-error:focus,
textarea.form-error:focus {
box-shadow: none;
border: 2px solid var(--form-error-color)
}

.form-errors {
color: var(--form-error-color);
list-style-type: none
}
/* Style etykiet w formularzu */
/* Etykiety w formularzu */
/* Globalne ustawienia dla checkbox-like formularza */
.project-creation-form * {
box-sizing: border-box;
color: black;
}

/* Etykiety jako interaktywne bloki */
.project-creation-form label {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding: 6px 12px;
border-radius: 6px;

transition: all 0.2s ease;
display: inline-block;       /* pozwala ustawić kilka label obok siebie, jeśli trzeba */
margin-bottom: 6px;
background-color: #1c1c1c;   /* ciemne tło */
}

/* Efekt hover */
.project-creation-form label:hover {
background: rgba(0,119,255,0.06);
}

/* Wnętrze label: pseudo „checkbox” + tekst */
.project-creation-form label span:first-child {
position: relative;
width: 18px;
height: 18px;
border-radius: 4px;
border: 1px solid #cccfdb;
float: left;
margin-right: 8px;
box-shadow: 0 1px 1px rgba(0,16,75,0.05);
transition: all 0.2s ease;
background-color: transparent;
}

/* Znak check mark w SVG */
.project-creation-form label span:first-child svg {
position: absolute;
top: 3px;
left: 2px;
fill: none;
stroke: black;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 16px;
stroke-dashoffset: 16px;
transition: all 0.3s ease;
transition-delay: 0.1s;
}

/* Tekst obok checkboxa */
.project-creation-form label span:last-child {
line-height: 18px;
}

/* Input ukryty */
.project-creation-form input[type="checkbox"],
.project-creation-form input[type="radio"] {
position: absolute;
visibility: hidden;
}

/* Zaznaczony stan */
.project-creation-form input[type="checkbox"]:checked + label span:first-child,
.project-creation-form input[type="radio"]:checked + label span:first-child {
background: #07f;
border-color: #07f;
animation: wave-4 0.4s ease;
}

/* Animacja check mark */
.project-creation-form input[type="checkbox"]:checked + label span:first-child svg,
.project-creation-form input[type="radio"]:checked + label span:first-child svg {
stroke-dashoffset: 0;
}

/* Animacja przy kliknięciu */
@keyframes wave-4 {
50% {
transform: scale(0.9);
}
}
ul.form-errors li {
margin-left: 0
}

/* Tekst pomocniczy pod polami formularza */
.form-help {
font-size: 0.8em;
color: var(--form-help-color, #aaa);   /* domyślny jasnoszary, jeśli zmienna nie istnieje */
margin-bottom: 15px;
display: block;
line-height: 1.4;                      /* lepsza czytelność */
font-style: italic;                     /* subtelny styl pomocniczy */
}

.form-inline {
padding: 0;
margin: 0;
border: none
}

.form-inline label {
display: inline;
padding-right: 3px
}

.form-inline input,
.form-inline select {
margin: 0 15px 0 0
}

.form-inline .form-required {
display: none
}

.form-inline .form-actions {
display: inline-block
}

.form-inline .js-submit-buttons-rendered {
display: inline-block
}

.form-inline-group {
display: inline
}

.form-columns {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start
}

.form-columns .form-column {
margin-right: 25px;
flex-grow: 1
}

.form-columns fieldset {
margin-top: 0
}

.form-login {
max-width: 350px;
margin: 5% auto 0
}

@media (max-width:480px) {
.form-login {
margin-left: 5px
}
}

.form-login li {
margin-left: 25px;
line-height: 25px
}

.form-login h2 {
margin-bottom: 30px;
font-weight: 700
}

.reset-password {
margin-top: 20px;
margin-bottom: 20px
}

.reset-password a {
color: var(--color-light)
}

.input-addon {
display: flex
}

.input-addon-field {
flex: 1;
font-size: 1em;
color: var(--color-light);
margin: 0;
-webkit-appearance: none;
-moz-appearance: none
}

.input-addon-field:first-child {
border-radius: 5px 0 0 5px
}

.input-addon-field:last-child {
border-radius: 0 5px 5px 0
}

.input-addon-item {
background-color: var(--input-addon-background-color);
color: var(--input-addon-color);
font: inherit;
font-weight: 400
}

.input-addon-item:first-child {
border-radius: 5px 0 0 5px
}

.input-addon-item:last-child {
border-radius: 0 5px 5px 0
}

@media (max-width:480px) {
.input-addon-item .dropdown .fa-caret-down {
display: none
}
}

.input-addon-field,
.input-addon-item {
border: 1px solid rgba(147, 128, 108, .25);
padding: 4px .75em
}

.input-addon-field:not(:first-child),
.input-addon-item:not(:first-child) {
border-left: 0
}

.input-addon .input-addon-field {
flex: 1 1 auto;
width: 1% !important
}

@media (max-width:400px) {
.input-addon-item {
padding: 3px
}
}

.icon-success {
color: #468847
}

.icon-error {
color: #b94a48
}

.icon-fade-out {
opacity: 1;
animation: icon-fadeout 5s linear forwards
}

@keyframes icon-fadeout {
0% {
opacity: 1
}

100% {
opacity: 0
}
}

.alert {
padding: 8px 35px 8px 14px;
margin-top: 5px;
margin-bottom: 5px;
color: var(--alert-color-default);
background-color: var(--alert-background-color-default);
border: 1px solid var(--alert-border-color-default);
border-radius: 4px
}

.alert-success {
color: var(--alert-color-success);
background-color: var(--alert-background-color-success);
border-color: var(--alert-border-color-success)
}

.alert-error {
color: var(--alert-color-error);
background-color: var(--alert-background-color-error);
border-color: var(--alert-border-color-error)
}

.alert-info {
color: var(--alert-color-info);
background-color: var(--alert-background-color-info);
border-color: var(--alert-border-color-info)
}


.alert-normal {
color: var(--alert-color-normal);
background-color: var(--alert-background-color-normal);
border-color: var(--alert-border-color-normal)
}

.alert ul {
margin-top: 10px;
margin-bottom: 10px
}

.alert li {
margin-left: 25px
}

.alert-fade-out {
text-align: center;
position: fixed;
bottom: 0;
left: 20%;
width: 60%;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 0;
border-width: 1px 0 0;
border-radius: 4px 4px 0 0;
z-index: 9999;
opacity: 1;
animation: fadeout 5s linear forwards
}

@keyframes fadeout {
0% {
opacity: 1
}

100% {
opacity: 0;
visibility: hidden
}
}

a.btn {
text-decoration: none
}

.btn {
-webkit-appearance: none;
-moz-appearance: none;
font-size: 1.2em;
font-weight: 400;
cursor: pointer;
display: inline-block;
border-radius: 2px;
padding: 3px 10px;
margin: 0;
border: 1px solid var(--button-default-border-color);
background: var(--button-default-background-color);
color: var(--button-default-color)
}

.btn:hover,
.btn:focus {
border-color: var(--button-default-border-color-focus);
background: var(--button-default-background-color-focus);
color: var(--button-default-color-focus)
}

.btn-red {
border-color: var(--button-danger-border-color);
background: var(--button-danger-background-color);
color: var(--button-danger-color)
}

.btn-red:hover,
.btn-red:focus {
border-color: var(--button-danger-border-color-focus);
background: var(--button-danger-background-color-focus);
color: var(--button-danger-color-focus)
}

.btn-blue {
border-color: var(--button-primary-border-color);
background: var(--button-primary-background-color);
color: var(--button-primary-color)
}

.btn-blue:hover,
.btn-blue:focus {
border-color: var(--button-primary-border-color-focus);
background: var(--button-primary-background-color-focus);
color: var(--button-primary-color-focus)
}

.btn:disabled {
color: var(--button-disabled-color);
border-color: var(--button-disabled-border-color);
background: var(--button-disabled-background-color)
}

.buttons-header {
font-size: .8em;
margin-top: 5px;
margin-bottom: 15px
}

.tooltip i.fa {
cursor: pointer
}

.tooltip .fa-info-circle {
color: var(--color-light)
}

#tooltip-container {
padding: 5px;
background: var(--tooltip-background-color);
border: 1px solid var(--tooltip-border-color);
border-radius: 4px;
box-shadow: 0 6px 12px var(--tooltip-shadow-color);
position: absolute;
min-width: 350px
}

#tooltip-container .markdown p:last-child {
margin-bottom: 0
}

#tooltip-container .tooltip-large {
width: 600px
}

h2 .dropdown ul {
display: none
}

.dropdown {
display: inline-block;
position: relative;
}

.dropdown ul {
display: none; /* Ukryte domyślnie */
}

/* Stan otwarty menu */
ul.dropdown-submenu-open {
display: flex;
flex-direction: column;
position: absolute;
z-index: 1000;
max-width: 260px;
top: 100%;
right: 0; /* Menu wyrównane do prawej krawędzi */
margin-top: 10px;
padding: 8px;
list-style: none;
background-color: #ffffff;
border: 1px solid #d0d7de;
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
animation: fadeInDropdown 0.2s ease-out;
}

/* Animacja pojawiania się */
@keyframes fadeInDropdown {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}

/* ==========================================================================
3. ELEMENTY LISTY I LINKI
========================================================================== */
.dropdown-submenu-open li {
list-style: none;
margin: 2px 0;
}

/* Nagłówek wewnątrz menu (Imię i Email) */
.dropdown-submenu-open li.no-hover {
padding: 10px 12px;
margin-bottom: 6px;
border-bottom: 1px solid #f0f0f0;
cursor: default;
}

.dropdown-submenu-open li.no-hover strong {
display: block;
color: #24292f;
font-size: 14px;
}

/* Linki w menu */
.dropdown-submenu-open li a {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
color: #444;
text-decoration: none;
font-size: 14px;
border-radius: 6px;
position: relative;
transition: all 0.2s ease;
}

/* Hover na linki */
.dropdown-submenu-open li a:hover {
background-color: #f3f4f6;
color: #0969da;
}

/* Niebieski pasek z boku w stylu Uiverse/GitHub */
.dropdown-submenu-open li a::before {
content: "";
position: absolute;
left: -2px;
top: 20%;
width: 4px;
height: 60%;
background-color: #2f81f7;
border-radius: 0 4px 4px 0;
opacity: 0;
transition: opacity 0.2s ease;
}

.dropdown-submenu-open li a:hover::before {
opacity: 1;
}

/* Ikony SVG wewnątrz linków */
.dropdown-submenu-open li a svg,
.dropdown-submenu-open li a i {
width: 16px;
text-align: center;
color: #666;
transition: color 0.2s ease;
}

.dropdown-submenu-open li a:hover i,
.dropdown-submenu-open li a:hover svg {
color: #0969da;
}

/* ==========================================================================
4. FIXY DLA TABEL I INNYCH ELEMENTÓW
========================================================================== */
.dropdown-menu-link-icon {
display: inline-flex;
text-decoration: none;
color: inherit;
}

.dropdown-smaller {
font-size: .85em;
}

/* Usunięcie Twoich starych konfliktowych kolorów */
.dropdown-submenu-open a:focus {
text-decoration: none;
outline: none;
}
.container-accordion-section {
display: flex;         /* Włączamy Flexbox */
flex-wrap: wrap;       /* Pozwalamy elementom przechodzić do nowej linii */
justify-content: center; /* Środkujemy elementy w poziomie */
gap: 20px;             /* Opcjonalny odstęp między divami */
max-width: 1100px;     /* Szerokość nieco większa niż 2 x 500px, aby zmieścić gap i obramowanie */
margin: 0 auto;        /* Środkujemy cały kontener na stronie */
}
.accordion-section {
background-color: var(--header-background-color);
flex: 0 0 500px;       /* Stała szerokość 500px, bez rozciągania */
border: 1px solid var(--border-color);
border-radius: 20px;
max-height: 300px;
box-sizing: border-box; /* Ważne: obramowanie nie powiększa szerokości elementu */
}
@media (max-width: 1050px) {
.accordion-section {
flex: 0 0 90%; /* Na wąskich ekranach zajmują 90% szerokości */
}
}
.accordion-title {
font-size: 1em !important;
cursor: pointer !important;
margin-top: 10px !important;
padding: 10px 15px !important;
background-color: var(background-color) !important;
border-radius: 5px !important;
transition: background-color 0.3s !important;
color: var(--text-main) !important;
}
.accordion-title:hover {
background-color: var(--dropdown-background-color);
}

.accordion-content {
margin-top: 15px;
margin-bottom: 25px;
padding: 0 15px;
background-color: var(--background-color);

/* KLUCZOWE ZMIANY: */
max-height: 200px;       /* Ustal maksymalną wysokość, np. 300px */
overflow-y: auto;        /* Pojawi się pasek przewijania, gdy treści będzie za dużo */
transition: max-height 0.3s ease;

/* Dodatek dla estetyki scrollbara (opcjonalne) */
scrollbar-width: thin;    /* Dla Firefox */
scrollbar-color: #ccc transparent;
}

/* Stylizacja scrollbara dla Chrome/Safari/Edge */
.accordion-content::-webkit-scrollbar {
width: 6px;
}
.accordion-content::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 10px;
}

#select-dropdown-menu {
position: absolute;
display: block;
z-index: 1000;
min-width: 220px;
max-height: 300px;

padding: 6px 0;
list-style: none;

background: var(--dropdown-background-color);
border: 1px solid var(--dropdown-border-color);
border-radius: 8px;

box-shadow: 0 10px 25px rgba(0,0,0,0.15);

overflow-y: auto;
overflow-x: hidden;

/* animacja pojawiania */
opacity: 0;
transform: translateY(-6px) scale(0.98);
animation: dropdownOpen 0.18s ease forwards;
}

@keyframes dropdownOpen {
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}

.select-dropdown-menu-item {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

padding: 6px 14px;
color: var(--color-medium);

cursor: pointer;
border-bottom: 1px solid var(--dropdown-li-border-color);

line-height: 1.5em;
font-weight: 400;

transition: background 0.15s ease, color 0.15s ease;
}

.select-dropdown-menu-item:hover {
background: rgba(66,139,202,0.08);
}

.select-dropdown-menu-item.active {
color: #fff;
background: #428bca;
}

.select-dropdown-menu-item:last-child {
border: none;
}

.select-dropdown-input-container {
position: relative;
border: 1px solid var(--input-border-color);
border-radius: 5px;
background-color: var(--input-background-color);
max-width: 400px;
border-radius: 10px;
transition: all 0.5s;
height: 1.5em;

outline: none;

}
.select-dropdown-input-container:hover,
.select-dropdown-input-container:focus  {
border: 1px solid #4A9DEC;
}

.select-dropdown-input-container input.select-dropdown-input {
margin: 0 0 0 5px;
border: none;
height: 23px;
width: 270px
}

.select-dropdown-input-container input.select-dropdown-input:focus {
border: none;
box-shadow: none
}

.select-dropdown-input-container .select-dropdown-chevron {
color: var(--color-medium);
display: none;
position: absolute;
top: 4px;
right: 5px;
cursor: pointer
}

.select-dropdown-input-container .select-loading-icon {
color: var(--color-medium);
position: absolute;
top: 4px;
right: 5px
}

#suggest-menu {
position: absolute;
display: block;
z-index: 1000;
min-width: 160px;
padding: 5px 0;
background: #fff;
list-style: none;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.suggest-menu-item {
white-space: nowrap;
padding: 3px 10px;
color: var(--color-primary);
font-weight: 700;
cursor: pointer
}

.suggest-menu-item.active {
color: #fff;
background: #428bca
}

.suggest-menu-item.active small {
color: #fff
}

.suggest-menu-item small {
color: var(--color-light);
font-weight: 400
}

/* Dark theme modal - styl w stylu Uiverse.io */
#modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8); /* ciemne półprzezroczyste tło */
overflow: auto;
z-index: 100;
}

#modal-box {
position: fixed;
max-width: 800px;
max-height: calc(100% - 30px);
top: 2%;
left: 50%;
transform: translateX(-50%);
background: var(--header-background-color); /* ciemne tło modala */
color: var(--button-default-color); /* jasny tekst */
overflow: auto;
border-radius: 5px;
box-shadow: 0 4px 12px rgba(0,0,0,0.5);
border: 1px solid #333;
}

#modal-content {
padding: 10px 15px; /* trochę większe paddingi jak w input/.value */
}

#modal-header {
text-align: right;
padding: 5px 10px;
}

#modal-close-button {
color: #fff;
background: transparent;
border: none;
cursor: pointer;
font-size: 1.2em;
padding: 5px;
border-radius: 4px;
transition: all 0.2s ease;
}

#modal-close-button:hover,
#modal-close-button:focus {
background-color: #21262C; /* hover efekt jak w .value */
color: #FF6B6B; /* czerwony dla zamknięcia */
outline: none;
}

#modal-close-button:active {
background-color: #1A1F24; /* aktywny efekt */
}

.pagination {
text-align: center;
font-size: .9em
}

.pagination-showing {
margin-right: 5px;
padding-right: 5px;
border-right: 1px solid #999
}

.pagination-next {
margin-left: 5px
}

.pagination-previous {
margin-right: 5px
}

header {
display: flex;
flex-wrap: wrap;
padding: 5px 10px;
height: 35px;
background-color: var(--header-background-color);
align-items: center; /* wyrównanie pionowe elementów */
justify-content: space-between;
}

header .title-container {
padding-left: 20px;
font-size: 20px;
font-weight: bold;
display: flex;
color: black;
font-family:Verdana;
cursor: pointer;
border: none;
background: none;
text-transform: uppercase;
transition-duration: 400ms;
transition-property: color;
}

@media (max-width:480px) {
header .title-container {
order: 3
}
}
header .title-selector {
display: contents;
float: left;
}
header .board-selector-container {
width: 200px;
transition: width 0.3s ease;
overflow: hidden;
}

/* rozszerzenie po kliknięciu */
header .board-selector-container:focus-within {
width: 360px;
}

header .board-selector-container input[type="text"] {
width: 100%;
transition: all 0.3s ease;
}

@media (max-width:480px) {
header .board-selector-container {
order: 2;
width: 220px;
}

header .board-selector-container:focus-within {
width: 300px;
}
}

header .menus-container {
display: flex; /* jeśli chcesz mieć elementy w środku w linii */
align-items: center;
float: right;
height: 30px;
border-radius: 10px;
}

@media (max-width:480px) {
header .menus-container {
order: 1;
margin-bottom: 5px;
margin-left: auto
}
}

header h1 {
font-size: 1.5em
}

header h1 .tooltip {
opacity: .3;
font-size: .7em
}

a i.web-notification-icon {
color: var(--link-color-primary)
}

a i.web-notification-icon:focus,
a i.web-notification-icon:hover {
color: #000
}

.logo a {

color: #d40000;
text-decoration: none
}

.logo span {
color: var(--color-primary)
}

.logo a:hover {
opacity: .8;
color: var(--color-primary)
}

.logo a:focus span,
.logo a:hover span {
color: #d40000
}

/* Stylizacja nagłówka w stylu Uiverse.io */
.page-header {
margin-bottom: 20px;
display: flex;             /* Aktywujemy Flexbox */
justify-content: flex-end; /* Przesuwamy zawartość na koniec (prawą stronę) */
}

.page-header h2 {
margin: 0;
padding: 0;
font-weight: 700;
border-bottom: 1px dotted #ccc;
}

.page-header h2 a {
color: var(--color-primary);
text-decoration: none;
}

.page-header h2 a:hover,
.page-header h2 a:focus {
color: var(--);
}

.page-header ul {
text-align: left;
margin-top: 5px;
display: inline-flex; /* zmiana z inline-block na flex dla responsywności */
gap: 7.5px;
}

.page-header li {
display: flex;
flex-direction: row;
width: fit-content;
background-color: var(--activity-title-border-color);
justify-content: center;
border-radius: 5px;
gap: 7.5px;
cursor: pointer;
position: relative;
transition: all 0.2s ease;
}

.page-header li:hover,
.page-header li:focus-within {
background-color: var(--button-default-border-color-focus);
}

.page-header li:focus-within::before,
.page-header li.active::before {
content: "";
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 3px;
background-color: #2f81f7;
border-radius: 5px;

}

.page-header li a {
padding: 10px;
color: var(--input-addon-color);
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
}

.page-header li.active a {
font-weight: 700;
text-decoration: underline;
}

@media (max-width:480px) {
.page-header ul {
flex-direction: column;
}
.page-header li {
width: 100%;
justify-content: flex-start;
}
}
/* Kontener menu */
.page-header ul.expandable-menu {
display: inline-flex;
flex-direction: row-reverse; /* Kluczowe: rozsuwanie w lewo */
align-items: center;
overflow: hidden;
transition: all 0.5s ease;
}

/* Ukryte elementy */
.page-header li.hidden-item {
max-width: 0;
opacity: 0;
margin: 0;
padding: 0;
overflow: hidden;
white-space: nowrap;
transition: all 0.4s ease-in-out;
border: none; /* Ukrywamy obramowanie gdy schowane */
}

/* Efekt rozsuwania po najechaniu na całą listę */
.page-header ul.expandable-menu:hover li.hidden-item,
.page-header ul.expandable-menu:focus-within li.hidden-item {
max-width: 300px; /* Wartość dopasowana do długości tekstu */
opacity: 1;
margin-left: 7.5px; /* Odstęp między przyciskami */
}

/* Stylizacja przycisku wyzwalacza, żeby wyróżniał się jako "aktywator" */
.page-header li.menu-trigger {
background-color: #2f81f7; /* Kolor akcentu */
z-index: 2;
}
.page-header li.menu-trigger a {
color: white;
}

.menu-inline {
margin-bottom: 5px
}

.menu-inline li {
display: inline;
padding-right: 15px
}

.menu-inline li .active a {
font-weight: 700;
color: #000;
text-decoration: none
}

.avatar img {
vertical-align: bottom
}

.avatar-left {
float: left;
margin-right: 10px
}

.avatar-inline {
display: inline-block;
margin-right: 3px
}

.avatar-48 img,
.avatar-48 div {
border-radius: 30px
}

.avatar-48 .avatar-letter {
line-height: 48px;
width: 48px;
font-size: 25px
}

.avatar-20 img,
.avatar-20 div {
border-radius: 10px
}

.avatar-20 .avatar-letter {
line-height: 20px;
width: 20px;
font-size: 11px
}

.avatar-letter {
color: var(--avatar-color-letter);
text-align: center
}

#file-dropzone,
#screenshot-zone {
position: relative;
border: 2px dashed #ccc;
width: 99%;
height: 250px;
overflow: auto
}

#file-dropzone-inner,
#screenshot-inner {
position: absolute;
left: 0;
bottom: 48%;
width: 100%;
text-align: center;
color: #aaa
}

#screenshot-zone.screenshot-pasted {
border: 2px solid #333
}

#file-list {
margin: 20px
}

#file-list li {
list-style-type: none;
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px dotted #ddd;
width: 95%
}

#file-list li .file-error {
font-weight: 700;
color: #b94a48
}

.file-thumbnails {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start
}

.file-thumbnail {
width: 250px;
border: 1px solid #efefef;
border-radius: 5px;
margin-bottom: 20px;
box-shadow: 4px 2px 10px -6px rgba(0, 0, 0, .55);
margin-right: 15px
}

.file-thumbnail img {
cursor: pointer;
border-top-left-radius: 5px;
border-top-right-radius: 5px
}

.file-thumbnail img:hover {
opacity: .5
}

.file-thumbnail-content {
padding-left: 8px;
padding-right: 8px
}

.file-thumbnail-title {
font-weight: 700;
font-size: .9em;
color: var(--color-medium);
overflow: hidden;
text-overflow: ellipsis
}

.file-thumbnail-description {
font-size: .8em;
color: var(--color-light);
margin-top: 8px;
margin-bottom: 5px
}

.file-viewer {
position: relative
}

.file-viewer img {
max-width: 95%;
max-height: 85%;
margin-top: 10px
}

.color-picker {
width: 220px
}

.color-picker-option {
height: 25px
}

.color-picker-square {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 5px;
border: 1px solid #000
}

.color-picker-label {
display: inline-block;
vertical-align: bottom;
padding-bottom: 3px
}

.filter-box {

width: auto
}

.action-menu {
color: var(--color-primary);
text-decoration: none
}

.action-menu:hover,
.action-menu:focus {
text-decoration: underline
}

.project-overview-columns {
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: 20px;
font-size: 1.4em;
}

@media (max-width:480px) {
.project-overview-columns {
display: block
}
}

.project-overview-column {
text-align: center;
margin-right: 3%;
margin-top: 5px;
padding: 3px 15px 3px 15px;
border: 1px solid #ddd;
border-radius:10px;
min-width: 100px;
background-color: var(--header-background-color);
}

@media (max-width:480px) {
.project-overview-column {
text-align: left
}
}

.project-overview-column small {
color: var(--color-light)
}

.project-overview-column strong {
color: var(--color-medium);
display: block
}

@media (max-width:480px) {
.project-overview-column strong {
display: inline
}
}

.project-header {
margin-bottom: 8px;
align-content: space-around;
}

.project-header .dropdown-component {
margin-top: 4px;
margin-right: 5px;

}

@media (max-width:768px) {
.project-header .dropdown-component {
float: none
}
}

/* Views switcher w stylu page-header / .value */
.project-header .views-switcher-component {

margin-bottom: 10px;
}

@media (max-width:768px) {
.project-header .views-switcher-component {
float: none;
margin-bottom: 0px;
}
}

.project-header .filter-box-component form {
margin: 0;
float: right;
display: flex;
}

.views {
margin-right: 10px;
margin-top: 1px;
font-size: 0.9em;
display: flex;
float: inline-start;
gap: 7.5px;
font-weight: 700;
list-style: none; /* Przeniesione tutaj dla czystości */
padding: 0;
}

/* --- RWD --- */
@media (max-width:768px) { .views { margin-top: 10px; font-size: 1em; } }
@media (max-width:560px) { .views { flex-direction: column; width: 100%; } }
@media (max-width:480px) { .views { margin-top: 5px; } }

/* --- ELEMENT LISTY (LI) --- */
.views li {
white-space: nowrap;
height: 10px;
border-radius: 5px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative; /* Ważne dla pozycjonowania paska */
transition: all 0.2s ease;
color: var(--color-medium);
}

/* --- LINK W ŚRODKU --- */
.views li a {
color: inherit; /* Dziedziczy kolor od li */
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
transition: color 0.3s ease;
}

/* --- EFEKT HOVER (Kolor tekstu i ikony) --- */
.views li:hover,
.views li:hover a,
.views li:hover .fa,
.views li:focus a,
.views li:focus .fa {
color: var(--button-primary-border-color);
text-decoration: none;
}

/* --- ANIMOWANY PASEK (BEFORE) --- */
.views li::before {
content: "";
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 3px;
background-color: #2F81F7;
border-radius: 5px;

/* Logika animacji: */
transform: scaleX(0);           /* Startujemy od zera */
transform-origin: center;       /* Rozsuwanie od środka */
transition: transform 0.3s ease-in-out;
}

/* --- AKTYWACJA PASKA (Hover i Active) --- */
.views li:hover::before,
.views li.active::before {
transform: scaleX(1);           /* Rozsuwa do pełnej szerokości */
}

/* Styl dla aktywnej zakładki (opcjonalnie pogrubienie) */
.views li.active .fa,
.views li.active {
color: var(--button-primary-border-color);
}

/* --- ZAOKRĄGLENIA KRAŃCOWE --- */
.views li:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.views li:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.dashboard-project-stats small {
margin-right: 10px;
color: var(--color-light)
}

.dashboard-table-link {
font-weight: 700;
color: #000;
text-decoration: none
}

.dashboard-table-link:focus,
.dashboard-table-link:hover {
color: var(--color-light)
}

.public-board {
margin-top: 5px
}

.public-task {
max-width: 800px;
margin: 5px auto 0
}

#board-container {
overflow-x: auto
}

#board {
table-layout: fixed;
margin-bottom: 0
}

#board tr.board-swimlane-columns-first {
visibility: hidden;
padding: 0
}

#board th.board-column-header {
width: 240px
}

#board th.board-column-header-first {
visibility: hidden;
padding: 0
}

#board td {
vertical-align: top
}

.board-container-compact {
overflow-x: initial
}

@media all and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.board-container-compact #board {
table-layout: auto
}
}

#board th.board-column-header.board-column-compact {
width: initial
}

.board-column-collapsed {
display: none
}

.board-column-expanded-header {
display: flex;
align-items: center
}

.board-column-expanded {
transition: opacity 0.2s ease, transform 0.25s ease;
transform-origin: top
}

.board-column-header-collapsed .board-column-expanded {
opacity: 0;
transform: scaleY(0.98);
pointer-events: none
}

.board-column-collapsed {
opacity: 0;
transition: opacity 0.2s ease
}

.board-column-header-collapsed .board-column-collapsed {
display: block;
opacity: 1
}

.board-column-task-collapsed .board-column-expanded {
opacity: 0;
transform: scaleY(0.98);
pointer-events: none
}

.board-column-task-collapsed .board-column-collapsed {
display: block;
opacity: 1
}

td.board-column-task-collapsed {
font-weight: 700;
background-color: var(--table-header-background-color)
}

#board th.board-column-header-collapsed {
width: 28px;
min-width: 28px;
text-align: center;
overflow: hidden
}

.board-rotation-wrapper {
position: relative;
padding: 8px 4px;
min-height: 150px;
overflow: hidden
}

.board-rotation {
white-space: nowrap;
transform: rotate(90deg);
transform-origin: 0 100%
}

.board-column-title .dropdown-menu {
text-decoration: none
}

.board-add-icon {
float: left;
padding: 0 5px
}

.board-add-icon i {
text-decoration: none;
color: var(--link-color-primary);
font-size: 1.4em
}

.board-add-icon i:focus,
.board-add-icon i:hover {
text-decoration: none;
color: red
}

.board-column-header-task-count {
color: var(--color-light);
font-weight: 400;
font-size: .85em
}

a.board-swimlane-toggle {
text-decoration: none
}

a.board-swimlane-toggle:hover,
a.board-swimlane-toggle:focus {
color: #000;
text-decoration: none;
border: none
}

.board-task-list {
min-height: 60px
}

.board-task-list-compact {
max-height: 90vh;
overflow-y: auto
}

.board-task-list .task-board:last-child {
margin-bottom: 0
}

.board-task-list-limit {
background-color: var(--board-task-limit-color)
}

.draggable-item {
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none
}

.draggable-placeholder {
border: 2px dashed var(--draggable-placeholder-border-color);
background: var(--draggable-placeholder-background-color);
height: 70px;
margin-bottom: 10px;
transition: height 0.18s ease, margin 0.18s ease
}

.kb-dnd-placeholder {
border: 2px dashed var(--draggable-placeholder-border-color);
background: var(--draggable-placeholder-background-color);
margin-bottom: 10px;
transition: height 0.18s ease, margin 0.18s ease;
overflow: hidden
}

div.draggable-item-selected {
border: 1px solid #000
}

.task-board-sort-handle {
float: left;
padding-right: 5px
}

.task-board {
position: relative;
margin-bottom: 4px;
border: 1px solid #000;
padding: 2px;
word-wrap: break-word;
font-size: .9em;
border-radius: 6px
}

div.task-board-recent {
border-width: 2px
}

div.task-board-status-closed {
user-select: none;
border: 1px dotted #555
}

.task-board a {
color: #000;
text-decoration: none
}

.task-board-collapsed {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}

.task-board-title {
margin-top: 5px;
margin-bottom: 8px
}

.task-board-title a:hover {
text-decoration: underline
}

.task-board-saving-state {
opacity: .3
}

.task-board-saving-icon {
position: absolute;
margin: auto;
width: 100%;
text-align: center;
color: #000
}

.task-board-avatars {
text-align: right;
float: right
}

.task-board-change-assignee {
cursor: pointer
}

.task-board-change-assignee:hover {
opacity: .6
}

.task-list-avatars {
display: inline-block;
float: left
}

@media (max-width:768px) {
.task-list-avatars {
float: none;
display: block
}
}

.task-list-avatars .task-avatar-assignee {
font-weight: 300;
color: #999
}

.task-list-avatars:hover .task-avatar-assignee {
font-weight: 400;
color: #000
}

.task-board-icons,
.task-list-icons {
font-size: .8em;
text-align: right
}

.task-board-icons a,
.task-board-icons span.tooltip,
.task-list-icons a,
.task-list-icons span.tooltip {
text-decoration: none
}

.task-board-icons a:hover,
.task-board-icons span.tooltip:hover,
.task-list-icons a:hover,
.task-list-icons span.tooltip:hover {
color: var(--color-primary)
}

.task-board-icons a:hover i,
.task-board-icons span.tooltip:hover i,
.task-list-icons a:hover i,
.task-list-icons span.tooltip:hover i {
color: var(--color-primary)
}

.task-board-icons .task-score,
.task-list-icons .task-score {
font-weight: 700
}

.task-board-icons .flag-milestone,
.task-list-icons .flag-milestone {
color: green
}

.task-board-icons {
margin-top: 7px
}

.task-board-icons a {
opacity: .5
}

.task-board-icons span {
opacity: .5;
margin-left: 4px
}

.task-board-icons a:hover,
.task-board-icons span.tooltip:hover {
opacity: 1;
font-weight: 700
}

.task-board-icons .task-board-icons-row {
line-height: 22px
}

.task-list-icons {
line-height: 22px
}

.task-list-icons a,
.task-list-icons span,
.task-list-icons i {
color: var(--task-list-icons-color);
opacity: 1
}

.task-list-icons span {
margin-left: 5px
}

@media (max-width:768px) {
.task-list-icons {
text-align: left
}
}

.task-icon-age {
display: inline-block
}

span.task-icon-age-total {
border: 1px solid #e5e5e5;
padding: 1px 3px 1px 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}

span.task-icon-age-column {
border: 1px solid #e5e5e5;
border-left: none;
margin-left: -5px;
padding: 1px 3px 1px 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}

.task-board span.task-icon-age-total,
.task-board span.task-icon-age-column {
border-color: #666
}

.task-board-category-container {
text-align: right;
margin-top: 8px;
margin-bottom: 8px
}

.task-board-category {
border: 1px solid #555;
font-size: .9em;
font-weight: 500;
color: #000;
padding: 1px 3px 1px 2px;
border-radius: 3px
}

.task-board-category a:hover {
text-decoration: underline
}

.task-date {
font-weight: 500;
color: #000
}

span.task-date-today {
opacity: 1;
color: var(--link-color-primary)
}

span.task-date-overdue {
opacity: 1;
color: #b94a48
}

.task-tags li {
display: inline-block;
margin: 3px 3px 0 0;
padding: 1px 3px 1px 3px;
color: var(--color-primary);
border: 1px solid #333;
border-radius: 4px
}

.task-summary-container .task-tags {
margin-top: 10px
}

#task-summary {
margin-bottom: 15px
}

#task-summary h2 {
color: var(--color-medium);
font-size: 1.6em;
margin-top: 0;
padding-top: 0
}

.task-summary-container {
border: 2px solid #000;
border-radius: 8px;
padding: 10px
}

.task-summary-columns {
display: flex;
flex-flow: row;
justify-content: space-between
}

@media (max-width:768px) {
.task-summary-columns {
flex-flow: column
}
}

.task-summary-column {
color: var(--color-dark)
}

.task-summary-column span {
color: var(--color-medium)
}

.task-summary-column li {
line-height: 23px
}

#external-task-view {
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px dotted #ccc
}

.task-form-container {
box-sizing: border-box;
display: flex;
flex-wrap: wrap
}

.task-form-container>* {
box-sizing: border-box
}

.task-form-container>* {
width: 1%
}

.task-form-main-column {
width: 60%
}

@media (max-width:1000px) {
.task-form-main-column {
width: 100%
}
}

.task-form-main-column input[type="text"] {
width: 700px;
max-width: 99%
}

.task-form-secondary-column {
max-width: 250px;
min-width: 200px;
max-height: 600px;
padding-left: 10px;
overflow: auto;
width: 20%
}

@media (max-width:1000px) {
.task-form-secondary-column {
width: 100%;
max-width: 99%;
max-height: none
}
}

@media (max-width:768px) {
.task-form-secondary-column {
padding-left: 0
}
}

.task-form-secondary-column label:first-child {
margin-top: 0
}

@media (max-width:1000px) {
.task-form-secondary-column label:first-child {
margin-top: 10px
}
}

.task-form-bottom {
width: 100%
}

.task-form-bottom label {
display: inline-block
}

.task-form-bottom-column {
display: inline-block;
width: 49%;
margin-left: 5px;
margin-right: 5px
}

.comment-sorting {
text-align: right
}

.comment-sorting a {
color: var(--color-medium);
font-weight: 400;
text-decoration: none
}

.comment-sorting a:hover {
color: var(--color-light)
}

.comment {
padding: 5px;
margin-bottom: 15px
}

.comment-title {
border-bottom: 1px dotted var(--comment-title-border-color);
margin-left: 55px
}

.comment-date {
color: var(--color-light);
font-weight: 200
}

.comment-visibility {
color: var(--color-light);
font-weight: 200
}

.comment-actions {
text-align: right
}

.comment-content {
margin-left: 55px
}

.comments .text-editor textarea {
height: 90px
}

.comments .text-editor .text-editor-preview-area {
height: 90px
}

.comments .comment-highlighted {
background-color: var(--comment-highlighted-background-color);
border: 2px solid var(--comment-highlighted-border-color)
}

.comments .comment-highlighted:hover {
background-color: var(--comment-highlighted-hover-background-color)
}

.comments .comment:hover {
background: var(--comment-highlighted-hover-background-color)
}

.comments .comment:nth-child(even):not(.comment-highlighted) {
background: var(--comment-nth-background-color)
}

.comments .comment:nth-child(even):not(.comment-highlighted):hover {
background: var(--comment-highlighted-hover-background-color)
}

.subtask-cell {
padding: 4px 10px;
border-top: 1px dotted #dedede;
border-left: 1px dotted #dedede;
display: table-cell;
vertical-align: middle
}

.subtask-cell a {
color: var(--color-primary);
text-decoration: none
}

.subtask-cell a:hover,
.subtask-cell a:focus {
color: var(--link-color-primary)
}

.subtask-cell:first-child {
border-left: none
}

@media (max-width:768px) {
.subtask-cell {
width: 90%;
display: block;
border-left: none
}
}

.subtasks-table .subtask-table-td {
display: flex;
white-space: normal;
min-width: 400px
}

.subtasks-table .subtask-submenu {
display: flex
}

.js-subtask-toggle-status {
display: flex;
text-decoration: none
}

.task-list-subtasks {
display: table;
width: 100%
}

@media (max-width:768px) {
.task-list-subtasks {
display: block
}
}

.task-list-subtask {
display: table-row
}

@media (max-width:768px) {
.task-list-subtask {
display: block
}
}

@media (max-width:768px) {

.subtask-assignee,
.subtask-time-tracking-cell {
display: none
}
}

.subtask-time-tracking {
white-space: normal
}

.task-links-table td {
vertical-align: middle
}

.task-links-task-count {
color: var(--color-light);
font-weight: 400
}

.task-link-closed {
text-decoration: line-through
}

.task-links-table-td {
display: flex
}

.text-editor {
margin-top: 10px
}

.text-editor a {
font-size: 1em;
color: var(--color-light);
text-decoration: none;
margin-right: 10px
}

.text-editor a:hover {
color: var(--link-color-primary)
}

.text-editor .text-editor-preview-area {
border: 1px solid #dedede;
width: 700px;
max-width: 99%;
height: 250px;
overflow: auto;
padding: 2px
}

.text-editor textarea {
width: 700px;
max-width: 98%;
height: 250px
}

.markdown {
line-height: 1.4em
}

.markdown h1 {
margin-top: 5px;
margin-bottom: 10px;
font-weight: 700
}

.markdown h2 {
font-weight: 700
}

.markdown p {
margin-bottom: 10px
}

.markdown ol,
.markdown ul {
margin-left: 25px;
margin-top: 10px;
margin-bottom: 10px
}

.markdown pre {
background: #fbfbfb;
padding: 10px;
border-radius: 5px;
border: 1px solid #ddd;
overflow: auto;
overflow-wrap: initial;
color: var(--color-medium)
}

.markdown blockquote {
font-style: italic;
border-left: 3px solid #ddd;
padding-left: 10px;
margin-bottom: 10px;
margin-left: 20px
}

.markdown img {
display: block;
max-width: 80%;
margin-top: 10px
}

.panel {
border-radius: 15px;
padding: 8px 35px 8px 10px;
margin-top: 10px;
margin-bottom: 15px;
border: 1px solid var(--panel-border-color);
color: var(--color-primary);
background-color: var(--panel-background-color);
overflow: auto
}

.panel li {
list-style-type: square;
margin-left: 20px;
line-height: 1.35em
}

.activity-event {
margin-bottom: 5px;
padding: 10px
}

.activity-event:nth-child(even) {
background: var(--activity-event-background-color)
}

.activity-event:hover {
background: var(--activity-event-hover-color)
}

.activity-date {
margin-left: 10px;
font-weight: 400;
color: var(--color-light)
}

.activity-content {
margin-left: 55px
}

.activity-title {
font-weight: 700;
color: var(--activity-title-color);
border-bottom: 1px dotted var(--activity-title-border-color)
}

.activity-description {
color: var(--color-light);
margin-top: 10px
}

@media (max-width:480px) {
.activity-description {
overflow: auto
}
}

.activity-description li {
list-style-type: circle
}

.activity-description ul {
margin-top: 10px;
margin-left: 20px
}

.user-mention-link {
font-weight: 700;
color: var(--user-mention-color);
text-decoration: none
}

.user-mention-link:hover {
color: var(--color-medium)
}

.image-slideshow-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .95);
overflow: auto;
z-index: 100
}

.image-slideshow-overlay img {
display: block;
margin: auto
}

.image-slideshow-overlay figcaption {
color: #fff;
opacity: .7;
position: absolute;
bottom: 5px;
right: 15px
}

.slideshow-icon {
color: #fff;
position: absolute;
font-size: 2.5em;
opacity: .6
}

.slideshow-icon:hover {
opacity: .9;
cursor: pointer
}

.slideshow-previous-icon {
left: 10px;
top: 45%
}

.slideshow-next-icon {
right: 10px;
top: 45%
}

.slideshow-close-icon {
right: 10px;
top: 10px;
font-size: 1.4em
}

.slideshow-download-icon {
left: 10px;
bottom: 10px;
font-size: 1.3em
}

.list-item-links,
.list-item-actions {
display: inline-block;
float: left;
margin-left: 10px
}

.list-item-links a {
margin: 0
}

.list-item-action-hidden {
display: none
}

.bulk-change-checkbox {
float: left
}

.bulk-change-inputs {
float: left;
padding-left: 10px
}

.bulk-change-inputs label {
margin-top: 0;
margin-bottom: 3px
}
.dashboard-grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
}

.dashboard-card {
background: #fff;
border-radius: 6px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
width: 260px;
padding: 12px;
display: flex;
flex-direction: column;
transition: transform 0.2s;
}

.dashboard-card.active {
border-left: 5px solid #4CAF50;
}

.dashboard-card.closed {
border-left: 5px solid #F44336;
opacity: 0.7;
}

.dashboard-card:hover {
transform: translateY(-2px);
}

.card-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}

.card-title {
font-weight: bold;
flex: 1;
margin-left: 8px;
}

.card-columns {
display: flex;
flex-wrap: wrap;
gap: 6px;
}

.column {
background: #f5f5f5;
padding: 6px 8px;
border-radius: 4px;
flex: 1 0 45%;
text-align: center;
}

.tasks {
font-size: 16px;
font-weight: bold;
}

.col-title {
font-size: 12px;
color: #555;
}
/* Kontener główny */
.project-table-container {
margin: 20px 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Styl wiersza */
.custom-project-list .project-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
margin-bottom: 8px;
background: #fff;
border: 1px solid #e1e4e8;
border-left: 4px solid #4a90e2; /* Akcent kolorystyczny */
border-radius: 6px;
transition: transform 0.1s ease, box-shadow 0.2s ease;
}

.custom-project-list .project-row:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
background-color: #fcfcfc;
}

/* Lewa strona: Tytuł i akcje */
.project-main-info {
display: flex;
align-items: center;
gap: 15px;
}

.project-title-wrapper .table-list-title a {
font-weight: 600;
font-size: 1.1em;
color: #24292e;
text-decoration: none;
}

.project-title-wrapper .table-list-title a:hover {
color: #0366d6;
text-decoration: underline;
}

/* Statystyki (kolumny) */
.project-stats {
display: flex;
gap: 20px;
flex-wrap: wrap;
}

.stat-item {
display: flex;
flex-direction: column;
align-items: center;
min-width: 60px;
}

.stat-count {
font-size: 1.2em;
font-weight: bold;
color: #2c3e50;
}

.stat-label {
font-size: 0.75em;
text-transform: uppercase;
color: #6a737d;
letter-spacing: 0.5px;
}

/* Ikona kłódki i ID */
.project-private-icon {
color: #f39c12;
margin-left: 8px;
}

.project-id {
color: #95a5a6;
font-weight: bold;
font-size: 0.9em;
}

/* Status zamknięty */
.project-status-closed {
border-left-color: #95a5a6 !important;
opacity: 0.7;
}

.project-status-closed .table-list-title a {
text-decoration: line-through;
}

/* Responsywność */
@media (max-width: 768px) {
.project-row {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.project-stats {
width: 100%;
justify-content: flex-start;
border-top: 1px solid #eee;
padding-top: 10px;
}
}
:root {
--primary-color: #4a90e2;
--bg-light: #f8f9fa;
--border-color: #e1e4e8;
--text-main: #2c3e50;
--text-muted: #6a737d;
}

/* Ogólny układ */
.dashboard-content {
display: flex;
flex-direction: column;
gap: 40px;
padding: 10px;
}

.dashboard-section h3 {
font-size: 1.4rem;
color: var(--text-main);
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}

/* Wyszukiwarka */
.custom-filter-container {
background: #fff;
padding: 15px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.search-input {
border: 1px solid var(--border-color) !important;
border-radius: 6px 0 0 6px !important;
padding: 10px 15px !important;
font-size: 1rem !important;
}

/* Karty projektów */
.custom-project-list .project-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
margin-bottom: 10px;
background: #fff;
border: 1px solid var(--border-color);
border-left: 4px solid var(--primary-color);
border-radius: 8px;
transition: 0.2s;
}

.project-row:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.project-stats {
display: flex;
gap: 15px;
}

.stat-item {
text-align: center;
background: var(--bg-light);
padding: 5px 10px;
border-radius: 5px;
min-width: 70px;
}

.stat-count {
display: block;
font-weight: bold;
font-size: 1.1rem;
}

.stat-label {
font-size: 0.7rem;
color: var(--text-muted);
}

/* Zadania */
.task-project-group {
margin-bottom: 30px;
}

.task-group-header {
background: var(--bg-light);
padding: 10px 15px;
border-radius: 6px;
margin-bottom: 10px;
}

.task-row {
display: grid !important;
grid-template-columns: 1fr auto;
gap: 10px;
padding: 12px 15px !important;
margin-bottom: 5px !important;
border-radius: 6px !important;
border: 1px solid var(--border-color) !important;
background: #fff;
}

/* Kolory zadań z Kanboarda - przywrócenie paska koloru */
.task-row.color-yellow { border-left: 5px solid #f1c40f !important; }
.task-row.color-blue { border-left: 5px solid #3498db !important; }
.task-row.color-green { border-left: 5px solid #2ecc71 !important; }

.task-meta-line {
font-size: 0.85rem;
color: var(--text-muted);
margin-top: 5px;
}

/* Puste stany */
.empty-state {
text-align: center;
padding: 50px;
background: #fff;
border-radius: 10px;
border: 2px dashed var(--border-color);
}

.empty-state i {
font-size: 3rem;
color: #2ecc71;
margin-bottom: 10px;
}
/* Kontener i Tabela */
.w-style-container {
background: #fff;
border-radius: 3px;
border-radius: 10px;
}
.w-table tr,
.w-table {
width: 100%;
border-radius: 10px;
border-collapse: collapse;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.w-table th {
text-align: left;
color: #6B778C;
font-size: 12px;
font-weight: 600;
padding: 10px;
border-bottom: 2px solid #dfe1e6;
}

.w-row {
border-bottom: 1px solid #dfe1e6;
transition: background 0.1s ease-in-out;
}

.w-row:hover {
background-color: #f4f5f7;
cursor: pointer;
}

.w-row td {
padding: 12px 10px;
vertical-align: middle;
color: #172B4D;
font-size: 14px;
}

/* Ikony i Awatary */
.project-info {
display: flex;
align-items: center;
gap: 12px;
}

.project-icon-placeholder {
width: 24px;
height: 24px;
background: #4bade8;
color: white;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: bold;
}

.avatar-circle {
width: 24px;
height: 24px;
background: #dfe1e6;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: bold;
color: #42526E;
margin-right: 8px;
}

/* Badge Klucza */
.project-key-badge {
color: #6B778C;
text-transform: uppercase;
}

/* Gwiazdka */
.column-star {
width: 30px;
color: #6B778C;
}

.column-star i:hover {
color: #ffab00;
}

.project-management-id-cell {
width: 92px;
white-space: nowrap;
}

/* Typ Projektu */
.type-text {
color: #42526E;
}

.leader-info {
display: flex;
align-items: center;
}

/* 1. Ograniczamy wysokość głównego kontenera do wysokości okna przeglądarki */
#board-container {
height: calc(100vh - 100px); /* Odejmij wysokość swojego menu górnego */
overflow-x: auto;
overflow-y: auto;
display: flex;
flex-direction: column;
}

/* 2. Swimlane (sekcja) zajmuje całą dostępną przestrzeń */
.swimlane-section {
display: flex;
flex-direction: column;
height: 100%;
margin-bottom: 20px;
}

/* 3. Kontener kolumn - tu włączamy scroll poziomy (lewo-prawo) */
.kanban-columns-container {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 15px;
overflow-x: auto; /* Scroll poziomy dla całej tablicy */
overflow-y: hidden; /* Blokujemy scroll pionowy całego widoku */
height: 100%;
padding-bottom: 10px;
}

/* 4. Sama kolumna - musi mieć stałą wysokość */
.kanban-column {
background-color: #ebecf0;
width: 320px;
min-width: 320px;
max-height: 100%; /* Nie może wyjść poza kontener */
display: flex;
flex-direction: column;
border-radius: 6px;
padding: 10px;
}

/* 5. LISTA ZADAŃ - To jest klucz! Scroll pionowy tylko tutaj */
.kanban-task-list {
flex-grow: 1;
overflow-y: auto; /* Scroll pionowy tylko wewnątrz kolumny */
padding-right: 5px;
}

/* Opcjonalnie: Ładniejszy scrollbar dla Chrome/Edge */
.kanban-task-list::-webkit-scrollbar {
width: 6px;
}
.kanban-task-list::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 10px;
}

/* --- FUNDAMENT TABLICY --- */
#board, #board tbody {
display: block !important;
border: none !important;
}

.w-board-row {
display: flex !important;
flex-direction: row;
/* align-items: flex-start pozwala każdej kolumnie mieć własną wysokość */
align-items: flex-start !important;
gap: 12px;
padding: 10px;
width: max-content;
}

/* --- KONTENER KOLUMNY (PŁYNNE ZWIJANIE I ELASTYCZNOŚĆ) --- */
.w-column-container {
background-color: #ebecf0 !important;
border-radius: 10px;

/* Zakres szerokości zgodnie z Twoją prośbą */
min-width: 200px !important;
max-width: 260px !important;
width: 260px;
flex-shrink: 0;

/* KLUCZ DO PŁYNNEGO ZWIJANIA: Animujemy wysokość i transformacje */
transition:
width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
background-color 0.2s ease;

/* Pozwala na płynne dostosowanie się do zawartości bez "skakania" */
overflow: hidden;
height: auto;
will-change: height, width;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.w-column-container.board-column-task-collapsed {
width: 56px;
min-width: 56px !important;
max-width: 56px !important
}

.w-column-container.board-column-task-collapsed .w-column-wrapper {
padding: 8px 6px
}

.w-column-container.board-column-task-collapsed .w-column-header {
justify-content: center
}

.w-column-container.board-column-task-collapsed .w-column-title {
opacity: 0;
width: 0;
overflow: hidden
}

.w-column-container.board-column-task-collapsed .w-add-task-footer {
max-height: 0;
opacity: 0;
margin: 0;
pointer-events: none
}

.w-column-wrapper {
padding: 12px;
display: flex;
flex-direction: column;
box-sizing: border-box;
max-height: 75vh;
}

/* --- NAGŁÓWEK KOLUMNY --- */
.w-column-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 4px 12px 4px;
flex-shrink: 0;
text-decoration: none !important;
}

.w-column-title {
font-weight: 700;
color: #42526e;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
text-decoration: none !important;

}
.w-column-header a {
text-decoration: none !important;
border: none !important; /* Na wypadek, gdyby to była dolna ramka */
}

/* Opcjonalnie: upewnij się, że po najechaniu myszką też nie ma podkreślenia */
.w-column-header a:hover {
text-decoration: none !important;
}

.w-column-count {
background: #dfe1e6;
border-radius: 10px;
padding: 2px 8px;
font-size: 10px;
color: #42526e;
font-weight: bold;
}

/* --- LISTA ZADAŃ (REAGUJE PŁYNNIE) --- */
.board-task-list {
min-height: 10px !important;
height: auto !important;
width: 100% !important;
/* Przejście dla wewnętrznych zmian układu */
transition: opacity 0.2s ease, transform 0.25s ease, margin 0.2s ease;
transform-origin: top
}

.w-column-container.board-column-task-collapsed .board-task-list {
opacity: 0;
transform: scaleY(0.98);
margin: 0;
pointer-events: none
}

/* KARTA ZADANIA (STYL W) */
.task-board {
width: 100% !important;
box-sizing: border-box !important;
background: #ffffff !important;
border-radius: 4px !important;
box-shadow: 0 1px 2px rgba(9, 30, 66, 0.2) !important;
margin-bottom: 8px !important;
padding: 10px !important;
cursor: grab;
border: none !important;
/* Zapobiega migotaniu przy animacji kolumny */
backface-visibility: hidden;
transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.task-board:hover {
background: #fafbfc !important;
box-shadow: 0 2px 4px rgba(9, 30, 66, 0.3) !important;
}

/* --- PRZYCISK CREATE ISSUE --- */
.w-add-task-footer {
margin-top: 4px;
flex-shrink: 0;
}

.w-create-button {
display: flex !important;
align-items: center;
gap: 8px;
padding: 8px !important;
color: #5e6c84 !important;
text-decoration: none !important;
font-size: 12px;
font-weight: 600;
border-radius: 4px;
transition: background 0.2s ease;
}

.w-create-button:hover {
background-color: rgba(9, 30, 66, 0.08) !important;
color: #172b4d !important;
}

/* --- DODAWANIE NOWEJ KOLUMNY --- */
.w-add-column-container {
flex-shrink: 0;
width: 200px;
}

.w-add-column-placeholder {
border: 2px dashed #dfe1e6;
border-radius: 10px;
padding: 15px;
text-align: center;
color: #a5adba;
font-size: 12px;
transition: 0.3s ease;
}

.w-add-column-placeholder:hover {
background: #ebecf0;
border-color: #c1c7d0;
color: #42526e;
}

/* Inline add-column input */
.w-add-column-input--inline {
text-align: center !important;
height: 12px !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
color: #42526e;
}
.w-add-column-input--inline::placeholder {
color: #8c99a6;
box-shadow: none;
}

/* 1. Rodzic musi być bazą dla pozycjonowania */
.w-add-column-placeholder {
position: relative; /* To jest niezbędne! */
cursor: pointer;
border: 2px dashed #dfe1e6;
border-radius: 10px;
padding: 15px;
text-align: center;
color: #a5adba;
transition: 0.3s ease;
}

/* 2. Rozciągamy link na cały obszar diva */
.w-add-column-placeholder a {
color: inherit !important;
text-decoration: none !important;
font-weight: 600;
}

/* Trik z pseudo-elementem: tworzy niewidzialną warstwę klikalną */
.w-add-column-placeholder a::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1; /* Sprawia, że link przykrywa wszystko w środku diva */
}

/* 3. Efekt hover dla całości */
.w-add-column-placeholder:hover {
background: #ebecf0;
border-color: #c1c7d0;
color: #42526e;
}

/* --- PRZECIĄGANIE (DRAG & DROP) --- */
/* Cień zadania w miejscu, gdzie wyląduje */
.ui-sortable-placeholder {
height: 50px !important;
background: rgba(9, 30, 66, 0.04) !important;
border: 2px dashed #c1c7d0 !important;
border-radius: 4px;
margin-bottom: 8px;
visibility: visible !important;
/* Płynne przesuwanie się innych kart gdy robimy miejsce */
transition: margin 0.2s ease;
}

/* Karta w locie */
.ui-sortable-helper {
width: 240px !important;
transform: rotate(2deg) scale(1.02);
box-shadow: 0 10px 20px rgba(9, 30, 66, 0.3) !important;
z-index: 9999 !important;
}

/* --- FIX DLA OKIEN MODALNYCH --- */
body.modal-open .w-add-task-footer,
body.modal-open .w-add-column-container {
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}

.w-column-title-link {
text-decoration: none !important;
color: inherit !important;
display: inline-block;
padding: 2px 4px;
margin-left: -4px;
border-radius: 3px;
}

.w-column-title-link:hover {
background: rgba(9, 30, 66, 0.08);
cursor: pointer;
}

/* Kontener główny - efekt karty */
.task-card-container {
background: #ffffff;
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
overflow: hidden;
border: 1px solid #eef2f7;
margin: 10px;
}

/* Nagłówek karty */
.task-card-header {
padding: 20px 25px;
background: #fdfdfe;
border-bottom: 1px solid #f0f3f8;
}

.project-badge {
font-size: 12px;
color: #6b778c;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 5px;
}

.task-card-title {
font-size: 22px;
font-weight: 700;
color: #172b4d;
margin: 0;
}

/* Layout body */
.task-card-body {
display: flex;
padding: 25px;
gap: 30px;
}

.task-main-section { flex: 2; }
.task-aside-section {
flex: 0 0 300px;
background: #f9fbfd;
padding: 20px;
border-radius: 10px;
border: 1px solid #edf2f9;
}

/* Stylizacja pól tekstowych */
.input-wrapper { margin-bottom: 20px; }

.title-wrapper input {
font-size: 1.4em !important;
font-weight: 500;
border: none !important;
border-bottom: 2px solid #dfe1e6 !important;
border-radius: 0 !important;
padding: 10px 0 !important;
transition: border-color 0.3s;
}

.title-wrapper input:focus {
border-color: #4c9aff !important;
box-shadow: none !important;
}

/* Sidebar - ładniejsze etykiety */
.aside-item { margin-bottom: 18px; }
.aside-item label {
display: block;
font-size: 13px;
font-weight: 600;
color: #5e6c84;
margin-bottom: 6px;
}

.aside-item label i {
width: 18px;
color: #a5adba;
}

/* Selecty i inputy w sidebarze */
.aside-item select, .aside-item input {
width: 100%;
border-radius: 6px !important;
border: 1px solid #dcdfe6 !important;
padding: 6px 10px !important;
background: #fff !important;
}

/* Stopka */
.task-card-footer {
padding: 15px 25px;
background: #f4f5f7;
display: flex;
justify-content: space-between;
align-items: center;
}

/* Przyciski */
.footer-actions button[type="submit"] {
background: #0052cc !important;
padding: 10px 25px !important;
border-radius: 6px !important;
font-weight: 600 !important;
transition: filter 0.2s;
}

.footer-actions button[type="submit"]:hover {
filter: brightness(1.1);
}

.footer-actions a.btn {
text-decoration: none;
color: #42526e;
margin-right: 15px;
}

/* Kontener główny */
.w-style-details {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
margin-top: 4px;
}

/* Ścieżka (Breadcrumbs) */
.task-path {
font-size: 11px;
color: #6b778c; /* Klasyczny szary kolor z Jiry */
text-transform: uppercase;
font-weight: 600;
margin-bottom: 6px;
display: block;
}

.path-separator {
margin: 0 4px;
color: #a5adba;
}

.column-name {
color: #172b4d; /* Ciemniejszy, by wyróżnić status */
}

/* Badge (Kategorie i Tagi) */
.task-badges {
display: flex;
flex-wrap: wrap;
gap: 4px;
}

.w-badge {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 3px; /* W używa lekko zaokrąglonych rogów */
font-size: 11px;
font-weight: bold;
background-color: #f4f5f7;
color: #42526e;
border: none;
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.w-badge a {
color: inherit;
text-decoration: none;
}

/* Dopasowanie do kolorów Kanboarda, ale w stylu "subtle" */
.w-badge[class*="color-"] {
background-opacity: 0.2; /* Jeśli Twoja wersja obsługuje modyfikatory */
border-left: 3px solid rgba(0,0,0,0.2);
}

/* Specyficzny styl dla tagów */
.tag-badge {
background-color: #ebecf0;
color: #172b4d;
}

.tag-badge i {
margin-right: 4px;
font-size: 9px;
}

.user-dropdown-container {
display: flex;
align-items: center; /* Wyrównuje awatar i tekst do środka w pionie */
gap: 10px;           /* Odstęp między awatarem a tekstem */
margin-left: 5%;
}

.user-details {
display: flex;
flex-direction: column; /* Ustawia imię i mail jedno pod drugim */
}

.user-name {
font-weight: bold;
font-size: 0.9em;
}

.user-email {
font-size: 0.8em;
color: #666;
}

.avatar-link {
text-decoration: none;
display: block;
}

/* Tło przyciemniające resztę strony */
.custom-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); /* Ciemne półprzezroczyste tło */
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}

/* Okno modala - "Twoja podstrona" */
.custom-modal-window {
background: #fff;
width: 90%;
max-width: 1100px; /* Szerokość zbliżona do Jiry */
max-height: 90vh;
border-radius: 8px;
box-shadow: 0 10px 25px rgba(0,0,0,0.2);
overflow-y: auto; /* Przewijanie, jeśli treść jest długa */
position: relative;
padding: 20px;
}

/* Stylizacja paska bocznego wewnątrz modala */
.sidebar-container {
display: flex;
}

.sidebar-content {
flex: 1;
padding-left: 20px;
max-height: 95vh;
overflow: auto ;
}

/* Przycisk zamknięcia w rogu */
.modal-close-icon {
position: absolute;
top: 15px;
right: 20px;
font-size: 24px;
text-decoration: none;
color: #333;
}

/* Ukrywamy tylko nagłówek projektu w popupie, bo dubluje się z tablicą */
#modal-content .page-header {
display: block;
}

#modal-content .page-header h2,
#modal-content .page-header h2 a {
color: #344563 !important;
border-bottom: 0 !important;
text-decoration: none !important;
}

/* Naprawiamy układ sidebaru wewnątrz modala */
#modal-content .sidebar-container {
display: flex;
flex-direction: row;
gap: 20px;
}

#modal-content .sidebar {
width: 25%; /* Szerokość sidebaru w popupie */
min-width: 150px;
}

#modal-content .sidebar-content {
width: 75%;
margin-left: 0;
}

/* Na małych ekranach w popupie zróbmy jeden pod drugim */
@media (max-width: 700px) {
#modal-content .sidebar-container {
flex-direction: column;
}
#modal-content .sidebar, #modal-content .sidebar-content {
width: 100%;
}
}

/* Sidebar w stylu Uiverse.io */
.sidebar-container {
height: 100%;
display: flex;
flex-flow: row;
}
.sidebar-container2 {
height: 85vh !important;
display: flex;
flex-flow: row;
}

@media (max-width:768px) {
.sidebar-container {
flex-flow: wrap;
}
.sidebar-container2 {
flex-flow: wrap;
height: auto;
}
}

.sidebar-content {
padding-left: 10px;
flex: 1 100%;
max-width: 85%;
overflow-wrap: break-word;
}

@media (max-width:768px) {
.sidebar-content {
padding-left: 0;
order: 1;
max-width: 100%;
}
}

.sidebar {
display: flex;
flex-direction: column;
max-width: 25%;
min-width: 230px;
background-color: var(--views-background-color);
border-radius: 5px;
gap: 5px;
}

@media (max-width:768px) {
.sidebar {
flex: 1 auto;
order: 2;
}
}

.sidebar h2 {
margin-top: 0;
padding: 10px;
color: var(--color-primary);
}

.sidebar>ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 5px;
}

.sidebar>ul li {
list-style: none;
}

.sidebar>ul li a {
background-color: transparent;
border: none;
padding: 10px;
color: var(--color-primary);
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
border-radius: 4px;
position: relative;
transition: all 0.2s ease;
text-decoration: none;
}

.sidebar>ul li a:hover,
.sidebar>ul li a:focus {
background-color: var(--button-default-border-color-focus);
}

.sidebar>ul li a:focus,
.sidebar>ul li a:active {
background-color: var(--button-default-border-color-focus);
outline: none;
}

.sidebar>ul li a::before {
content: "";
position: absolute;
top: 5px;
left: -10px;
width: 5px;
height: 80%;
background-color: #2F81F7;
border-radius: 5px;
opacity: 0;
transition: opacity 0.2s ease;
}

.sidebar>ul li.active a::before,
.sidebar>ul li a:focus::before,
.sidebar>ul li a:active::before {
opacity: 1;
}

.sidebar>ul li.active a {
font-weight: 400;
color: var(--color-primary);
}

.sidebar>ul li a svg {
width: 15px;
}

.sidebar>ul li:last-child {
margin-bottom: 15px;
}

/* Opcjonalny efekt blur dla innych elementów w sidebar przy hover */
.sidebar:hover > ul > li:not(:hover) a {
transition: 300ms;
transform: scale(0.95,0.95);
}

.w-style-modal {
padding: 10px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.task-section {
margin-bottom: 25px;
border-bottom: 1px solid #eee;
padding-bottom: 15px;
}

.task-sidebar h3 {
font-size: 14px;
text-transform: uppercase;
color: #5e6c84;
}

/* Poprawka dla tabel detali w sidebarze */
.task-details-sidebar table {
width: 100%;
}
.task-details-sidebar td {
display: block;
width: 100%;
padding: 2px 0;
}

/* Reset bazowy dla popupa */
.new-modal-container { margin: -10px; font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #fff; }
.new-layout { display: flex; min-height: 90vh; }

/* Stylizowanie Lewej Strony */
.new-main { width: 550px; padding: 24px ; color: #172b4d; }
.n-breadcrumb { color: #5e6c84; font-size: 12px; margin-bottom: 8px; font-weight: 500; }
.n-title { font-size: 24px; font-weight: 500; margin: 0 0 24px 0; color: #172b4d; }

.n-section-title { font-size: 16px; font-weight: 600; margin: 24px 0 12px 0; }
.n-block { margin-bottom: 16px; width: 550px;}

.n-editable-area{
border: none !important;
background: transparent !important;
padding: 0 !important;
box-shadow: none !important;
}

/* Stylizowanie Sidebaru */
.new-sidebar { max-width: 100px; background: #f4f5f7; border-left: 1px solid #dfe1e6; padding: 24px 16px; min-width: 250px; }
.n-sidebar-title { font-size: 12px; font-weight: 700; color: #6b778c; text-transform: uppercase; margin-bottom: 16px; }

/* Lista szczegółów w sidebarze (pionowa) */
.n-field { margin-bottom: 16px; display: flex; flex-direction: column; }
.n-field-label { color: #44546f; font-size: 12px; font-weight: 600; margin-bottom: 4px; }
.n-field-value { color: #172b4d; font-size: 14px; }
.n-badge { background: #deebff; color: #0747a6; padding: 2px 6px; border-radius: 3px; font-weight: bold; font-size: 11px; width: fit-content; }

/* Przyciski Akcji */
.n-action-buttons { display: flex; flex-direction: column; gap: 8px; }
.n-btn {
background: #ebecf0;
border: none;
padding: 8px 12px;
border-radius: 3px;
color: #42526e !important;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: 0.2s;
}
.n-btn:hover { background: #dfe1e6; color: #172b4d !important; }
.n-btn-red { background: #ffebe6; color: #de350b !important; margin-top: 10px; }
.n-btn-red:hover { background: #ffbdad; }

.table-list-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.task-list-icon-square{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--table-list-border-color);border-radius:3px;background:rgba(0,0,0,.03);color:var(--color-medium);font-size:12px;flex:0 0 auto}.task-list-icon-square.is-empty{opacity:.35}
.icon-picker{display:flex;flex-wrap:wrap;gap:6px}.icon-picker-item{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--table-list-border-color);border-radius:4px;background:rgba(0,0,0,.03);color:var(--color-medium);cursor:pointer}.icon-picker-item input{position:absolute;opacity:0;pointer-events:none}.icon-picker-item .icon-picker-icon{font-size:14px;line-height:1}.icon-picker-item.is-empty .icon-picker-icon{width:10px;height:10px;border:1px solid currentColor;opacity:.5}.icon-picker-item:has(input:checked){outline:2px solid var(--link-color-primary);outline-offset:1px}.icon-picker-item:focus-within{outline:2px solid var(--link-color-primary);outline-offset:1px}
.icon-picker{position:relative}.icon-picker summary{list-style:none}.icon-picker summary::-webkit-details-marker{display:none}.icon-picker-summary{display:flex;align-items:center;gap:8px;cursor:pointer}.icon-picker-summary-label{font-size:.9em;color:var(--color-light)}.icon-picker-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;padding:6px;border:1px solid var(--table-list-border-color);border-radius:6px;background:var(--table-list-nth-background-color)}.icon-picker-item{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--table-list-border-color);border-radius:4px;background:rgba(0,0,0,.03);color:var(--color-medium);cursor:pointer}.icon-picker-item input{position:absolute;opacity:0;pointer-events:none}.icon-picker-item .icon-picker-icon{font-size:14px;line-height:1}.icon-picker-item.is-empty .icon-picker-icon{width:10px;height:10px;border:1px solid currentColor;opacity:.5}.icon-picker-item:has(input:checked){outline:2px solid var(--link-color-primary);outline-offset:1px}.icon-picker-item:focus-within{outline:2px solid var(--link-color-primary);outline-offset:1px}
.icon-picker-grid{align-items:center}.icon-picker-grid .icon-picker-item{margin:0}.icon-picker-grid label{margin:0}
#select-dropdown-menu{transition:top .18s ease,left .18s ease,width .18s ease,max-height .18s ease;will-change:top,left,width,max-height}
.board-selector-item{display:flex;align-items:center;justify-content:space-between;gap:10px}.board-selector-left{display:inline-flex;align-items:center;gap:8px;min-width:0}.board-selector-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.board-selector-project-icon{color:var(--color-medium)}.board-selector-right{display:flex;align-items:center;gap:6px}.board-selector-owner{margin:0}.board-selector-owner.avatar{float:none}
#select-dropdown-menu .board-selector-right{opacity:0;transition:opacity .12s ease}#select-dropdown-menu.select-dropdown-opened .board-selector-right{opacity:1}#select-dropdown-menu.select-dropdown-closing{opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .12s ease,transform .12s ease}#select-dropdown-menu.select-dropdown-closing .board-selector-right{opacity:0;transition-delay:0s}

.project-header-title{
display:flex;
align-items:center;
gap:8px;
margin-top:10px;
margin-left:10px;
}
.project-header-title
.project-header-name{
font-size:1.05em;
font-weight:600;
color:var(--color-primary)
}
.project-header-title
.project-icon{flex:0 0 auto}

.dropdown-component-edit{
padding-left: 10px;
}
.project-settings{display:block}
.project-settings-card{background-color:var(--panel-background-color);border:1px solid var(--panel-border-color);border-radius:8px;padding:12px 14px;margin-bottom:14px}
.project-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.project-summary-item{border:1px solid var(--table-border-color);border-radius:6px;padding:8px 10px;background:var(--table-nth-background-color);display:flex;align-items:center}
.project-summary-line{display:flex;align-items:center;gap:8px;font-size:.95em;color:var(--color-primary)}
.project-summary-icon{color:var(--color-medium);width:18px;text-align:center;flex:0 0 auto}
.project-summary-text{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.project-summary-links{align-items:flex-start}
.project-summary-links .project-summary-line{align-items:flex-start}
.project-summary-link-list{display:flex;flex-direction:column;gap:4px}
.project-summary-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.85em;font-weight:600;border:1px solid transparent}
.project-summary-badge.is-open{background:var(--alert-background-color-success);color:var(--alert-color-success);border-color:var(--alert-border-color-success)}
.project-summary-badge.is-closed{background:var(--alert-background-color-error);color:var(--alert-color-error);border-color:var(--alert-border-color-error)}
.project-columns-table th,.project-columns-table td{white-space:nowrap}
.project-columns-table td:first-child{white-space:normal}

.filter-compact,.filter-wide,.filter-vert-collapse,.filter-vert-expand{display:inline-flex;align-items:center;gap:6px}.filter-compact i,.filter-wide i,.filter-vert-collapse i,.filter-vert-expand i{line-height:1;display:inline-flex;align-items:center}

.filter-compact,.filter-wide,.filter-vert-collapse,.filter-vert-expand{display:inline-flex;align-items:center;gap:6px}
.filter-compact a,.filter-wide a,.filter-vert-collapse a,.filter-vert-expand a{display:inline-flex;align-items:center}
.filter-compact i,.filter-wide i,.filter-vert-collapse i,.filter-vert-expand i{line-height:1;display:inline-flex;align-items:center;pointer-events:none}
.filter-compact:hover a,.filter-wide:hover a,.filter-vert-collapse:hover a,.filter-vert-expand:hover a{color:var(--link-color-hover);text-decoration:underline}
.filter-compact:hover i,.filter-wide:hover i,.filter-vert-collapse:hover i,.filter-vert-expand:hover i{color:var(--link-color-hover)}

.task-to{
display: inline;
}

/* Kontener i Typografia */
.taskview-container { font-family: -apple-system, system-ui, "Segoe UI", Roboto, sans-serif; color: #172b4d; padding: 24px; background: #fff; }
.taskview-layout { display: grid; grid-template-columns: 1fr 320px; gap: 40px; }

/* Ścieżka i Numer zadania */
.taskview-breadcrumb { font-size: 14px; color: #5e6c84; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
.taskview-id { color: #5e6c84; font-weight: 500; }

/* Nagłówek i Tytuł */
.taskview-title { font-size: 24px; font-weight: 500; margin: 0 0 16px 0; color: #172b4d; line-height: 1.25; }

/* Pasek narzędziowy */
.taskview-toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.task-action-btn { background: #f4f5f7; border: none; padding: 6px 12px; border-radius: 3px; font-size: 14px; font-weight: 500; color: #42526e; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.task-action-btn:hover { background: #ebecf0; color: #172b4d; }
.task-action-btn i { font-size: 13px; }

/* Sekcje główne */
.taskview-main-content { min-width: 0; }
.taskview-section { margin-bottom: 32px; }
.taskview-section-header { font-size: 16px; font-weight: 600; margin-bottom: 12px; color: #172b4d; }
.taskview-content-area { font-size: 14px; line-height: 1.6; }

/* Sidebar i Dane */
.taskview-sidebar-box { border: 1px solid #dfe1e6; border-radius: 3px; padding: 16px; margin-bottom: 20px; }
.taskview-data-table { width: 100%; border-collapse: collapse; }
.taskview-data-table td { padding: 6px 0; font-size: 14px; vertical-align: top; }
.taskview-label { color: #6b778c; width: 110px; font-weight: 600; font-size: 12px; text-transform: uppercase; }

/* Statusy i Tagi */
.status-pill { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 11px; font-weight: 700; }
.status-pill-active { background: #deebff; color: #0747a6; }
.status-pill-completed { background: #e3fcef; color: #006644; }

.taskview-tag { background: #f4f5f7; color: #42526e; padding: 2px 8px; border-radius: 3px; font-size: 12px; margin: 0 4px 4px 0; display: inline-block; border: 1px solid #dfe1e6; }

/* Daty w stopce sidebaru */
.taskview-meta-info { font-size: 12px; color: #6b778c; line-height: 1.8; }

@media (max-width: 1000px) {
.taskview-layout { grid-template-columns: 1fr; }
.taskview-sidebar { order: -1; }
}\n.task-priority-inline-editor{display:inline-flex;align-items:center;margin-left:8px;max-width:120px;vertical-align:middle}.task-priority-display{display:inline-flex;align-items:center;padding:2px 4px;border:0;border-radius:6px;background:transparent;cursor:pointer;color:inherit;transition:background-color .12s ease,opacity .12s ease}.task-priority-display:hover,.task-priority-display:focus{opacity:1;background:rgba(9,30,66,.08)}.task-priority-inline-editor .task-priority-dropdown-form{margin:0;max-width:120px}.task-priority-inline-editor .task-priority-dropdown-form[hidden]{display:none!important}.task-priority-select{width:114px;max-width:114px;border:1px solid #c5d2e2;border-radius:8px;background:#f7fafe;color:#1d2f44;font-size:12px;font-weight:700;line-height:1.2;padding:5px 8px;height:32px}.task-priority-select:focus{outline:none;border-color:#2d8be9;background:#fff;box-shadow:0 0 0 3px rgba(45,139,233,.18)}.task-priority-select option[value="1"]{color:#2d8be9}.task-priority-select option[value="2"]{color:#1f9b58}.task-priority-select option[value="3"]{color:#c59000}.task-priority-select option[value="4"]{color:#d9761a}.task-priority-select option[value="5"]{color:#c83a32}.task-priority-inline-editor.is-editing .task-priority-display{display:none}

/* Moved from board-custom.css */

.task-board {
height: 80px;
overflow: hidden;
position: relative;
}

.task-board .task-board-expanded {
height: 100%;
display: flex;
flex-direction: column;
}

.task-board .task-board-title {
max-height: 52px;
overflow: hidden;
}

.task-top {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.task-top input,
.task-top input:hover,
.task-top input:active{
border: none !important;
box-shadow: none !important;
}

.task-board-creator-row select{
height: 25px;
}
.btn-icon-only {
background: none;
border: none;
padding: 0;
cursor: pointer;
color: #007bff; /* Tu ustaw kolor ikony, np. niebieski */
display: inline-flex;
align-items: center;
justify-content: center;
transition: opacity 0.2s;
}

.btn-icon-only:hover {
opacity: 0.7; /* Subtelny efekt po najechaniu */
color: #0056b3; /* Ciemniejszy odcień przy hoverze */
}

/* Opcjonalnie: usuń obrys przy kliknięciu w Chrome/Safari */
.btn-icon-only:focus {
outline: none;
}
.task-top-tags {
display: flex;
align-items: center;
gap: 6px;
margin-top: 2px;
font-size: 0.75em;
justify-content: space-between;
}

.task-top-left {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
}

.task-type-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
background: transparent;
border: 0;
border-radius: 0;
color: inherit;
font-size: 14px;
flex: 0 0 auto;
}

.task-board-id {
font-weight: 600;
font-size: 0.85em;
white-space: nowrap;
}

#task-summary .task-summary-columns {
flex-wrap: wrap;
gap: 10px 16px;
}

#task-summary .task-summary-column {
flex: 1 1 220px;
min-width: 220px;
}

.task-tags-inline {
display: flex;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
min-width: 0;
flex-wrap: nowrap;
overflow: hidden;
}

.task-tags-inline .task-tag {
margin: 0;
}

.task-board .task-board-icons {
margin-top: auto;
}

.task-board-type-icon {
position: absolute;
top: 6px;
left: 6px;
z-index: 4;
font-size: 12px;
opacity: 0.75;
}

.task-board-top-right {
position: static;
z-index: 4;
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 6px;
}

.task-board .task-board-top-right .dropdown > .dropdown-menu {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .12s ease;
}

.task-board:hover .task-board-top-right .dropdown > .dropdown-menu,
.task-board:focus-within .task-board-top-right .dropdown > .dropdown-menu,
.task-board .task-board-top-right .dropdown:focus-within > .dropdown-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}

.task-board-avatar-top-right {
position: absolute;
top: 6px;
right: 6px;
z-index: 4;
display: inline-flex;
}

.task-board-header {
position: relative;
}

.task-board-inline-avatar {
display: inline-flex;
align-items: center;
}

.task-board-type-icon i {
color: #000;
}

.task-board-subtask .task-board-type-icon i {
color: #000;
}

#task-summary {
margin-bottom: 20px;
}

#task-summary .task-summary-container {
border: 1px solid var(--panel-border-color);
background: var(--panel-background-color);
box-shadow: 0 10px 24px rgba(9, 30, 66, 0.08);
padding: 16px;
}

#task-summary .task-summary-columns {
gap: 12px 16px;
}

#task-summary .task-summary-column {
background: var(--body-background-color);
border: 1px solid var(--table-border-color);
border-radius: 8px;
padding: 10px 12px;
}

#task-summary .task-summary-column li {
line-height: 1.2;
margin-bottom: 8px;
}

#task-summary .task-summary-column li:last-child {
margin-bottom: 0;
}

#task-summary .task-summary-column strong {
display: block;
font-size: 0.75em;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--color-light);
margin-bottom: 2px;
}

#task-summary .task-summary-column span {
color: var(--color-medium);
word-break: break-word;
}

.task-detail-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
border-bottom: 1px solid var(--table-border-color);
padding-bottom: 12px;
margin-bottom: 12px;
}

.task-detail-title h2 {
margin: 0 0 6px 0;
font-weight: 600;
font-size: 1.7em;
}

.task-detail-reference {
font-size: 0.9em;
color: var(--color-light);
}

.task-detail-actions {
display: flex;
align-items: center;
gap: 8px;
}

.task-detail-jira-link {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
border-radius: 6px;
background: #0052cc;
color: #fff;
font-weight: 600;
text-decoration: none;
box-shadow: 0 4px 10px rgba(9, 30, 66, 0.2);
}

.task-detail-jira-link:hover,
.task-detail-jira-link:focus {
background: #0747a6;
color: #fff;
}

.task-tags {
margin-top: 14px;
padding-top: 10px;
border-top: 1px dashed var(--table-border-color);
}

.task-tags li {
border-radius: 999px;
padding: 2px 8px;
}

#external-task-view {
border: 1px solid var(--panel-border-color);
background: var(--panel-background-color);
border-radius: 8px;
padding: 12px;
box-shadow: 0 8px 18px rgba(9, 30, 66, 0.08);
}

.assignee-avatar-preview {
display: inline-flex;
vertical-align: middle;
margin-left: 8px;
}

.assignee-avatar-preview .avatar {
margin: 0;
}

@media (max-width: 768px) {
.task-detail-header {
flex-direction: column;
align-items: flex-start;
}

.task-detail-actions {
width: 100%;
}
}

.task-description-block {
border: 1px solid var(--table-border-color);
background: var(--panel-background-color);
border-radius: 8px;
padding: 12px 14px;
box-shadow: 0 6px 14px rgba(9, 30, 66, 0.08);
}

.task-description-view.is-editable {
cursor: pointer;
}

.task-description-view.is-editable:hover {
border-radius: 6px;
background: rgba(9, 30, 66, 0.04);
}

.task-description-empty {
color: var(--color-light);
font-style: italic;
margin: 0;
}

.task-description-editor {
display: none;
}

.task-description-actions {
display: flex;
gap: 8px;
margin-top: 10px;
}

.task-description-block.is-editing .task-description-view {
display: none;
}

.task-description-block.is-editing .task-description-editor {
display: block;
}

.taskview-layout {
display: grid;
grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
gap: 32px;
}

#modal-box {
width: min(93vw, 1180px) !important;
max-width: min(93vw, 1180px) !important;
}

.taskview-container {
padding-right: 0;
}

.taskview-sidebar {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
padding: 0;
align-self: start;
}

.taskview-sidebar-box {
margin: 0;
padding: 12px 14px;
border: 1px solid var(--table-border-color);
border-radius: 10px;
background: var(--panel-background-color);
box-shadow: 0 4px 12px rgba(9, 30, 66, 0.06);
}

.taskview-meta-info {
margin: 0;
padding: 10px 12px;
border: 1px solid var(--table-border-color);
border-radius: 10px;
background: var(--panel-background-color);
font-size: 12px;
line-height: 1.6;
}

.taskview-sidebar .taskview-section-header {
margin: 0 0 10px 0;
font-size: 13px !important;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
}

.taskview-sidebar .taskview-data-table td {
border: 0;
padding: 5px 0;
}

.task-action-btn.task-action-btn-close {
background: #d14836;
color: #fff;
}

.task-action-btn.task-action-btn-close:hover,
.task-action-btn.task-action-btn-close:focus {
background: #b0281a;
color: #fff;
}

.task-hours-inline {
display: flex;
align-items: center;
gap: 6px;
width: 100%;
}

.task-hours-time-input {
width: 86px;
min-width: 86px;
margin: 0;
}

.task-hours-description-input {
flex: 1 1 auto;
min-width: 0;
margin: 0;
}

.task-hours-submit {
min-width: 34px;
width: 34px;
height: 30px;
line-height: 28px;
padding: 0;
text-align: center;
}

.task-hours-feedback {
min-height: 18px;
margin-top: 6px;
font-size: 12px;
}

.task-hours-feedback.is-success {
color: #2d7a2d;
}

.task-hours-feedback.is-error {
color: #b94a48;
}

.task-hours-list {
margin-top: 10px;
max-height: 210px;
overflow-y: auto;
border-top: 1px solid var(--table-border-color);
padding-top: 8px;
}

.task-hours-empty {
margin: 0;
color: var(--color-light);
font-size: 12px;
font-style: italic;
}

.task-hours-entry {
padding: 7px 0;
border-bottom: 1px solid var(--table-border-color);
}

.task-hours-entry:last-child {
border-bottom: 0;
}

.task-hours-entry-head {
display: flex;
justify-content: space-between;
gap: 8px;
font-size: 12px;
}

.task-hours-entry-title {
display: inline-flex;
align-items: center;
gap: 6px;
min-width: 0;
}

.task-hours-entry-head span {
color: var(--color-light);
white-space: nowrap;
}

.task-hours-entry-author {
margin-top: 2px;
color: var(--color-medium);
font-size: 11px;
}

.task-hours-entry-desc {
margin-top: 4px;
font-size: 12px;
line-height: 1.35;
}

.subtask-remove-confirm-link {
color: #b94a48 !important;
}

.subtask-remove-confirm-link:hover,
.subtask-remove-confirm-link:focus {
color: #922f2f !important;
}

.subtask-remove-cancel-link {
color: #2d7a2d !important;
}

.subtask-remove-cancel-link:hover,
.subtask-remove-cancel-link:focus {
color: #245f24 !important;
}

.task-remove-confirm-link {
color: #b94a48 !important;
}

.task-remove-confirm-link:hover,
.task-remove-confirm-link:focus {
color: #922f2f !important;
}

.task-remove-cancel-link {
color: #2d7a2d !important;
}

.task-remove-cancel-link:hover,
.task-remove-cancel-link:focus {
color: #245f24 !important;
}

@media (max-width: 560px) {
.task-hours-inline {
flex-wrap: wrap;
}

.task-hours-time-input {
width: 100px;
min-width: 100px;
}

.task-hours-description-input {
flex: 1 1 100%;
}
}

.js-task-comment-form .text-editor,
.js-subtask-comment-form .text-editor {
margin-bottom: 6px;
}

.js-task-comment-form .text-editor textarea,
.js-task-comment-form .text-editor .text-editor-preview-area,
.js-subtask-comment-form .text-editor textarea,
.js-subtask-comment-form .text-editor .text-editor-preview-area {
width: 100%;
max-width: none;
min-height: 72px;
height: 72px;
border: 1px solid var(--table-border-color);
border-radius: 10px;
background: var(--panel-background-color);
padding: 8px 10px;
box-sizing: border-box;
}

.js-task-comment-form .text-editor .text-editor-preview-area,
.js-subtask-comment-form .text-editor .text-editor-preview-area {
overflow-y: auto;
}

.task-comment-footer {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 8px;
}

.task-comment-visibility {
margin: 0;
}

.task-comment-visibility select[name="visibility"] {
width: auto;
min-width: 125px;
max-width: 180px;
height: 28px;
font-size: 12px;
padding: 2px 6px;
}

.comment-form-actions {
margin: 0;
justify-self: end;
}

.comments-list {
max-height: 320px;
overflow-y: auto;
padding-right: 6px;
}

.comments .comment {
display: grid;
grid-template-columns: 30px minmax(0, 1fr) auto;
grid-template-rows: auto auto;
column-gap: 10px;
row-gap: 6px;
align-items: start;
border: 1px solid var(--table-border-color);
background: var(--panel-background-color);
border-radius: 8px;
box-shadow: 0 6px 14px rgba(9, 30, 66, 0.08);
padding: 10px 12px;
margin-bottom: 10px;
}

.comments .comment > .avatar {
grid-column: 1;
grid-row: 1;
margin: 0;
float: none;
}

.comments .comment > .avatar.avatar-48 img,
.comments .comment > .avatar.avatar-48 div {
width: 30px;
height: 30px;
border-radius: 999px;
}

.comments .comment > .avatar.avatar-48 .avatar-letter {
width: 30px;
line-height: 30px;
font-size: 12px;
}

.comments .comment > .comment-title {
grid-column: 2;
grid-row: 1;
margin-left: 0;
}

.comments .comment > .comment-actions {
grid-column: 3;
grid-row: 1;
margin: 0;
}

.comments .comment > .comment-content {
grid-column: 1 / 4;
grid-row: 2;
margin-left: 0;
}

.task-subtask-cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 12px;
}

.task-subtask-cards .task-board {
width: 100%;
height: auto;
}

.taskview-sidebar .task-subtask-cards {
grid-template-columns: 1fr;
max-height: 260px;
overflow-y: auto;
padding-right: 4px;
}

.taskview-sidebar .task-subtask-cards .task-board {
min-height: 120px;
box-shadow: 0 6px 14px rgba(9, 30, 66, 0.12);
border-radius: 8px;
}

.subtaskview-container .taskview-title {
margin-top: 6px;
}

.subtaskview-form-inline {
margin-top: 12px;
}

.subtaskview-form-actions {
margin-top: 8px;
}

.subtaskview-form-row {
margin-bottom: 8px;
}

.subtaskview-form-hint {
margin-left: 6px;
color: var(--color-light);
}

.subtaskview-empty {
color: var(--color-light);
margin: 0;
}

.subtaskview-comment,
.subtaskview-worklog {
display: flex;
gap: 10px;
padding: 8px 0;
border-bottom: 1px solid var(--table-border-color);
}

.subtaskview-comment:last-child,
.subtaskview-worklog:last-child {
border-bottom: 0;
}

.subtaskview-comment-meta,
.subtaskview-worklog-meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin-bottom: 4px;
color: var(--color-medium);
font-size: 12px;
}

.subtaskview-comment-meta strong,
.subtaskview-worklog-meta strong {
color: var(--color-strong);
font-size: 13px;
}

.subtaskview-comment-date,
.subtaskview-worklog-date {
color: var(--color-light);
}

.subtaskview-worklog-time {
color: var(--color-strong);
}

@media (max-width: 900px) {
.taskview-layout {
grid-template-columns: 1fr;
}

.taskview-sidebar {
order: -1;
}

.subtaskview-layout {
grid-template-columns: 1fr;
}
}

@media (max-width: 560px) {
.task-comment-footer {
grid-template-columns: 1fr;
gap: 6px;
}

.comment-form-actions {
justify-self: end;
}
}

.kb-auth-shell {
--kb-auth-bg-1: #f6f8fb;
--kb-auth-bg-2: #e5eef8;
--kb-auth-card: #ffffff;
--kb-auth-title: #1f2a37;
--kb-auth-text: #5a6574;
--kb-auth-accent: #0d9488;
--kb-auth-accent-strong: #0f766e;
--kb-auth-outline: #d1dbe8;
min-height: calc(100vh - 64px);
display: flex;
align-items: center;
justify-content: center;
padding: 28px 18px;
background:
radial-gradient(circle at 80% 8%, rgba(13, 148, 136, 0.12), transparent 40%),
linear-gradient(135deg, var(--kb-auth-bg-1), var(--kb-auth-bg-2));
}

.kb-auth-layout {
width: min(980px, 100%);
display: grid;
grid-template-columns: minmax(280px, 1fr) minmax(340px, 1fr);
border-radius: 18px;
overflow: hidden;
box-shadow: 0 20px 45px rgba(22, 41, 61, 0.18);
}

.kb-auth-promo {
padding: 42px 34px;
background:
linear-gradient(150deg, #0d9488 0%, #115e59 65%, #134e4a 100%);
color: #f0fdfa;
position: relative;
}

.kb-auth-promo::after {
content: "";
position: absolute;
bottom: -44px;
right: -36px;
width: 170px;
height: 170px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
}

.kb-auth-promo-badge {
display: inline-block;
font-size: 12px;
letter-spacing: 0.07em;
text-transform: uppercase;
font-weight: 700;
padding: 6px 10px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.4);
margin-bottom: 18px;
}

.kb-auth-promo h1 {
margin: 0 0 12px 0;
font-size: clamp(27px, 3vw, 34px);
line-height: 1.12;
font-weight: 800;
color: #ffffff;
}

.kb-auth-promo p {
margin: 0;
line-height: 1.6;
color: rgba(240, 253, 250, 0.92);
max-width: 34ch;
}

.kb-auth-card.form-login {
margin: 0;
max-width: none;
width: auto;
background: var(--kb-auth-card);
border: 0;
border-radius: 0;
box-shadow: none;
padding: 38px 34px 34px;
}

.kb-auth-header h2 {
margin: 0 0 8px 0;
color: var(--kb-auth-title);
font-size: 32px;
font-weight: 700;
line-height: 1.1;
}

.kb-auth-header p {
margin: 0 0 22px 0;
color: var(--kb-auth-text);
}

.kb-auth-form label {
color: var(--kb-auth-title);
font-weight: 700;
margin-bottom: 6px;
}

.kb-auth-form input[type="text"],
.kb-auth-form input[type="email"],
.kb-auth-form input[type="password"] {
width: 100%;
box-sizing: border-box;
border: 1px solid var(--kb-auth-outline);
border-radius: 10px;
min-height: 44px;
padding: 10px 12px;
background: #fbfdff;
transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.kb-auth-form input[type="text"]:focus,
.kb-auth-form input[type="email"]:focus,
.kb-auth-form input[type="password"]:focus {
border-color: var(--kb-auth-accent);
background: #ffffff;
box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.14);
outline: none;
}

.kb-auth-captcha img {
display: block;
max-width: 100%;
margin: 6px 0 10px;
border: 1px solid var(--kb-auth-outline);
border-radius: 8px;
background: #fff;
}

.kb-auth-remember {
margin-top: 8px;
}

.kb-auth-submit.btn.btn-blue {
width: 100%;
border-radius: 10px;
min-height: 44px;
font-size: 15px;
font-weight: 700;
background: linear-gradient(135deg, var(--kb-auth-accent), var(--kb-auth-accent-strong));
border: 0;
box-shadow: 0 10px 18px rgba(13, 148, 136, 0.28);
}

.kb-auth-submit.btn.btn-blue:hover,
.kb-auth-submit.btn.btn-blue:focus {
background: linear-gradient(135deg, #0f766e, #115e59);
}

.kb-auth-reset-link {
margin-top: 14px;
text-align: center;
}

.kb-auth-reset-link a {
color: #0b5f97;
font-weight: 600;
text-decoration: none;
}

.kb-auth-reset-link a:hover,
.kb-auth-reset-link a:focus {
text-decoration: underline;
}

.kb-auth-divider {
margin: 14px 0 12px;
position: relative;
text-align: center;
}

.kb-auth-divider::before {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
border-top: 1px solid var(--kb-auth-outline);
}

.kb-auth-divider span {
position: relative;
z-index: 1;
display: inline-block;
padding: 0 9px;
background: #fff;
color: #768395;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.06em;
font-weight: 700;
}

.kb-auth-google-btn {
width: 100%;
min-height: 42px;
border-radius: 10px;
box-sizing: border-box;
border: 1px solid var(--kb-auth-outline);
background: #ffffff;
color: #263445;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
}

.kb-auth-google-btn:hover,
.kb-auth-google-btn:focus {
background: #f6fafc;
color: #1f2a37;
}

@media (max-width: 840px) {
.kb-auth-shell {
min-height: auto;
padding: 14px;
}

.kb-auth-layout {
grid-template-columns: 1fr;
}

.kb-auth-promo {
padding: 26px 24px;
}

.kb-auth-card.form-login {
padding: 28px 22px 24px;
}

.kb-auth-header h2 {
font-size: 28px;
}
}

.project-overview-page {
--po-bg-soft: #f3f7fb;
--po-border: #d8e2ec;
--po-title: #1f2f3e;
--po-text: #546476;
--po-accent: #0f766e;
}

.project-overview-content-width {
max-width: 1320px;
margin: 0 auto;
height: 88vh;
overflow: auto ;
}

.project-overview-columns {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 12px;
margin: 16px 0 20px;
}

.project-overview-column {
padding: 14px 12px;
border-radius: 12px;
border: 1px solid var(--po-border);
background: #fff;
box-shadow: 0 5px 14px rgba(17, 30, 44, 0.06);
text-align: center;
}

.project-overview-column strong {
display: block;
margin-bottom: 6px;
color: var(--po-title);
font-size: 26px;
line-height: 1;
font-weight: 800;
}

.project-overview-column small {
color: var(--po-text);
font-size: 12px;
font-weight: 600;
}

.project-overview-column-highlight {
background: linear-gradient(145deg, #ecfeff, #d9f2ff);
border-color: #9ed3ea;
}

.project-overview-column-highlight strong {
color: #0b5968;
}

.project-overview-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 24px;
}

.project-overview-main,
.project-overview-side {
display: flex;
flex-direction: column;
gap: 16px;
}

.project-overview-section {
border: 1px solid var(--po-border);
border-radius: 12px;
overflow: hidden;
background: #fff;
box-shadow: 0 7px 18px rgba(17, 30, 44, 0.08);
}

.project-overview-page .accordion-section {
flex: initial !important;
max-height: none !important;
height: auto !important;
}

.project-overview-section > .accordion-title.taskview-section-header {
margin: 0;
padding: 12px 14px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #34495d;
background: linear-gradient(180deg, #ffffff, #f6faff);
border-bottom: 1px solid var(--po-border);
}

.project-overview-section > .accordion-content.taskview-content-area {
padding: 14px;
max-height: none !important;
overflow: visible !important;
transition: none !important;
}

.project-overview-description-content.taskview-content-area {
padding: 14px;
max-height: none !important;
overflow: visible !important;
transition: none !important;
}

.project-overview-main .project-overview-main-section {
border-color: var(--table-border-color);
background: var(--panel-background-color);
box-shadow: 0 6px 14px rgba(9, 30, 66, 0.08);
overflow: visible;
}

.project-overview-main .project-overview-main-section > .accordion-title.taskview-section-header {
color: var(--color-strong);
background: linear-gradient(180deg, #ffffff, #f4f8fc);
}

.project-overview-side .project-overview-side-section {
margin: 0;
border: 1px solid var(--table-border-color);
border-radius: 10px;
background: var(--panel-background-color);
box-shadow: 0 4px 12px rgba(9, 30, 66, 0.06);
}

.project-overview-side .project-overview-side-section > .accordion-title.taskview-section-header {
background: #f8fbfe;
color: var(--color-medium);
}

.project-overview-empty {
margin: 0;
padding: 10px 12px;
border-radius: 10px;
border: 1px dashed #b8c8d8;
color: #607284;
background: #f7fbff;
font-style: italic;
}

.project-overview-information .project-overview-info-panel {
margin: 0;
background: #fbfdff;
border: 1px solid var(--po-border);
border-radius: 10px;
padding: 12px;
}

.project-overview-information .project-overview-info-panel ul {
margin: 0;
padding-left: 18px;
}

.project-overview-information .project-overview-info-panel li {
margin-bottom: 8px;
color: #34495d;
}

.project-overview-information .project-overview-info-panel li:last-child {
margin-bottom: 0;
}

.project-overview-page .table-scrolling,
.project-overview-page .file-thumbnails {
margin-top: 6px;
}

.project-overview-page .table-scrolling th {
background: #f5f9fd;
}

.project-overview-page .buttons-header {
margin-bottom: 10px;
}

.project-overview-page .buttons-header .btn {
border-radius: 8px;
}

.project-overview-section .task-description-block {
border: 0;
background: transparent;
box-shadow: none;
padding: 0;
}

.project-overview-section .task-description-view {
border-radius: 10px;
border: 1px solid var(--po-border);
background: #fbfdff;
padding: 12px 14px;
}

.project-overview-section .task-description-editor .text-editor textarea,
.project-overview-section .task-description-editor .text-editor .text-editor-preview-area {
min-height: 180px;
border-radius: 10px;
border: 1px solid var(--po-border);
background: #fff;
}

@media (max-width: 980px) {
.project-overview-grid {
grid-template-columns: 1fr;
}
}

.task-priority {
display: inline-flex;
align-items: center;
gap: 4px;
font-weight: 700;
}

.task-priority-icon {
line-height: 1;
color: inherit !important;
}

.task-priority-level-1 {
color: #57b7ff !important;
}

.task-priority-level-2 {
color: #2fa85d !important;
}

.task-priority-level-3 {
color: #d2a400 !important;
}

.task-priority-level-4 {
color: #e7811f !important;
}

.task-priority-level-5 {
color: #d43a3a !important;
}

.task-board-icons .task-priority .task-priority-text,
.task-list-icons .task-priority .task-priority-text {
display: none;
}

.task-board-priority-inline .task-priority .task-priority-text {
display: none;
}

.task-board-priority-inline .task-priority {
display: inline-flex;
align-items: center;
}

.task-column-inline-editor {
display: inline-flex;
align-items: center;
margin-left: 0;
max-width: 120px;
vertical-align: middle;
}

.task-column-display {
display: inline-flex;
align-items: center;
padding: 2px 4px;
border: 0;
border-radius: 6px;
background: transparent;
cursor: pointer;
color: inherit;
transition: background-color .12s ease, opacity .12s ease;
font: inherit;
}

.task-column-display:hover,
.task-column-display:focus {
opacity: 1;
background: rgba(9, 30, 66, 0.08);
}

.task-column-inline-editor .task-column-dropdown-form {
margin: 0;
max-width: 220px;
border: 1px solid #d5dde7;
border-radius: 12px;
background: #ffffff;
box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12);
padding: 8px;
}

.task-column-inline-editor .task-column-dropdown-form[hidden] {
display: none !important;
}

.task-column-select {
width: 100%;
max-width: 100%;
border: 1px solid #d5dde7;
border-radius: 10px;
background: #ffffff;
color: #334155;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
padding: 6px 10px;
height: 32px;
}

.task-column-select:focus {
outline: none;
border-color: #2d8be9;
background: #fff;
box-shadow: 0 0 0 3px rgba(45, 139, 233, 0.18);
}

.task-column-inline-editor.is-editing .task-column-display {
display: none;
}

.task-assignee-inline-editor {
display: inline-flex;
align-items: center;
margin-left: 0;
max-width: 180px;
vertical-align: middle;
}

.task-assignee-display {
display: inline-flex;
align-items: center;
max-width: 180px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 2px 4px;
border: 0;
border-radius: 6px;
background: transparent;
cursor: pointer;
color: inherit;
transition: background-color .12s ease, opacity .12s ease;
font: inherit;
}

.task-assignee-display:hover,
.task-assignee-display:focus {
opacity: 1;
background: rgba(9, 30, 66, 0.08);
}

.task-assignee-inline-editor .task-assignee-dropdown-form {
margin: 0;
max-width: 180px;
}

.task-assignee-inline-editor .task-assignee-dropdown-form[hidden] {
display: none !important;
}

.task-assignee-select {
width: 180px;
max-width: 180px;
border: 1px solid #c5d2e2;
border-radius: 8px;
background: #f7fafe;
color: #1d2f44;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
padding: 5px 8px;
height: 32px;
}

.task-assignee-select:focus {
outline: none;
border-color: #2d8be9;
background: #fff;
box-shadow: 0 0 0 3px rgba(45, 139, 233, 0.18);
}

.task-assignee-inline-editor.is-editing .task-assignee-display {
display: none;
}

.task-list-grid {
border: 1px solid #d7e0ea;
overflow: hidden;
background: #fff;
box-shadow: 0 8px 20px rgba(20, 42, 64, 0.08);
}

.task-list-grid thead th {
position: sticky;
top: 0;
z-index: 2;
background: linear-gradient(180deg, #f8fbff, #eef4fb);
border-bottom: 1px solid #d7e0ea;
color: #2a3c51;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
white-space: nowrap;
padding: 10px 10px;
}

.task-list-grid tbody td {
padding: 10px 10px;
vertical-align: middle;
border-bottom: 1px solid #edf2f7;
}

.task-list-grid tbody tr:last-child td {
border-bottom: 0;
}

.task-list-grid tbody tr:hover td {
background: #f9fcff;
}

.task-list-col-select {
width: 34px;
min-width: 34px;
text-align: center;
white-space: nowrap;
}

.task-list-col-select input[type="checkbox"] {
margin: 0;
vertical-align: middle;
}

.task-list-col-type {
white-space: nowrap;
}

.task-list-type-icon {
margin-right: 4px;
}

.task-subtasks-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border: 0;
border-radius: 4px;
background: transparent;
color: #48607b;
cursor: pointer;
padding: 0;
vertical-align: middle;
}

.task-subtasks-toggle:hover,
.task-subtasks-toggle:focus {
background: rgba(9, 30, 66, 0.08);
}

.task-subtasks-toggle[aria-expanded="false"] .task-subtasks-toggle-icon {
transform: rotate(-90deg);
}

.task-list-subtask-row.is-hidden {
display: none;
}

.task-list-type-label {
font-weight: 600;
color: #324b67;
}

.task-list-col-key {
white-space: nowrap;
}

.task-list-col-key .dropdown {
display: inline-block;
margin-right: 4px;
}

.task-list-col-key input[type="checkbox"] {
margin-right: 6px;
vertical-align: middle;
}

.task-list-col-summary a {
font-weight: 600;
}

.task-list-status-column {
color: #4f647b;
font-size: 12px;
margin-bottom: 4px;
}

.task-list-status-pill {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
padding: 2px 8px;
min-height: 18px;
font-size: 11px;
line-height: 1;
font-weight: 700;
letter-spacing: 0.02em;
font-family: inherit;
}

.task-list-status-pill.is-open {
color: #fff;
background: #43a97d;
}

.task-list-status-pill.is-closed {
color: #fff;
background: #d9736a;
}

.task-list-status-pill {
color: #5a6675;
background: #eef2f7;
}

.task-list-person {
display: inline-flex;
align-items: center;
gap: 6px;
min-width: 0;
}

.task-list-person .avatar {
float: none;
margin: 0;
}

.task-list-person-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.task-list-subtask-row td {
background: #fbfdff;
}

.task-list-subtask-indent {
display: inline-block;
margin-right: 6px;
color: #7c8c9e;
font-weight: 700;
}

.task-list-col-reporter {
color: #5f6f82;
}

.task-list-col-created,
.task-list-col-modified {
white-space: nowrap;
color: #4f647b;
font-size: 12px;
}

.task-list-grid .table-list-row-subtask td {
background: #fbfdff;
padding-top: 6px;
padding-bottom: 8px;
}

.task-list-grid .table-list-row-subtask strong {
color: #4f647b;
}

@media (max-width: 1200px) {
.task-list-col-reporter,
.task-list-grid thead th:nth-child(7) {
display: none;
}
}

.project-filter-box {
width: auto;
}

.project-filter-main {
display: flex;
align-items: center;
gap: 6px;
width: auto;
}

.project-filter-search-wrap {
position: relative;
flex: 0 1 auto;
min-width: 190px;
}

.project-filter-search-icon {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
color: #6b7c90;
font-size: 12px;
}

.project-filter-input {
width: 220px;
height: 30px;
border: 1px solid #cdd8e5;
border-radius: 6px;
padding: 5px 8px 5px 28px;
background: #ffffff;
box-sizing: border-box;
color: #22364b;
font-size: 12px;
}

.project-filter-input:focus {
border-color: #2d8be9;
box-shadow: 0 0 0 3px rgba(45, 139, 233, 0.14);
outline: none;
}

.project-filter-reset {
height: 30px;
border-radius: 6px;
padding: 0 10px;
font-size: 12px;
font-weight: 700;
line-height: 28px;
}

.project-filter-reset.btn {
border: 1px solid #cdd8e5;
background: #f7fbff;
color: #2d4c66;
text-decoration: none;
}

.project-filter-reset.btn:hover,
.project-filter-reset.btn:focus {
background: #eef5fd;
text-decoration: none;
}

.project-filter-groups {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}

.project-filter-input-clear {
position: absolute;
right: 6px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
border: 0;
border-radius: 999px;
background: #dbe1e8;
color: #6c7784;
display: none;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
}

.project-filter-input-clear.is-visible {
display: inline-flex;
}

.project-filter-input-clear:hover,
.project-filter-input-clear:focus {
background: #cfd7e1;
}

.project-filter-group .project-filter-group-trigger {
display: inline-flex;
align-items: center;
gap: 6px;
height: 30px;
box-sizing: border-box;
border: 1px solid #d2dce8;
border-radius: 6px;
background: #ffffff;
color: #2d4c66;
padding: 5px 9px;
font-size: 12px;
font-weight: 700;
text-decoration: none;
}

.project-filter-group .project-filter-group-trigger:hover,
.project-filter-group .project-filter-group-trigger:focus {
background: #f5f9fe;
text-decoration: none;
}

.project-filter-trigger-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
border-radius: 999px;
color: #6c7784;
}

.project-filter-group .project-filter-group-trigger.has-active-filter .project-filter-trigger-icon {
background: #dbe1e8;
}

.project-filter-group .project-filter-group-trigger.has-active-filter .project-filter-trigger-icon:hover,
.project-filter-group .project-filter-group-trigger.has-active-filter .project-filter-trigger-icon:focus {
background: #cfd7e1;
}

.project-filter-group .js-project-list-preset.is-selected {
font-weight: 700;
color: #1a5a8f;
}

.project-header {
margin-bottom: 8px;
}

.project-header-tools {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}

.project-header-tools .views-switcher-component {
flex: 1 1 auto;
margin: 0;
}

.project-header-tools .filter-box-component {
margin-left: auto;
flex: 0 0 auto;
}

.project-header-tools .filter-box-component .project-filter-main {
justify-content: flex-end;
}

.task-list-filter-hidden {
display: none !important;
}

.task-list-grid.search-active .task-list-subtask-row.is-hidden {
display: table-row;
}

.task-list-grid.search-active .task-list-subtask-row.is-hidden.task-list-filter-hidden {
display: none !important;
}

@media (max-width: 900px) {
.project-header-tools {
flex-wrap: wrap;
}

.project-header-tools .views-switcher-component {
width: 100%;
}

.project-header-tools .filter-box-component {
margin-left: 0;
width: 100%;
}

.project-header-tools .filter-box-component .project-filter-main {
width: 100%;
justify-content: flex-start;
}

.project-filter-main {
flex-wrap: wrap;
}

.project-filter-search-wrap {
min-width: 0;
}

.project-filter-reset {
flex: 0 0 auto;
text-align: center;
}
}

.w-add-task-inline .w-create-button {
width: 100%;
text-align: left;
border: 0;
background: transparent;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
}

.w-inline-task-form {
margin: 0;
}

.task-board-creator {
height: auto;
min-height: 68px;
border-style: dashed;
border-color: rgba(34, 54, 75, 0.45);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(246, 251, 255, 0.92) 100%);
transition: box-shadow .16s ease, transform .16s ease, border-color .16s ease;
}

.task-board-creator:hover,
.task-board-creator:focus-within {
border-color: rgba(34, 54, 75, 0.72);
box-shadow: 0 10px 24px rgba(9, 30, 66, 0.14);
transform: translateY(-1px);
}

.task-board-title-input {
width: 100%;
border: 1px solid #c8d6e5;
border-radius: 6px;
padding: 5px 8px;
font-weight: 600;
color: #1e2f45;
box-sizing: border-box;
background: #fff;
line-height: 1.2;
}

.task-board-title-input:focus {
border-color: #2d8be9;
box-shadow: 0 0 0 3px rgba(45, 139, 233, 0.18);
outline: none;
}

.task-board-id-ghost {
opacity: 0.55;
}

.task-board-creator-row {
display: grid;
grid-template-columns: auto minmax(90px, 1fr) auto auto;
gap: 6px;
align-items: center;
}

.w-inline-task-owner {
width: 100%;
box-sizing: border-box;
border: 1px solid #c8d6e5;
border-radius: 6px;
background: #fff;
padding: 4px 6px;
height: 28px;
}

.w-inline-task-owner:focus {
border-color: #2d8be9;
box-shadow: 0 0 0 3px rgba(45, 139, 233, 0.18);
outline: none;
}

.w-inline-owner-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
}

.w-inline-owner-avatar .avatar {
margin: 0;
}

.btn-inline-compact {
height: 28px;
line-height: 26px;
padding: 0 8px;
}

.task-board-creator .btn-link {
padding: 0;
white-space: nowrap;
}

.w-inline-task-error {
margin: 0;
min-height: 1em;
color: #b94a48;
font-size: 0.78em;
}
/* Board selector icon width + compact dropdown item spacing */
.board-selector-left .project-icon-placeholder.board-selector-project-icon {
flex: 0 0 24px;
min-width: 24px;
max-width: 24px;
}

.select-dropdown-menu-item {
padding: 4px;
}

.board-selector-owner-name{display: none;font-size:.85em;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Activity stream readability refresh */
.activity-stream .activity-event {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
gap: 12px;
align-items: start;
margin-bottom: 10px;
padding: 12px 14px;
border: 1px solid var(--activity-title-border-color);
border-radius: 8px;
background: var(--body-background-color);
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

.activity-stream .activity-event:nth-child(even) {
background: var(--activity-event-background-color);
}

.activity-stream .activity-event:hover {
background: var(--activity-event-hover-color);
border-color: var(--input-focus-border-color);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
transform: translateY(-1px);
}

.activity-stream .activity-event .avatar {
float: none;
margin: 1px 0 0;
}

.activity-stream .activity-content {
margin-left: 0;
min-width: 0;
}

.activity-stream .activity-title {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px;
margin: 0;
padding-bottom: 6px;
line-height: 1.45;
border-bottom: 1px solid var(--activity-title-border-color);
}

.activity-stream .activity-date {
margin-left: 0;
font-size: 0.85em;
}

.activity-stream .activity-description {
margin-top: 8px;
color: var(--color-medium);
line-height: 1.45;
}

.activity-stream .activity-task-title {
margin-bottom: 4px;
font-weight: 600;
color: var(--color-primary);
}

.activity-stream .activity-changes {
margin-top: 8px;
padding: 8px 10px;
border-radius: 6px;
border: 1px dashed var(--activity-title-border-color);
background: var(--table-nth-background-color);
}

@media (max-width: 640px) {
.activity-stream .activity-event {
grid-template-columns: 1fr;
gap: 8px;
padding: 10px;
}

.activity-stream .activity-event .avatar {
margin-bottom: 2px;
}
}

/* Activity stream - two-line event layout */
.activity-stream .activity-event {
grid-template-columns: 28px minmax(0, 1fr);
gap: 10px;
padding: 10px 12px;
}

.activity-stream .activity-avatar {
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
border-radius: 50%;
}

.activity-stream .activity-content {
display: flex;
flex-direction: column;
gap: 6px;
}

.activity-stream .activity-headline {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
line-height: 1.2;
}

.activity-stream .activity-username {
font-size: 0.92em;
font-weight: 600;
color: var(--color-primary);
}

.activity-stream .activity-date {
margin-left: 0;
font-size: 0.8em;
white-space: nowrap;
}

.activity-stream .activity-title {
display: none;
}

.activity-stream .activity-description {
margin-top: 0;
}

.activity-stream .activity-task-title {
display: flex;
align-items: baseline;
gap: 6px;
margin: 0 0 4px;
}

.activity-stream .activity-task-name {
font-weight: 600;
}

.activity-stream .activity-change-line {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
color: var(--color-medium);
}

.activity-stream .activity-change-label {
font-weight: 600;
color: var(--color-primary);
min-width: 64px;
}

.activity-stream .activity-change-arrow {
color: var(--color-light);
}

.activity-stream .activity-chip {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 2px 8px;
border: 1px solid var(--activity-title-border-color);
border-radius: 999px;
background: var(--table-nth-background-color);
color: var(--color-primary);
}

.activity-stream .activity-user-chip {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 2px 8px 2px 4px;
border: 1px solid var(--activity-title-border-color);
border-radius: 999px;
background: var(--table-nth-background-color);
}

.activity-stream .activity-user-avatar {
width: 18px;
height: 18px;
min-width: 18px;
min-height: 18px;
border-radius: 50%;
}

.activity-stream .activity-user-name {
color: var(--color-primary);
}

.activity-stream .task-priority {
margin: 0;
}

.activity-stream .activity-chip .task-priority,
.activity-stream .activity-chip .task-priority .task-priority-icon,
.activity-stream .activity-chip .task-priority .task-priority-text {
    font-family: inherit !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}

.activity-stream .activity-chip .task-priority.task-priority-level-1,
.activity-stream .activity-chip .task-priority.task-priority-level-1 .task-priority-icon,
.activity-stream .activity-chip .task-priority.task-priority-level-1 .task-priority-text {
    color: #57b7ff !important;
}

.activity-stream .activity-chip .task-priority.task-priority-level-2,
.activity-stream .activity-chip .task-priority.task-priority-level-2 .task-priority-icon,
.activity-stream .activity-chip .task-priority.task-priority-level-2 .task-priority-text {
    color: #2fa85d !important;
}

.activity-stream .activity-chip .task-priority.task-priority-level-3,
.activity-stream .activity-chip .task-priority.task-priority-level-3 .task-priority-icon,
.activity-stream .activity-chip .task-priority.task-priority-level-3 .task-priority-text {
    color: #d2a400 !important;
}

.activity-stream .activity-chip .task-priority.task-priority-level-4,
.activity-stream .activity-chip .task-priority.task-priority-level-4 .task-priority-icon,
.activity-stream .activity-chip .task-priority.task-priority-level-4 .task-priority-text {
    color: #e7811f !important;
}

.activity-stream .activity-chip .task-priority.task-priority-level-5,
.activity-stream .activity-chip .task-priority.task-priority-level-5 .task-priority-icon,
.activity-stream .activity-chip .task-priority.task-priority-level-5 .task-priority-text {
    color: #d43a3a !important;
}

/* Activity stream inline task+change row */
.activity-stream .activity-line {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}

.activity-stream .activity-line .activity-task-title {
display: inline-flex;
align-items: baseline;
gap: 6px;
margin: 0;
}

.activity-stream .activity-line .activity-change-line {
display: inline-flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}

.activity-stream .activity-user-avatar .fa-user-o {
padding-left: 4px;
padding-right: 4px;
}

/* Activity column chip colors aligned with task list column types */
.activity-stream .activity-chip.task-list-status-type-done {
background: #b7ddd0;
border-color: #a6d2c2;
color: #08a36d;
}

.activity-stream .activity-chip.task-list-status-type-in-progres {
background: #d5ecff;
border-color: #9fceff;
color: #0f5ea8;
}

.activity-stream .activity-chip.task-list-status-type-quality-check {
background: #e9ddff;
border-color: #c8afff;
color: #5a3692;
}

/* Activity avatar vertical centering fix */
.activity-stream .activity-event {
align-items: flex-start;
}

.activity-stream .activity-avatar,
.activity-stream .activity-user-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
margin: 0;
line-height: 1;
}

.activity-stream .activity-headline {
min-height: 24px;
align-items: center;
}

.activity-stream .activity-user-chip {
align-items: center;
}

.activity-stream .activity-user-name {
line-height: 1.2;
}

/* Activity stream table-style layout */
.activity-table-list {
border: 1px solid #dfe1e6;
border-radius: 6px;
overflow: hidden;
background: #fff;
color: #172b4d;
font-family: inherit;
font-size: 12px;
line-height: 1.25;
}

.activity-table-list .activity-table-head,
.activity-table-list .activity-table-row {
display: grid;
grid-template-columns: 210px 280px minmax(0, 1fr) 155px;
align-items: stretch;
}

.activity-table-list .activity-table-head {
background: #f4f5f7;
border-bottom: 1px solid #dfe1e6;
}

.activity-table-list .activity-table-head-cell {
padding: 7px 10px;
font-size: 11px;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
color: #42526e;
}

.activity-table-list .activity-table-row {
margin-bottom: 0;
padding: 0;
background: #fff;
border-bottom: 1px solid #dfe1e6;
min-height: 32px;
}

.activity-table-list .activity-table-row:last-child {
border-bottom: 0;
}

.activity-table-list .activity-table-row:nth-of-type(even) {
background: #fcfdff;
}

.activity-table-list .activity-table-row:hover {
background: #f7faff;
}

.activity-table-list .activity-table-user,
.activity-table-list .activity-table-task,
.activity-table-list .activity-table-details,
.activity-table-list .activity-table-date {
padding: 6px 10px;
min-width: 0;
font-family: inherit;
}

.activity-table-list .activity-table-user,
.activity-table-list .activity-table-task,
.activity-table-list .activity-table-details {
border-right: 1px solid #dfe1e6;
}

.activity-table-list .activity-table-user {
display: flex;
align-items: center;
gap: 7px;
}

.activity-table-list .activity-avatar {
flex-shrink: 0;
margin: 0;
}

.activity-table-list .activity-username {
color: #172b4d;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.activity-table-list .activity-task-link {
color: #172b4d;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}

.activity-table-list .activity-task-link:hover {
color: #0f5ea8;
text-decoration: none;
}

.activity-table-list .activity-task-empty {
color: #6b778c;
}

.activity-table-list .activity-table-date {
text-align: right;
}

.activity-table-list .activity-table-date .activity-date {
margin-left: 0;
color: #5e6c84;
font-size: 11px;
font-weight: 500;
}

.activity-table-list .activity-content {
margin-left: 0;
min-width: 0;
}

.activity-table-list .activity-table-details {
line-height: 1.3;
}

.activity-table-list .activity-table-details .activity-date {
display: none;
}

.activity-table-list .activity-table-details .activity-title {
border-bottom: 0;
margin: 0 0 2px;
color: #172b4d;
font-size: 12px;
font-weight: 600;
}

.activity-table-list .activity-table-details .activity-description {
margin-top: 0;
color: #42526e;
font-size: 11px;
line-height: 1.35;
}

.activity-table-list .activity-table-details .activity-description p,
.activity-table-list .activity-table-details .activity-description div {
margin-top: 0;
margin-bottom: 1px;
}

.activity-table-list .activity-table-details .activity-create-description {
font-size: 11px;
}

.activity-table-list .activity-table-details .activity-empty-description {
color: #172b4d;
font-style: normal;
font-weight: 500;
}

.activity-table-list .activity-table-details .activity-change-line {
color: #344563;
font-size: 11px;
line-height: 1.3;
}

.activity-table-list .activity-table-details .activity-task-title,
.activity-table-list .activity-table-details .activity-task-name,
.activity-table-list .activity-table-details .activity-line .activity-task-title {
display: none;
}

.activity-table-list .activity-update-toggle {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 3px 0;
border: 0;
background: transparent;
color: #172b4d;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .03em;
cursor: pointer;
}

.activity-table-list .activity-update-toggle:hover {
color: #0f5ea8;
}

.activity-table-list .activity-update-toggle-icon {
transition: transform .18s ease;
}

.activity-table-list .activity-update-toggle[aria-expanded="true"] .activity-update-toggle-icon {
transform: rotate(180deg);
}

.activity-table-list .activity-update-body {
margin-top: 4px;
padding-top: 4px;
border-top: 1px dashed #dfe1e6;
}

@media (max-width: 1200px) {
.activity-table-list .activity-table-head,
.activity-table-list .activity-table-row {
grid-template-columns: 180px 220px minmax(0, 1fr) 140px;
}
}

@media (max-width: 980px) {
.activity-table-list .activity-table-head {
display: none;
}

.activity-table-list {
border-radius: 4px;
}

.activity-table-list .activity-table-row {
grid-template-columns: 1fr;
border-bottom: 1px solid #dfe1e6;
padding: 6px 0;
}

.activity-table-list .activity-table-user,
.activity-table-list .activity-table-task,
.activity-table-list .activity-table-details,
.activity-table-list .activity-table-date {
border-right: 0;
padding: 4px 10px;
text-align: left;
}

.activity-table-list .activity-table-user::before,
.activity-table-list .activity-table-task::before,
.activity-table-list .activity-table-details::before,
.activity-table-list .activity-table-date::before {
content: attr(data-label);
display: block;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .04em;
color: #6b778c;
margin-bottom: 2px;
font-weight: 700;
}
}
/* Activity details typography normalization */
.activity-table-list .activity-table-details,
.activity-table-list .activity-table-details .activity-title,
.activity-table-list .activity-table-details .activity-description,
.activity-table-list .activity-table-details .activity-description p,
.activity-table-list .activity-table-details .activity-description div,
.activity-table-list .activity-table-details .activity-description span,
.activity-table-list .activity-table-details .activity-description li,
.activity-table-list .activity-table-details .activity-description a,
.activity-table-list .activity-table-details .activity-description strong,
.activity-table-list .activity-table-details .activity-description em,
.activity-table-list .activity-table-details .activity-description small,
.activity-table-list .activity-table-details .activity-change-line,
.activity-table-list .activity-table-details .activity-empty-description,
.activity-table-list .activity-table-details .markdown,
.activity-table-list .activity-table-details .markdown p,
.activity-table-list .activity-table-details .markdown li,
.activity-table-list .activity-table-details .markdown a,
.activity-table-list .activity-table-details .markdown strong,
.activity-table-list .activity-table-details .markdown em,
.activity-table-list .activity-table-details .markdown code {
font-family: inherit;
}

.activity-table-list .activity-table-details .activity-title {
font-size: 12px;
font-weight: 600;
}

.activity-table-list .activity-table-details .activity-description,
.activity-table-list .activity-table-details .activity-change-line,
.activity-table-list .activity-table-details .activity-empty-description,
.activity-table-list .activity-table-details .markdown,
.activity-table-list .activity-table-details .markdown p,
.activity-table-list .activity-table-details .markdown li {
font-size: 11px;
line-height: 1.35;
}

.activity-table-list .activity-table-details .activity-description small,
.activity-table-list .activity-table-details .markdown small {
font-size: 11px;
}

/* ===== migrated from app/Template/analytic/dashboard.php ===== */
.analytics-grid {
display: grid;
grid-template-columns: repeat(2, minmax(460px, 560px));
gap: 16px;
justify-content: center;
max-width: 1200px;
margin: 0 auto;
}

.analytics-card {
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
padding: 12px;
min-width: 460px;
}

.analytics-card h3 {
margin-top: 0;
}

.analytics-tabs {
display: flex;
gap: 4px;
border-bottom: 1px solid #d8d8d8;
margin-bottom: 12px;
}

.analytics-tab-button {
border: 1px solid transparent;
border-bottom: 0;
background: transparent;
padding: 8px 12px;
border-radius: 4px 4px 0 0;
cursor: pointer;
display: inline-block;
color: #444;
text-decoration: none;
font-weight: 600;
}

.analytics-tab-button:visited,
.analytics-tab-button:hover,
.analytics-tab-button:focus,
.analytics-tab-button:active {
color: #444;
text-decoration: none;
}

.analytics-tab-button:hover {
background: #f5f5f5;
}

.analytics-tab-button.active {
background: #fff;
border-color: #d8d8d8;
position: relative;
top: 1px;
}

.analytics-filters.form-inline {
width: 100%;
max-width: 1200px;
margin: 0 auto 16px auto;
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 6px;
background: #fafafa;
display: flex;
flex-wrap: wrap;
align-items: end;
justify-content: center;
gap: 10px 14px;
}

.analytics-filter-field {
display: flex;
flex-direction: column;
align-items: flex-start;
}

.analytics-filters.form-inline label {
color: #7a7a7a;
font-weight: 500;
font-size: 12px;
margin-bottom: 4px;
}

.analytics-filters.form-inline input[type="date"],
.analytics-filters.form-inline input.form-date {
width: 130px;
min-width: 130px;
}

.analytics-filters.form-inline .form-actions {
margin: 0;
}

@media (max-width: 900px) {
.analytics-grid {
grid-template-columns: 1fr;
max-width: 560px;
}

.analytics-card {
min-width: 0;
}
}

@media (min-width: 1650px) {
.analytics-filters.form-inline {
position: fixed;
left: calc((100vw - 1200px) / 2 - 220px);
top: 130px;
width: 190px;
max-width: none;
margin: 0;
z-index: 20;
justify-content: flex-start;
align-items: stretch;
}

.analytics-filters.form-inline .analytics-filter-field {
width: 100%;
}

.analytics-filters.form-inline input[type="date"],
.analytics-filters.form-inline input.form-date {
width: 100%;
min-width: 0;
}

.analytics-filters.form-inline .btn {
width: 100%;
}
}

/* ===== migrated from app/Template/dashboard/tasks.php ===== */
.task-list-grid {
border-collapse: separate;
border-spacing: 0;
table-layout: fixed;
width: var(--task-list-table-width);
min-width: var(--task-list-table-width);
max-width: var(--task-list-table-width);
}

.task-list-shell {
--task-list-table-width: 1576px;
display: flex;
flex-direction: column;
width: 100%;
max-height: calc(100vh - 170px);
overflow-x: hidden;
overflow-y: hidden;
}

.task-list-grid-head {
position: sticky;
top: 0;
z-index: 25;
background: #fff;
}

.task-list-grid-head .task-list-grid {
margin-bottom: 0;
}

.task-list-grid-head .task-list-grid,
.task-list-scroll .task-list-grid {
width: var(--task-list-table-width);
min-width: var(--task-list-table-width);
max-width: var(--task-list-table-width);
}

.task-list-scroll {
width: 100%;
overflow-x: auto;
overflow-y: auto;
}

.task-list-grid thead th {
background: #f4f5f7;
color: #42526e;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .03em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.task-list-grid tbody tr td {
background: #fff;
border-color: #dfe1e6;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
font-size: 13px;
line-height: 1.2;
padding-top: 0 !important;
padding-bottom: 0 !important;
vertical-align: middle;
}

.task-list-grid tbody tr:hover td {
background: #f7faff;
}

.task-list-type-chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 2px 8px;
min-height: 18px;
border-radius: 999px;
font-size: 10px;
line-height: 1;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
border: 1px solid #dfe1e6;
color: #344563;
background: #f4f5f7;
}

.task-list-type-chip.is-task {
color: #0052cc;
background: #deebff;
border-color: #b3d4ff;
}

.task-list-type-chip.is-epic {
color: #5243aa;
background: #f3f0ff;
border-color: #d4ccff;
}

.task-list-key-link,
.task-list-summary-link {
color: #172b4d;
font-weight: 600;
text-decoration: none;
}

.task-list-key-link.is-finish-column,
.task-list-summary-link.is-finish-column {
color: #08a36d;
text-decoration: line-through;
}

.task-list-col-status .task-list-status-badge {
display: inline-flex;
align-items: center;
max-width: 100%;
padding: 2px 10px;
border-radius: 999px;
background: #41536a;
border: 0;
color: #fff;
font-weight: 700;
font-size: 11px;
line-height: 1;
letter-spacing: .02em;
}

.task-list-col-status .task-list-status-finish-column {
background: #63b992;
border: 0;
color: #fff;
font-weight: 700;
font-size: 11px;
line-height: 1;
letter-spacing: .02em;
}

.task-list-col-status .task-list-status-type-in-progres {
background: #7aa3f2;
border: 0;
color: #fff;
}

.task-list-col-status .task-list-status-type-quality-check {
background: #b58af5;
border: 0;
color: #fff;
}

.task-list-person {
display: inline-flex;
align-items: center;
gap: 6px;
}

/* ===== migrated from app/Template/dashboard/subtasks.php ===== */
.task-list-grid {
border-collapse: separate;
border-spacing: 0;
table-layout: fixed;
width: var(--task-list-table-width);
min-width: var(--task-list-table-width);
max-width: var(--task-list-table-width);
}

.task-list-shell {
--task-list-table-width: 1576px;
display: flex;
flex-direction: column;
width: 100%;
max-height: calc(100vh - 170px);
overflow-x: hidden;
overflow-y: hidden;
}

.task-list-grid-head {
position: sticky;
top: 0;
z-index: 25;
background: #fff;
}

.task-list-grid-head .task-list-grid {
margin-bottom: 0;
}

.task-list-grid-head .task-list-grid,
.task-list-scroll .task-list-grid {
width: var(--task-list-table-width);
min-width: var(--task-list-table-width);
max-width: var(--task-list-table-width);
}

.task-list-scroll {
width: 100%;
overflow-x: auto;
overflow-y: auto;
}

.task-list-grid thead th {
background: #f4f5f7;
color: #42526e;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .03em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.task-list-grid tbody tr td {
background: #fff;
border-color: #dfe1e6;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
font-size: 13px;
line-height: 1.2;
padding-top: 0 !important;
padding-bottom: 0 !important;
vertical-align: middle;
}

.task-list-grid tbody tr:hover td {
background: #f7faff;
}

.task-list-type-chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 2px 8px;
min-height: 18px;
border-radius: 999px;
font-size: 10px;
line-height: 1;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
border: 1px solid #dfe1e6;
color: #344563;
background: #f4f5f7;
}

.task-list-type-chip.is-subtask {
color: #006b75;
background: #e6fcff;
border-color: #b8f0f7;
}

.task-list-key-link,
.task-list-summary-link {
color: #172b4d;
font-weight: 600;
text-decoration: none;
}

.task-list-key-link.is-finish-column,
.task-list-summary-link.is-finish-column {
color: #08a36d;
text-decoration: line-through;
}

.task-list-col-status .task-list-status-badge {
display: inline-flex;
align-items: center;
max-width: 100%;
padding: 2px 10px;
border-radius: 999px;
background: #41536a;
border: 0;
color: #fff;
font-weight: 700;
font-size: 11px;
line-height: 1;
letter-spacing: .02em;
}

.task-list-col-status .task-list-status-finish-column {
background: #63b992;
border: 0;
color: #fff;
font-weight: 700;
font-size: 11px;
line-height: 1;
letter-spacing: .02em;
}

.task-list-col-status .task-list-status-type-in-progres {
background: #7aa3f2;
border: 0;
color: #fff;
}

.task-list-col-status .task-list-status-type-quality-check {
background: #b58af5;
border: 0;
color: #fff;
}

.task-list-person {
display: inline-flex;
align-items: center;
gap: 6px;
}

/* ===== migrated from app/Template/dashboard/overview.php ===== */
.project-team-cell {
min-width: 220px;
}

.project-team-list {
display: flex;
flex-wrap: wrap;
gap: 6px;
}

.project-team-member {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 2px 10px;
border: 1px solid #dfe1e6;
border-radius: 999px;
background: #f7f8fa;
max-width: 240px;
}

.project-team-member-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/* ===== migrated from app/Template/dashboard/layout.php ===== */
#dashboard .dashboard-section-title {
margin: 0;
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 24px;
line-height: 1.2;
font-weight: 700;
color: #172b4d;
}

#dashboard .dashboard-section-title-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 30px;
height: 30px;
padding: 0 10px;
border-radius: 999px;
background: linear-gradient(135deg, #deebff 0%, #e9f2ff 100%);
color: #0c66e4;
font-size: 14px;
font-weight: 700;
letter-spacing: .01em;
box-shadow: inset 0 0 0 1px #b3d4ff;
}

/* ===== migrated from app/Template/board/table_tasks.php ===== */
.task-board-title-clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
line-height: 1.25em;
max-height: 2.5em;
padding-right: 36px;
box-sizing: border-box;
word-break: break-word;
}

.task-board-title-clamp > a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
line-height: 1.25em;
max-height: 2.5em;
}

.task-board-avatar-top-right.is-unassigned {
opacity: 0;
transition: opacity 0.15s ease;
}

.task-board:hover .task-board-avatar-top-right.is-unassigned,
.task-board:focus-within .task-board-avatar-top-right.is-unassigned {
opacity: 1;
}

.task-board .task-assignee-inline-editor.is-editing .js-task-assignee-avatar-trigger {
display: inline-flex !important;
align-items: center;
justify-content: center;
}

.js-inline-type-picker.is-disabled .js-inline-type-trigger {
opacity: 0.45;
cursor: not-allowed !important;
}

.js-inline-type-picker .js-inline-type-option[data-disabled="1"] {
opacity: 0.45;
cursor: not-allowed !important;
}

/* ===== migrated from app/Template/event/events.php ===== */
.activity-stream.activity-table-list {
font-family: inherit !important;
font-size: 12px !important;
color: var(--color-primary) !important;
border: 1px solid var(--table-list-border-color) !important;
border-radius: 6px !important;
overflow: hidden !important;
}

.activity-stream.activity-table-list .activity-table-head {
display: grid !important;
grid-template-columns: 58px 210px 280px minmax(0, 1fr) 155px !important;
background: var(--table-list-header-background-color) !important;
border-bottom: 1px solid var(--table-list-header-border-color) !important;
}

.activity-stream.activity-table-list .activity-table-head-cell {
font-family: inherit !important;
font-size: 11px !important;
font-weight: 700 !important;
color: var(--color-light) !important;
padding: 7px 10px !important;
}

.activity-stream.activity-table-list .activity-table-row {
display: grid !important;
grid-template-columns: 58px 210px 280px minmax(0, 1fr) 155px !important;
min-height: 30px !important;
border-bottom: 1px solid var(--table-list-border-color) !important;
}

.activity-stream.activity-table-list .activity-table-type,
.activity-stream.activity-table-list .activity-table-user,
.activity-stream.activity-table-list .activity-table-task,
.activity-stream.activity-table-list .activity-table-details,
.activity-stream.activity-table-list .activity-table-date {
padding: 5px 10px !important;
font-family: inherit !important;
}

.activity-stream.activity-table-list .activity-table-user,
.activity-stream.activity-table-list .activity-table-task,
.activity-stream.activity-table-list .activity-table-details {
border-right: 1px solid var(--table-list-border-color) !important;
}

.activity-stream.activity-table-list .activity-table-type {
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-right: 1px solid var(--table-list-border-color) !important;
}

.activity-stream.activity-table-list .activity-kind-badge {
width: 22px;
height: 22px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--table-list-border-color);
color: var(--color-primary);
background: var(--table-list-header-background-color);
font-size: 11px;
}

.activity-stream.activity-table-list .activity-kind-badge.is-task {
color: #0052cc;
}

.activity-stream.activity-table-list .activity-kind-badge.is-epic {
color: #5243aa;
}

.activity-stream.activity-table-list .activity-kind-badge.is-subtask {
color: #006b75;
}

.activity-stream.activity-table-list .activity-username,
.activity-stream.activity-table-list .activity-task-link,
.activity-stream.activity-table-list .activity-table-details .activity-title {
font-family: inherit !important;
font-size: 12px !important;
font-weight: 600 !important;
color: var(--color-primary) !important;
}

.activity-stream.activity-table-list .activity-table-date .activity-date {
font-family: inherit !important;
font-size: 11px !important;
font-weight: 500 !important;
color: var(--color-medium) !important;
}

.activity-stream.activity-table-list .activity-table-details,
.activity-stream.activity-table-list .activity-table-details .activity-description,
.activity-stream.activity-table-list .activity-table-details .activity-description p,
.activity-stream.activity-table-list .activity-table-details .activity-description div,
.activity-stream.activity-table-list .activity-table-details .activity-description span,
.activity-stream.activity-table-list .activity-table-details .activity-description a,
.activity-stream.activity-table-list .activity-table-details .activity-description li,
.activity-stream.activity-table-list .activity-table-details .activity-change-line,
.activity-stream.activity-table-list .activity-table-details .markdown,
.activity-stream.activity-table-list .activity-table-details .markdown p,
.activity-stream.activity-table-list .activity-table-details .markdown li,
.activity-stream.activity-table-list .activity-table-details .markdown a {
font-family: inherit !important;
font-size: 11px !important;
line-height: 1.35 !important;
color: var(--color-medium) !important;
}

.activity-stream.activity-table-list .activity-table-details .activity-empty-description {
color: var(--color-primary) !important;
font-style: normal !important;
font-weight: 500 !important;
}

.activity-stream.activity-table-list .activity-table-details .activity-line {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 6px !important;
}

.activity-stream.activity-table-list .activity-table-details .activity-user-chip {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
vertical-align: middle !important;
}

.activity-stream.activity-table-list .activity-table-details .activity-user-chip .activity-user-avatar,
.activity-stream.activity-table-list .activity-table-details .activity-user-chip .avatar {
flex: 0 0 auto !important;
margin: 0 !important;
}

.activity-stream.activity-table-list .activity-table-details .activity-user-chip .activity-user-name {
display: inline-block !important;
line-height: 1.2 !important;
}

.activity-stream.activity-table-list .activity-table-details .task-priority,
.activity-stream.activity-table-list .activity-table-details .task-priority .task-priority-icon,
.activity-stream.activity-table-list .activity-table-details .task-priority .task-priority-text {
font-family: inherit !important;
font-size: 11px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
}

.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-1,
.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-1 .task-priority-icon,
.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-1 .task-priority-text {
color: #57b7ff !important;
}

.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-2,
.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-2 .task-priority-icon,
.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-2 .task-priority-text {
color: #2fa85d !important;
}

.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-3,
.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-3 .task-priority-icon,
.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-3 .task-priority-text {
color: #d2a400 !important;
}

.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-4,
.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-4 .task-priority-icon,
.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-4 .task-priority-text {
color: #e7811f !important;
}

.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-5,
.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-5 .task-priority-icon,
.activity-stream.activity-table-list .activity-table-details .task-priority.task-priority-level-5 .task-priority-text {
color: #d43a3a !important;
}

.activity-stream.activity-table-list .activity-table-details .activity-chip .task-priority {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
}

.activity-stream.activity-table-list .activity-table-details .activity-chip.task-list-status-type-done {
color: #0f766e !important;
border-color: #99f6e4 !important;
background: #f0fdfa !important;
}

.activity-stream.activity-table-list .activity-table-details .activity-chip.task-list-status-type-in-progres {
color: #1d4ed8 !important;
border-color: #bfdbfe !important;
background: #eff6ff !important;
}

.activity-stream.activity-table-list .activity-table-details .activity-chip.task-list-status-type-quality-check {
color: #7c3aed !important;
border-color: #ddd6fe !important;
background: #f5f3ff !important;
}

.activity-stream.activity-table-list .activity-update-checkbox {
position: absolute !important;
left: -9999px !important;
}

.activity-stream.activity-table-list .activity-update-toggle {
display: inline-flex !important;
width: 100% !important;
justify-content: space-between !important;
align-items: center !important;
gap: 8px !important;
padding: 2px 0 !important;
font-family: inherit !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: .03em !important;
color: var(--color-primary) !important;
cursor: pointer !important;
}

.activity-stream.activity-table-list .activity-priority-inline {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
margin-bottom: 4px !important;
}

.activity-stream.activity-table-list .activity-update-body {
margin-top: 4px !important;
padding-top: 4px !important;
border-top: 1px dashed var(--table-list-border-color) !important;
}

.activity-stream.activity-table-list .activity-update-checkbox:not(:checked) ~ .activity-update-body {
display: none !important;
}

.activity-stream.activity-table-list .activity-update-checkbox:checked + .activity-update-toggle .activity-update-toggle-icon {
transform: rotate(180deg) !important;
}

@media (max-width: 980px) {
.activity-stream.activity-table-list .activity-table-head {
display: none !important;
}

.activity-stream.activity-table-list .activity-table-row {
grid-template-columns: 1fr !important;
}

.activity-stream.activity-table-list .activity-table-type::before,
.activity-stream.activity-table-list .activity-table-user::before,
.activity-stream.activity-table-list .activity-table-task::before,
.activity-stream.activity-table-list .activity-table-details::before,
.activity-stream.activity-table-list .activity-table-date::before {
content: attr(data-label);
display: block;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .04em;
color: var(--color-light);
margin-bottom: 2px;
font-weight: 700;
}

.activity-stream.activity-table-list .activity-table-type {
justify-content: flex-start !important;
}
}

/* ===== migrated from app/Template/config/layout.php ===== */
/* Match config section titles to "My projects" heading style */
#config-section .sidebar-content .page-header h2 {
margin: 0;
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 24px;
line-height: 1.2;
font-weight: 700;
color: #172b4d;
}

/* ===== migrated from app/Template/task/show.php ===== */
.taskview-container .task-column-display {
border: 0;
background: #91a3b8;
color: #fff;
border-radius: 999px;
padding: 3px 8px;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
box-shadow: none;
}

.taskview-container .task-column-select {
border: 0;
border-radius: 999px;
background: #91a3b8;
color: #fff;
padding: 6px 12px;
}

.taskview-container .task-column-dropdown-form {
border: 1px solid #d5dde7;
border-radius: 12px;
background: #ffffff;
box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12);
padding: 8px;
}

.taskview-container .task-column-display.task-list-status-type-done {
color: #fff;
border: 0;
background: #63b992;
}

.taskview-container .task-column-display.task-list-status-type-in-progres {
color: #fff;
border: 0;
background: #7aa3f2;
}

.taskview-container .task-column-display.task-list-status-type-quality-check {
color: #fff;
border: 0;
background: #b58af5;
}

.inline-title-editor {
display: inline-flex;
align-items: center;
gap: 8px;
}

.inline-title-editor .inline-title-pencil {
opacity: 0;
transition: opacity 0.15s ease;
color: #6b778c;
cursor: pointer;
}

.inline-title-editor .inline-title-check {
opacity: 0;
display: none;
transition: opacity 0.15s ease;
color: #1f9b58;
cursor: pointer;
margin-left: 6px;
}

.inline-title-editor .inline-title-action {
border: 0;
background: transparent;
box-shadow: none;
padding: 0;
margin: 0;
line-height: 1;
}

.inline-title-editor:hover .inline-title-pencil,
.inline-title-editor:focus-within .inline-title-pencil {
opacity: 1;
}

.inline-title-editor.is-editing .inline-title-pencil {
display: none;
}

.inline-title-editor.is-editing .inline-title-check {
display: inline-flex;
opacity: 1;
}

.epic-child-row-actions {
opacity: 0;
pointer-events: none;
transition: opacity 0.15s ease;
display: inline-flex;
align-items: center;
gap: 8px;
}

tr:hover .epic-child-row-actions,
tr:focus-within .epic-child-row-actions {
opacity: 1;
pointer-events: auto;
}

.epic-child-inline-title-editor {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
min-width: 0;
width: 100%;
}

.epic-child-inline-title-text {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: inherit;
text-decoration: none;
}

.epic-child-inline-title-form {
display: none;
align-items: center;
min-width: 0;
flex: 1 1 auto;
}

.epic-child-inline-title-form .js-inline-title-input {
width: 100%;
min-width: 0;
}

.epic-child-inline-title-action {
border: 0;
background: transparent;
box-shadow: none;
padding: 0;
margin: 0;
line-height: 1;
cursor: pointer;
color: #6b778c;
}

.epic-child-inline-title-action.js-inline-title-submit {
display: none;
color: #1f9b58;
}

.epic-child-inline-title-editor.is-editing .epic-child-row-actions .js-inline-title-trigger {
display: none;
}

.epic-child-inline-title-editor.is-editing .epic-child-row-actions .js-inline-title-submit {
display: inline-flex;
}

.epic-child-cell-priority,
.epic-child-cell-assignee,
.epic-child-cell-status {
overflow: hidden;
}

.epic-child-cell-priority .task-priority-inline-editor,
.epic-child-cell-assignee .task-assignee-inline-editor,
.epic-child-cell-status .task-column-inline-editor {
min-width: 0;
width: 100%;
}

.epic-child-cell-priority .task-priority-display,
.epic-child-cell-assignee .task-assignee-display,
.epic-child-cell-status .task-column-display {
display: block;
width: 100%;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
}

.epic-child-cell-status .task-column-display.task-list-status-type-done {
    background: #63b992 !important;
    border: 0 !important;
    color: #fff !important;
}

.epic-child-cell-status .task-column-display.task-list-status-type-in-progres {
    background: #7aa3f2 !important;
    border: 0 !important;
    color: #fff !important;
}

.epic-child-cell-status .task-column-display.task-list-status-type-quality-check {
    background: #b58af5 !important;
    border: 0 !important;
    color: #fff !important;
}

.epic-child-cell-assignee .task-list-person {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
}

.epic-child-cell-assignee .task-assignee-inline-editor,
.epic-child-cell-assignee .task-list-person-name {
flex: 1 1 auto;
min-width: 0;
}

.epic-child-cell-assignee .task-list-person-name,
.epic-child-cell-status .epic-child-status-text,
.epic-child-cell-priority .epic-child-priority-text {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.task-epic-inline-editor {
display: inline-block;
position: relative;
}

.task-epic-display {
border: 0;
background: transparent;
color: inherit;
text-align: left;
text-decoration: underline;
cursor: pointer;
padding: 0;
font: inherit;
}

.task-epic-picker-modal[hidden] {
display: none !important;
}

.task-epic-picker-modal {
position: fixed;
inset: 0;
z-index: 2147483100;
display: flex;
align-items: center;
justify-content: center;
}

.task-epic-picker-backdrop {
position: absolute;
inset: 0;
background: rgba(9, 30, 66, 0.45);
}

.task-epic-picker-panel {
position: relative;
width: min(560px, calc(100vw - 32px));
max-height: min(70vh, 520px);
display: flex;
flex-direction: column;
background: #ffffff;
border-radius: 10px;
border: 1px solid #dfe1e6;
box-shadow: 0 12px 32px rgba(9, 30, 66, 0.32);
overflow: hidden;
}

.task-epic-picker-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 12px 14px;
border-bottom: 1px solid #ebecf0;
}

.task-epic-picker-title {
font-size: 14px;
font-weight: 600;
color: #172b4d;
}

.task-epic-picker-close {
border: 0;
background: transparent;
color: #6b778c;
cursor: pointer;
font-size: 16px;
line-height: 1;
padding: 2px;
}

.task-epic-picker-search-wrap {
padding: 10px 14px;
border-bottom: 1px solid #ebecf0;
}

.task-epic-picker-search {
width: 100%;
border: 1px solid #c1c7d0;
border-radius: 8px;
font-size: 13px;
padding: 8px 10px;
box-sizing: border-box;
}

.task-epic-picker-search:focus {
outline: none;
border-color: #2d8be9;
box-shadow: 0 0 0 3px rgba(45, 139, 233, 0.18);
}

.task-epic-picker-list {
margin: 0;
padding: 8px;
list-style: none;
flex: 1 1 auto;
min-height: 0;
max-height: 280px;
overflow: auto;
}

.task-epic-picker-option {
width: 100%;
display: block;
text-align: left;
border: 0;
border-radius: 7px;
background: transparent;
color: #172b4d;
padding: 8px 10px;
cursor: pointer;
font: inherit;
}

.task-epic-picker-option:hover,
.task-epic-picker-option:focus {
background: #f1f7ff;
outline: none;
}

.task-epic-picker-option.is-selected {
background: #deebff;
color: #0747a6;
font-weight: 600;
}

.task-epic-picker-empty {
margin: 0;
padding: 12px 14px 14px;
font-size: 12px;
color: #6b778c;
}

.task-epic-picker-empty[hidden] {
display: none !important;
}

/* ===== migrated from app/Template/task/details.php ===== */
.task-detail-status-badge {
display: inline-flex;
align-items: center;
max-width: 100%;
padding: 2px 10px;
border-radius: 999px;
background: #91a3b8;
border: 0;
color: #fff;
font-weight: 700;
letter-spacing: .02em;
text-transform: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.task-detail-status-badge.task-list-status-type-done {
background: #63b992;
border: 0;
color: #fff;
}

.task-detail-status-badge.task-list-status-type-in-progres {
background: #7aa3f2;
border: 0;
color: #fff;
}

.task-detail-status-badge.task-list-status-type-quality-check {
background: #b58af5;
border: 0;
color: #fff;
}

.task-summary-container .task-column-display {
border: 0;
background: #91a3b8;
color: #fff;
border-radius: 999px;
padding: 3px 8px;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
box-shadow: none;
}

.task-summary-container .task-column-select {
border: 0;
border-radius: 999px;
background: #91a3b8;
color: #fff;
padding: 6px 12px;
}

.task-summary-container .task-column-dropdown-form {
border: 1px solid #d5dde7;
border-radius: 12px;
background: #ffffff;
box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12);
padding: 8px;
}

/* ===== migrated from app/Template/project/sidebar.php ===== */
.project-settings-sidebar {
background: transparent !important;
padding-left: 16px;
}

.project-settings-sidebar ul,
.project-settings-sidebar li {
background: transparent !important;
}

.project-settings-sidebar li {
margin: 0;
padding: 0;
border: 0 !important;
transform: none !important;
transition: none !important;
}

.project-settings-sidebar li:hover,
.project-settings-sidebar li:focus {
background: transparent !important;
transform: none !important;
}

.project-settings-sidebar li a {
display: block;
padding: 8px 0 8px 10px;
position: relative;
color: #6b778c !important;
font-weight: 500;
background: transparent !important;
text-decoration: none;
box-shadow: none !important;
border: 0 !important;
transform: none !important;
filter: none !important;
opacity: 1 !important;
transition: color .22s ease, text-shadow .22s ease !important;
text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.project-settings-sidebar li a::before {
content: "";
position: absolute;
left: 0;
top: 7px;
bottom: 7px;
width: 0;
border-radius: 999px;
background: #2F81F7;
opacity: 0;
transition: width .2s ease, opacity .2s ease !important;
}

.project-settings-sidebar li a:hover,
.project-settings-sidebar li a:focus {
color: #5e6c84 !important;
font-weight: 500 !important;
background: transparent !important;
text-decoration: none;
text-shadow: 0.012em 0 currentColor, -0.012em 0 currentColor;
transform: none !important;
filter: none !important;
opacity: 1 !important;
}

.project-settings-sidebar li:hover a::before,
.project-settings-sidebar li:focus-within a::before {
width: 2px;
opacity: 1;
}

.project-settings-sidebar li.active a {
color: #172b4d !important;
font-weight: 700 !important;
background: transparent !important;
}

.project-settings-sidebar li.active a::before {
width: 3px;
opacity: 1;
}

.project-settings-sidebar li.project-settings-remove a {
color: #c77b7b !important;
}

.project-settings-sidebar li.project-settings-remove a:hover,
.project-settings-sidebar li.project-settings-remove a:focus {
color: #b96b6b !important;
}

.project-settings-sidebar:hover > ul > li:not(:hover) a,
.project-settings-sidebar:hover > ul > li a {
transform: none !important;
filter: none !important;
opacity: 1 !important;
}

/* Project settings: remove table box background/border, keep rows */
#main .sidebar-content .table-list-header {
background: transparent;
border: 0;
border-radius: 0;
}

#main .sidebar-content .table-list-row {
border-right: 0;
}

#main .sidebar-content .table-list-row.table-border-left {
border-left: 0;
}

/* Force on project settings views */
.sidebar-container2 .sidebar-content .table-list-header {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}

.sidebar-container2 .sidebar-content .table-list-row {
background: transparent !important;
border-left: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
}

.sidebar-container2 .sidebar-content .table-list-row:last-child {
border-radius: 0 !important;
}

/* Project permissions table: remove box background/border, keep row lines */
.table-list.user-management-permission-list {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}

.table-list.user-management-permission-list .table-list-header {
background: transparent !important;
border: 0 !important;
}

.table-list.user-management-permission-list .permission-table-wrap {
border: 0 !important;
background: transparent !important;
border-radius: 0 !important;
}

.table-list.user-management-permission-list .permission-table tr:nth-child(even) td,
.table-list.user-management-permission-list .permission-table tr:hover td {
background: transparent !important;
}

.table-list.user-management-permission-list .permission-table,
.table-list.user-management-permission-list .permission-table tbody,
.table-list.user-management-permission-list .permission-table tr,
.table-list.user-management-permission-list .permission-table td {
background: transparent !important;
}

/* ===== migrated from app/Template/project/layout.php ===== */
.project-settings-back-nav {
margin: 12px 0 18px;
display: flex;
align-items: baseline;
gap: 14px;
}

.project-settings-back-link {
display: inline-block;
color: #2F81F7;
font-size: 34px;
line-height: 1;
font-weight: 500;
font-family: "Segoe UI";
text-decoration: none;
}

.project-settings-back-link .fa {
color: #2F81F7;
padding-right: 6px;
font-size: 22px;
font-weight: 100;
vertical-align: 1px;
}

.project-settings-back-link:hover,
.project-settings-back-link:focus {
color: #2F81F7;
text-decoration: none;
}

.project-settings-back-link:hover .fa,
.project-settings-back-link:focus .fa {
color: #2F81F7;
}

.project-settings-project-name {
color: #42526e;
font-size: 22px;
line-height: 1;
font-weight: 600;
font-family: "SF Pro Display", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

/* Match project settings section titles to "My projects" heading style */
#main .sidebar-content .page-header h2 {
margin: 0;
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 24px;
line-height: 1.2;
font-weight: 700;
color: #172b4d;
}

/* ===== migrated from app/Template/project_edit/show.php ===== */
.project-edit-view .page-header h2 {
margin: 0;
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 24px;
line-height: 1.2;
font-weight: 700;
color: #172b4d;
}

.project-edit-form {
margin-top: 14px;
}

.project-edit-grid {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(300px, 1fr);
gap: 14px;
align-items: start;
}

.project-edit-main,
.project-edit-side {
min-width: 0;
}

.project-edit-form fieldset {
background: #fff;
border: 1px solid #dfe1e6;
border-radius: 10px;
padding: 14px 16px 12px;
margin: 0 0 14px;
box-shadow: 0 1px 0 rgba(9, 30, 66, 0.06);
}

.project-edit-form legend {
padding: 0 6px;
font-size: 14px;
font-weight: 700;
color: #172b4d;
}

.project-edit-form label {
margin-top: 10px;
font-weight: 600;
color: #344563;
}

.project-edit-form .form-help {
margin-top: 4px;
margin-bottom: 8px;
color: #6b778c;
}

.project-edit-form input[type="text"],
.project-edit-form input[type="email"],
.project-edit-form input[type="number"],
.project-edit-form input[type="date"],
.project-edit-form select,
.project-edit-form textarea {
border-radius: 8px;
border-color: #c7d1db;
}

.project-edit-form .text-editor textarea {
width: 100%;
max-width: 100%;
}

.project-edit-form .form-inline {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}

.project-edit-form .project-priority-select {
width: 170px;
max-width: 100%;
}

.project-edit-form .project-priority-select option[value="1"] {
color: #2d8be9;
}

.project-edit-form .project-priority-select option[value="2"] {
color: #1f9b58;
}

.project-edit-form .project-priority-select option[value="3"] {
color: #c59000;
}

.project-edit-form .project-priority-select option[value="4"] {
color: #d9761a;
}

.project-edit-form .project-priority-select option[value="5"] {
color: #c83a32;
}

@media (max-width: 960px) {
.project-edit-grid {
grid-template-columns: 1fr;
}
}

/* ===== migrated from app/Template/subtask/show_details.php ===== */
.task-detail-status-badge {
display: inline-flex;
align-items: center;
max-width: 100%;
padding: 2px 10px;
border-radius: 999px;
background: #91a3b8;
border: 0;
color: #fff;
font-weight: 700;
letter-spacing: .02em;
text-transform: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.task-detail-status-badge.task-list-status-type-done {
background: #63b992;
border: 0;
color: #fff;
}

.task-detail-status-badge.task-list-status-type-in-progres {
background: #7aa3f2;
border: 0;
color: #fff;
}

.task-detail-status-badge.task-list-status-type-quality-check {
background: #b58af5;
border: 0;
color: #fff;
}

.subtaskview-sidebar .task-column-display {
border: 0;
background: #91a3b8;
color: #fff;
border-radius: 999px;
padding: 3px 8px;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
box-shadow: none;
}

.subtaskview-sidebar .task-column-display.task-list-status-type-done {
color: #fff;
border: 0;
background: #63b992;
}

.subtaskview-sidebar .task-column-display.task-list-status-type-in-progres {
color: #fff;
border: 0;
background: #7aa3f2;
}

.subtaskview-sidebar .task-column-display.task-list-status-type-quality-check {
color: #fff;
border: 0;
background: #b58af5;
}

.subtaskview-sidebar .task-column-select {
border: 0;
border-radius: 999px;
background: #91a3b8;
color: #fff;
padding: 6px 12px;
}

.subtaskview-sidebar .task-column-dropdown-form {
border: 1px solid #d5dde7;
border-radius: 12px;
background: #ffffff;
box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12);
padding: 8px;
}

.inline-title-editor {
display: inline-flex;
align-items: center;
gap: 8px;
}

.inline-title-editor .inline-title-pencil {
opacity: 0;
transition: opacity 0.15s ease;
color: #6b778c;
cursor: pointer;
}

.inline-title-editor .inline-title-check {
opacity: 0;
display: none;
transition: opacity 0.15s ease;
color: #1f9b58;
cursor: pointer;
margin-left: 6px;
}

.inline-title-editor .inline-title-action {
border: 0;
background: transparent;
box-shadow: none;
padding: 0;
margin: 0;
line-height: 1;
}

.inline-title-editor:hover .inline-title-pencil,
.inline-title-editor:focus-within .inline-title-pencil {
opacity: 1;
}

.inline-title-editor.is-editing .inline-title-pencil {
display: none;
}

.inline-title-editor.is-editing .inline-title-check {
display: inline-flex;
opacity: 1;
}

/* ===== migrated from app/Template/project_permission/index.php ===== */
.permission-tabs {
display: flex;
align-items: flex-end;
gap: 28px;
margin: 8px 0 14px;
}

.permission-tabs-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin-bottom: 14px;
}

.permission-tabs-header .permission-tabs {
margin: 0;
}

.permission-tabs-header .page-header {
margin-bottom: 0;
}

.permission-tabs-header .page-header ul {
margin-top: 0;
}

@media (max-width: 900px) {
.permission-tabs-header {
flex-wrap: wrap;
}
}

.permission-tab {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 2px 10px;
background: transparent;
border: 0;
border-bottom: 3px solid transparent;
color: #6b778c;
font-size: 22px;
line-height: 1;
font-weight: 500;
cursor: pointer;
text-decoration: none;
}

.permission-tab:hover {
color: #2F81F7;
text-decoration: none;
}

.permission-tab.is-active {
color: #2F81F7;
font-weight: 700;
border-bottom-color: #2F81F7;
}

.permission-tab-input {
position: absolute;
opacity: 0;
pointer-events: none;
}

.permission-tab-panel {
display: none;
}

.permission-tab-panel.is-active {
display: block;
}

#permission-tab-users:checked ~ .permission-tabs .permission-tab[for="permission-tab-users"],
#permission-tab-groups:checked ~ .permission-tabs .permission-tab[for="permission-tab-groups"],
#permission-tab-custom-roles:checked ~ .permission-tabs .permission-tab[for="permission-tab-custom-roles"] {
color: #2F81F7;
font-weight: 700;
border-bottom-color: #2F81F7;
}

#permission-tab-users:checked ~ .permission-layout .permission-tab-panel-users {
display: block;
}

#permission-tab-groups:checked ~ .permission-layout .permission-tab-panel-groups {
display: block;
}

#permission-tab-custom-roles:checked ~ .permission-layout .permission-tab-panel-custom-roles {
display: block;
}

.permission-layout {
display: grid;
gap: 22px;
}

.permission-table-wrap {
padding: 0;
}

.permission-table {
width: 100%;
border-collapse: collapse;
background: #fff;
}

.permission-table th {
background: #fff;
color: #6b778c;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .05em;
border-bottom: 1px solid #ebecf0;
padding-top: 10px;
padding-bottom: 10px;
}

.permission-table td {
border-bottom: 1px solid #ebecf0;
vertical-align: middle !important;
background: #fff;
height: 56px;
border-left: 0 !important;
border-right: 0 !important;
}

.permission-table tr:hover td {
background: #f5f9ff;
}

.permission-table.permission-table-plain tr:first-child td {
border-top: 1px solid #ebecf0;
}

.permission-section-label {
margin: 0 0 8px;
color: #6b778c;
font-size: 14px;
font-weight: 600;
}

.permission-name-cell {
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: 600;
color: #172b4d;
}

.permission-email-cell {
color: #5e6c84;
}

.permission-id-cell {
color: #5e6c84;
font-variant-numeric: tabular-nums;
}

.permission-role-cell {
min-width: 170px;
}

.permission-actions-cell {
width: 90px;
text-align: center;
}

.permission-panel {
margin: 0;
padding: 12px 14px 14px;
border-top: 1px solid #ebecf0;
background: #f7f8fa;
}

.permission-panel .form-inline .btn.btn-blue {
border-radius: 8px;
transition: transform .14s ease, box-shadow .18s ease, opacity .18s ease;
}

.permission-panel .form-inline .btn.btn-blue:hover {
box-shadow: 0 2px 8px rgba(9, 30, 66, 0.18);
}

.permission-panel .form-inline .btn.btn-blue:active {
transform: translateY(1px);
}

.permission-empty {
margin: 12px 14px 14px;
}

.permission-panel .select-dropdown-input-container {
min-width: 0;
}

.permission-inline-empty {
margin: 6px 0 0;
color: #6b778c;
}

.permission-user-suggest-item {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
}

.permission-user-suggest-name {
color: #172b4d;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.permission-add-user-panel {
border: 1px solid #e5e8ef;
border-radius: 10px;
background: #fbfcff;
padding: 14px;
overflow: visible !important;
position: relative;
z-index: 5;
}

.permission-add-user-heading {
margin: 0 0 12px;
color: #42526e;
font-size: 13px;
font-weight: 700;
letter-spacing: .01em;
}

.permission-add-user-form {
display: grid;
grid-template-columns: 190px 190px auto;
gap: 12px;
align-items: end;
overflow: visible;
}

.permission-add-user-field label {
display: block;
margin: 0 0 6px;
color: #6b778c;
font-size: 12px;
font-weight: 600;
}

.permission-add-user-field .select-dropdown-input-container,
.permission-add-user-field select {
width: 100%;
}

.permission-add-user-field .select-dropdown-input-container {
min-width: 0;
max-width: none;
border: 1px solid var(--input-border-color);
border-radius: 8px;
background-color: var(bac);
height: 35px;
box-shadow: none;
transition: all 0.3s ease;
box-sizing: border-box;
position: relative;
}

.permission-add-user-field .select-dropdown-input-container input.select-dropdown-input {
border: 0;
border-radius: 8px;
height: 33px;
background: transparent;
font-size: 1em;
color: var(--color-light);
width: 100%;
margin: 0;
padding: 0 30px 0 10px;
line-height: 33px;
box-sizing: border-box;
font-family: inherit;
display: block;
}

.permission-add-user-field .select-dropdown-input-container:hover,
.permission-add-user-field .select-dropdown-input-container:focus-within {
border-color: var(--input-focus-border-color);
box-shadow: none;
}

.permission-add-user-field .select-dropdown-chevron {
display: block;
top: 50%;
transform: translateY(-50%);
right: 10px;
color: var(--color-light);
font-size: 12px;
line-height: 1;
pointer-events: none;
}

.permission-add-user-field select {
border: 1px solid var(--input-border-color);
border-radius: 8px;
height: 35px;
padding: 0 10px;
background-color: var(bac);
color: var(--color-light);
font-size: 1em;
}

.permission-add-user-actions {
display: flex;
align-items: end;
}

.permission-add-user-actions .btn {
height: 38px;
min-width: 92px;
border-radius: 8px;
font-weight: 600;
}

.permission-user-picker {
position: relative;
width: 100%;
overflow: visible;
z-index: 20;
}

.permission-user-picker-trigger {
width: 100%;
height: auto;
border: 0;
border-radius: 0;
background: transparent;
color: var(--color-light);
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
padding: 0;
cursor: pointer;
transition: color 0.2s ease;
list-style: none;
}

.permission-user-picker-trigger::-webkit-details-marker {
display: none;
}

.permission-user-picker-trigger:hover,
.permission-user-picker-trigger:focus {
color: var(--input-focus-border-color);
outline: none;
}

.permission-user-picker-selected {
min-width: 0;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.permission-user-picker-selected.is-placeholder {
color: #97a0af;
}

.permission-user-picker-placeholder {
color: #97a0af;
}

.permission-user-picker-leading-icon {
opacity: .8;
font-size: 12px;
}

.permission-user-picker-menu {
position: absolute;
z-index: 9999;
top: calc(100% + 6px);
left: 0;
right: 0;
border: 1px solid #d8deea;
border-radius: 8px;
background: #fff;
box-shadow: 0 8px 20px rgba(9, 30, 66, 0.18);
}

.permission-user-picker-search-wrap {
padding: 8px;
border-bottom: 1px solid #eceff5;
}

.permission-user-picker-search {
width: 100%;
height: 32px;
border: 1px solid #c7d0dd;
border-radius: 6px;
padding: 0 8px;
box-sizing: border-box;
}

.permission-user-picker-list {
max-height: 220px;
overflow-y: auto;
padding: 4px 0;
}

.permission-user-picker-item {
width: 100%;
border: 0;
background: transparent;
text-align: left;
padding: 7px 10px;
cursor: pointer;
}

.permission-user-picker-item:hover,
.permission-user-picker-item[aria-selected="true"] {
background: #edf4ff;
}

.permission-user-picker-empty {
padding: 9px 10px;
color: #6b778c;
font-size: 12px;
}

#select-dropdown-menu {
overflow-y: auto;
}

.permission-user-option {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
}

.permission-user-option-name {
color: #172b4d;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

@media (max-width: 980px) {
.permission-add-user-form {
grid-template-columns: 1fr;
gap: 10px;
}

.permission-add-user-actions .btn {
width: 100%;
}
}

/* ===== migrated from app/Template/project_view/colors.php ===== */
.feature-toggle-list {
display: grid;
gap: 12px;
margin: 6px 0 18px;
}

.feature-toggle {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border: 1px solid #d5dde7;
border-radius: 12px;
background: #f8fafc;
cursor: pointer;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.feature-toggle:hover {
border-color: #b9c8da;
background: #f3f7fb;
}

.feature-toggle-input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}

.feature-toggle-ui {
position: relative;
width: 58px;
height: 32px;
flex: 0 0 auto;
border-radius: 999px;
background: #dbe5f0;
box-shadow: inset 0 0 0 1px #c2cfde;
transition: background 0.25s ease, box-shadow 0.25s ease;
}

.feature-toggle-ui::before {
content: '';
position: absolute;
top: 4px;
left: 4px;
width: 24px;
height: 24px;
border-radius: 50%;
background: #ffffff;
box-shadow: 0 3px 10px rgba(15, 23, 42, 0.22);
transition: transform 0.25s ease;
}

.feature-toggle-ui::after {
content: 'OFF';
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
font-size: 10px;
letter-spacing: 0.03em;
font-weight: 700;
color: #5f6f82;
transition: opacity 0.2s ease;
}

.feature-toggle-input:checked + .feature-toggle-ui {
background: linear-gradient(135deg, #1f9b58 0%, #26b96b 100%);
box-shadow: inset 0 0 0 1px rgba(12, 110, 56, 0.5);
}

.feature-toggle-input:checked + .feature-toggle-ui::before {
transform: translateX(26px);
}

.feature-toggle-input:checked + .feature-toggle-ui::after {
content: 'ON';
left: 9px;
right: auto;
color: #e7fff2;
}

.feature-toggle-input:focus-visible + .feature-toggle-ui {
outline: 2px solid #2d8be9;
outline-offset: 2px;
}

.feature-toggle-text strong {
display: block;
font-size: 14px;
color: #172b4d;
}

.feature-toggle-text small {
display: block;
margin-top: 2px;
color: #5f6f82;
font-size: 12px;
}

/* ===== migrated from app/Template/task_list/listing.php ===== */
html,
body {
height: 100%;
overflow: hidden !important;
}

.task-list-grid {
border-collapse: separate;
border-spacing: 0;
table-layout: fixed;
width: var(--task-list-table-width);
min-width: var(--task-list-table-width);
max-width: var(--task-list-table-width);
}

.task-list-shell {
--task-list-table-width: 1680px;
display: flex;
flex-direction: column;
width: 100%;
height: calc(100vh - 120px);
max-height: calc(100vh - 120px);
overflow-x: hidden;
overflow-y: hidden;
}

.task-list-grid-head {
position: sticky;
top: 0;
z-index: 25;
background: #fff;
}

.task-list-grid-head .task-list-grid {
margin-bottom: 0;
}

.task-list-grid-head .task-list-grid,
.task-list-scroll .task-list-grid {
width: var(--task-list-table-width);
min-width: var(--task-list-table-width);
max-width: var(--task-list-table-width);
}

.task-list-scroll {
flex: 1 1 auto;
min-height: 0;
width: 100%;
overflow-x: auto;
overflow-y: auto;
height: auto;
max-height: none;
}

.task-list-x-scroll {
display: none;
}

.task-list-x-scroll-inner {
height: 1px;
width: var(--task-list-table-width);
}

.task-list-grid thead th {
background: #f4f5f7;
color: #42526e;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .03em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.task-list-grid tbody tr td {
background: #fff;
border-color: #dfe1e6;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
font-size: 13px;
line-height: 1.2;
padding-top: 0 !important;
padding-bottom: 0 !important;
vertical-align: middle;
}

.task-list-grid tbody tr {
height: 30px !important;
}

.task-list-grid tbody tr:hover td {
background: #f7faff;
}

/* Keep header/data alignment for Priority and Reporter on responsive breakpoints. */
.task-list-grid thead th:nth-child(7),
.task-list-grid .task-list-col-priority,
.task-list-grid .task-list-col-reporter {
display: table-cell !important;
}

.task-list-type-chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 2px 8px;
min-height: 18px;
border-radius: 999px;
font-size: 10px;
line-height: 1;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
border: 1px solid #dfe1e6;
color: #344563;
background: #f4f5f7;
}

.task-list-type-chip i {
line-height: 1;
}

.task-list-type-chip.is-task {
color: #0052cc;
background: #deebff;
border-color: #b3d4ff;
}

.task-list-type-chip.is-epic {
color: #5243aa;
background: #f3f0ff;
border-color: #d4ccff;
}

.task-list-type-chip.is-subtask {
color: #006b75;
background: #e6fcff;
border-color: #b8f0f7;
}

.task-list-type-cell {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}

.task-list-key-link {
font-weight: 600;
color: #172b4d;
text-decoration: none;
transition: color .12s ease;
font-family: inherit;
line-height: 1.2;
}

.task-list-key-link:hover {
color: #243b5a;
text-decoration: none;
}

.task-list-key-link:focus,
.task-list-key-link:active,
.task-list-key-link:visited {
text-decoration: none;
}

.task-list-key-link.is-finish-column,
.task-list-key-link.is-finish-column:visited,
.task-list-key-link.is-finish-column:focus,
.task-list-key-link.is-finish-column:active {
color: #08a36d;
text-decoration: line-through;
}

.task-list-key-link.is-finish-column:hover {
color: #078d5f;
text-decoration: line-through;
}

.task-list-summary-link {
color: #172b4d;
font-weight: 600;
text-decoration: none;
transition: color .12s ease;
font-family: inherit;
line-height: 1.2;
}

.task-list-summary-link:hover {
color: #243b5a;
text-decoration: none;
}

.task-list-summary-link:focus,
.task-list-summary-link:active,
.task-list-summary-link:visited {
text-decoration: none;
}

.task-list-summary-link.is-finish-column,
.task-list-summary-link.is-finish-column:visited,
.task-list-summary-link.is-finish-column:focus,
.task-list-summary-link.is-finish-column:active {
color: #08a36d;
text-decoration: line-through;
}

.task-list-summary-link.is-finish-column:hover {
color: #078d5f;
text-decoration: line-through;
}

.task-list-col-status .task-list-status-badge {
display: inline-flex;
align-items: center;
max-width: 100%;
padding: 2px 10px;
border-radius: 999px;
background: #41536a;
border: 0;
color: #fff;
font-weight: 700;
font-size: 11px;
line-height: 1;
letter-spacing: .02em;
text-transform: none;
}

.task-list-col-status .task-list-status-badge.task-column-display {
background: #91a3b8;
color: #fff;
}

.task-list-col-status .task-list-status-finish-column {
background: #63b992;
border: 0;
color: #fff;
font-weight: 700;
font-size: 11px;
line-height: 1;
letter-spacing: .02em;
text-transform: none;
}

.task-list-col-status .task-list-status-badge.task-column-display.task-list-status-finish-column {
background: #63b992;
color: #fff;
}

.task-list-col-status .task-list-status-type-in-progres {
background: #7aa3f2;
border: 0;
color: #fff;
}

.task-list-col-status .task-list-status-type-quality-check {
background: #b58af5;
border: 0;
color: #fff;
}

.task-list-col-status .task-list-status-badge.task-column-display.task-list-status-type-in-progres {
background: #7aa3f2;
color: #fff;
}

.task-list-col-status .task-list-status-badge.task-column-display.task-list-status-type-quality-check {
background: #b58af5;
color: #fff;
}

.task-list-grid .task-column-display {
border: 1px solid #d5dde7;
background: #f8fafc;
color: #334155;
border-radius: 999px;
padding: 3px 8px;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
box-shadow: none;
}

.task-list-grid .task-column-select {
border: 1px solid #d5dde7;
border-radius: 10px;
background: #ffffff;
color: #334155;
padding: 6px 10px;
}

.task-list-grid .task-column-dropdown-form {
border: 1px solid #d5dde7;
border-radius: 12px;
background: #ffffff;
box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12);
padding: 8px;
}

.task-list-summary-wrap {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}

.task-list-col-key,
.task-list-col-summary {
font-family: inherit;
}

.task-list-person .avatar.avatar-20.avatar-inline {
display: inline-flex;
align-items: center;
justify-content: center;
}

.task-list-person .avatar.avatar-20.avatar-inline .fa-user-o {
padding-left: 4px;
padding-right: 4px;
}

.task-list-col-assignee .task-list-person.is-unassigned .avatar,
.task-list-col-assignee .task-list-person.is-unassigned .task-list-person-name,
.task-list-col-assignee .task-list-person.is-unassigned .task-assignee-inline-editor {
display: none;
}

.task-list-col-assignee .task-list-person.is-unassigned::before {
content: "-";
color: #6b778c;
}

.task-list-grid tbody tr:hover .task-list-col-assignee .task-list-person.is-unassigned::before,
.task-list-grid tbody tr:focus-within .task-list-col-assignee .task-list-person.is-unassigned::before {
display: none;
}

.task-list-grid tbody tr:hover .task-list-col-assignee .task-list-person.is-unassigned .avatar,
.task-list-grid tbody tr:focus-within .task-list-col-assignee .task-list-person.is-unassigned .avatar {
display: inline-flex;
}

.task-list-grid tbody tr:hover .task-list-col-assignee .task-list-person.is-unassigned .task-list-person-name,
.task-list-grid tbody tr:focus-within .task-list-col-assignee .task-list-person.is-unassigned .task-list-person-name {
display: inline;
}

.task-list-grid tbody tr:hover .task-list-col-assignee .task-list-person.is-unassigned .task-assignee-inline-editor,
.task-list-grid tbody tr:focus-within .task-list-col-assignee .task-list-person.is-unassigned .task-assignee-inline-editor {
display: inline-flex;
}

.task-list-col-type.task-list-indent-1 {
padding-left: 20px;
}

.task-list-col-type.task-list-indent-2 {
padding-left: 30px;
padding-right: 0;
}

/* ===== migrated from app/Template/task_modification/show.php ===== */
.task-edit-view.taskview-container {
max-width: none;
}

.task-edit-view .taskview-layout {
display: grid;
grid-template-columns: 60% 40%;
gap: 16px;
align-items: start;
}

.task-edit-view .taskview-main-content .taskview-section {
margin-bottom: 12px;
}

.task-edit-view .task-edit-save-icon {
position: fixed;
top: 9px;
right: 58px;
z-index: 2147483200;
width: 30px;
height: 30px;
border-radius: 50%;
border: 0;
background: #1f9b58;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 2px 8px rgba(31, 155, 88, 0.35);
}

#modal-close-button {
top: 10px !important;
right: 14px !important;
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
min-height: 30px !important;
border-radius: 50% !important;
border: 0 !important;
background: #d14836 !important;
color: #fff !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 !important;
line-height: 1 !important;
font-size: 18px !important;
font-weight: 700 !important;
text-decoration: none !important;
box-shadow: 0 2px 8px rgba(209, 72, 54, 0.35) !important;
}

#modal-close-button:hover,
#modal-close-button:focus {
background: #b93d2d !important;
color: #fff !important;
text-decoration: none !important;
}

#modal-close-button .fa {
color: #fff !important;
padding-right: 0 !important;
}

.task-edit-view .task-edit-save-icon:hover,
.task-edit-view .task-edit-save-icon:focus {
background: #178148;
outline: none;
}

.task-edit-view .taskview-sidebar-box {
margin-bottom: 12px;
}

.task-edit-view .taskview-data-table .task-edit-embedded-field > label {
display: none;
}

.task-edit-view .taskview-data-table .task-edit-embedded-field > select,
.task-edit-view .taskview-data-table .task-edit-embedded-field > input[type="text"],
.task-edit-view .taskview-data-table .task-edit-embedded-field > input[type="number"],
.task-edit-view .taskview-data-table .task-edit-embedded-field > input[type="datetime-local"],
.task-edit-view .taskview-data-table .task-edit-embedded-field > .input-addon,
.task-edit-view .taskview-data-table .task-edit-embedded-field > .select2-container,
.task-edit-view .taskview-data-table .task-edit-embedded-field .input-addon-field {
width: 220px;
max-width: 100%;
}

.task-edit-view .taskview-data-table .task-edit-embedded-field .input-addon {
width: 100%;
}

.task-edit-view .taskview-data-table .task-edit-embedded-field br {
display: none;
}

.task-edit-view .taskview-data-table .task-edit-embedded-field {
margin: 0;
}

.task-edit-view .taskview-data-table .task-edit-type-inline {
display: inline-flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}

.task-edit-view .taskview-data-table .task-edit-type-inline label {
display: inline-flex;
align-items: center;
gap: 4px;
margin: 0;
font-weight: 600;
color: #172b4d;
}

.task-edit-view .task-column-display {
border: 0 !important;
background: #91a3b8 !important;
color: #fff !important;
border-radius: 999px !important;
padding: 3px 8px !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}

.task-edit-view .task-column-dropdown-form {
border: 1px solid #d5dde7 !important;
border-radius: 12px !important;
background: #ffffff !important;
box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12) !important;
padding: 8px !important;
max-width: 220px !important;
}

.task-edit-view .task-column-select {
width: 100% !important;
max-width: 100% !important;
border: 0 !important;
border-radius: 999px !important;
background: #91a3b8 !important;
color: #fff !important;
padding: 6px 12px !important;
}

.task-edit-view .taskview-data-table .task-edit-hours-suffix {
margin-left: 6px;
color: #6b778c;
font-size: 12px;
}

@media (max-width: 980px) {
.task-edit-view .taskview-layout {
grid-template-columns: 1fr;
}

.task-edit-view .task-edit-save-icon {
right: 50px;
}
}

/* User settings sidebar aligned with project settings sidebar */
#user-section .sidebar {
background: transparent !important;
padding-left: 16px;
}

#user-section .sidebar ul,
#user-section .sidebar li {
background: transparent !important;
}

#user-section .sidebar li {
margin: 0;
padding: 0;
border: 0 !important;
transform: none !important;
transition: none !important;
}

#user-section .sidebar li:hover,
#user-section .sidebar li:focus {
background: transparent !important;
transform: none !important;
}

#user-section .sidebar li a {
display: block;
padding: 8px 0 8px 10px;
position: relative;
color: #6b778c !important;
font-weight: 500;
background: transparent !important;
text-decoration: none;
box-shadow: none !important;
border: 0 !important;
transform: none !important;
filter: none !important;
opacity: 1 !important;
transition: color .22s ease, text-shadow .22s ease !important;
text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

#user-section .sidebar li a::before {
content: "";
position: absolute;
left: 0;
top: 7px;
bottom: 7px;
width: 0;
border-radius: 999px;
background: #2F81F7;
opacity: 0;
transition: width .2s ease, opacity .2s ease !important;
}

#user-section .sidebar li a:hover,
#user-section .sidebar li a:focus {
color: #5e6c84 !important;
font-weight: 500 !important;
background: transparent !important;
text-decoration: none;
text-shadow: 0.012em 0 currentColor, -0.012em 0 currentColor;
transform: none !important;
filter: none !important;
opacity: 1 !important;
}

#user-section .sidebar li:hover a::before,
#user-section .sidebar li:focus-within a::before {
width: 2px;
opacity: 1;
}

#user-section .sidebar li.active a {
color: #172b4d !important;
font-weight: 700 !important;
background: transparent !important;
}

#user-section .sidebar li.active a::before {
width: 3px;
opacity: 1;
}

#user-section .sidebar li.project-settings-remove a {
color: #c77b7b !important;
}

#user-section .sidebar li.project-settings-remove a:hover,
#user-section .sidebar li.project-settings-remove a:focus {
color: #b96b6b !important;
}

#user-section .sidebar:hover > ul > li:not(:hover) a,
#user-section .sidebar:hover > ul > li a {
transform: none !important;
filter: none !important;
opacity: 1 !important;
}
/* User management list aligned with project permissions users table */
.user-management-permission-list .permission-table-wrap {
border: 1px solid var(--table-list-border-color);
border-top: 0;
}

.user-management-permission-list .permission-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 0;
}

.user-management-permission-list .permission-table td {
border: 0;
border-bottom: 1px solid var(--table-list-border-color);
padding: 8px 10px;
vertical-align: middle;
}

.user-management-permission-list .permission-table tr:last-child td {
border-bottom: 0;
}

.user-management-permission-list .permission-table tr:nth-child(even) td {
background: var(--table-list-nth-background-color) !important;
}

.user-management-permission-list .permission-table tr:hover td {
background: var(--table-list-row-background-color) !important;
}

.user-management-permission-list .permission-table tr:nth-child(odd) td {
background: var(--body-background-color) !important;
}

.user-management-permission-list .permission-id-cell {
white-space: nowrap;
width: 90px;
}

.user-management-permission-list .permission-name-cell {
display: inline-flex;
align-items: center;
gap: 8px;
}

.user-management-permission-list .permission-email-cell {
color: var(--color-medium);
}

.user-management-permission-list .permission-role-cell {
white-space: normal;
}

/* Force solid white rows in permissions list */
.table-list.user-management-permission-list .permission-table tr td,
.table-list.user-management-permission-list .permission-table tr:nth-child(odd) td,
.table-list.user-management-permission-list .permission-table tr:nth-child(even) td,
.table-list.user-management-permission-list .permission-table tr:hover td {
background: #ffffff !important;
}

.table-list.user-management-permission-list .permission-table {
border-collapse: separate;
border-spacing: 0 8px;
}

.table-list.user-management-permission-list .permission-table tr td:first-child {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}

.table-list.user-management-permission-list .permission-table tr td:last-child {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}

.user-management-permission-list .permission-actions-cell {
text-align: right;
min-width: 150px;
}

.user-management-permission-list .permission-actions-cell .table-list-icons {
line-height: 1.2;
}

.user-management-permission-list .permission-actions-cell .table-list-icons a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
margin-left: 6px;
border: 1px solid var(--table-list-border-color);
border-radius: 8px;
background: #ffffff;
text-decoration: none;
}

.user-management-permission-list .permission-actions-cell .table-list-icons a:first-child {
margin-left: 0;
}
/* User role note (dots + permissions description) */
.user-management-permission-list .user-role-note-wrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}

.user-management-permission-list .user-role-name {
white-space: nowrap;
font-weight: 600;
color: var(--color-primary);
}

.user-management-permission-list .user-role-note {
display: inline-flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
max-width: 240px;
}

.user-management-permission-list .user-role-dots {
display: inline-flex;
align-items: center;
gap: 5px;
}

.user-management-permission-list .user-role-dot {
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #2F81F7;
background: transparent;
}

.user-management-permission-list .user-role-dot.is-filled {
background: #2F81F7;
}

.user-management-permission-list .user-role-note-text {
font-size: 11px;
line-height: 1.3;
color: var(--color-light);
text-align: right;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}

@media (max-width: 900px) {
.user-management-permission-list .user-role-note-wrap {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}

.user-management-permission-list .user-role-note {
align-items: flex-start;
}

.user-management-permission-list .user-role-note-text {
text-align: left;
}
}
/* Role note alignment tweak: dots to the left */
.user-management-permission-list .user-role-note {
align-items: flex-start;
}

.user-management-permission-list .user-role-note-text {
text-align: left;
}
/* Role note spacing tweak */
.user-management-permission-list .user-role-note-wrap {
gap: 4px;
}
/* Bigger avatar in user management list */
.user-management-permission-list .permission-name-cell .avatar-20 img,
.user-management-permission-list .permission-name-cell .avatar-20 div {
width: 28px;
height: 28px;
border-radius: 14px;
}

.user-management-permission-list .permission-name-cell .avatar-20 .avatar-letter {
width: 28px;
line-height: 28px;
font-size: 13px;
}
/* Group management list aligned with project permissions groups table */
.group-management-permission-list .permission-table-wrap {
border: 0;
background: transparent;
border-radius: 0;
}

.group-management-permission-list .permission-table {
width: 100%;
border-collapse: separate;
border-spacing: 0 8px;
margin-bottom: 0;
}

.group-management-permission-list .permission-table td {
border: 0;
border-bottom: 1px solid var(--table-list-border-color);
padding: 8px 10px;
vertical-align: middle;
background: #ffffff !important;
}

.group-management-permission-list .permission-table tr:last-child td {
border-bottom: 0;
}

.group-management-permission-list .permission-table tr:nth-child(even) td {
background: #ffffff !important;
}

.group-management-permission-list .permission-table tr:hover td {
background: #ffffff !important;
}

.group-management-permission-list .permission-table tr td:first-child {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}

.group-management-permission-list .permission-table tr td:last-child {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}

.table-list.group-management-permission-list {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}

.table-list.group-management-permission-list .table-list-header {
display: none !important;
}

.permission-tab-panel .table-list.group-management-permission-list,
.permission-tab-panel .group-management-permission-list .permission-table-wrap,
.permission-tab-panel .group-management-permission-list .permission-table,
.permission-tab-panel .group-management-permission-list .permission-table tbody,
.permission-tab-panel .group-management-permission-list .permission-table tr {
background: transparent !important;
}

.group-management-permission-list .permission-id-cell {
white-space: nowrap;
width: 90px;
}

.group-management-permission-list .permission-name-cell {
display: inline-flex;
align-items: center;
gap: 8px;
}

.group-management-permission-list .group-management-members-cell,
.group-management-permission-list .group-management-external-cell {
white-space: nowrap;
color: var(--color-medium);
}
/* Group members cell: show avatars only */
.group-management-permission-list .group-members-avatars {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 4px;
}

.group-management-permission-list .group-members-avatars .avatar-inline {
margin-right: 0;
}

.group-management-permission-list .group-members-avatars .avatar-20 img,
.group-management-permission-list .group-members-avatars .avatar-20 div {
width: 24px;
height: 24px;
border-radius: 12px;
}

.group-management-permission-list .group-members-avatars .avatar-20 .avatar-letter {
width: 24px;
line-height: 24px;
font-size: 12px;
}
/* Group members page context */
.group-context-note {
font-size: 13px;
color: var(--color-primary);
margin-bottom: 6px;
}

.group-context-note .group-context-meta {
color: var(--color-light);
margin-left: 6px;
}
/* Group title above members table: bigger and cleaner */
.group-context-note {
display: inline-flex;
align-items: center;
padding: 10px 14px;
margin: 4px 0 12px;
border: 1px solid var(--table-list-border-color);
border-radius: 10px;
background: var(--table-list-header-background-color);
box-shadow: 0 1px 2px rgba(9, 30, 66, 0.08);
}

.group-context-note strong {
font-size: 18px;
line-height: 1.2;
font-weight: 700;
color: var(--color-primary);
letter-spacing: 0.01em;
}
/* Match group title style to project-settings-project-name */
.group-context-note {
display: block;
margin: 0 0 12px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}

.group-context-note strong {
color: #42526e;
font-size: 22px;
line-height: 1;
font-weight: 600;
font-family: "SF Pro Display", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
letter-spacing: 0;
}
/* Project name acts as back link in settings header */
.project-settings-project-name-link,
.project-settings-project-name-link:hover,
.project-settings-project-name-link:focus {
text-decoration: none;
color: #42526e;
}
/* Remove underline from project settings title link */
.project-settings-project-name-link,
.project-settings-project-name-link:hover,
.project-settings-project-name-link:focus,
.project-settings-project-name-link:active {
text-decoration: none !important;
}
/* New user form visual refresh */
.user-creation-sheet {
max-width: 1240px;
}

.user-creation-sheet .form-columns {
gap: 18px;
}

.user-creation-sheet .form-columns .form-column {
margin-right: 0;
min-width: 320px;
}

.user-creation-sheet fieldset {
margin-top: 0;
margin-bottom: 14px;
padding: 14px 16px 16px;
border: 1px solid var(--table-list-border-color);
border-radius: 10px;
background: var(--panel-background-color);
}

.user-creation-sheet legend {
padding: 0 8px;
font-size: 15px;
font-weight: 700;
color: var(--color-primary);
}

.user-creation-sheet label {
margin-top: 9px;
font-weight: 600;
color: var(--color-medium);
}

.user-creation-sheet .form-help {
margin-top: 4px;
margin-bottom: 10px;
line-height: 1.35;
}

.user-creation-sheet .form-actions {
margin-top: 6px;
padding-top: 14px;
border-top: 1px dashed var(--table-list-border-color);
}

@media (max-width: 900px) {
.user-creation-sheet .form-columns {
gap: 10px;
}

.user-creation-sheet fieldset {
padding: 12px 12px 14px;
}
}

/* Epic child issues aligned visually with task list */
.epic-child-grid thead th {
background: #f4f5f7;
color: #42526e;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .03em;
}

.epic-child-grid tbody tr td {
background: #fff;
border-color: #dfe1e6;
font-size: 13px;
line-height: 1.2;
vertical-align: middle;
}

.epic-child-grid tbody tr:hover td {
background: #f7faff;
}

.epic-child-cell-work .epic-child-inline-title-editor {
min-height: 30px;
}

.epic-child-subtasks-row td {
background: #fbfdff !important;
padding: 6px 12px 8px 30px !important;
}

.epic-child-subtask-list {
display: flex;
flex-direction: column;
gap: 4px;
}

.epic-child-subtask-item {
display: flex;
align-items: center;
gap: 8px;
min-height: 24px;
color: #42526e;
}

.epic-child-subtask-assignee {
color: #5e6c84;
margin-left: auto;
margin-right: 6px;
}

.analytics-grid{
overflow: auto ;
height: 85vh;

}

/* --- MIGRATED TEMPLATE/PLUGIN CSS START --- */

/* FILE: summernote-custom.css */
.note-editor.note-frame {
border: 0 !important;
border-radius: 0;
background: transparent !important;
box-shadow: none !important;
}

.note-editor .note-toolbar {
background: #f3f5f8 !important;
border: 1px solid #d4d9e0 !important;
border-radius: 12px;
padding: 4px 8px;
display: flex;
align-items: center;
flex-wrap: nowrap;
}

.note-editor .note-statusbar {
display: none;
}

.text-editor.summernote-enhanced .text-editor-view-mode {
display: none !important;
}

.text-editor.summernote-enhanced .text-editor-write-mode {
margin-top: 0;
}

.note-editor .note-btn-group {
margin-right: 0;
padding-right: 0;
border-right: 0;
}

.note-editor .note-btn {
background: transparent;
border: 0;
border-radius: 6px;
min-width: 28px;
height: 26px;
padding: 0 6px;
color: #2b2f33;
position: relative;
}

.note-editor .note-editing-area,
.note-editor .note-editable {
background: transparent !important;
border: 0 !important;
}

.note-editor .note-editable pre {
border: 1px solid #cfd6df;
border-radius: 8px;
background: #f7f9fc;
padding: 10px;
min-height: 44px;
}

.note-editor .note-btn:hover {
background: #e9edf3;
}

.note-editor .note-btn.active,
.note-editor .note-btn:active {
font-weight: 700 !important;
background: #dde4ee;
}

.js-task-description-editor .task-description-actions {
display: none !important;
}

.js-summernote-inline-actions {
margin-left: auto;
margin-right: 0;
padding-right: 0;
border-right: 0;
padding-left: 8px;
display: inline-flex;
gap: 4px;
}

.js-summernote-inline-save i {
color: #1f9d47;
}

.js-summernote-inline-cancel i {
color: #cf2f2f;
}

.js-summernote-inline-send i {
color: #2f6fdb;
}

.js-summernote-comment-actions {
margin-left: auto;
gap: 6px;
align-items: center;
}

.js-summernote-visibility-group {
position: relative;
}

.js-summernote-visibility-toggle {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 0 10px !important;
min-width: auto !important;
}

.js-summernote-visibility-label {
font-size: 12px;
color: #4b5565;
white-space: nowrap;
}

.js-summernote-visibility-menu {
display: none;
position: absolute;
top: calc(100% + 6px);
right: 0;
min-width: 220px;
background: #fff;
border: 1px solid #d4d9e0;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(9, 30, 66, 0.15);
padding: 6px;
z-index: 1001;
}

.js-summernote-visibility-option {
width: 100%;
border: 0;
background: transparent;
text-align: left;
padding: 8px 10px;
border-radius: 8px;
color: #2b2f33;
cursor: pointer;
}

.js-summernote-visibility-option:hover {
background: #eef2f7;
}

.js-summernote-visibility-option.is-selected {
background: #e4ebf5;
font-weight: 600;
}

.note-color .note-color-select,
.note-color .note-color-select-btn {
display: none !important;
}

.note-color [data-event="openPalette"],
.note-color [data-event="openPaletteForeColor"],
.note-color [data-event="openPaletteBackColor"] {
display: none !important;
}

.note-editor .note-color .dropdown-toggle {
display: none !important;
}

.note-editor .note-color .note-current-color-button[data-backcolor] .note-recent-color {
border: 1px solid #8f98a6;
border-radius: 3px;
box-sizing: border-box;
}

.note-editor .note-color .note-current-color-button:not([data-backcolor]) .note-recent-color {
border: 0 !important;
}

.note-editor .note-btn.sn-sep-after::after {
content: "";
position: absolute;
right: -4px;
top: 4px;
width: 1px;
height: 18px;
background: #d8dde6;
}

.note-editor .note-btn.sn-sep-before::before {
content: "";
position: absolute;
left: -4px;
top: 4px;
width: 1px;
height: 18px;
background: #d8dde6;
}

.note-editor .note-btn.sn-sep-after {
margin-right: 8px;
}

.note-editor .note-btn.sn-sep-before {
margin-left: 8px;
}

/* Comment forms: move visual container from action row to text input block */
.js-task-comment-form .task-comment-footer,
.js-subtask-comment-form .task-comment-footer {
display: none !important;
}

.js-task-comment-form .comment-form-actions,
.js-subtask-comment-form .comment-form-actions {
background: transparent !important;
border: 0 !important;
}

.js-task-comment-form .text-editor,
.js-subtask-comment-form .text-editor {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
}

.js-task-comment-form .note-editor .note-toolbar,
.js-subtask-comment-form .note-editor .note-toolbar {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 0 8px 0 !important;
}

.js-task-comment-form .note-editor .note-editing-area,
.js-subtask-comment-form .note-editor .note-editing-area {
background: #f7f9fc !important;
border: 1px solid #d4d9e0 !important;
border-radius: 12px !important;
}

.js-task-comment-form .note-editor .note-editable,
.js-subtask-comment-form .note-editor .note-editable {
background: #f7f9fc !important;
border: 0 !important;
border-radius: 12px !important;
padding: 10px 12px !important;
}

/* FILE: summernote-lite.min.css */
@font-face{font-display:auto;font-family:summernote;font-style:normal;font-weight:400;src:url(font/summernote.eot?#iefix) format("embedded-opentype"),url(font/summernote.woff2) format("woff2"),url(font/summernote.woff) format("woff"),url(font/summernote.ttf) format("truetype")}[class*=" note-icon"]:before,[class^=note-icon]:before{display:inline-block;font-family:summernote;font-size:inherit;font-style:normal;text-decoration:inherit;text-rendering:auto;text-transform:none;vertical-align:middle;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;speak:none}.note-icon-fw{text-align:center;width:1.25em}.note-icon-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.note-icon-pull-left{float:left}.note-icon-pull-right{float:right}.note-icon.note-icon-pull-left{margin-right:.3em}.note-icon.note-icon-pull-right{margin-left:.3em}.note-icon-align:before{content:"\ea01"}.note-icon-align-center:before{content:"\ea02"}.note-icon-align-indent:before{content:"\ea03"}.note-icon-align-justify:before{content:"\ea04"}.note-icon-align-left:before{content:"\ea05"}.note-icon-align-outdent:before{content:"\ea06"}.note-icon-align-right:before{content:"\ea07"}.note-icon-arrow-circle-down:before{content:"\ea08"}.note-icon-arrow-circle-left:before{content:"\ea09"}.note-icon-arrow-circle-right:before{content:"\ea0a"}.note-icon-arrow-circle-up:before{content:"\ea0b"}.note-icon-arrows-alt:before{content:"\ea0c"}.note-icon-arrows-h:before{content:"\ea0d"}.note-icon-arrows-v:before{content:"\ea0e"}.note-icon-bold:before{content:"\ea0f"}.note-icon-caret:before{content:"\ea10"}.note-icon-chain-broken:before{content:"\ea11"}.note-icon-circle:before{content:"\ea12"}.note-icon-close:before{content:"\ea13"}.note-icon-code:before{content:"\ea14"}.note-icon-col-after:before{content:"\ea15"}.note-icon-col-before:before{content:"\ea16"}.note-icon-col-remove:before{content:"\ea17"}.note-icon-eraser:before{content:"\ea18"}.note-icon-float-left:before{content:"\ea19"}.note-icon-float-none:before{content:"\ea1a"}.note-icon-float-right:before{content:"\ea1b"}.note-icon-font:before{content:"\ea1c"}.note-icon-frame:before{content:"\ea1d"}.note-icon-italic:before{content:"\ea1e"}.note-icon-link:before{content:"\ea1f"}.note-icon-magic:before{content:"\ea20"}.note-icon-menu-check:before{content:"\ea21"}.note-icon-minus:before{content:"\ea22"}.note-icon-orderedlist:before{content:"\ea23"}.note-icon-pencil:before{content:"\ea24"}.note-icon-picture:before{content:"\ea25"}.note-icon-question:before{content:"\ea26"}.note-icon-redo:before{content:"\ea27"}.note-icon-rollback:before{content:"\ea28"}.note-icon-row-above:before{content:"\ea29"}.note-icon-row-below:before{content:"\ea2a"}.note-icon-row-remove:before{content:"\ea2b"}.note-icon-special-character:before{content:"\ea2c"}.note-icon-square:before{content:"\ea2d"}.note-icon-strikethrough:before{content:"\ea2e"}.note-icon-subscript:before{content:"\ea2f"}.note-icon-summernote:before{content:"\ea30"}.note-icon-superscript:before{content:"\ea31"}.note-icon-table:before{content:"\ea32"}.note-icon-text-height:before{content:"\ea33"}.note-icon-trash:before{content:"\ea34"}.note-icon-underline:before{content:"\ea35"}.note-icon-undo:before{content:"\ea36"}.note-icon-unorderedlist:before{content:"\ea37"}.note-icon-video:before{content:"\ea38"}.note-frame{border-radius:4px;-ms-box-sizing:border-box;box-sizing:border-box;color:#000;font-family:sans-serif}.note-toolbar{background-color:#f5f5f5;border-bottom:1px solid;border-color:#ddd;border-top-left-radius:3px;border-top-right-radius:3px;color:#333;padding:10px 5px}.note-btn-group{display:inline-block;margin-right:8px;position:relative}.note-btn-group>.note-btn-group{margin-right:0}.note-btn-group>.note-btn:first-child{margin-left:0}.note-btn-group .note-btn+.note-btn,.note-btn-group .note-btn+.note-btn-group,.note-btn-group .note-btn-group+.note-btn,.note-btn-group .note-btn-group+.note-btn-group{margin-left:-1px}.note-btn-group>.note-btn-group:not(:first-child)>.note-btn,.note-btn-group>.note-btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.note-btn-group>.note-btn-group:not(:last-child)>.note-btn,.note-btn-group>.note-btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.note-btn-group.open>.note-dropdown{display:block}.note-btn{background-color:#fff;background-image:none;border:1px solid #dae0e5;border-radius:3px;color:#333;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.4;margin-bottom:0;outline:0;padding:5px 10px;text-align:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.note-btn.focus,.note-btn:focus,.note-btn:hover{background-color:#ebebeb;border-color:#dae0e5;color:#333}.note-btn.disabled.focus,.note-btn.disabled:focus,.note-btn[disabled].focus,.note-btn[disabled]:focus,fieldset[disabled] .note-btn.focus,fieldset[disabled] .note-btn:focus{background-color:#fff;border-color:#dae0e5}.note-btn.active,.note-btn.focus,.note-btn:active,.note-btn:focus,.note-btn:hover{background-color:#ebebeb;border:1px solid #dae0e5;border-radius:1px;color:#333;outline:0;text-decoration:none}.note-btn.active,.note-btn:active{background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.note-btn.disabled,.note-btn[disabled],fieldset[disabled] .note-btn{box-shadow:none;cursor:not-allowed;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);filter:alpha(opacity=65);-webkit-opacity:.65;-khtml-opacity:.65;-moz-opacity:.65;opacity:.65}.note-btn>span.note-icon-caret:first-child{margin-left:-1px}.note-btn>span.note-icon-caret:nth-child(2){margin-right:-5px;padding-left:3px}.note-btn-primary{background:#fa6362;color:#fff}.note-btn-primary.focus,.note-btn-primary:focus,.note-btn-primary:hover{background-color:#fa6362;border:1px solid #dae0e5;border-radius:1px;color:#fff;text-decoration:none}.note-btn-block{display:block;width:100%}.note-btn-block+.note-btn-block{margin-top:5px}input[type=button].note-btn-block,input[type=reset].note-btn-block,input[type=submit].note-btn-block{width:100%}button.close{-webkit-appearance:none;background:transparent;border:0;cursor:pointer;padding:0}.close{color:#000;float:right;font-size:21px;line-height:1;opacity:.2}.close:hover{-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;opacity:1}.note-dropdown{position:relative}.note-color .dropdown-toggle{padding-left:5px;width:30px}.note-dropdown-menu{background:#fff;background-clip:padding-box;border:1px solid #e2e2e2;box-shadow:0 1px 1px rgba(0,0,0,.06);display:none;float:left;left:0;min-width:100px;padding:5px;position:absolute;text-align:left;top:100%;z-index:1000}.note-dropdown-menu>:last-child{margin-right:0}.note-btn-group.open .note-dropdown-menu,.note-dropdown-item{display:block}.note-dropdown-item:hover{background-color:#ebebeb}a.note-dropdown-item,a.note-dropdown-item:hover{color:#000;margin:5px 0;text-decoration:none}.note-modal{bottom:0;display:none;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100);left:0;-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;opacity:1;position:fixed;right:0;top:0;z-index:1050}.note-modal.open{display:block}.note-modal-content{background:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.2);border-radius:5px;box-shadow:0 3px 9px rgba(0,0,0,.5);margin:30px 20px;outline:0;position:relative;width:auto}.note-modal-header{border:1px solid #ededef;padding:10px 20px}.note-modal-body{padding:20px 30px;position:relative}.note-modal-body kbd{background-color:#000;border-radius:2px;-ms-box-sizing:border-box;box-sizing:border-box;color:#fff;font-weight:700;padding:3px 5px}.note-modal-footer{height:40px;padding:10px;text-align:center}.note-modal-footer a{color:#337ab7;text-decoration:none}.note-modal-footer a:focus,.note-modal-footer a:hover{color:#23527c;text-decoration:underline}.note-modal-footer .note-btn{float:right}.note-modal-title{color:#42515f;font-size:20px;line-height:1.4;margin:0}.note-modal-backdrop{background:#000;bottom:0;display:none;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50);left:0;-webkit-opacity:.5;-khtml-opacity:.5;-moz-opacity:.5;opacity:.5;position:fixed;right:0;top:0;z-index:1040}.note-modal-backdrop.open{display:block}@media (min-width:768px){.note-modal-content{margin:30px auto;width:600px}}@media (min-width:992px){.note-modal-content-large{width:900px}}.note-modal .note-help-block{color:#737373;display:block;margin-bottom:10px;margin-top:5px}.note-modal .note-nav{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.note-modal .note-nav-link{background-color:transparent;color:#007bff;display:block;padding:.5rem 1rem;text-decoration:none;-webkit-text-decoration-skip:objects}.note-modal .note-nav-link:focus,.note-modal .note-nav-link:hover{color:#0056b3;text-decoration:none}.note-modal .note-nav-link.disabled{color:#868e96}.note-modal .note-nav-tabs{border-bottom:1px solid #ddd}.note-modal .note-nav-tabs .note-nav-item{margin-bottom:-1px}.note-modal .note-nav-tabs .note-nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.note-modal .note-nav-tabs .note-nav-link:focus,.note-modal .note-nav-tabs .note-nav-link:hover{border-color:#e9ecef #e9ecef #ddd}.note-modal .note-nav-tabs .note-nav-link.disabled{background-color:transparent;border-color:transparent;color:#868e96}.note-modal .note-nav-tabs .note-nav-item.show .note-nav-link{background-color:#fff;border-color:#ddd #ddd #fff;color:#495057}.note-modal .note-tab-content{margin:15px auto}.note-modal .note-tab-content>.note-tab-pane,.note-modal .note-tab-content>.note-tab-pane:target~.note-tab-pane:last-child{display:none}.note-modal .note-tab-content>.note-tab-pane:target,.note-modal .note-tab-content>:last-child{display:block}.note-form-group{padding-bottom:20px}.note-form-group:last-child{padding-bottom:0}.note-form-label{color:#42515f;display:block;font-size:16px;font-weight:700;margin-bottom:10px;width:100%}.note-input{background:#fff;border:1px solid #ededef;-ms-box-sizing:border-box;box-sizing:border-box;display:block;font-size:14px;outline:0;padding:6px 4px;width:100%}.note-input::-webkit-input-placeholder{color:#eee}.note-input:-moz-placeholder,.note-input::-moz-placeholder{color:#eee}.note-input:-ms-input-placeholder{color:#eee}.note-tooltip{display:block;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0);font-size:13px;-webkit-opacity:0;-khtml-opacity:0;-moz-opacity:0;opacity:0;position:absolute;transition:opacity .15s;z-index:1070}.note-tooltip.in{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);filter:alpha(opacity=90);-webkit-opacity:.9;-khtml-opacity:.9;-moz-opacity:.9;opacity:.9}.note-tooltip.top{margin-top:-3px;padding:5px 0}.note-tooltip.right{margin-left:3px;padding:0 5px}.note-tooltip.bottom{margin-top:3px;padding:5px 0}.note-tooltip.left{margin-left:-3px;padding:0 5px}.note-tooltip.bottom .note-tooltip-arrow{border-bottom-color:#000;border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}.note-tooltip.top .note-tooltip-arrow{border-top-color:#000;border-width:5px 5px 0;bottom:0;left:50%;margin-left:-5px}.note-tooltip.right .note-tooltip-arrow{border-right-color:#000;border-width:5px 5px 5px 0;left:0;margin-top:-5px;top:50%}.note-tooltip.left .note-tooltip-arrow{border-left-color:#000;border-width:5px 0 5px 5px;margin-top:-5px;right:0;top:50%}.note-tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.note-tooltip-content{background-color:#000;color:#fff;font-family:sans-serif;max-width:200px;padding:3px 8px;text-align:center}.note-popover{background:#fff;border:1px solid #ccc;display:block;display:none;font-family:sans-serif;font-size:13px;position:absolute;z-index:1060}.note-popover.in{display:block}.note-popover.top{margin-top:-10px;padding:5px 0}.note-popover.right{margin-left:10px;padding:0 5px}.note-popover.bottom{margin-top:10px;padding:5px 0}.note-popover.left{margin-left:-10px;padding:0 5px}.note-popover.bottom .note-popover-arrow{border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);border-top-width:0;left:20px;margin-left:-10px;top:-11px}.note-popover.bottom .note-popover-arrow:after{border-bottom-color:#fff;border-top-width:0;content:"\0020";margin-left:-10px;top:1px}.note-popover.top .note-popover-arrow{border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px;left:20px;margin-left:-10px}.note-popover.top .note-popover-arrow:after{border-bottom-width:0;border-top-color:#fff;bottom:1px;content:"\0020";margin-left:-10px}.note-popover.right .note-popover-arrow{border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25);left:-11px;margin-top:-10px;top:50%}.note-popover.right .note-popover-arrow:after{border-left-width:0;border-right-color:#fff;content:"\0020";left:1px;margin-top:-10px}.note-popover.left .note-popover-arrow{border-left-color:#999;border-left-color:rgba(0,0,0,.25);border-right-width:0;margin-top:-10px;right:-11px;top:50%}.note-popover.left .note-popover-arrow:after{border-left-color:#fff;border-right-width:0;content:"\0020";margin-top:-10px;right:1px}.note-popover-arrow{border:11px solid transparent;height:0;position:absolute;width:0}.note-popover-arrow:after{border:10px solid transparent;content:"\0020";display:block;height:0;position:absolute;width:0}.note-popover-content{background-color:#fff;color:#000;min-height:30px;min-width:100px;padding:3px 8px;text-align:center}.note-editor{position:relative}.note-editor .note-dropzone{background-color:#fff;color:#87cefa;display:none;opacity:.95;position:absolute;z-index:100}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:700;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:none}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor .note-editing-area .note-editable img.note-float-left{margin-right:10px}.note-editor .note-editing-area .note-editable img.note-float-right{margin-left:10px}.note-editor.note-airframe,.note-editor.note-frame{border:1px solid rgba(0,0,0,.196)}.note-editor.note-airframe.codeview .note-editing-area .note-editable,.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-airframe.codeview .note-editing-area .note-codable,.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-airframe .note-editing-area,.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-airframe .note-editing-area .note-editable,.note-editor.note-frame .note-editing-area .note-editable{overflow:auto;padding:10px;word-wrap:break-word}.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false]{background-color:hsla(0,0%,50%,.114)}.note-editor.note-airframe .note-editing-area .note-codable,.note-editor.note-frame .note-editing-area .note-codable{background-color:#222;border:none;border-radius:0;box-shadow:none;-ms-box-sizing:border-box;box-sizing:border-box;color:#ccc;display:none;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;margin-bottom:0;outline:none;padding:10px;resize:none;width:100%}.note-editor.note-airframe.fullscreen,.note-editor.note-frame.fullscreen{left:0;position:fixed;top:0;width:100%!important;z-index:1050}.note-editor.note-airframe.fullscreen .note-resizebar,.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-airframe .note-status-output,.note-editor.note-frame .note-status-output{border:0;border-top:1px solid #e2e2e2;color:#000;display:block;font-size:14px;height:20px;line-height:1.42857143;margin-bottom:0;width:100%}.note-editor.note-airframe .note-status-output:empty,.note-editor.note-frame .note-status-output:empty{border-top:0 solid transparent;height:0}.note-editor.note-airframe .note-status-output .pull-right,.note-editor.note-frame .note-status-output .pull-right{float:right!important}.note-editor.note-airframe .note-status-output .text-muted,.note-editor.note-frame .note-status-output .text-muted{color:#777}.note-editor.note-airframe .note-status-output .text-primary,.note-editor.note-frame .note-status-output .text-primary{color:#286090}.note-editor.note-airframe .note-status-output .text-success,.note-editor.note-frame .note-status-output .text-success{color:#3c763d}.note-editor.note-airframe .note-status-output .text-info,.note-editor.note-frame .note-status-output .text-info{color:#31708f}.note-editor.note-airframe .note-status-output .text-warning,.note-editor.note-frame .note-status-output .text-warning{color:#8a6d3b}.note-editor.note-airframe .note-status-output .text-danger,.note-editor.note-frame .note-status-output .text-danger{color:#a94442}.note-editor.note-airframe .note-status-output .alert,.note-editor.note-frame .note-status-output .alert{background-color:#f5f5f5;border-radius:0;color:#000;margin:-7px 0 0;padding:7px 10px 2px}.note-editor.note-airframe .note-status-output .alert .note-icon,.note-editor.note-frame .note-status-output .alert .note-icon{margin-right:5px}.note-editor.note-airframe .note-status-output .alert-success,.note-editor.note-frame .note-status-output .alert-success{background-color:#dff0d8!important;color:#3c763d!important}.note-editor.note-airframe .note-status-output .alert-info,.note-editor.note-frame .note-status-output .alert-info{background-color:#d9edf7!important;color:#31708f!important}.note-editor.note-airframe .note-status-output .alert-warning,.note-editor.note-frame .note-status-output .alert-warning{background-color:#fcf8e3!important;color:#8a6d3b!important}.note-editor.note-airframe .note-status-output .alert-danger,.note-editor.note-frame .note-status-output .alert-danger{background-color:#f2dede!important;color:#a94442!important}.note-editor.note-airframe .note-statusbar,.note-editor.note-frame .note-statusbar{background-color:hsla(0,0%,50%,.114);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid rgba(0,0,0,.196)}.note-editor.note-airframe .note-statusbar .note-resizebar,.note-editor.note-frame .note-statusbar .note-resizebar{cursor:ns-resize;height:9px;padding-top:1px;width:100%}.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{border-top:1px solid rgba(0,0,0,.196);margin:1px auto;width:20px}.note-editor.note-airframe .note-statusbar.locked .note-resizebar,.note-editor.note-frame .note-statusbar.locked .note-resizebar{cursor:default}.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar{display:none}.note-editor.note-airframe .note-placeholder,.note-editor.note-frame .note-placeholder{padding:10px}.note-editor.note-airframe{border:0}.note-editor.note-airframe .note-editing-area .note-editable{padding:0}.note-popover.popover{display:none;max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.note-popover.popover .arrow{left:20px!important}.note-toolbar{position:relative}.note-editor .note-toolbar,.note-popover .popover-content{margin:0;padding:0 0 5px 5px}.note-editor .note-toolbar>.note-btn-group,.note-popover .popover-content>.note-btn-group{margin-left:0;margin-right:5px;margin-top:5px}.note-editor .note-toolbar .note-btn-group .note-table,.note-popover .popover-content .note-btn-group .note-table{min-width:0;padding:5px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker{font-size:18px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{cursor:pointer;height:10em;position:absolute!important;width:10em;z-index:3}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;height:5em;position:relative!important;width:5em;z-index:1}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;height:1em;position:absolute!important;width:1em;z-index:2}.note-editor .note-toolbar .note-style .dropdown-style blockquote,.note-editor .note-toolbar .note-style .dropdown-style pre,.note-popover .popover-content .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre{margin:0;padding:5px 10px}.note-editor .note-toolbar .note-style .dropdown-style h1,.note-editor .note-toolbar .note-style .dropdown-style h2,.note-editor .note-toolbar .note-style .dropdown-style h3,.note-editor .note-toolbar .note-style .dropdown-style h4,.note-editor .note-toolbar .note-style .dropdown-style h5,.note-editor .note-toolbar .note-style .dropdown-style h6,.note-editor .note-toolbar .note-style .dropdown-style p,.note-popover .popover-content .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p{margin:0;padding:0}.note-editor .note-toolbar .note-color-all .note-dropdown-menu,.note-popover .popover-content .note-color-all .note-dropdown-menu{min-width:337px}.note-editor .note-toolbar .note-color .dropdown-toggle,.note-popover .popover-content .note-color .dropdown-toggle{padding-left:5px;width:20px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette{display:inline-block;margin:0;width:160px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child{margin:0 5px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title{border-bottom:1px solid #eee;font-size:12px;margin:2px 7px;text-align:center}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select{border-radius:5px;cursor:pointer;font-size:11px;margin:3px;padding:0 3px;width:100%}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover{background:#eee}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row{height:20px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn{display:none}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn{border:1px solid #eee}.note-editor .note-toolbar .note-para .note-dropdown-menu,.note-popover .popover-content .note-para .note-dropdown-menu{min-width:228px;padding:5px}.note-editor .note-toolbar .note-para .note-dropdown-menu>div+div,.note-popover .popover-content .note-para .note-dropdown-menu>div+div{margin-left:5px}.note-editor .note-toolbar .note-dropdown-menu,.note-popover .popover-content .note-dropdown-menu{min-width:160px}.note-editor .note-toolbar .note-dropdown-menu.right,.note-popover .popover-content .note-dropdown-menu.right{left:auto;right:0}.note-editor .note-toolbar .note-dropdown-menu.right:before,.note-popover .popover-content .note-dropdown-menu.right:before{left:auto!important;right:9px}.note-editor .note-toolbar .note-dropdown-menu.right:after,.note-popover .popover-content .note-dropdown-menu.right:after{left:auto!important;right:10px}.note-editor .note-toolbar .note-dropdown-menu.note-check a i,.note-popover .popover-content .note-dropdown-menu.note-check a i{color:#00bfff;visibility:hidden}.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i,.note-popover .popover-content .note-dropdown-menu.note-check a.checked i{visibility:visible}.note-editor .note-toolbar .note-fontsize-10,.note-popover .popover-content .note-fontsize-10{font-size:10px}.note-editor .note-toolbar .note-color-palette,.note-popover .popover-content .note-color-palette{line-height:1}.note-editor .note-toolbar .note-color-palette div .note-color-btn,.note-popover .popover-content .note-color-palette div .note-color-btn{border:0;border-radius:0;height:20px;margin:0;padding:0;width:20px}.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover,.note-popover .popover-content .note-color-palette div .note-color-btn:hover{transform:scale(1.2);transition:all .2s}.note-modal .modal-dialog{border-radius:5px;box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.note-modal .form-group{margin-left:0;margin-right:0}.note-modal .note-modal-form{margin:0}.note-modal .note-image-dialog .note-dropzone{border:4px dashed #d3d3d3;color:#d3d3d3;font-size:30px;line-height:4;margin-bottom:10px;min-height:100px;text-align:center}.note-placeholder{color:gray;display:none;position:absolute}.note-handle .note-control-selection{border:1px solid #000;display:none;position:absolute}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{background-color:#000;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);filter:alpha(opacity=30);height:100%;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;width:100%}.note-handle .note-control-selection .note-control-handle,.note-handle .note-control-selection .note-control-holder,.note-handle .note-control-selection .note-control-sizing{border:1px solid #000;height:7px;width:7px}.note-handle .note-control-selection .note-control-sizing{background-color:#000}.note-handle .note-control-selection .note-control-nw{border-bottom:none;border-right:none;left:-5px;top:-5px}.note-handle .note-control-selection .note-control-ne{border-bottom:none;border-left:none;right:-5px;top:-5px}.note-handle .note-control-selection .note-control-sw{border-right:none;border-top:none;bottom:-5px;left:-5px}.note-handle .note-control-selection .note-control-se{bottom:-5px;cursor:se-resize;right:-5px}.note-handle .note-control-selection .note-control-se.note-control-holder{border-left:none;border-top:none;cursor:default}.note-handle .note-control-selection .note-control-selection-info{background-color:#000;border-radius:5px;bottom:0;color:#fff;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);filter:alpha(opacity=70);font-size:12px;margin:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;padding:5px;right:0}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{max-height:150px;overflow:auto;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{background-color:#428bca;clear:both;color:#fff;cursor:pointer;display:block;font-weight:400;line-height:1.4;outline:0;text-decoration:none;white-space:nowrap}body .note-fullscreen-body,html .note-fullscreen-body{overflow:hidden!important}.note-editable ol li,.note-editable ul li{list-style-position:inside}.note-editor .note-editing-area .note-editable table{border-collapse:collapse;width:100%}.note-editor .note-editing-area .note-editable table td,.note-editor .note-editing-area .note-editable table th{border:1px solid #ececec;padding:5px 3px}.note-editor .note-editing-area .note-editable a{background-color:inherit;color:#337ab7;font-family:inherit;font-weight:inherit;text-decoration:inherit}.note-editor .note-editing-area .note-editable a:focus,.note-editor .note-editing-area .note-editable a:hover{color:#23527c;outline:0;text-decoration:underline}.note-editor .note-editing-area .note-editable figure{margin:0}.note-modal .note-modal-body label{display:inline-block;margin-bottom:2px;padding:2px 5px}.note-modal .note-modal-body .help-list-item:hover{background-color:#e0e0e0}@-moz-document url-prefix(){.note-modal .note-image-input{height:auto}}.help-list-item label{display:inline-block;margin-bottom:5px}

/* FILE: template-config-about.css */
.config-info-card {
border: 1px solid var(--panel-border-color);
border-radius: 12px;
overflow: hidden;
background: var(--panel-background-color);
margin: 12px 0 16px 0;
box-shadow: 0 6px 18px rgba(20, 35, 70, 0.08);
}
.config-info-card-header {
display: flex;
align-items: center;
gap: 8px;
padding: 11px 16px;
border-bottom: 1px solid var(--panel-border-color);
font-size: 1.25em;
color: var(--color-primary);
background: #e9eff7;
}
.config-info-card-body {
padding: 12px 16px;
}
.config-info-card-body ul {
margin: 0;
padding-left: 0;
}
.config-info-card-body li {
list-style: none;
line-height: 1.5em;
margin-bottom: 6px;
}
.config-info-card-license {
max-height: 320px;
overflow: auto;
line-height: 1.45em;
}

/* FILE: template-config-sidebar.css */
.config-left-sidebar {
background: transparent;
border-right: 1px solid #d8e0ea;
padding: 12px 10px;
}
.config-left-sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
.config-left-sidebar li {
margin: 2px 0;
border-radius: 12px;
}
.config-left-sidebar li a {
display: flex;
align-items: center;
gap: 16px;
color: #4f5a66;
text-decoration: none;
padding: 7px 8px;
border-radius: 12px;
font-size: .97em;
font-weight: 400;
position: relative;
transform: none !important;
transition: background-color .15s ease, color .15s ease !important;
}
.config-left-sidebar,
#config-section .sidebar.config-left-sidebar {
background: transparent !important;
}
#config-section .sidebar.config-left-sidebar li a {
background: transparent !important;
color: #4f5a66 !important;
font-size: .97em !important;
font-weight: 400 !important;
}
#config-section .sidebar.config-left-sidebar li a:hover,
#config-section .sidebar.config-left-sidebar li a:focus {
background: transparent !important;
color: #2e3740 !important;
}
#config-section .sidebar.config-left-sidebar li.active a {
background: #e9eff7 !important;
color: #1f2a33 !important;
font-weight: 700 !important;
}
.config-left-sidebar li a .fa {
width: 14px;
text-align: center;
color: #66727f;
padding-right: 0;
margin-right: 8px;
}
.config-left-sidebar li.active,
#config-section .sidebar.config-left-sidebar li.active,
#config-section .sidebar.config-left-sidebar li.active a {
background: #e9eff7 !important;
border-radius: 12px !important;
}
.config-left-sidebar li.active a {
color: #1f2a33;
font-weight: 600;
}
.config-left-sidebar li.active a .fa {
color: #4d6782;
}
.config-left-sidebar li a::before,
.config-left-sidebar li.active a::before,
.config-left-sidebar li:hover a::before,
.config-left-sidebar li:focus-within a::before {
display: none !important;
content: none !important;
}
.config-left-sidebar li.active a::after {
content: "";
position: absolute;
right: -6px;
top: 6px;
bottom: 6px;
width: 3px;
border-radius: 999px;
background: #4f86c6;
}
.config-left-sidebar li a:hover {
background: transparent;
color: #4f5a66;
}
.config-left-sidebar li:hover,
.config-left-sidebar li:focus-within {
background: transparent !important;
}
.config-left-sidebar li a:active,
.config-left-sidebar li a:focus,
.config-left-sidebar li a:focus-visible {
transform: none !important;
animation: none !important;
}

/* FILE: template-dashboard-sidebar.css */
.dashboard-left-sidebar {
background: transparent;
border-right: 1px solid #d8e0ea;
padding: 12px 10px;
}

.dashboard-left-sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}

.dashboard-left-sidebar li {
margin: 2px 0;
border-radius: 12px;
}

.dashboard-left-sidebar li a {
display: flex;
align-items: center;
gap: 16px;
color: #4f5a66;
text-decoration: none;
padding: 7px 8px;
border-radius: 12px;
font-size: .97em;
font-weight: 400;
position: relative;
transform: none !important;
transition: background-color .15s ease, color .15s ease !important;
}

#dashboard .sidebar.dashboard-left-sidebar li a {
background: transparent !important;
color: #4f5a66 !important;
font-size: .97em !important;
font-weight: 400 !important;
}

#dashboard .sidebar.dashboard-left-sidebar li a:hover,
#dashboard .sidebar.dashboard-left-sidebar li a:focus {
background: transparent !important;
color: #2e3740 !important;
}

#dashboard .sidebar.dashboard-left-sidebar li.active a {
background: #e9eff7 !important;
color: #1f2a33 !important;
font-weight: 700 !important;
}

.dashboard-left-sidebar li a .fa {
width: 14px;
text-align: center;
color: #66727f;
padding-right: 0;
margin-right: 8px;
}

.dashboard-left-sidebar li.active,
#dashboard .sidebar.dashboard-left-sidebar li.active,
#dashboard .sidebar.dashboard-left-sidebar li.active a {
background: #e9eff7 !important;
border-radius: 12px !important;
}

.dashboard-left-sidebar li.active a .fa {
color: #4d6782;
}

.dashboard-left-sidebar li a::before,
.dashboard-left-sidebar li.active a::before,
.dashboard-left-sidebar li:hover a::before,
.dashboard-left-sidebar li:focus-within a::before {
display: none !important;
content: none !important;
}

.dashboard-left-sidebar li.active a::after {
content: "";
position: absolute;
right: -6px;
top: 6px;
bottom: 6px;
width: 3px;
border-radius: 999px;
background: #4f86c6;
}

/* FILE: template-event-events.css */
.activity-stream-scroll .activity-table-head,
.activity-stream-scroll .activity-table-row {
display: grid !important;
grid-template-columns: 58px 210px 280px minmax(0, 1fr) 155px !important;
box-sizing: border-box !important;
gap: 0 !important;
column-gap: 0 !important;
row-gap: 0 !important;
}
.activity-stream-scroll .activity-table-head-cell,
.activity-stream-scroll .activity-table-type,
.activity-stream-scroll .activity-table-user,
.activity-stream-scroll .activity-table-task,
.activity-stream-scroll .activity-table-details,
.activity-stream-scroll .activity-table-date {
box-sizing: border-box !important;
}
.activity-stream-scroll .activity-table-head-cell {
padding: 5px 10px !important;
}
.activity-stream-scroll .activity-table-head-cell:not(:last-child) {
border-right: 1px solid var(--table-list-border-color) !important;
}
.activity-stream-scroll .activity-table-head {
position: sticky !important;
top: 0 !important;
z-index: 20 !important;
background: #f4f5f7 !important;
}
.activity-stream-scroll .activity-event.activity-table-row {
gap: 0 !important;
column-gap: 0 !important;
row-gap: 0 !important;
}
.activity-stream-scroll .activity-table-task {
overflow: hidden !important;
}
.activity-stream-scroll .activity-table-task .activity-task-link {
display: block !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.activity-stream-scroll .activity-table-details {
max-height: 2.7em !important;
overflow: hidden !important;
}
.activity-stream-scroll .activity-table-details .activity-title,
.activity-stream-scroll .activity-table-details .activity-description,
.activity-stream-scroll .activity-table-details .activity-description p,
.activity-stream-scroll .activity-table-details .activity-description div {
margin: 0 !important;
}
.activity-stream-scroll .activity-table-details .activity-title {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.activity-stream-scroll .activity-table-row[data-event-name="comment.create"] .activity-table-details,
.activity-stream-scroll .activity-table-row[data-event-name="comment.update"] .activity-table-details {
max-height: 3.1em !important;
overflow: hidden !important;
}
.activity-stream-scroll .activity-table-row[data-event-name="task.update"] .activity-table-details,
.activity-stream-scroll .activity-table-row[data-event-name="subtask.update"] .activity-table-details {
max-height: none !important;
overflow: visible !important;
}
.activity-stream-scroll .activity-table-row[data-event-name="comment.create"] .activity-table-details .activity-title,
.activity-stream-scroll .activity-table-row[data-event-name="comment.update"] .activity-table-details .activity-title {
display: none !important;
}
.activity-stream-scroll .activity-table-row[data-event-name="comment.create"] .activity-table-details .activity-description,
.activity-stream-scroll .activity-table-row[data-event-name="comment.update"] .activity-table-details .activity-description {
display: block !important;
margin-top: 0 !important;
max-height: 3.1em !important;
overflow: hidden !important;
}
.activity-stream-scroll .activity-table-row[data-event-name="comment.create"] .activity-table-details .activity-description .markdown,
.activity-stream-scroll .activity-table-row[data-event-name="comment.update"] .activity-table-details .activity-description .markdown,
.activity-stream-scroll .activity-table-row[data-event-name="comment.create"] .activity-table-details .activity-description .markdown p,
.activity-stream-scroll .activity-table-row[data-event-name="comment.update"] .activity-table-details .activity-description .markdown p,
.activity-stream-scroll .activity-table-row[data-event-name="comment.create"] .activity-table-details .activity-description .markdown div,
.activity-stream-scroll .activity-table-row[data-event-name="comment.update"] .activity-table-details .activity-description .markdown div,
.activity-stream-scroll .activity-table-row[data-event-name="comment.create"] .activity-table-details .activity-description .markdown span,
.activity-stream-scroll .activity-table-row[data-event-name="comment.update"] .activity-table-details .activity-description .markdown span {
margin: 0 !important;
white-space: normal !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
line-height: 1.25 !important;
}
.activity-stream-scroll .activity-table-row[data-event-name="comment.create"] .activity-table-details .activity-description .markdown p:empty,
.activity-stream-scroll .activity-table-row[data-event-name="comment.update"] .activity-table-details .activity-description .markdown p:empty {
display: none !important;
}
.activity-stream-scroll .activity-table-details .activity-date {
display: none !important;
}

/* FILE: template-group-index.css */
.table-list.group-management-permission-list {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}

.groups-list-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}

.groups-list-toolbar-count {
font-weight: 600;
}

.table-list.group-management-permission-list .permission-table-wrap {
background: transparent !important;
border: 0 !important;
}

.table-list.group-management-permission-list .permission-table {
background: transparent !important;
border-collapse: separate !important;
border-spacing: 0 12px !important;
}

.table-list.group-management-permission-list .permission-table tr {
background: transparent !important;
}

.table-list.group-management-permission-list .permission-table td {
background: #fff !important;
border-top: 1px solid var(--table-list-border-color) !important;
border-bottom: 1px solid var(--table-list-border-color) !important;
}

.table-list.group-management-permission-list .permission-table td:first-child {
border-left: 1px solid var(--table-list-border-color) !important;
border-top-left-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}

.table-list.group-management-permission-list .permission-table td:last-child {
border-right: 1px solid var(--table-list-border-color) !important;
border-top-right-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}

.table-list.group-management-permission-list .group-members-add-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
margin-left: 4px;
border: 1px solid var(--table-list-border-color);
background: #fff;
color: var(--color-medium);
text-decoration: none;
font-weight: 700;
line-height: 1;
}

.table-list.group-management-permission-list .group-members-add-avatar:hover,
.table-list.group-management-permission-list .group-members-add-avatar:focus {
color: var(--color-primary);
border-color: var(--color-primary);
text-decoration: none;
}

.table-list.group-management-permission-list .group-project-icons {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}

.table-list.group-management-permission-list .group-project-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 6px;
border: 1px solid var(--table-list-border-color);
background: #fff;
color: var(--color-medium);
text-decoration: none;
}

.table-list.group-management-permission-list .group-project-icon:hover,
.table-list.group-management-permission-list .group-project-icon:focus {
color: var(--color-primary);
border-color: var(--color-primary);
text-decoration: none;
}

.table-list.group-management-permission-list .permission-name-cell a,
.table-list.group-management-permission-list .permission-name-cell a:hover,
.table-list.group-management-permission-list .permission-name-cell a:focus {
color: inherit !important;
text-decoration: none !important;
}

.table-list.group-management-permission-list .group-name-edit-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
margin-left: 6px;
color: var(--color-medium);
text-decoration: none;
opacity: 0;
visibility: hidden;
transition: opacity 120ms ease;
}

.table-list.group-management-permission-list .permission-table tr:hover .group-name-edit-link,
.table-list.group-management-permission-list .permission-table tr:focus-within .group-name-edit-link {
opacity: 1;
visibility: visible;
}

.table-list.group-management-permission-list .group-name-edit-link:hover,
.table-list.group-management-permission-list .group-name-edit-link:focus {
color: var(--color-primary);
text-decoration: none;
}

/* FILE: template-group-users.css */
.user-management-permission-list .user-role-note-wrap {
justify-content: flex-start;
align-items: flex-start;
gap: 8px;
}

.user-management-permission-list .permission-role-cell {
width: 420px;
min-width: 420px;
}

.user-management-permission-list .user-role-name {
width: 110px;
min-width: 110px;
display: inline-block;
}

.user-management-permission-list .user-role-note {
align-items: flex-start;
min-width: 0;
}

.user-management-permission-list .user-role-note-text {
text-align: left;
word-break: break-word;
}

/* FILE: template-project-edit-show.css */
.project-edit-sheet .section-card {
margin-bottom: 12px;
border: 1px solid #dfe1e6;
border-radius: 10px;
background: #f6f7f9;
box-shadow: 0 1px 0 rgba(9, 30, 66, 0.06);
padding: 12px 14px;
}
.project-edit-sheet .section-title {
margin: 0 0 10px;
font-size: 1.08em;
font-weight: 700;
color: #172b4d;
}
.project-edit-sheet .project-edit-grid {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(300px, 1fr);
gap: 14px;
align-items: start;
}
.project-edit-sheet .project-edit-main,
.project-edit-sheet .project-edit-side {
min-width: 0;
}
.project-edit-sheet .form-inline {
display: block;
}
@media (max-width: 980px) {
.project-edit-sheet .project-edit-grid {
grid-template-columns: 1fr;
}
}

/* FILE: template-project-overview-activity-compact.css */
.project-overview-activity-compact {
border: 1px solid var(--table-list-border-color);
border-radius: 6px;
overflow: hidden;
}

.project-overview-activity-compact-head,
.project-overview-activity-compact-row {
display: grid;
grid-template-columns: 44px 86px minmax(0, 1fr);
align-items: start;
}

.project-overview-activity-compact-head {
background: var(--table-list-header-background-color);
border-bottom: 1px solid var(--table-list-border-color);
font-size: .72rem;
font-weight: 700;
text-transform: uppercase;
color: var(--color-light);
}

.project-overview-activity-compact-head > div,
.project-overview-activity-compact-row > div {
padding: 6px 8px;
min-width: 0;
}

.project-overview-activity-compact-row {
border-bottom: 1px solid var(--table-list-border-color);
background: var(--panel-background-color);
}

.project-overview-activity-compact-row:last-child {
border-bottom: none;
}

.project-overview-activity-compact-avatar {
line-height: 0;
}

.project-overview-activity-compact-task {
font-size: .82rem;
line-height: 1.25;
white-space: nowrap;
}

.project-overview-activity-compact-task a {
font-weight: 600;
}

.project-overview-activity-compact-content .activity-line {
display: flex;
flex-wrap: wrap;
gap: 4px;
}

.project-overview-activity-compact-content {
font-size: .8rem;
line-height: 1.3;
}

.project-overview-activity-compact-content .activity-title {
display: none;
}

.project-overview-activity-compact-content .activity-description {
margin-top: 0;
font-size: .78rem;
line-height: 1.3;
}

.project-overview-activity-compact-content .activity-description p,
.project-overview-activity-compact-content .activity-description div,
.project-overview-activity-compact-content .activity-description li {
margin-top: 0;
margin-bottom: 2px;
}

.project-overview-activity-compact-content .activity-date {
display: none;
}

.project-overview-activity-compact-content .activity-task-title,
.project-overview-activity-compact-content .activity-task-name {
display: none;
}

.project-overview-activity-compact-content .activity-update-checkbox,
.project-overview-activity-compact-content .activity-update-toggle {
display: none;
}

.project-overview-activity-compact-content .activity-update-body {
display: block !important;
margin-top: 0;
padding-top: 0;
border-top: 0;
}

/* FILE: template-project-overview-columns.css */
.project-overview-kpi-grid {
display: grid;
grid-template-columns: repeat(4, minmax(170px, 1fr));
gap: 10px;
margin-bottom: 12px;
}

.project-overview-kpi-card {
border: 1px solid #dfe1e6;
border-left: 0 !important;
border-radius: 10px;
background: #fff;
padding: 12px 14px;
box-shadow: none;
display: flex;
align-items: flex-start;
gap: 12px;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.project-overview-kpi-card::before,
.project-overview-kpi-card::after {
display: none !important;
content: none !important;
}

.project-overview-kpi-icon {
width: 38px;
height: 38px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #f1f2f4;
color: #42526e;
flex: 0 0 auto;
font-size: 15px;
}

.project-overview-kpi-content {
min-width: 0;
padding-top: 1px;
}

.project-overview-kpi-main {
display: flex;
align-items: baseline;
gap: 6px;
min-width: 0;
}

.project-overview-kpi-value {
font-size: 24px;
line-height: 1;
color: #172b4d;
font-weight: 700;
margin: 0;
cursor: help;
flex: 0 0 auto;
}

.project-overview-kpi-label {
font-size: 20px;
line-height: 1;
color: #172b4d;
font-weight: 600;
text-transform: none;
letter-spacing: 0;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.project-overview-kpi-note {
margin-top: 4px;
font-size: 12px;
color: #5e6c84;
font-weight: 500;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.project-overview-kpi-card.is-done .project-overview-kpi-icon {
background: #dff7ec;
color: #1f845a;
}

.project-overview-kpi-card.is-done .project-overview-kpi-value,
.project-overview-kpi-card.is-done .project-overview-kpi-label {
color: #1f845a;
}

.project-overview-kpi-card.is-updated .project-overview-kpi-icon {
background: #e9f2ff;
color: #1d7afc;
}

.project-overview-kpi-card.is-updated .project-overview-kpi-value,
.project-overview-kpi-card.is-updated .project-overview-kpi-label {
color: #1d7afc;
}

.project-overview-kpi-card.is-new .project-overview-kpi-icon {
background: #efeaff;
color: #7352c7;
}

.project-overview-kpi-card.is-new .project-overview-kpi-value,
.project-overview-kpi-card.is-new .project-overview-kpi-label {
color: #7352c7;
}

.project-overview-kpi-card.is-due .project-overview-kpi-icon {
background: #ffefe8;
color: #e56910;
}

.project-overview-kpi-card.is-due .project-overview-kpi-value,
.project-overview-kpi-card.is-due .project-overview-kpi-label {
color: #e56910;
}

@media (max-width: 1400px) {
.project-overview-kpi-value {
font-size: 20px;
}

.project-overview-kpi-label {
font-size: 17px;
}

.project-overview-kpi-note {
font-size: 11px;
}
}

@media (max-width: 1100px) {
.project-overview-kpi-grid {
grid-template-columns: repeat(2, minmax(170px, 1fr));
}
}

@media (max-width: 640px) {
.project-overview-kpi-grid {
grid-template-columns: 1fr;
}
}

/* FILE: template-project-overview-information.css */
.project-overview-info-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
table-layout: fixed;
margin-bottom: 10px;
}

.project-overview-info-table th,
.project-overview-info-table td {
border: 0;
vertical-align: top;
padding: 4px 8px 8px 0;
color: #42526e4b;
font-size: 13px;
}

.project-overview-info-table th {
font-weight: 700;
color: #34495d77;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .03em;
padding-bottom: 6px;
}

.project-overview-info-cell {
display: flex;
flex-wrap: wrap;
gap: 8px;
min-height: 28px;
}

.project-overview-person {
display: inline-flex;
align-items: center;
gap: 6px;
min-width: 0;
}

.project-overview-person-name {
font-weight: 600;
color: #42526e7e;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.project-overview-avatar-only {
display: inline-flex;
align-items: center;
line-height: 0;
}

.project-overview-info-table .avatar,
.project-overview-info-table .avatar img {
border-radius: 999px !important;
overflow: hidden;
}

/* FILE: template-project-overview-show.css */
.project-overview-page {
--po-font: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
--po-text-color: #42526e;
--po-head-color: #172b4d;
--po-body-size: 13px;
--po-note-size: 12px;
}

.project-overview-page .project-overview-section {
border: 1px solid #dfe1e6;
border-radius: 10px;
background: #fff;
box-shadow: none;
overflow: hidden;
padding: 12px 14px;
}

.project-overview-page .project-overview-section .taskview-section-header,
.project-overview-page .project-overview-section .accordion-title {
margin: 0;
padding: 0;
border-bottom: 0;
font-size: 16px;
font-weight: 600;
font-family: var(--po-font);
color: var(--po-head-color);
background: transparent;
cursor: default;
pointer-events: none;
list-style: none;
}

.project-overview-page .project-overview-section .accordion-title::-webkit-details-marker {
display: none;
}

.project-overview-page .project-overview-section .accordion-title:before,
.project-overview-page .project-overview-section .accordion-title:after {
display: none !important;
content: none !important;
}

.project-overview-page .project-overview-section .taskview-section-header,
.project-overview-page .project-overview-section .accordion-title,
.project-overview-page .project-overview-section .taskview-section-header *,
.project-overview-page .project-overview-section .accordion-title * {
background: transparent !important;
}

.project-overview-page .project-overview-section .accordion-content,
.project-overview-page .project-overview-section .taskview-content-area {
padding: 8px 0 0;
background: transparent;
}

.project-overview-page .project-overview-information .project-overview-info-panel {
border: 0;
background: transparent;
box-shadow: none;
margin: 0;
padding: 0;
}

.project-overview-page .project-overview-information .project-overview-info-panel ul {
margin: 0;
padding: 0;
list-style: none;
}

.project-overview-page .project-overview-information .project-overview-info-panel li {
margin: 0 0 8px;
padding: 0;
color: var(--po-text-color);
font-size: var(--po-body-size);
font-family: var(--po-font);
line-height: 1.35;
}

.project-overview-page .project-overview-information .project-overview-info-panel li:last-child {
margin-bottom: 0;
}

.project-overview-page .project-overview-description-content .markdown,
.project-overview-page .project-overview-description-content .markdown * {
font-size: var(--po-body-size) !important;
font-family: var(--po-font) !important;
line-height: 1.35 !important;
}

.project-overview-page .project-overview-description-content .markdown {
color: var(--po-text-color);
}

.project-overview-page .project-overview-description-content .text-editor textarea,
.project-overview-page .project-overview-description-content .text-editor .text-editor-preview-area {
color: var(--po-text-color) !important;
font-size: var(--po-body-size) !important;
font-family: var(--po-font) !important;
line-height: 1.35 !important;
}

.project-overview-page .project-overview-description-content .fa,
.project-overview-page .project-overview-description-content .fa:before {
font-family: FontAwesome !important;
}

.project-overview-page .project-overview-description-content .markdown h1,
.project-overview-page .project-overview-description-content .markdown h2,
.project-overview-page .project-overview-description-content .markdown h3,
.project-overview-page .project-overview-description-content .markdown h4,
.project-overview-page .project-overview-description-content .markdown h5,
.project-overview-page .project-overview-description-content .markdown h6 {
font-size: 13px !important;
font-weight: 600 !important;
margin: 0 0 6px !important;
}

.project-overview-page .project-overview-section .buttons-header,
.project-overview-page .project-overview-section .buttons-header * {
font-family: var(--po-font) !important;
font-size: var(--po-body-size) !important;
}

.project-overview-page .project-overview-section .table-scrolling,
.project-overview-page .project-overview-section .table-scrolling *,
.project-overview-page .project-overview-section .file-thumbnails,
.project-overview-page .project-overview-section .file-thumbnails * {
color: #42526e !important;
font-size: var(--po-body-size) !important;
font-family: var(--po-font) !important;
line-height: 1.35 !important;
}

/* FILE: template-project-overview-workload.css */
.project-overview-workload-table {
width: 100%;
border-collapse: separate;
border-spacing: 0 6px;
table-layout: fixed;
}

.project-overview-workload-table th,
.project-overview-workload-table td {
border: 0;
padding: 4px 6px;
font-size: 13px;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
vertical-align: middle;
}

.project-overview-workload-table th {
color: var(--color-light);
font-weight: 600;
text-transform: uppercase;
letter-spacing: .04em;
font-size: 11px;
}

.project-overview-workload-assignee {
display: inline-flex;
align-items: center;
gap: 6px;
font-weight: 600;
color: var(--color-primary);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.project-overview-workload-avatar {
line-height: 0;
flex: 0 0 auto;
}

.project-overview-workload-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.project-overview-workload-number {
color: var(--color-medium);
white-space: nowrap;
text-align: left;
}

.project-overview-workload-bar {
height: 8px;
border-radius: 999px;
background: #e8edf3;
overflow: hidden;
flex: 1 1 auto;
}

.project-overview-workload-fill {
height: 100%;
background: linear-gradient(90deg, #5b8def 0%, #1e5dcc 100%);
border-radius: 999px;
}

.project-overview-workload-distribution {
display: flex;
align-items: center;
gap: 8px;
}

.project-overview-workload-percent {
flex: 0 0 auto;
min-width: 34px;
text-align: left;
color: var(--color-medium);
white-space: nowrap;
}

.project-overview-workload-count-col {
width: 56px;
}

/* FILE: template-project-permission-groups.css */
.permission-tab-panel-groups .table-list.group-management-permission-list,
.permission-tab-panel-groups .group-management-permission-list .permission-table-wrap,
.permission-tab-panel-groups .group-management-permission-list .permission-table,
.permission-tab-panel-groups .group-management-permission-list .permission-table tbody,
.permission-tab-panel-groups .group-management-permission-list .permission-table tr {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}

.permission-tab-panel-groups .group-management-permission-list .permission-table {
border-collapse: separate !important;
border-spacing: 0 8px !important;
}

.permission-tab-panel-groups .group-management-permission-list .permission-table td {
background: #ffffff !important;
border: 0 !important;
border-bottom: 1px solid var(--table-list-border-color) !important;
}

.permission-tab-panel-groups .group-management-permission-list .permission-table tr td:first-child {
border-top-left-radius: 12px !important;
border-bottom-left-radius: 12px !important;
}

.permission-tab-panel-groups .group-management-permission-list .permission-table tr td:last-child {
border-top-right-radius: 12px !important;
border-bottom-right-radius: 12px !important;
}

.permission-tab-panel-groups .table-list.group-management-permission-list .table-list-header {
display: none !important;
}

/* FILE: template-project-view-show.css */
.project-kpi-grid {
display: grid;
grid-template-columns: repeat(4, minmax(180px, 1fr));
gap: 12px;
margin-bottom: 14px;
}

.project-kpi-card {
border: 1px solid #d7e1eb;
border-radius: 14px;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
padding: 12px 14px;
box-shadow: 0 4px 14px rgba(23, 43, 77, 0.06);
}

.project-kpi-label {
font-size: 12px;
color: #5f6f82;
text-transform: uppercase;
letter-spacing: .04em;
margin-bottom: 8px;
}

.project-kpi-value {
font-size: 30px;
line-height: 1.1;
color: #172b4d;
font-weight: 700;
margin-bottom: 8px;
cursor: help;
}

.project-kpi-change {
display: inline-flex;
align-items: center;
font-size: 13px;
font-weight: 600;
border-radius: 999px;
padding: 3px 9px;
background: #eef3f8;
color: #43556d;
}

.project-kpi-change.is-positive {
color: #146c43;
background: #e8f6ef;
}

.project-kpi-change.is-negative {
color: #b23a2b;
background: #fdeeee;
}

.project-kpi-change.is-warning {
color: #9a5a00;
background: #fff2df;
}

.project-kpi-change.is-flat {
color: #4f637c;
background: #ecf1f6;
}

@media (max-width: 1100px) {
.project-kpi-grid {
grid-template-columns: repeat(2, minmax(180px, 1fr));
}
}

@media (max-width: 640px) {
.project-kpi-grid {
grid-template-columns: 1fr;
}
}

/* FILE: template-task-import-show.css */
.task-import-modal {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}

.task-import-modal h2 {
    margin-bottom: 16px;
    text-transform: none;
    color: #344563;
    border-bottom: 0 !important;
    text-decoration: none !important;
}

#project-list-quick-filter::placeholder,
#project-list-quick-filter::-webkit-input-placeholder,
#project-list-quick-filter::-moz-placeholder,
#project-list-quick-filter:-ms-input-placeholder,
#project-list-quick-filter::-ms-input-placeholder {
    font-size: 12px !important;
}

body #main .project-filter-search-wrap .project-filter-input::placeholder,
body #main .project-filter-search-wrap .project-filter-input::-webkit-input-placeholder,
body #main .project-filter-search-wrap .project-filter-input::-moz-placeholder,
body #main .project-filter-search-wrap .project-filter-input:-ms-input-placeholder,
body #main .project-filter-search-wrap .project-filter-input::-ms-input-placeholder {
    font-size: 9px !important;
    line-height: 1.2 !important;
    color: #8fa1b5 !important;
    opacity: 1 !important;
}

.task-import-row {
display: flex;
width: 100%;
box-sizing: border-box;
gap: 12px;
align-items: flex-start;
}

.task-import-field {
flex: 1;
min-width: 0;
box-sizing: border-box;
}

.task-import-field select {
width: 100%;
box-sizing: border-box;
}

.task-import-file-label {
margin-top: 10px;
}

.task-import-dropzone {
width: 100%;
display: block;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 14px;
padding: 22px 14px 12px;
background: #f3f4f6;
border: 1px dashed #b8bcc3;
border-radius: 10px;
text-align: center;
cursor: pointer;
transition: border-color .15s ease, background-color .15s ease;
}

.task-import-dropzone.is-dragover {
border-color: #4a90e2;
background: #eaf2ff;
}

.task-import-dropzone-main {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}

.task-import-dropzone-main .fa {
font-size: 22px;
color: #6b7280;
}

.task-import-dropzone .btn {
margin: 0;
font-size: 12px;
text-transform: uppercase;
border-radius: 8px;
letter-spacing: 0.4px;
padding: 6px 12px;
}

.task-import-dropzone input[type="file"] {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}

.task-import-dropzone .form-errors {
margin-top: 8px;
text-align: left;
}

.task-import-max-size {
margin-top: 8px;
color: #5b6370;
font-size: 0.9em;
}

.task-import-file-name {
margin-top: 6px;
color: #374151;
font-size: 0.9em;
}

.task-import-submit {
text-align: center;
margin-bottom: 14px;
}

.task-import-submit .btn {
min-width: 110px;
}

.task-import-modal .task-import-instructions {
list-style: none;
margin: 0;
padding: 0;
}

.task-import-modal .task-import-instructions li {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 4px;
}

.task-import-modal .task-import-instructions li .fa {
margin-top: 2px;
font-size: 12px;
color: #6b7280;
}

.task-import-modal .task-import-template-link,
.task-import-modal .task-import-template-link:visited,
.task-import-modal .task-import-template-link:hover,
.task-import-modal .task-import-template-link:active {
color: inherit;
text-decoration: none;
}

/* FILE: template-user-creation-show.css */
.user-creation-google-auth {
display: inline-flex;
align-items: center;
gap: 8px;
}
.user-creation-google-auth img {
width: 120px;
height: auto;
}

/* FILE: template-user-credential-password.css */
.user-password-card {
border: 1px solid var(--panel-border-color);
border-radius: 12px;
overflow: hidden;
background: var(--panel-background-color);
margin: 12px 0 16px 12px;
box-shadow: 0 6px 18px rgba(20, 35, 70, 0.08);
max-width: 860px;
}
.user-password-card-header {
display: flex;
align-items: center;
gap: 8px;
padding: 11px 16px;
border-bottom: 1px solid var(--panel-border-color);
font-size: 1.25em;
color: var(--color-primary);
background: #e9eff7;
}
.user-password-card-body {
padding: 14px 16px 16px;
}
.user-password-card fieldset {
border: none;
padding: 12px 14px 14px;
background: var(--panel-background-color);
}

/* FILE: template-user-list-listing.css */
.users-list-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}

.users-list-toolbar-count {
font-weight: 600;
}

.user-management-permission-list .users-list-table {
border-collapse: separate !important;
border-spacing: 0 12px !important;
}

.user-management-permission-list .users-list-table tr td {
background: #fff;
border-top: 1px solid #dfe3e8;
border-bottom: 1px solid #dfe3e8;
}

.user-management-permission-list .users-list-table tr td:first-child {
border-left: 1px solid #dfe3e8;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.user-management-permission-list .users-list-table tr td:last-child {
border-right: 1px solid #dfe3e8;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

.user-management-permission-list .permission-role-cell {
width: 420px;
min-width: 420px;
}

.user-management-permission-list .user-role-name {
width: 110px;
min-width: 110px;
display: inline-block;
}

.user-management-permission-list .user-role-note-wrap {
justify-content: flex-start;
align-items: flex-start;
gap: 8px;
}

.user-management-permission-list .user-role-note {
align-items: flex-start;
min-width: 0;
}

.user-management-permission-list .user-role-note-text {
text-align: left;
word-break: break-word;
}

/* FILE: template-user-modification-show.css */
.user-edit-sheet {
margin: 10px 8px 0 8px;
}
.user-edit-sheet .form-columns {
gap: 14px;
align-items: flex-start;
}
.user-edit-sheet .section-card {
margin-bottom: 10px;
border: 1px solid #c8ccd2;
border-radius: 10px;
background: #f6f7f9;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
padding: 10px 12px 12px;
}
.user-edit-sheet .section-title {
font-size: 1.08em;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
color: #101820;
margin: 2px 0 8px;
}
.user-edit-sheet .profile-layout {
display: grid;
grid-template-columns: 1fr 220px;
grid-template-areas:
"header header"
"left right";
gap: 10px 16px;
align-items: start;
}
.user-edit-sheet .profile-header {
grid-area: header;
}
.user-edit-sheet .profile-left {
grid-area: left;
}
.user-edit-sheet .profile-right {
grid-area: right;
display: flex;
justify-content: flex-end;
}
.user-edit-sheet .profile-google-logo {
width: 200px;
height: auto;
}
.user-edit-sheet .profile-static-value {
display: inline-block;
width: auto;
max-width: 100%;
border-radius: 8px;
border: 1px solid #c0c7d0;
background: #edf0f3;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
padding: 8px 10px;
min-height: 18px;
margin-bottom: 8px;
overflow-wrap: anywhere;
}
.user-edit-sheet label {
font-weight: 500;
}
.user-edit-sheet input[type="text"],
.user-edit-sheet input[type="email"],
.user-edit-sheet select {
border-radius: 8px;
border: 1px solid #c0c7d0;
background: #edf0f3;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.user-edit-sheet input[type="text"]:focus,
.user-edit-sheet input[type="email"]:focus,
.user-edit-sheet select:focus {
border-color: #6d91c6;
box-shadow: 0 0 0 2px rgba(75, 128, 201, 0.14);
}
.user-edit-sheet .avatar-block .avatar img,
.user-edit-sheet .avatar-block .avatar .avatar-letter,
.user-edit-sheet .avatar-block .avatar > div {
width: 70px;
height: 70px;
border-radius: 50%;
border: 2px solid #adb5bf;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
}
.user-edit-sheet .avatar-wrap {
display: inline-block;
}
.user-edit-sheet .avatar-block .avatar .avatar-letter,
.user-edit-sheet .avatar-block .avatar > div {
line-height: 70px;
font-size: 1.2em;
text-align: center;
}
.user-edit-sheet .avatar-upload-title,
.user-edit-sheet .security-title {
margin: 10px 0 6px;
font-size: 1.08em;
}
.user-edit-sheet .avatar-file-input {
display: none;
}
.user-edit-sheet .avatar-upload-label {
display: inline-block;
margin: 2px 0 8px;
cursor: pointer;
}
.user-edit-sheet .avatar-file-name {
display: none;
}
.user-edit-sheet .form-actions {
margin-top: 10px;
}
.user-edit-sheet .btn.btn-red {
min-width: 82px;
border-radius: 999px;
box-shadow: 0 2px 6px rgba(125, 0, 0, 0.28);
}
.user-edit-sheet .btn.btn-blue {
border-radius: 8px;
box-shadow: 0 2px 6px rgba(25, 74, 139, 0.35);
}
.user-edit-sheet .security-role-chip {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 2px;
}
.user-edit-sheet .security-role-chip .fa-check-circle {
color: #2aa44f;
}
@media (max-width: 980px) {
.user-edit-sheet .form-columns {
gap: 12px;
}
.user-edit-sheet .section-card {
margin-bottom: 8px;
}
.user-edit-sheet .profile-layout {
grid-template-columns: 1fr;
grid-template-areas:
"header"
"left"
"right";
}
.user-edit-sheet .profile-right {
justify-content: flex-start;
}
}

/* FILE: template-user-view-show.css */
.user-profile-card {
border: 1px solid var(--panel-border-color);
border-radius: 12px;
overflow: hidden;
background: var(--panel-background-color);
margin-bottom: 16px;
margin-left: 12px;
box-shadow: 0 6px 18px rgba(20, 35, 70, 0.08);
}
.user-profile-card:first-of-type {
margin-top: 12px;
}
.user-profile-card.user-profile-card-summary {
max-width: 860px;
width: 100%;
}
.user-profile-card-header {
display: flex;
align-items: center;
gap: 8px;
padding: 11px 16px;
border-bottom: 1px solid var(--panel-border-color);
font-size: 1.1em;
color: var(--color-primary);
background: #e9eff7;
}
.user-summary-card-body {
display: flex;
justify-content: space-between;
align-items: center;
gap: 18px;
padding: 14px;
}
.user-summary-main {
flex: 1 1 auto;
}
.user-summary-line {
margin-bottom: 7px;
color: var(--color-primary);
line-height: 1.35em;
font-size: .92em;
}
.user-summary-line:last-child {
margin-bottom: 0;
}
.user-summary-line-strong {
font-size: 1.25em;
font-weight: 700;
line-height: 1.2em;
}
.user-summary-icon {
color: var(--color-medium);
margin-right: 6px;
}
.user-summary-side {
display: flex;
align-items: center;
gap: 16px;
flex: 0 0 auto;
}
.user-summary-side .avatar.avatar-96 {
float: none;
margin: 0;
width: 96px;
height: 96px;
}
.user-summary-side .avatar.avatar-96 img,
.user-summary-side .avatar.avatar-96 div,
.user-summary-side .avatar.avatar-96 .avatar-letter {
width: 96px;
height: 96px;
border-radius: 50%;
line-height: 96px;
text-align: center;
}
.user-summary-side .avatar.avatar-96 .avatar-letter,
.user-summary-side .avatar.avatar-96 > div {
font-size: 2.1em;
font-weight: 700;
}
.user-summary-status-wrap {
white-space: nowrap;
color: var(--color-primary);
font-size: .9em;
}
.user-summary-status-badge {
display: inline-block;
margin-left: 6px;
padding: 3px 10px;
border-radius: 999px;
font-weight: 600;
font-size: .82em;
border: 1px solid transparent;
}
.user-summary-status-badge.is-active {
background: var(--alert-background-color-success);
color: var(--alert-color-success);
border-color: var(--alert-border-color-success);
}
.user-summary-status-badge.is-inactive {
background: var(--alert-background-color-error);
color: var(--alert-color-error);
border-color: var(--alert-border-color-error);
}
.user-profile-card-body {
padding: 14px 16px;
}
.user-profile-grid {
display: grid;
grid-template-columns: repeat(2, minmax(260px, 1fr));
column-gap: 26px;
row-gap: 8px;
}
.user-profile-item {
color: var(--color-primary);
line-height: 1.45em;
}
.user-profile-item i {
color: var(--color-medium);
margin-right: 8px;
width: 14px;
text-align: center;
}
.user-profile-item .status-badge {
display: inline-block;
margin-left: 4px;
padding: 2px 8px;
border-radius: 999px;
font-size: .88em;
font-weight: 600;
border: 1px solid transparent;
}
.user-profile-item .status-badge.is-enabled {
background: var(--alert-background-color-success);
color: var(--alert-color-success);
border-color: var(--alert-border-color-success);
}
.user-profile-item .status-badge.is-disabled {
background: var(--alert-background-color-default);
color: var(--color-medium);
border-color: var(--alert-border-color-default);
}
@media (max-width: 900px) {
.user-summary-card-body {
flex-direction: column;
align-items: flex-start;
}
.user-summary-side {
width: 100%;
justify-content: flex-start;
}
.user-profile-grid {
grid-template-columns: 1fr;
}
}

/* FILE: template-user-view-sidebar.css */
.user-left-sidebar {
background: #f4f7fb;
border-right: 1px solid #d8e0ea;
padding: 12px 10px;
}
.user-left-sidebar .sidebar-title h2 {
font-size: 1.3em;
font-weight: 500;
margin: 0;
color: #4f5a66;
}
.user-left-sidebar ul {
list-style: none;
margin: 0 0 12px 0;
padding: 0;
}
.user-left-sidebar li {
margin: 2px 0;
border-radius: 8px;
}
.user-left-sidebar li a {
display: flex;
align-items: center;
gap: 16px;
color: #2e3740;
text-decoration: none;
padding: 7px 8px;
border-radius: 12px;
font-size: .98em;
position: relative;
}
.user-left-sidebar li a .fa {
width: 14px;
text-align: center;
color: #66727f;
padding-right: 0;
margin-right: 8px;
}
.user-left-sidebar li.active a {
background: #e9eff7;
color: #1f2a33;
font-weight: 600;
border-radius: 12px;
}
.user-left-sidebar li.active,
#user-section .sidebar.user-left-sidebar li.active,
#user-section .sidebar.user-left-sidebar li.active a {
background: #e9eff7 !important;
border-radius: 12px !important;
}
.user-left-sidebar li.active a .fa {
color: #4d6782;
}
.user-left-sidebar li.active a::after {
content: "";
position: absolute;
right: -6px;
top: 6px;
bottom: 6px;
width: 3px;
border-radius: 999px;
background: #4f86c6;
}
.user-left-sidebar li.active::before,
.user-left-sidebar li:focus-within::before {
display: none !important;
content: none !important;
}
.user-left-sidebar li a::before,
.user-left-sidebar li.active a::before,
.user-left-sidebar li:hover a::before,
.user-left-sidebar li:focus-within a::before {
display: none !important;
content: none !important;
border: 0 !important;
width: 0 !important;
}
.user-left-sidebar li a:hover {
background: #e8eff7;
}

/* --- MIGRATED TEMPLATE/PLUGIN CSS END --- */

.btn-save-project{border-radius:14px;font-size:14px;line-height:1.2;padding:6px 12px}
.project-duplicate-options{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));column-gap:24px;row-gap:10px;margin:8px 0 12px}
.project-duplicate-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;min-height:28px;margin:0}
.project-duplicate-toggle input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}
.project-duplicate-toggle-ui{position:relative;display:inline-block;width:38px;height:22px;border-radius:999px;background:#dfe1e6;box-shadow:inset 0 0 0 1px #c7ced8;transition:background-color .2s ease,box-shadow .2s ease;flex:0 0 auto}
.project-duplicate-toggle-ui:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(9,30,66,.28);transition:transform .2s ease}
.project-duplicate-toggle input[type=checkbox]:checked + .project-duplicate-toggle-ui{background:#4f7dbf;box-shadow:inset 0 0 0 1px #3f6eaf}
.project-duplicate-toggle input[type=checkbox]:checked + .project-duplicate-toggle-ui:before{transform:translateX(16px)}
.project-duplicate-toggle input[type=checkbox]:focus-visible + .project-duplicate-toggle-ui{outline:2px solid #2d8be9;outline-offset:2px}
.project-duplicate-toggle-text{font-size:13px;font-weight:500;color:#344563;line-height:1.35}
.project-duplicate-options .form-help{margin:2px 0 4px 48px;color:var(--form-help-color)!important}
.project-task-settings-grid{display:grid;grid-template-columns:240px 1fr;column-gap:16px;row-gap:8px;align-items:center;margin:8px 0 12px}
.project-task-settings-grid .project-duplicate-toggle{max-width:240px}
.project-task-settings-grid .form-help{margin:0;color:var(--form-help-color)!important}
@media (max-width:700px){.project-duplicate-options{grid-template-columns:1fr}}
@media (max-width:700px){.project-task-settings-grid{grid-template-columns:1fr}.project-task-settings-grid .project-duplicate-toggle{max-width:none}}
/* Summernote icon fallback when summernote font files are missing */
.note-editor [class*=" note-icon"]:before,.note-editor [class^=note-icon]:before,.note-popover [class*=" note-icon"]:before,.note-popover [class^=note-icon]:before{font-family:FontAwesome!important}
.note-editor .note-icon-bold:before,.note-popover .note-icon-bold:before{content:"\f032"}
.note-editor .note-icon-italic:before,.note-popover .note-icon-italic:before{content:"\f033"}
.note-editor .note-icon-underline:before,.note-popover .note-icon-underline:before{content:"\f0cd"}
.note-editor .note-icon-strikethrough:before,.note-popover .note-icon-strikethrough:before{content:"\f0cc"}
.note-editor .note-icon-eraser:before,.note-popover .note-icon-eraser:before{content:"\f12d"}
.note-editor .note-icon-subscript:before,.note-popover .note-icon-subscript:before{content:"\f12c"}
.note-editor .note-icon-superscript:before,.note-popover .note-icon-superscript:before{content:"\f12b"}
.note-editor .note-icon-align-left:before,.note-popover .note-icon-align-left:before{content:"\f036"}
.note-editor .note-icon-align-center:before,.note-popover .note-icon-align-center:before{content:"\f037"}
.note-editor .note-icon-align-right:before,.note-popover .note-icon-align-right:before{content:"\f038"}
.note-editor .note-icon-align-justify:before,.note-popover .note-icon-align-justify:before{content:"\f039"}
.note-editor .note-icon-align-indent:before,.note-popover .note-icon-align-indent:before{content:"\f03c"}
.note-editor .note-icon-align-outdent:before,.note-popover .note-icon-align-outdent:before{content:"\f03b"}
.note-editor .note-icon-orderedlist:before,.note-popover .note-icon-orderedlist:before{content:"\f0cb"}
.note-editor .note-icon-unorderedlist:before,.note-popover .note-icon-unorderedlist:before{content:"\f0ca"}
.note-editor .note-icon-table:before,.note-popover .note-icon-table:before{content:"\f0ce"}
.note-editor .note-icon-link:before,.note-popover .note-icon-link:before{content:"\f0c1"}
.note-editor .note-icon-chain-broken:before,.note-popover .note-icon-chain-broken:before{content:"\f127"}
.note-editor .note-icon-picture:before,.note-popover .note-icon-picture:before{content:"\f03e"}
.note-editor .note-icon-video:before,.note-popover .note-icon-video:before{content:"\f03d"}
.note-editor .note-icon-code:before,.note-popover .note-icon-code:before{content:"\f121"}
.note-editor .note-icon-magic:before,.note-popover .note-icon-magic:before{content:"\f0d0"}
.note-editor .note-icon-question:before,.note-popover .note-icon-question:before{content:"\f128"}
.note-editor .note-icon-trash:before,.note-popover .note-icon-trash:before{content:"\f1f8"}
.note-editor .note-icon-pencil:before,.note-popover .note-icon-pencil:before{content:"\f040"}
.note-editor .note-icon-undo:before,.note-popover .note-icon-undo:before{content:"\f0e2"}
.note-editor .note-icon-redo:before,.note-popover .note-icon-redo:before{content:"\f01e"}



@media (max-width: 600px){.project-header .views-switcher-component{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}.project-header .views{width:max-content!important;min-width:100%!important;max-width:none!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px;overflow-x:visible!important;padding-bottom:2px}.project-header .views li{display:inline-block!important;flex:0 0 auto!important;margin-top:0!important}.project-header .views a.view-overview,.project-header .views a.view-board,.project-header .views a.view-listing,.project-header .views a.view-activity{font-size:0!important;line-height:1;display:inline-flex!important;align-items:center;justify-content:center;min-width:36px;height:34px;padding:0 10px!important;white-space:nowrap}.project-header .views a.view-overview .fa,.project-header .views a.view-board .fa,.project-header .views a.view-listing .fa,.project-header .views a.view-activity .fa{font-size:16px!important;width:16px!important;padding-right:0!important;margin-right:0!important;display:inline-block!important}}



/* Mobile project header fix */
@media (max-width: 600px){.project-header{display:block}.project-header-title{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}.project-header-title .project-header-name{flex:1 1 auto;min-width:0}.project-header-tools{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.project-header-tools .views-switcher-component{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}.project-header .views{float:none!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:max-content!important;min-width:100%!important;gap:6px!important;margin:0!important;padding:0 0 2px 0!important}.project-header .views li{display:inline-flex!important;flex:0 0 auto!important;height:auto!important;min-height:34px!important;padding:6px 10px!important;margin:0!important}.project-header .views a.view-overview,.project-header .views a.view-board,.project-header .views a.view-listing,.project-header .views a.view-activity{font-size:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}.project-header .views a.view-overview .fa,.project-header .views a.view-board .fa,.project-header .views a.view-listing .fa,.project-header .views a.view-activity .fa{font-size:16px!important;width:16px!important;padding-right:0!important;margin-right:0!important;display:inline-block!important}}