@charset "UTF-8";
/*@import '_variables';*/
/*$primary: #b6c435;*/
/*$primary: #8ec63e;*/
/*$primary: #181819;*/
/*$primary: $un-blue;*/
/*$danger: #ff3239;*/
/*$background-color-hover: rgba($primary, 0.2);*/
.btn, .search-form .card-header .scope-selector button {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(24, 24, 25, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn, .search-form .card-header .scope-selector button {
    transition: none;
  }
}
.btn:hover, .search-form .card-header .scope-selector button:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover, .search-form .card-header .scope-selector .btn-check + button:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible, .search-form .card-header .scope-selector button:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn, .search-form .card-header .scope-selector .btn-check:focus-visible + button {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, .search-form .card-header .scope-selector .btn-check:checked + button, :not(.btn-check) + .btn:active, .search-form .card-header .scope-selector :not(.btn-check) + button:active, .btn:first-child:active, .search-form .card-header .scope-selector button:first-child:active, .btn.active, .search-form .card-header .scope-selector button.active, .btn.show, .search-form .card-header .scope-selector button.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, .search-form .card-header .scope-selector .btn-check:checked + button:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .search-form .card-header .scope-selector :not(.btn-check) + button:active:focus-visible, .btn:first-child:active:focus-visible, .search-form .card-header .scope-selector button:first-child:active:focus-visible, .btn.active:focus-visible, .search-form .card-header .scope-selector button.active:focus-visible, .btn.show:focus-visible, .search-form .card-header .scope-selector button.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn, .search-form .card-header .scope-selector .btn-check:checked:focus-visible + button {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .search-form .card-header .scope-selector button:disabled, .btn.disabled, .search-form .card-header .scope-selector button.disabled, fieldset:disabled .btn, fieldset:disabled .search-form .card-header .scope-selector button, .search-form .card-header .scope-selector fieldset:disabled button {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #297372;
  --bs-btn-border-color: #297372;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(34.85, 97.75, 96.9);
  --bs-btn-hover-border-color: rgb(32.8, 92, 91.2);
  --bs-btn-focus-shadow-rgb: 73, 136, 135;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(32.8, 92, 91.2);
  --bs-btn-active-border-color: rgb(30.75, 86.25, 85.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #297372;
  --bs-btn-disabled-border-color: #297372;
}

.btn-secondary {
  --bs-btn-color: #181819;
  --bs-btn-bg: #ababae;
  --bs-btn-border-color: #ababae;
  --bs-btn-hover-color: #181819;
  --bs-btn-hover-bg: rgb(183.6, 183.6, 186.15);
  --bs-btn-hover-border-color: rgb(179.4, 179.4, 182.1);
  --bs-btn-focus-shadow-rgb: 149, 149, 152;
  --bs-btn-active-color: #181819;
  --bs-btn-active-bg: rgb(187.8, 187.8, 190.2);
  --bs-btn-active-border-color: rgb(179.4, 179.4, 182.1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #181819;
  --bs-btn-disabled-bg: #ababae;
  --bs-btn-disabled-border-color: #ababae;
}

.btn-danger {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #b91c1c;
  --bs-btn-border-color: #b91c1c;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(157.25, 23.8, 23.8);
  --bs-btn-hover-border-color: rgb(148, 22.4, 22.4);
  --bs-btn-focus-shadow-rgb: 196, 62, 62;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(148, 22.4, 22.4);
  --bs-btn-active-border-color: rgb(138.75, 21, 21);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #b91c1c;
  --bs-btn-disabled-border-color: #b91c1c;
}

.btn-success {
  --bs-btn-color: #181819;
  --bs-btn-bg: #17b04f;
  --bs-btn-border-color: #17b04f;
  --bs-btn-hover-color: #181819;
  --bs-btn-hover-bg: rgb(57.8, 187.85, 105.4);
  --bs-btn-hover-border-color: rgb(46.2, 183.9, 96.6);
  --bs-btn-focus-shadow-rgb: 23, 153, 71;
  --bs-btn-active-color: #181819;
  --bs-btn-active-bg: rgb(69.4, 191.8, 114.2);
  --bs-btn-active-border-color: rgb(46.2, 183.9, 96.6);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #181819;
  --bs-btn-disabled-bg: #17b04f;
  --bs-btn-disabled-border-color: #17b04f;
}

.btn-info {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0d6ed2;
  --bs-btn-border-color: #0d6ed2;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(11.05, 93.5, 178.5);
  --bs-btn-hover-border-color: rgb(10.4, 88, 168);
  --bs-btn-focus-shadow-rgb: 49, 132, 217;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(10.4, 88, 168);
  --bs-btn-active-border-color: rgb(9.75, 82.5, 157.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #0d6ed2;
  --bs-btn-disabled-border-color: #0d6ed2;
}

.btn-warning {
  --bs-btn-color: #181819;
  --bs-btn-bg: #F08650;
  --bs-btn-border-color: #F08650;
  --bs-btn-hover-color: #181819;
  --bs-btn-hover-bg: rgb(242.25, 152.15, 106.25);
  --bs-btn-hover-border-color: rgb(241.5, 146.1, 97.5);
  --bs-btn-focus-shadow-rgb: 208, 117, 72;
  --bs-btn-active-color: #181819;
  --bs-btn-active-bg: rgb(243, 158.2, 115);
  --bs-btn-active-border-color: rgb(241.5, 146.1, 97.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #181819;
  --bs-btn-disabled-bg: #F08650;
  --bs-btn-disabled-border-color: #F08650;
}

.btn-light {
  --bs-btn-color: #181819;
  --bs-btn-bg: #f4f4f9;
  --bs-btn-border-color: #f4f4f9;
  --bs-btn-hover-color: #181819;
  --bs-btn-hover-bg: rgb(207.4, 207.4, 211.65);
  --bs-btn-hover-border-color: rgb(195.2, 195.2, 199.2);
  --bs-btn-focus-shadow-rgb: 211, 211, 215;
  --bs-btn-active-color: #181819;
  --bs-btn-active-bg: rgb(195.2, 195.2, 199.2);
  --bs-btn-active-border-color: rgb(183, 183, 186.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #181819;
  --bs-btn-disabled-bg: #f4f4f9;
  --bs-btn-disabled-border-color: #f4f4f9;
}

.btn-dark {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #303030;
  --bs-btn-border-color: #303030;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(79.05, 79.05, 79.05);
  --bs-btn-hover-border-color: rgb(68.7, 68.7, 68.7);
  --bs-btn-focus-shadow-rgb: 79, 79, 79;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(89.4, 89.4, 89.4);
  --bs-btn-active-border-color: rgb(68.7, 68.7, 68.7);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #303030;
  --bs-btn-disabled-border-color: #303030;
}

.btn-outline-primary {
  --bs-btn-color: #297372;
  --bs-btn-border-color: #297372;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #297372;
  --bs-btn-hover-border-color: #297372;
  --bs-btn-focus-shadow-rgb: 41, 115, 114;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #297372;
  --bs-btn-active-border-color: #297372;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #297372;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #297372;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #ababae;
  --bs-btn-border-color: #ababae;
  --bs-btn-hover-color: #181819;
  --bs-btn-hover-bg: #ababae;
  --bs-btn-hover-border-color: #ababae;
  --bs-btn-focus-shadow-rgb: 171, 171, 174;
  --bs-btn-active-color: #181819;
  --bs-btn-active-bg: #ababae;
  --bs-btn-active-border-color: #ababae;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #ababae;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ababae;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #b91c1c;
  --bs-btn-border-color: #b91c1c;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #b91c1c;
  --bs-btn-hover-border-color: #b91c1c;
  --bs-btn-focus-shadow-rgb: 185, 28, 28;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #b91c1c;
  --bs-btn-active-border-color: #b91c1c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #b91c1c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #b91c1c;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #17b04f;
  --bs-btn-border-color: #17b04f;
  --bs-btn-hover-color: #181819;
  --bs-btn-hover-bg: #17b04f;
  --bs-btn-hover-border-color: #17b04f;
  --bs-btn-focus-shadow-rgb: 23, 176, 79;
  --bs-btn-active-color: #181819;
  --bs-btn-active-bg: #17b04f;
  --bs-btn-active-border-color: #17b04f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #17b04f;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #17b04f;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0d6ed2;
  --bs-btn-border-color: #0d6ed2;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0d6ed2;
  --bs-btn-hover-border-color: #0d6ed2;
  --bs-btn-focus-shadow-rgb: 13, 110, 210;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0d6ed2;
  --bs-btn-active-border-color: #0d6ed2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #0d6ed2;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6ed2;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #F08650;
  --bs-btn-border-color: #F08650;
  --bs-btn-hover-color: #181819;
  --bs-btn-hover-bg: #F08650;
  --bs-btn-hover-border-color: #F08650;
  --bs-btn-focus-shadow-rgb: 240, 134, 80;
  --bs-btn-active-color: #181819;
  --bs-btn-active-bg: #F08650;
  --bs-btn-active-border-color: #F08650;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #F08650;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #F08650;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f4f4f9;
  --bs-btn-border-color: #f4f4f9;
  --bs-btn-hover-color: #181819;
  --bs-btn-hover-bg: #f4f4f9;
  --bs-btn-hover-border-color: #f4f4f9;
  --bs-btn-focus-shadow-rgb: 244, 244, 249;
  --bs-btn-active-color: #181819;
  --bs-btn-active-bg: #f4f4f9;
  --bs-btn-active-border-color: #f4f4f9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #f4f4f9;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f4f4f9;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #303030;
  --bs-btn-border-color: #303030;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #303030;
  --bs-btn-hover-border-color: #303030;
  --bs-btn-focus-shadow-rgb: 48, 48, 48;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #303030;
  --bs-btn-active-border-color: #303030;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(24, 24, 25, 0.125);
  --bs-btn-disabled-color: #303030;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #303030;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #7a7a7d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 73, 136, 135;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn, .search-form .card-header .scope-selector .btn-group-lg > button {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm, .btn-group-sm > .btn, .search-form .card-header .scope-selector .btn-group-sm > button {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn, .search-form .card-header .scope-selector .btn-group > button,
.btn-group-vertical > .btn,
.search-form .card-header .scope-selector .btn-group-vertical > button {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn, .search-form .card-header .scope-selector .btn-group > .btn-check:checked + button,
.btn-group > .btn-check:focus + .btn,
.search-form .card-header .scope-selector .btn-group > .btn-check:focus + button,
.btn-group > .btn:hover,
.search-form .card-header .scope-selector .btn-group > button:hover,
.btn-group > .btn:focus,
.search-form .card-header .scope-selector .btn-group > button:focus,
.btn-group > .btn:active,
.search-form .card-header .scope-selector .btn-group > button:active,
.btn-group > .btn.active,
.search-form .card-header .scope-selector .btn-group > button.active,
.btn-group-vertical > .btn-check:checked + .btn,
.search-form .card-header .scope-selector .btn-group-vertical > .btn-check:checked + button,
.btn-group-vertical > .btn-check:focus + .btn,
.search-form .card-header .scope-selector .btn-group-vertical > .btn-check:focus + button,
.btn-group-vertical > .btn:hover,
.search-form .card-header .scope-selector .btn-group-vertical > button:hover,
.btn-group-vertical > .btn:focus,
.search-form .card-header .scope-selector .btn-group-vertical > button:focus,
.btn-group-vertical > .btn:active,
.search-form .card-header .scope-selector .btn-group-vertical > button:active,
.btn-group-vertical > .btn.active,
.search-form .card-header .scope-selector .btn-group-vertical > button.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn, .search-form .card-header .scope-selector .btn-group > :not(.btn-check:first-child) + button,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .search-form .card-header .scope-selector .btn-group > button:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.search-form .card-header .scope-selector .btn-group > button.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn,
.search-form .card-header .scope-selector .btn-group > .btn-group:not(:last-child) > button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3), .search-form .card-header .scope-selector .btn-group > button:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.search-form .card-header .scope-selector .btn-group > :not(.btn-check) + button,
.btn-group > .btn-group:not(:first-child) > .btn,
.search-form .card-header .scope-selector .btn-group > .btn-group:not(:first-child) > button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .search-form .card-header .scope-selector .btn-group-sm > button + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .search-form .card-header .scope-selector .btn-group-lg > button + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn, .search-form .card-header .scope-selector .btn-group-vertical > button,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child), .search-form .card-header .scope-selector .btn-group-vertical > button:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .search-form .card-header .scope-selector .btn-group-vertical > button:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.search-form .card-header .scope-selector .btn-group-vertical > .btn-group:not(:last-child) > button {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn, .search-form .card-header .scope-selector .btn-group-vertical > button ~ .btn, .search-form .card-header .scope-selector .btn-group-vertical > .btn ~ button, .search-form .card-header .scope-selector .btn-group-vertical > button ~ button,
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.search-form .card-header .scope-selector .btn-group-vertical > .btn-group:not(:first-child) > button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*.page-wrapper {
    width: 1366px;
}*/
/**/
::-webkit-scrollbar {
  width: 18px;
}

::-webkit-scrollbar-thumb {
  background-color: #297372;
}

a {
  text-decoration: none;
  color: #297372;
}

i {
  margin-right: 0.25rem;
}

button i {
  margin-right: 0;
}

h3 {
  color: #297372;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.2rem;
}
h3 i {
  margin-right: 0.5rem;
  color: #297372;
  font-weight: 700;
}

label.form-label {
  width: 100%;
  margin-bottom: 1rem;
}

label.form-check-label {
  display: flex;
  align-items: center;
  gap: 0.5rem !important;
  font-weight: 600;
}

.btn-primary:hover {
  color: #297372;
  background-color: #ffffff !important;
}
.btn-primary:hover i::before {
  color: #297372;
}

.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 1.4rem;
  background: #297372;
  color: #ffffff;
  border: none;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.875rem;
  transition: background 0.18s, transform 0.12s;
}
.btn-primary:hover {
  background: #297372;
  transform: translateY(-1px);
  color: #ffffff;
}

.btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 1.2rem;
  background: #ffffff;
  color: #181819;
  border: 1.5px solid #ccc;
  border-radius: 0.25rem;
  font-weight: 500;
  font-size: 0.875rem;
  transition: border-color 0.18s, color 0.18s, transform 0.12s;
}
.btn-secondary:hover {
  border-color: #888;
  color: #ffffff;
  background-color: #181819 !important;
  transform: translateY(-1px);
}

.btn-delete {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 1.2rem;
  background: #b91c1c;
  color: #ffffff;
  border: 1.5px solid #ccc;
  border-radius: 0.25rem;
  font-weight: 500;
  font-size: 0.875rem;
  transition: border-color 0.18s, color 0.18s, transform 0.12s;
}
.btn-delete:hover {
  border-color: #b91c1c;
  color: #b91c1c;
  background-color: #ffffff !important;
  transform: translateY(-1px);
}
.btn-delete:hover i:before {
  color: #b91c1c;
}

.btn-outline-primary {
  color: #181819;
}
.btn-outline-primary:hover {
  background-color: #297372 !important;
  color: #ffffff;
}

.btn-outline-secondary:hover {
  color: #297372;
  background-color: #ffffff !important;
}
.btn-outline-secondary:hover i::before {
  color: #297372;
}

.btn-primary:hover, .btn-outline-secondary:hover {
  background-color: rgba(41, 115, 114, 0.5) !important;
  /*background-color: $success !important;*/
  color: #ffffff;
}
.btn-primary:hover i::before, .btn-outline-secondary:hover i::before {
  color: #ffffff;
}

.btn-outline-success {
  border-color: #297372;
  color: #297372;
}
.btn-outline-success:hover {
  /*background-color: $success !important;*/
  background-color: #297372 !important;
}

.btn-outline-warning:hover {
  background-color: #F08650 !important;
}

.btn-outline-info:hover {
  background-color: #0d6ed2 !important;
}

.btn-outline-danger:hover {
  background-color: #b91c1c !important;
}

.btn-icon {
  width: 33px;
  height: 29px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-icon i {
  margin: 0;
  font-size: 0.75rem;
}

.autocomplete {
  position: relative;
}
.autocomplete .autocomplete-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1050;
  margin: 0;
  max-height: 300px;
  overflow-y: auto;
  background-color: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.alert.alert-danger {
  color: #b91c1c;
  background-color: #fdf1f1;
  padding: 0.75rem;
  border: none;
  font-weight: 600;
}
.alert.alert-danger i::before {
  font-weight: 600;
}

.pagination-container nav {
  display: flex;
  justify-content: end;
}
.pagination-container .input-group {
  width: 350px;
}
.pagination-container .input-group .form-control {
  /*background-color: $primary;
  color: $white;*/
}
.pagination-container .input-group .input-group-text {
  background-color: #297372;
  color: #ffffff;
}
.pagination-container .input-group .btn, .pagination-container .input-group .search-form .card-header .scope-selector button, .search-form .card-header .scope-selector .pagination-container .input-group button {
  background-color: #297372;
  color: #ffffff;
  padding: 8px 24px;
}
.pagination-container .input-group .btn:hover, .pagination-container .input-group .search-form .card-header .scope-selector button:hover, .search-form .card-header .scope-selector .pagination-container .input-group button:hover {
  opacity: 0.5;
}

.card-body.alert.alert-danger {
  /*padding: 1rem 1rem;*/
  position: relative;
  margin-left: -0.5rem;
}
.card-body.alert.alert-danger i {
  padding-left: 0.5rem;
}

.delete .text-muted {
  font-size: 80%;
  letter-spacing: 0;
}

.properties {
  display: grid;
  grid-template-columns: 20px max-content 1fr;
  column-gap: 12px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 2rem;
}
.properties:last-child {
  margin-bottom: 0;
}
.properties .property {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
  align-items: baseline;
  border-top: 1px solid #f0f0f0;
  transition: background-color 0.15s ease;
}
.properties .property:first-child {
  border-top: none;
}
.properties .property .icon {
  width: auto !important;
  flex: none !important;
  font-size: 0.85rem;
  color: #297372;
  padding: 8px 4px;
  text-align: center;
}
.properties .property .icon .fs-3 {
  font-size: 0.9rem !important;
}
.properties .property .name {
  width: auto !important;
  flex: none !important;
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  padding: 8px 0;
  white-space: nowrap;
}
.properties .property .value {
  width: auto !important;
  flex: none !important;
  font-size: 0.875rem;
  padding: 8px 0;
  min-width: 0;
  overflow: hidden;
}

.app-brand {
  display: flex;
  margin-bottom: 12px;
  padding: 0 1rem;
}
.app-brand a {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.app-brand svg {
  display: inline-flex;
}
.app-brand span {
  color: #ffffff;
  font-size: 32px;
  display: inline-flex;
  margin-bottom: 0;
}

.sidebar-wrapper {
  display: flex;
  flex-direction: column;
  width: 255px;
}
.sidebar-wrapper .sidebarMenuScroll {
  flex-grow: 1;
}
.sidebar-wrapper .sidebarMenuScroll .caption {
  font-size: 1.125rem;
  padding: 0 1rem;
  font-weight: 600;
}

.pinned .sidebar-wrapper {
  min-width: 65px !important;
}
.pinned .sidebarMenuScroll {
  overflow-y: hidden !important;
}
.pinned .sidebarMenuScroll .caption {
  display: none;
}
.pinned.sidebar-hovered .sidebarMenuScroll {
  overflow-y: auto !important;
}
.pinned.sidebar-hovered .caption {
  display: block;
}

.app-header .header-buttons {
  margin-left: auto;
  margin-right: 16px;
}
.app-header .header-actions {
  margin-left: unset;
  gap: 4px;
}

.app-body {
  padding: 1.5rem;
}

.alternate > :nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.alternate > :nth-child(even) {
  background-color: none;
}
.alternate > :hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.alternate .accordion-item:nth-child(odd) button {
  background-color: rgba(0, 0, 0, 0.05);
}
.alternate .accordion-item:nth-child(even) button {
  background-color: none;
}
.alternate .accordion-header button {
  color: #297372;
}
.alternate .accordion-header button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.data-table {
  display: grid;
  width: 100%;
  max-width: 100%;
}
.data-table .cell.header {
  font-weight: 600;
  background-color: #297372;
  color: #ffffff;
  cursor: pointer;
  user-select: none;
  white-space: normal;
  position: relative;
}
.data-table .cell.header::after {
  display: inline;
  margin-left: 4px;
  opacity: 0.5;
  color: #fff;
  font-weight: 400;
}
.data-table .cell.header.sorting::after {
  content: "⇅";
}
.data-table .cell.header.sorting_asc::after {
  content: "↑";
  opacity: 1;
}
.data-table .cell.header.sorting_desc::after {
  content: "↓";
  opacity: 1;
}
.data-table .cell.header.sorting_asc::before {
  opacity: 1;
}
.data-table .cell.header.sorting_desc::after {
  opacity: 1;
}
.data-table .cell.header:hover {
  opacity: 0.85;
}
.data-table .row {
  display: contents;
}
.data-table .row:where(:nth-child(odd of .row)) .cell {
  background-color: rgba(0, 0, 0, 0.05);
}
.data-table .row:where(:nth-child(even of .row)) .cell {
  background-color: none;
}
.data-table .row:hover .cell {
  background-color: rgba(0, 0, 0, 0.1);
  /*background-color: $primary;
  color: $white;
  opacity:0.5;*/
}
.data-table .cell {
  padding: 8px;
  border-bottom: 1px solid #dcdce0;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
  user-select: text;
  -webkit-user-select: text;
}
.data-table .cell[href] {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  padding: 10px;
}
.data-table .cell.date {
  white-space: nowrap;
}
.data-table .cell.min {
  white-space: nowrap;
}
.data-table .cell.commands {
  justify-content: flex-end;
}
.data-table .btn-outline-success,
.data-table .btn-outline-warning,
.data-table .btn-outline-info,
.data-table .btn-outline-danger,
.data-table .btn-outline-primary {
  width: 33px;
  height: 29px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.data-table .btn-outline-success i,
.data-table .btn-outline-warning i,
.data-table .btn-outline-info i,
.data-table .btn-outline-danger i,
.data-table .btn-outline-primary i {
  margin: 0;
  font-size: 0.75rem;
}

.dataTables_length {
  padding-top: 0.5rem;
}

.grid-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
}
.grid-footer .count {
  flex: 1;
}
.grid-footer .count label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.grid-footer .count label .form-select {
  width: auto;
  min-width: 4.75rem;
  flex: 0 0 auto;
}
.app-body {
  padding-top: 16px;
}

.card-header {
  background-color: transparent;
}

.page h1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ffffff;
  font-weight: 600;
  /*padding-bottom: 8px;*/
  text-transform: uppercase;
  letter-spacing: 5px;
  background-color: #297372;
  padding: 0.25rem 0;
}
.page h1 i {
  font-size: 70%;
  vertical-align: middle;
  text-align: center;
  margin: 0;
  padding-left: 0.5rem;
}
.page h1 i:before {
  background-color: #297372;
  color: #ffffff;
  padding: 0.33rem;
  margin: 0;
}
.page .card {
  margin-bottom: 1.5rem;
}
.page .card .card-body {
  padding-bottom: 1rem;
}
.page .card.card-grid h2 {
  font-size: 1.5rem;
}
.page .card.card-grid .card-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 0;
}
.page .results .card-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 0;
}
.page .results .card-header h2 {
  flex: 1;
  margin-bottom: 0;
  font-size: 1.5rem;
}

.search-form {
  flex-wrap: wrap;
}
.search-form .card-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 16px;
  padding-bottom: 0px;
}
.search-form .card-header h2 {
  font-size: 1.5rem;
}
.search-form .card-header .scope-selector {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.search-form .card-header .scope-selector .title {
  margin-right: 1rem;
  color: #626264;
}
.search-form .card-header .scope-selector button {
  border-color: #297372 !important;
  color: #297372;
  background-color: #ffffff;
  font-size: 80%;
  padding: 0.25rem 0.5rem;
}
.search-form .card-header .scope-selector button i {
  margin-right: 0.33rem;
}
.search-form .card-header .scope-selector button .text {
  margin: 0;
}
.search-form .card-header .scope-selector button.active {
  color: #ffffff;
  background-color: #297372;
}
.search-form .card-header .scope-selector button:hover {
  background-color: rgba(41, 115, 114, 0.5) !important;
  color: #ffffff;
}
.search-form .card-header .scope-selector button:hover i::before {
  color: #ffffff;
}
.search-form .cells {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex: 1 0 100px;
  flex-wrap: wrap;
}
.search-form .cells .cell {
  flex-grow: 1;
}
.search-form .cells .year-selection {
  min-width: 130px;
  max-width: 130px;
}
.search-form .cells .text {
  width: 100px;
  max-width: 200px;
}
.search-form .cells .dropdown {
  min-width: 100px;
  max-width: 200px;
}
.search-form .cells .dropdown-xl {
  min-width: 150px;
  max-width: 250px;
}
.search-form .cells .auto {
  max-width: none;
}
.search-form .form-label {
  display: block;
  margin: 4px 0px;
}
.search-form .form-label span {
  display: block;
  padding: 2px;
  white-space: nowrap;
}
.search-form .form-label option.placeholder {
  display: none;
}
.search-form .form-label.checkbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  height: 100%;
  padding-top: 16px;
}
.search-form .card-body {
  padding: 0px 16px;
}
.search-form .buttons {
  padding-top: 1.5rem;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 0.5rem;
}
.search-form .buttons i {
  margin-right: 0.25rem;
}
.search-form .buttons button {
  padding: 0.5rem 1rem;
}

.offcanvas-section {
  padding: 0;
}
.offcanvas-section .offcanvas-body-inner {
  /*padding: 0 1.25rem 1.25rem;*/
}
.offcanvas-section .offcanvas-body-inner h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0;
}
.offcanvas-section .offcanvas-header-custom {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  padding: 0.595rem 1.25rem;
  margin-bottom: 1.25rem;
  background: #297372;
  color: #ffffff;
}
.offcanvas-section .offcanvas-header-custom i {
  font-size: 1.5rem;
  color: #ffffff;
}
.offcanvas-section .offcanvas-header-custom h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
}
.offcanvas-section .condition {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.75rem;
  border-radius: 0.4rem;
  margin-bottom: 0.4rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.offcanvas-section .condition--ok {
  background: #edfaf3;
  color: #1a7a45;
}
.offcanvas-section .condition--fail {
  background: #fdf1f1;
  color: #b91c1c;
}
.offcanvas-section .card {
  position: relative;
  overflow: hidden;
  padding: 1rem 1.1rem;
  border-radius: 0.5rem 0 0.5rem 0.5rem !important;
  background: #f0faf4;
  border-top: none;
}
.offcanvas-section .card:has(.autocomplete-list) {
  overflow: visible;
}
.offcanvas-section .card::after, .offcanvas-section .card.with-border::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 0;
  border-color: transparent #297372 transparent transparent;
}
.offcanvas-section .card h3 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #297372;
  margin-bottom: 0.85rem;
}
.offcanvas-section .card-2 .form-select.invalid, .offcanvas-section .card-2 .form-select[aria-invalid=true],
.offcanvas-section .card-2 input.invalid,
.offcanvas-section .card-2 input[aria-invalid=true] {
  background-color: #fff0f0 !important;
  transition: background-color 0.2s ease;
}
.offcanvas-section .actions {
  display: flex;
  gap: 0.75rem;
  margin-top: 0.5rem;
}
.offcanvas-section .validation-message,
.offcanvas-section div[class~=validation-message] {
  display: block;
  margin-top: 0.3rem;
  padding: 0.25rem 0.6rem;
  background: #fff5f5;
  border-left: 3px solid #dc3545;
  border-radius: 0.2rem;
  color: #b91c1c;
  font-size: 0.8rem;
  font-weight: 500;
}
.offcanvas-section .toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.75rem 0.3rem 0.35rem;
  border: none;
  border-radius: 2rem;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.offcanvas-section .toggle--on {
  background: var(--af-teal, #2a9d8f);
  color: #fff;
}
.offcanvas-section .toggle--off {
  background: #e0e0e0;
  color: #555;
}
.offcanvas-section .toggle-knob {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.1rem;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  flex-shrink: 0;
}
.offcanvas-section .toggle-knob-dot {
  width: 0.45rem;
  height: 0.45rem;
  background: var(--af-teal, #2a9d8f);
  border-radius: 50%;
}
.offcanvas-section.delete .card-header {
  padding: 0;
}
.offcanvas-section.delete .btn-primary {
  background-color: rgb(255, 0, 0);
  border: 1px solid rgb(255, 0, 0);
}
.offcanvas-section.delete .btn-primary:hover {
  background-color: #ffffff !important;
  border-color: rgb(255, 0, 0);
  color: rgb(255, 0, 0);
}
.offcanvas-section.delete .btn-primary:hover i::before {
  color: rgb(255, 0, 0);
}
.offcanvas-section.delete .btn-primary {
  background-color: #b91c1c;
  border: 1px solid #b91c1c;
}
.offcanvas-section.delete .btn-primary:hover {
  background-color: #ffffff !important;
  border-color: #b91c1c;
  color: #b91c1c;
}
.offcanvas-section.delete .btn-primary:hover i::before {
  color: #b91c1c;
}
.offcanvas-section.preview .card {
  border-radius: 0.5rem;
  padding: 0;
  border: none;
  background-color: #ffffff;
}
.offcanvas-section.preview .card .card-body {
  padding: 0;
  margin-top: 1rem;
}
.offcanvas-section.preview .card .card-header {
  background-color: #297372;
  color: #ffffff;
  margin: 0px 0px;
}
.offcanvas-section.edit h3, .offcanvas-section.common h3 {
  margin-bottom: 0.85rem;
}
.offcanvas-section.edit .card-header, .offcanvas-section.common .card-header {
  padding: 0;
}
.offcanvas-section.edit .card-body, .offcanvas-section.common .card-body {
  padding: 0;
}
.offcanvas-section.edit .cells, .offcanvas-section.common .cells {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.offcanvas-section.edit .cells .cell label, .offcanvas-section.common .cells .cell label {
  width: 100%;
}
.offcanvas-section.edit .cells .cell.half, .offcanvas-section.common .cells .cell.half {
  width: calc(50% - 0.5rem);
}
.offcanvas-section.edit .cells .cell.full, .offcanvas-section.common .cells .cell.full {
  width: 100%;
}
.offcanvas-section.edit .cells .cell .checkbox, .offcanvas-section.common .cells .cell .checkbox {
  display: flex;
  gap: 0.5rem;
  flex-direction: row;
  align-items: center;
}
.offcanvas-section.edit .cells .cell .checkbox .title, .offcanvas-section.common .cells .cell .checkbox .title {
  /*display: block;
  margin-bottom: 2px;*/
}
.offcanvas-section.edit.edit-record .title, .offcanvas-section.common.edit-record .title {
  display: inline-block;
  margin-bottom: 0;
}
.offcanvas-section.common .card-header, .offcanvas-section.common .card-body {
  padding: 0;
}

.documentfolder-index-page .search-form .buttons {
  border-top: 0.8px solid #e2e3e5;
  padding-top: 1rem;
}
.documentfolder-index-page .accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23297372'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);
}
.documentfolder-index-page #advancedFilterAccordion {
  margin-top: 1rem;
}
.documentfolder-index-page #advancedFilterAccordion .accordion-item {
  border: none;
}
.documentfolder-index-page #advancedFilterAccordion .accordion-button {
  padding: 1rem 0.5rem;
  color: #297372;
  font-weight: 600;
  width: 175px;
}
.documentfolder-index-page #advancedFilterAccordion .accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}
.documentfolder-index-page #advancedFilterAccordion .accordion-button:not(.collapsed) {
  background-color: inherit;
  box-shadow: none;
}
.documentfolder-index-page #advancedFilterAccordion #advancedFilter {
  border-radius: 0px;
}
.documentfolder-index-page #advancedFilterAccordion .accordion-body {
  padding: 0px;
}
.documentfolder-index-page .filter-subsection {
  border: 1px solid #e2e3e5;
  border-radius: 0.375rem;
  padding: 1rem;
  background-color: #f4f4f9;
  margin-bottom: 1rem;
}
.documentfolder-index-page .filter-subsection h3 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.documentfolder-index-page .filter-subsection.podnet h3, .documentfolder-index-page .filter-subsection.registratura h3 {
  color: #297372;
}
.documentfolder-index-page .filter-subsection.podnet .cells, .documentfolder-index-page .filter-subsection.registratura .cells {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
.documentfolder-index-page .filter-subsection.podnet .cell, .documentfolder-index-page .filter-subsection.registratura .cell {
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.documentfolder-index-page .filter-subsection.podnet .input-group-text.calendar, .documentfolder-index-page .filter-subsection.registratura .input-group-text.calendar {
  width: 36px;
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 36px;
}
.documentfolder-index-page .filter-subsection.podnet .input-group-text.calendar .icon-calendar, .documentfolder-index-page .filter-subsection.registratura .input-group-text.calendar .icon-calendar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.documentfolder-index-page .filter-subsection.podnet .input-group-text.calendar .icon-calendar::before, .documentfolder-index-page .filter-subsection.registratura .input-group-text.calendar .icon-calendar::before {
  margin: 0;
  line-height: 1;
  font-size: 16px;
}
.documentfolder-index-page.registratura h3 {
  color: #ababae;
}
.documentfolder-index-page:last-child {
  margin-bottom: 0;
}
.documentfolder-index-page .data-table {
  grid-template-columns: 105px minmax(120px, 4fr) 60px minmax(105px, 1fr) 70px minmax(50px, 1fr) minmax(85px, 1fr) minmax(85px, 1fr) max-content max-content;
}
.documentfolder-index-page .data-table .statuses, .documentfolder-index-page .data-table .type, .documentfolder-index-page .data-table .owners {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
}

.records-index-page .data-table {
  /*grid-template-columns: $date-width minmax(120px, 1.5fr) $dropdown-width $date-width $date-width minmax(160px, 2fr) 100px minmax(120px, 1.5fr) 90px max-content;*/
  grid-template-columns: max-content minmax(120px, 1.5fr) 100px minmax(120px, 1fr) max-content max-content minmax(110px, 0.5fr) minmax(100px, 0.5fr) minmax(100px, 0.5fr) max-content;
}

.records-received-page .data-table {
  grid-template-columns: max-content minmax(120px, 1.5fr) minmax(120px, 1fr) max-content max-content;
}

.records-sending-page .data-table {
  grid-template-columns: minmax(200px, max-content) minmax(120px, 1.5fr) minmax(120px, 1fr) max-content max-content max-content;
}

.remedy-index-page .data-table {
  /*grid-template-columns: $date-width minmax(120px, 1.5fr) $dropdown-width $date-width $date-width minmax(160px, 2fr) 100px minmax(120px, 1.5fr) 90px max-content;*/
  grid-template-columns: 95px minmax(120px, 1.5fr) 100px 95px 95px 100px 90px max-content;
}

.prosecution-trial-index-page .data-table {
  /*grid-template-columns: $date-width minmax(120px, 1.5fr) minmax(120px, 1.5fr) $dropdown-width $dropdown-width $date-width minmax(160px, 2fr) $dropdown-width minmax(120px, 1.5fr) 90px max-content;*/
  grid-template-columns: 95px minmax(120px, 1.5fr) minmax(120px, 1.5fr) 100px 100px 110px 100px max-content;
}

.court-trial-index-page .data-table {
  /*grid-template-columns: $date-width minmax(120px, 1.5fr) minmax(120px, 1.5fr) $dropdown-width $dropdown-width $date-width minmax(160px, 2fr) $dropdown-width minmax(120px, 1.5fr) 90px max-content;*/
  grid-template-columns: 95px minmax(120px, 1.5fr) minmax(120px, 1.5fr) 100px 100px 110px 100px max-content;
}

.deadline-index-page .data-table {
  /*grid-template-columns: $date-width $date-width minmax(120px, 1.5fr) $dropdown-width $dropdown-width $dropdown-width minmax(160px, 2fr) max-content;*/
  grid-template-columns: 95px 95px minmax(120px, 1.5fr) 100px 100px max-content;
}

.events-index-page .data-table {
  grid-template-columns: 95px 95px minmax(120px, 1.5fr) minmax(160px, 2fr) minmax(120px, 1.5fr) minmax(120px, 1.5fr) 100px 100px max-content;
}

.tasks-search-index-page .data-table {
  grid-template-columns: 3fr 2fr 1fr 1fr 1fr max-content;
}

.detail-page {
  --af-teal: $primary;
  --af-teal-light: rgba(41, 115, 114, 0.08);
  --af-teal-border: rgba(41, 115, 114, 0.25);
  max-width: 1200px;
  margin: 0 auto;
  font-family: "Noto Sans", serif;
}
.detail-page .section-label {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #ababae;
  font-weight: 600;
  margin-bottom: 0;
}
.detail-page .card {
  display: block;
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid #e2e3e5;
}
.detail-page .card .title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: #303030;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.detail-page .card .title .relations-add-select {
  width: auto;
  font-size: 0.8rem;
  padding: 0.15rem 1.75rem 0.15rem 0.5rem;
}
.detail-page .card .form-label .title {
  display: inline-block;
}
.detail-page .header .identity {
  margin-bottom: 0.75rem;
}
.detail-page .header .identity .title {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  color: #303030;
}
.detail-page .header .identity .subtitle {
  font-size: 0.8rem;
  color: #ababae;
  margin-bottom: 0.25rem;
}
.detail-page .header .badges {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.detail-page .header .badges .bg-success {
  background-color: #297372 !important;
}
.detail-page .header .badges .badge {
  margin-right: 1.5rem;
}
.detail-page .header .badges .workflow-context {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.detail-page .header .badges .people-context {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.detail-page .stepper {
  padding: 1rem 0.5rem;
  border: 1px solid #e2e3e5;
  overflow-x: auto;
}
.detail-page .stepper .card-body {
  padding: 1rem 0;
}
.detail-page .stepper .row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  flex-wrap: nowrap;
  margin-right: 0;
  margin-left: 0;
  min-width: max-content;
  width: 100%;
}
.detail-page .stepper .step {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: default;
  flex: 1;
  min-width: 105px;
  height: 64px;
}
.detail-page .stepper .step.waiting .name {
  color: #ababae;
}
.detail-page .stepper .step.active .name {
  color: #297372;
}
.detail-page .stepper .step .circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  transition: transform 0.2s;
  flex-shrink: 0;
}
.detail-page .stepper .step .circle i {
  margin: 0;
}
.detail-page .stepper .step .circle.done {
  background-color: #297372;
  color: #fff;
}
.detail-page .stepper .step .circle.active {
  width: 40px;
  height: 40px;
  background-color: #297372;
  color: #fff;
  font-size: 0.95rem;
  box-shadow: 0 0 0 4px #ababae;
  animation: stepper-pulse 1.5s ease-in-out 2 forwards;
}
.detail-page .stepper .step .circle.waiting {
  width: 32px;
  height: 32px;
  background-color: transparent;
  color: #ababae;
  border: 2px dashed #ababae;
}
.detail-page .stepper .step .name {
  font-size: 0.75rem;
  font-weight: 600;
  color: #297372;
  margin-top: 0.375rem;
  text-align: center;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: break-word;
}
.detail-page .stepper .step .summary {
  font-size: 0.675rem;
  color: #6c757d;
  text-align: center;
  line-height: 1.3;
  margin-top: 0.125rem;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: break-word;
}
.detail-page .stepper .connector {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-shrink: 1;
  min-width: 24px;
  max-width: 72px;
  width: 100%;
  align-self: flex-start;
  padding: 1rem 0 0 0;
}
.detail-page .stepper .connector.done .connector-line {
  background-color: #297372;
}
.detail-page .stepper .connector.done .connector-arrow {
  border-left: 7px solid #297372;
}
.detail-page .stepper .connector.active .connector-line, .detail-page .stepper .connector.waiting .connector-line {
  background-color: #ababae;
}
.detail-page .stepper .connector.active .connector-arrow, .detail-page .stepper .connector.waiting .connector-arrow {
  border-left: 7px solid #ababae;
}
.detail-page .stepper .connector .connector-line {
  flex: 1;
  height: 2px;
  width: 10px;
}
.detail-page .stepper .connector .connector-arrow {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  flex-shrink: 0;
}
@keyframes stepper-pulse {
  0% {
    box-shadow: 0 0 0 4px rgb(240, 250, 244);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(41, 115, 114, 0.15);
    transform: scale(1.08);
  }
  100% {
    box-shadow: 0 0 0 4px rgb(240, 250, 244);
  }
}
.detail-page .columns {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.detail-page .columns .left-column {
  width: 67%;
}
.detail-page .columns .left-column .card-header {
  padding: 0px;
}
.detail-page .columns .left-column .card-body {
  padding: 0px;
}
.detail-page .columns .left-column .basic-info .card {
  padding: 1rem;
}
.detail-page .columns .left-column .basic-info .card .card-body {
  margin-top: 0;
}
.detail-page .columns .left-column .workplan-panel h3 .badge {
  margin-left: 0.5rem;
}
.detail-page .columns .left-column .workplan-panel .item {
  display: flex;
  align-items: center;
  padding: 0.6rem 0;
  border-bottom: 1px solid #f0f0f0;
  gap: 0.5rem;
}
.detail-page .columns .left-column .workplan-panel .item:last-child {
  border-bottom: none;
}
.detail-page .columns .left-column .workplan-panel .check {
  flex-shrink: 0;
}
.detail-page .columns .left-column .workplan-panel .subject {
  flex: 1;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--af-teal);
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.detail-page .columns .left-column .workplan-panel .subject:hover {
  text-decoration: underline;
}
.detail-page .columns .left-column .workplan-panel .assignee {
  font-size: 0.8rem;
  color: #6c757d;
  white-space: nowrap;
  flex-shrink: 0;
}
.detail-page .columns .left-column .workplan-panel .status {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.detail-page .columns .left-column .workplan-panel .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}
.detail-page .columns .left-column .workplan-panel .date {
  font-size: 0.75rem;
  color: #ababae;
  white-space: nowrap;
  flex-shrink: 0;
}
.detail-page .columns .left-column .workplan-panel .actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  margin-left: auto;
}
.detail-page .columns .left-column .deadlines .card-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.detail-page .columns .left-column .deadlines button {
  font-size: 0.75rem;
  padding: 0.2rem 0.5rem;
}
.detail-page .columns .left-column .relations > .card-header {
  display: flex;
  flex-direction: column;
}
.detail-page .columns .left-column .relations > .card-header .dropdown {
  align-self: end;
}
.detail-page .columns .left-column .relations .relations__groups {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.detail-page .columns .left-column .relations .relations__group {
  padding: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.detail-page .columns .left-column .relations .relations__group > .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 0.75rem;
  border-bottom: 1px solid #e2e3e5;
  background-color: var(--af-teal-light);
}
.detail-page .columns .left-column .relations .relations__group > .card-body {
  padding: 0;
}
.detail-page .columns .left-column .relations .relations__group .relations__group-title {
  margin: 0;
  color: #303030;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.detail-page .columns .left-column .relations .relations__group .relations__group-count {
  flex: 0 0 auto;
}
.detail-page .columns .left-column .relations .relations__group .relations__expand {
  padding: 0.35rem 0.75rem;
}
.detail-page .columns .left-column .relations .alternate {
  display: grid;
  grid-template-columns: min-content auto 1fr;
  column-gap: 1rem;
}
.detail-page .columns .left-column .relations .alternate .relation {
  max-width: 100%;
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
  padding: 1rem 0.5rem;
}
.detail-page .columns .left-column .relations .alternate .relation .icon {
  color: #181819;
}
.detail-page .columns .left-column .relations .alternate .relation .label {
  color: #181819;
}
.detail-page .columns .left-column .relations .alternate .relation .value {
  font-weight: 600;
}
.detail-page .columns .left-column .relations .alternate .relation--process {
  align-items: start;
  grid-template-columns: min-content minmax(0, 1fr) max-content;
  column-gap: 0.75rem;
  min-width: 0;
  padding: 0.75rem 1rem 0.75rem 0.5rem;
}
.detail-page .columns .left-column .relations .alternate .relation--process .relation__icon {
  align-self: start;
  padding-top: 0.15rem;
}
.detail-page .columns .left-column .relations .alternate .relation--process .relation__content {
  min-width: 0;
}
.detail-page .columns .left-column .relations .alternate .relation--process .relation__title {
  color: var(--bs-primary);
  font-weight: 650;
}
.detail-page .columns .left-column .relations .alternate .relation--process .relation__meta {
  font-weight: 400;
}
.detail-page .columns .left-column .relations .alternate .relation--process .relation__state {
  justify-self: end;
}
.detail-page .columns .left-column .relations .alternate .relation--process .relation__date {
  margin-top: 0.15rem;
  font-size: 0.75rem;
}
@media (max-width: 767.98px) {
  .detail-page .columns .left-column .relations .alternate .relation--process {
    grid-template-columns: min-content minmax(0, 1fr);
  }
  .detail-page .columns .left-column .relations .alternate .relation--process .relation__state {
    grid-column: 2;
    justify-self: start;
    align-items: flex-start;
    min-width: 0;
    margin-top: 0.35rem;
    text-align: left !important;
  }
}
.detail-page .columns .right-column {
  width: 33%;
}
.detail-page .columns .right-column h3 {
  font-size: 0.9rem;
  font-weight: 600;
}
.detail-page .columns .right-column .card-header {
  padding: 0;
}
.detail-page .columns .right-column .card-body {
  padding: 1rem 0;
}
.detail-page .columns .right-column .buttons {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.detail-page .columns .right-column .buttons .btn-primary {
  font-size: 0.75rem;
  padding: 0.2rem 0.5rem;
  border: 1px solid #297372;
  color: #297372;
  background-color: #ffffff;
}
.detail-page .columns .right-column .buttons .btn-primary:hover {
  color: #ffffff !important;
  background-color: #297372 !important;
}
.detail-page .columns .right-column .assignees {
  list-style: none;
  padding: 0;
  margin: 0;
}
.detail-page .columns .right-column .assignees .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.4rem;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.15s ease;
  /*&:nth-child(odd) {
      background-color: #f9f9f9;
  }

  &:nth-child(even) {
      background-color: #ffffff;
  }

  &:hover {
      background-color: #e8f4f8;
  }*/
}
.detail-page .columns .right-column .assignees .item:last-child {
  border-bottom: none;
}
.detail-page .columns .right-column .assignees .name {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #303030;
}
.detail-page .columns .right-column .assignees .name i {
  color: #6c757d;
}
.detail-page .columns .right-column .myday {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.detail-page .columns .right-column .myday .title {
  font-size: 0.9rem;
  font-weight: 600;
  color: #303030;
}
.detail-page .columns .right-column .myday .actions {
  display: flex;
  gap: 0.5rem;
}
.detail-page .columns .right-column .historia .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  margin-bottom: 0.5rem;
  background: #f8f9fa;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  color: #303030;
  transition: background-color 0.15s;
  border: 1px solid #e9ecef;
}
.detail-page .columns .right-column .historia .item:hover {
  background: #e9ecef;
}
.detail-page .columns .right-column .historia .item[aria-expanded=true] {
  background: #e9ecef;
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.detail-page .columns .right-column .historia .item[aria-expanded=true] .chevron {
  transform: rotate(90deg);
}
.detail-page .columns .right-column .historia .chevron {
  font-size: 0.75rem;
  color: #6c757d;
  transition: transform 0.2s;
}
.detail-page .columns .right-column .historia .content {
  padding: 0.75rem 1rem;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-top: none;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.detail-page .columns .right-column .historia .entry {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.4rem 0;
}
.detail-page .columns .right-column .historia .entry + .detail-page .columns .right-column .historia .entry {
  border-top: 1px solid #e0e0e0;
}
.detail-page .columns .right-column .historia .entry-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 0.35rem;
}
.detail-page .columns .attachments-list .attachments {
  display: flex;
  flex-direction: column;
}
.detail-page .columns .attachment-item {
  padding: 0.6rem 0.75rem;
}
.detail-page .columns .attachment-item .attachment-row {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.detail-page .columns .attachment-item .attachment-icon {
  flex-shrink: 0;
  font-size: 1.25rem;
  line-height: 1;
  padding-top: 0.125rem;
}
.detail-page .columns .attachment-item .attachment-info {
  flex: 1;
  min-width: 0;
}
.detail-page .columns .attachment-item .attachment-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #303030;
  word-break: break-word;
  line-height: 1.25;
}
.detail-page .columns .attachment-item .attachment-description {
  font-size: 0.75rem;
  margin-top: 0.125rem;
  word-break: break-word;
}
.detail-page .columns .attachment-item .attachment-meta {
  font-size: 0.75rem;
  margin-top: 0.125rem;
}
.detail-page .columns .attachment-item .attachment-badges {
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.detail-page .columns .attachment-item .attachment-badges .asice-badge {
  color: #297372;
  background-color: #ffffff;
  border: 1px solid #297372;
}
.detail-page .columns .attachment-item .attachment-badges .asice-badge .pdf-count {
  margin-left: 0.35rem;
  padding-left: 0.35rem;
  border-left: 1px solid #297372;
  font-weight: 600;
}
.detail-page .columns .attachment-item .attachment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  justify-content: flex-end;
  flex-shrink: 0;
}
.detail-page .columns .attachment-item .attachment-actions.two-columns {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: end;
}
.detail-page .columns .attachment-item .attachment-actions .btn, .detail-page .columns .attachment-item .attachment-actions .search-form .card-header .scope-selector button, .search-form .card-header .scope-selector .detail-page .columns .attachment-item .attachment-actions button {
  padding: 0.2rem 0.4rem;
  font-size: 0.8rem;
  line-height: 1;
}
.detail-page .columns .attachment-item .attachment-actions .btn i, .detail-page .columns .attachment-item .attachment-actions .search-form .card-header .scope-selector button i, .search-form .card-header .scope-selector .detail-page .columns .attachment-item .attachment-actions button i {
  margin: 0;
}
.detail-page .columns .attachment-item .attachment-actions .btn.btn-outline-primary, .detail-page .columns .attachment-item .attachment-actions .search-form .card-header .scope-selector button.btn-outline-primary, .search-form .card-header .scope-selector .detail-page .columns .attachment-item .attachment-actions button.btn-outline-primary {
  color: #297372;
  border-color: #297372;
}
.detail-page .columns .attachment-item .attachment-actions .btn.btn-outline-primary:hover, .detail-page .columns .attachment-item .attachment-actions .search-form .card-header .scope-selector button.btn-outline-primary:hover, .search-form .card-header .scope-selector .detail-page .columns .attachment-item .attachment-actions button.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #297372;
}

.address-book-item .nowrap {
  display: block;
}
.address-book-item button {
  padding: 1rem 0.8rem 1rem 0.6rem;
}
.address-book-item button .column {
  width: 100%;
}

.adresar-osoby .card-header, .adresar-organizacie .card-header, .health-scopes .card-header, .social-scopes .card-header, .articles .card-header, .history .card-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.adresar-osoby .card-header.with-margin, .adresar-organizacie .card-header.with-margin, .health-scopes .card-header.with-margin, .social-scopes .card-header.with-margin, .articles .card-header.with-margin, .history .card-header.with-margin {
  margin-bottom: 1rem;
}
.adresar-osoby .card-header h3, .adresar-organizacie .card-header h3, .health-scopes .card-header h3, .social-scopes .card-header h3, .articles .card-header h3, .history .card-header h3 {
  color: #181819;
  padding: 0;
  margin: 0;
}
.adresar-osoby .icon-user.anonymous, .adresar-organizacie .icon-user.anonymous, .health-scopes .icon-user.anonymous, .social-scopes .icon-user.anonymous, .articles .icon-user.anonymous, .history .icon-user.anonymous {
  color: rgb(255, 0, 0);
}
.adresar-osoby .violation .icon-book-open, .adresar-organizacie .violation .icon-book-open, .health-scopes .violation .icon-book-open, .social-scopes .violation .icon-book-open, .articles .violation .icon-book-open, .history .violation .icon-book-open {
  color: rgb(255, 0, 0) !important;
}
.adresar-osoby .card-body, .adresar-organizacie .card-body, .health-scopes .card-body, .social-scopes .card-body, .articles .card-body, .history .card-body {
  padding: 0;
}
.adresar-osoby .offcanvas-body-inner h3, .adresar-organizacie .offcanvas-body-inner h3, .health-scopes .offcanvas-body-inner h3, .social-scopes .offcanvas-body-inner h3, .articles .offcanvas-body-inner h3, .history .offcanvas-body-inner h3 {
  display: block;
  padding: 0;
  font-size: 0.9rem;
}
.adresar-osoby .buttons, .adresar-organizacie .buttons, .health-scopes .buttons, .social-scopes .buttons, .articles .buttons, .history .buttons {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.adresar-osoby .buttons .btn-primary, .adresar-organizacie .buttons .btn-primary, .health-scopes .buttons .btn-primary, .social-scopes .buttons .btn-primary, .articles .buttons .btn-primary, .history .buttons .btn-primary {
  font-size: 0.75rem;
  padding: 0.2rem 0.5rem;
  border: 1px solid #297372;
  color: #297372;
  background-color: #ffffff;
  margin-right: 0.25rem;
  line-height: 0.5rem !important;
  height: 30px;
}
.adresar-osoby .buttons .btn-primary:hover, .adresar-organizacie .buttons .btn-primary:hover, .health-scopes .buttons .btn-primary:hover, .social-scopes .buttons .btn-primary:hover, .articles .buttons .btn-primary:hover, .history .buttons .btn-primary:hover {
  color: #ffffff !important;
  background-color: #297372 !important;
}
.adresar-osoby .buttons .btn-delete, .adresar-organizacie .buttons .btn-delete, .health-scopes .buttons .btn-delete, .social-scopes .buttons .btn-delete, .articles .buttons .btn-delete, .history .buttons .btn-delete {
  background-color: #b91c1c !important;
  padding: 0.2rem 0.5rem;
  height: 30px;
}
.adresar-osoby .buttons .btn-delete:hover, .adresar-organizacie .buttons .btn-delete:hover, .health-scopes .buttons .btn-delete:hover, .social-scopes .buttons .btn-delete:hover, .articles .buttons .btn-delete:hover, .history .buttons .btn-delete:hover {
  color: #b91c1c;
  background-color: #ffffff !important;
}
.adresar-osoby .buttons .btn-delete:hover i:before, .adresar-organizacie .buttons .btn-delete:hover i:before, .health-scopes .buttons .btn-delete:hover i:before, .social-scopes .buttons .btn-delete:hover i:before, .articles .buttons .btn-delete:hover i:before, .history .buttons .btn-delete:hover i:before {
  color: #b91c1c;
}

.task-detail-page .workflow-context .badge {
  margin-right: 0 !important;
}
.task-detail-page .my-task-badge {
  background-color: var(--bs-info-bg-subtle);
  color: var(--bs-info-text-emphasis);
}
.task-detail-page .stepper .card-body {
  padding: 0;
}
.task-detail-page .stepper .step {
  height: 100px;
  justify-content: start;
}
.task-detail-page .stepper .step.done .circle {
  height: 32px;
  margin: 4px !important;
}
.task-detail-page .stepper .step.active .circle {
  height: 40px;
}
.task-detail-page .stepper .step.waiting .circle {
  height: 32px;
  margin: 4px !important;
}
.task-detail-page .stepper .step .circle.done {
  margin-top: 0.5rem !important;
}
.task-detail-page .stepper .step .circle.waiting {
  margin-top: 0.5rem !important;
}
.task-detail-page .stepper .summary {
  margin-top: 0.5rem !important;
}

.address-book-page h1:hover {
  cursor: pointer;
}
.address-book-page .columns {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.address-book-page .columns .toggle-filter {
  height: 40px;
}
.address-book-page .columns > div {
  min-width: 0;
}
.address-book-page .columns > div.left-column {
  flex: 1;
}
.address-book-page .columns > div.left-column .card-header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.address-book-page .columns > div.left-column .card-header label {
  margin-bottom: 0;
}
.address-book-page .columns > div.left-column .card-header span {
  display: block;
}
.address-book-page .columns > div.left-column .card-header .btn-primary {
  max-width: 120px;
  text-align: center;
  align-self: center;
}
.address-book-page .columns > div.left-column .card-body .title {
  color: #297372;
  font-weight: 500;
}
.address-book-page .columns > div.left-column .card-body .title .count {
  padding-left: 0.5rem;
  font-weight: 800;
}
.address-book-page .columns > div.left-column .card-body a {
  display: flex;
  padding: 0.5rem 0;
  gap: 0.25rem;
  align-items: center;
}
.address-book-page .columns > div.left-column .card-body a i:before {
  font-size: 1.5rem;
  padding-left: 0.25rem;
}
.address-book-page .columns > div.left-column .card-body a span {
  flex: 1;
  font-size: 1rem;
  font-weight: 500;
}
.address-book-page .columns > div.left-column .card-body a.active {
  background-color: #297372;
  color: #ffffff;
}
.address-book-page .columns > div.left-column .card-body a.active i {
  color: #ffffff;
}
.address-book-page .columns > div.left-column .card-body .pagination-container {
  width: 100%;
  max-width: 100%;
  /*.input-group {
      display: grid;
      grid-template-columns: minmax(1rem, 15%) minmax(1rem, 15%) minmax(0, 1fr) minmax(1rem, 15%) minmax(1rem, 15%);
      width: 100%;
  }

  .btn {
      width: 100%;
      padding: 0.5rem 0.66rem;
  }

  .form-control {
      width: 100%;
      min-width: 0;
  }*/
}
.address-book-page .columns > div.left-column .card-body .pagination-container .input-group {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 60px 1fr 1fr 1fr;
}
.address-book-page .columns > div.left-column .card-body .pagination-container input {
  width: 100%;
  padding: 6px 0.5rem;
}
.address-book-page .columns > div.left-column .card-body .pagination-container .btn, .address-book-page .columns > div.left-column .card-body .pagination-container .search-form .card-header .scope-selector button, .search-form .card-header .scope-selector .address-book-page .columns > div.left-column .card-body .pagination-container button {
  padding: 0.5rem 0.66rem;
}
.address-book-page .columns > div.left-column .card-body .pagination-container .input-group-text {
  padding: 0.5rem 0.5rem;
}
.address-book-page .columns > div.right-column {
  flex: 3;
}
.address-book-page .columns > div.right-column .card {
  /*padding: 0;*/
}
.address-book-page .columns > div.right-column .card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.875rem 0.5rem 0 0.5rem;
}
.address-book-page .columns > div.right-column .card .card-header i {
  /*line-height: 0.75rem;*/
}
.address-book-page .columns > div.right-column .card .card-header i:before {
  font-size: 0.75rem;
  /*font-size: 0.66rem;*/
}
.address-book-page .columns > div.right-column .card .card-header .btn, .address-book-page .columns > div.right-column .card .search-form .card-header .scope-selector button, .search-form .address-book-page .columns > div.right-column .card .card-header .scope-selector button {
  padding: 0.2rem 0.6rem;
}
.address-book-page .columns > div.right-column .card .card-header a.btn i {
  margin: 0;
}
.address-book-page .columns > div.right-column .card .card-body {
  padding: 0.25rem 0.5rem 0.5rem 0.5rem;
}
.address-book-page .columns > div.right-column .card .card-body .commands .btn, .address-book-page .columns > div.right-column .card .card-body .commands .search-form .card-header .scope-selector button, .search-form .card-header .scope-selector .address-book-page .columns > div.right-column .card .card-body .commands button {
  margin: 0.125rem;
}
.address-book-page .columns > div.right-column .person .card-header, .address-book-page .columns > div.right-column .organisation .card-header {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0;
  /*.btn {
      font-size: 1rem;
  }*/
}
.address-book-page .columns > div.right-column .person .card-header > i, .address-book-page .columns > div.right-column .organisation .card-header > i {
  padding: 0.75rem;
}
.address-book-page .columns > div.right-column .person .card-header > i:before, .address-book-page .columns > div.right-column .organisation .card-header > i:before {
  font-size: 4rem;
}
.address-book-page .columns > div.right-column .person .card-header h2, .address-book-page .columns > div.right-column .organisation .card-header h2 {
  flex: 1;
  font-size: 2.5rem;
  align-self: center;
}
.address-book-page .columns > div.right-column .person .card-header .buttons, .address-book-page .columns > div.right-column .organisation .card-header .buttons {
  justify-self: end;
  align-self: center;
}
.address-book-page .columns > div.right-column .person .card-body, .address-book-page .columns > div.right-column .organisation .card-body {
  padding-top: 0;
}
.address-book-page .columns > div.right-column .person .card-body .properties, .address-book-page .columns > div.right-column .organisation .card-body .properties {
  display: grid;
  width: 100%;
  padding: 0px 1.5rem;
  grid-auto-flow: column;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem 1rem;
}
.address-book-page .columns > div.right-column .person .card-body .properties.person, .address-book-page .columns > div.right-column .organisation .card-body .properties.person {
  grid-template-rows: repeat(4, auto);
}
.address-book-page .columns > div.right-column .person .card-body .properties.organisation, .address-book-page .columns > div.right-column .organisation .card-body .properties.organisation {
  grid-template-rows: repeat(3, auto);
}
.address-book-page .columns > div.right-column .person .card-body .properties .property-info, .address-book-page .columns > div.right-column .organisation .card-body .properties .property-info {
  display: flex;
  gap: 2rem;
}
.address-book-page .columns > div.right-column .person .card-body .properties .property-info .name, .address-book-page .columns > div.right-column .organisation .card-body .properties .property-info .name {
  width: 100px;
}
.address-book-page .columns > div.right-column .person .card-body .properties .property-info .value, .address-book-page .columns > div.right-column .organisation .card-body .properties .property-info .value {
  font-weight: 600;
  color: #297372;
}
.address-book-page .commands {
  padding: 0.25rem;
}
.address-book-page .data-table.addresses {
  grid-template-columns: 1.5fr max-content max-content 1fr 1fr 1.5fr max-content;
}
.address-book-page .data-table.emails {
  grid-template-columns: 1fr max-content 1fr max-content;
}
.address-book-page .data-table.phones {
  grid-template-columns: 1fr max-content 1fr max-content;
}
.address-book-page .data-table.document-folders {
  grid-template-columns: 95px 3fr 1fr 1fr 1fr 1fr 1.5fr;
}
.address-book-page .data-table.document-folders .type {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
.address-book-page .data-table.document-folders .type span {
  display: block;
}
.address-book-page .data-table.document-folders .statuses {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
.address-book-page .data-table.document-folders .statuses span {
  display: block;
}
.address-book-page .data-table.document-folders a.btn-outline-success {
  background-color: red;
}
.address-book-page .icon-user, .address-book-page .icon-people_alt {
  color: #297372;
}

.edit .dates .card-header {
  display: flex;
  justify-content: space-between;
}

.mis-sync-section {
  margin-bottom: 2.5rem;
}
.mis-sync-section .table td {
  vertical-align: middle;
}
.mis-sync-section .fs-4 {
  font-size: 1.5rem;
}
.mis-sync-section .bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.mis-sync-section .form-switch .form-check-input {
  width: 3em;
  height: 1.5em;
  cursor: pointer;
}
.mis-sync-section .card-body.py-3 {
  transition: transform 0.2s ease-in-out;
}
.mis-sync-section .card-body.py-3:hover {
  transform: translateY(-2px);
}
.mis-sync-section .last-sync-tile .timestamp {
  font-size: 1.2rem;
}
.mis-sync-section .attachments-modal {
  background-color: rgba(0, 0, 0, 0.5);
}
.mis-sync-section .attachments-modal .record-id {
  font-family: monospace;
  font-size: 0.8em;
}

.quick-task-form__hours {
  width: 5rem;
  font-size: 0.8rem;
}

.quick-task-form__deadline .input-group {
  width: auto;
  flex-wrap: nowrap;
}

.quick-task-form__deadline .datepicker-time-24 {
  width: 11rem;
  min-width: 11rem;
  flex: 0 0 11rem;
}

.task-complete-prompt {
  background: rgba(0, 0, 0, 0.35);
}
.task-complete-prompt__subject {
  font-weight: 600;
}
.task-complete-prompt__hours {
  max-width: 8rem;
}

.task-edit-page__inherit-spis {
  margin-bottom: 0.25rem;
}

.duration-input .input-duration {
  flex-wrap: nowrap;
}
.duration-input .input-duration__unit {
  flex: 0 0 auto;
  min-width: 3.25rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
}
.duration-input .duration-input__minutes {
  min-width: 0;
}

.task-deadline-shift-dialog .task-deadline-shift-dialog__items {
  max-height: 50vh;
  overflow-y: auto;
}
.task-deadline-shift-dialog .task-deadline-shift-dialog__item {
  min-width: 0;
  padding: 0.375rem 0;
}
.task-deadline-shift-dialog .task-deadline-shift-dialog__item.depth-1 {
  padding-left: 0rem;
}
.task-deadline-shift-dialog .task-deadline-shift-dialog__item.depth-2 {
  padding-left: 1.25rem;
}
.task-deadline-shift-dialog .task-deadline-shift-dialog__item.depth-3 {
  padding-left: 2.5rem;
}
.task-deadline-shift-dialog .task-deadline-shift-dialog__item.depth-4 {
  padding-left: 3.75rem;
}
.task-deadline-shift-dialog .task-deadline-shift-dialog__item.depth-5 {
  padding-left: 5rem;
}
.task-deadline-shift-dialog .task-deadline-shift-dialog__item.depth-6 {
  padding-left: 6.25rem;
}
.task-deadline-shift-dialog .task-deadline-shift-dialog__subject {
  min-width: 0;
  overflow-wrap: anywhere;
}
.task-deadline-shift-dialog .task-deadline-shift-dialog__dates {
  flex-shrink: 0;
  white-space: nowrap;
  color: var(--bs-secondary-color);
}

.task-parent-extend-prompt .task-parent-extend-prompt__list {
  margin-bottom: 0;
}
.task-parent-extend-prompt .task-parent-extend-prompt__list li {
  margin-bottom: 0.375rem;
}
.task-parent-extend-prompt .task-parent-extend-prompt__dates {
  margin-left: 0.5rem;
  white-space: nowrap;
  color: var(--bs-secondary-color);
}

@media (max-width: 575.98px) {
  .task-deadline-shift-dialog .task-deadline-shift-dialog__item {
    flex-wrap: wrap;
  }
  .task-deadline-shift-dialog .task-deadline-shift-dialog__dates {
    width: 100%;
    margin-left: 1.75rem !important;
  }
  .task-parent-extend-prompt .task-parent-extend-prompt__dates {
    display: block;
    margin-left: 0;
  }
}
.work-log-section .work-log-section__summary {
  font-size: 0.9rem;
}
.work-log-section .work-log-section__summary-item {
  white-space: nowrap;
}
.work-log-section .work-log-section__progress {
  height: 6px;
}
.work-log-section .work-log-section__entries {
  margin-top: 0.5rem;
}
.work-log-section .work-log-section__entry {
  display: grid;
  grid-template-columns: 5.5rem minmax(0, 1fr) 4.5rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 0.875rem;
}
.work-log-section .work-log-section__entry:last-child {
  border-bottom: 0;
}
.work-log-section .work-log-section__entry-date,
.work-log-section .work-log-section__entry-minutes {
  white-space: nowrap;
}
.work-log-section .work-log-section__entry-minutes {
  text-align: right;
}
.work-log-section .work-log-section__entry-note {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.work-log-section .work-log-section__entry-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.work-log-fields {
  display: grid;
  grid-template-columns: minmax(8rem, 1fr) minmax(10rem, 1.4fr);
  align-items: start;
  gap: 0.75rem;
}
.work-log-fields .work-log-fields__field {
  min-width: 0;
}
.work-log-fields .work-log-fields__field--note {
  grid-column: 1/-1;
}
.work-log-fields .work-log-fields__field > .form-label {
  display: block;
  margin-bottom: 0.25rem;
  min-height: 1.2rem;
  font-size: 0.8rem;
  font-weight: 500;
}
.work-log-fields .work-log-fields__field .duration-input {
  min-width: 0;
}

.work-log-fields--with-extra .work-log-fields__field--note {
  grid-column: auto;
}

@media (max-width: 575.98px) {
  .work-log-fields {
    grid-template-columns: 1fr;
  }
  .work-log-fields .work-log-fields__field--note {
    grid-column: 1/-1;
  }
  .work-log-section .work-log-section__entry {
    grid-template-columns: 5.5rem 1fr auto;
  }
  .work-log-section .work-log-section__entry-note {
    grid-column: 1/-1;
  }
}
.plan-board-offcanvas__hours-summary {
  font-size: 0.875rem;
}

.plan-board-offcanvas__quick-log-date {
  max-width: 10rem;
}

/* Priebeh práce v zozname podúloh — riadok aj súhrn v hlavičke sekcie. */
.af-subtask-list__work {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.af-subtask-list__work-bar {
  height: 4px;
  width: 90px;
  flex-shrink: 0;
}

.af-subtask-list__work-text {
  font-size: 0.75rem;
  color: #6c757d;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.af-subtask-list__work-total {
  font-size: 0.8rem;
  color: #6c757d;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.reports-page .reports-page__period-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.reports-page .reports-page__period-label {
  font-size: 0.9rem;
  white-space: nowrap;
}

.timesheet-grid .data-table {
  font-variant-numeric: tabular-nums;
  grid-template-columns: minmax(11rem, 1fr) minmax(18rem, 2.4fr) minmax(11rem, 1.2fr) repeat(7, minmax(4.5rem, max-content)) minmax(4.5rem, max-content);
}
.timesheet-grid__toolbar {
  display: flex;
  justify-content: flex-end;
  padding: 0 0 0.75rem;
}
.timesheet-grid__title-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--bs-secondary-color);
  font-size: 0.8rem;
  cursor: pointer;
}
.timesheet-grid__title-toggle input {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--bs-primary);
}
.timesheet-grid .data-table.days-1 {
  grid-template-columns: minmax(11rem, 1fr) minmax(18rem, 2.4fr) minmax(11rem, 1.2fr) repeat(1, minmax(4.5rem, max-content)) minmax(4.5rem, max-content);
}
.timesheet-grid .data-table.days-2 {
  grid-template-columns: minmax(11rem, 1fr) minmax(18rem, 2.4fr) minmax(11rem, 1.2fr) repeat(2, minmax(4.5rem, max-content)) minmax(4.5rem, max-content);
}
.timesheet-grid .data-table.days-3 {
  grid-template-columns: minmax(11rem, 1fr) minmax(18rem, 2.4fr) minmax(11rem, 1.2fr) repeat(3, minmax(4.5rem, max-content)) minmax(4.5rem, max-content);
}
.timesheet-grid .data-table.days-4 {
  grid-template-columns: minmax(11rem, 1fr) minmax(18rem, 2.4fr) minmax(11rem, 1.2fr) repeat(4, minmax(4.5rem, max-content)) minmax(4.5rem, max-content);
}
.timesheet-grid .data-table.days-5 {
  grid-template-columns: minmax(11rem, 1fr) minmax(18rem, 2.4fr) minmax(11rem, 1.2fr) repeat(5, minmax(4.5rem, max-content)) minmax(4.5rem, max-content);
}
.timesheet-grid .data-table.days-6 {
  grid-template-columns: minmax(11rem, 1fr) minmax(18rem, 2.4fr) minmax(11rem, 1.2fr) repeat(6, minmax(4.5rem, max-content)) minmax(4.5rem, max-content);
}
.timesheet-grid .data-table.days-7 {
  grid-template-columns: minmax(11rem, 1fr) minmax(18rem, 2.4fr) minmax(11rem, 1.2fr) repeat(7, minmax(4.5rem, max-content)) minmax(4.5rem, max-content);
}
.timesheet-grid .cell.header {
  cursor: default;
}
.timesheet-grid .cell.header:hover {
  opacity: 1;
}
.timesheet-grid .cell.numeric {
  justify-content: flex-end;
  text-align: right;
  white-space: nowrap;
}
.timesheet-grid .cell.total {
  font-weight: 600;
}
.timesheet-grid .cell.activity {
  flex-direction: column;
  align-items: start;
  gap: 0.4rem;
  min-width: 0;
}
.timesheet-grid .cell.activity .subject {
  display: -webkit-box;
  overflow: hidden;
  overflow-wrap: anywhere;
  line-height: 1.4;
  font-weight: 600;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.timesheet-grid .cell.activity .badge {
  font-size: 0.72rem;
}
.timesheet-grid.show-full-titles .cell.activity .subject {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
}
.timesheet-grid .row.summary .cell {
  background-color: #dcdce0;
  font-weight: 600;
  border-bottom: 0;
}

.summary-report-table .summary-report-table__group {
  font-weight: 600;
}
.summary-report-table .summary-report-table__child td:first-child {
  padding-left: 2rem;
}
.summary-report-table td.summary-report-table__minutes {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.utilisation-bar .utilisation-bar__totals {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 1.25rem;
}
.utilisation-bar .utilisation-bar__kpi {
  display: flex;
  flex-direction: column;
  min-width: 7rem;
}
.utilisation-bar .utilisation-bar__kpi-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--bs-secondary-color);
}
.utilisation-bar .utilisation-bar__kpi-value {
  font-size: 1.5rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.utilisation-bar .utilisation-bar__value--overloaded {
  color: var(--bs-danger);
}
.utilisation-bar .utilisation-bar__rows {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.utilisation-bar .utilisation-bar__row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.utilisation-bar .utilisation-bar__name {
  flex: 0 0 16rem;
  max-width: 16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utilisation-bar .utilisation-bar__track {
  flex: 1 1 auto;
  background: var(--bs-secondary-bg);
  height: 0.5rem;
  border-radius: 0.25rem;
}
.utilisation-bar .utilisation-bar__fill {
  background: var(--af-teal);
  height: 100%;
  border-radius: 0.25rem;
  min-width: 2px;
}
.utilisation-bar .utilisation-bar__fill--overloaded {
  background: var(--bs-danger);
}
.utilisation-bar .utilisation-bar__hours {
  flex: 0 0 8rem;
  text-align: right;
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
  color: var(--bs-secondary-color);
}
.utilisation-bar .utilisation-bar__percent {
  flex: 0 0 5rem;
  text-align: right;
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
}
.utilisation-bar .utilisation-bar__toggle {
  padding-left: 0;
}
@media (max-width: 768px) {
  .utilisation-bar .utilisation-bar__name {
    flex-basis: 8rem;
    max-width: 8rem;
  }
  .utilisation-bar .utilisation-bar__hours {
    flex-basis: 6rem;
  }
}

.capacity-index-page .timeline-section .card-body {
  overflow-x: auto;
}
.capacity-index-page .capacity-index-page__period-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.capacity-index-page .capacity-index-page__pager-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 1rem;
}
.capacity-index-page .capacity-jump-date {
  max-width: 10rem;
}
.capacity-index-page .tools-section .card-body {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.capacity-index-page .tools-section .card-title,
.capacity-index-page .issues-section .card-title {
  margin-bottom: 0;
  font-size: 1.25rem;
}
.capacity-index-page .capacity-timeline-table {
  grid-template-columns: 260px repeat(4, minmax(170px, 1fr));
}
.capacity-index-page .capacity-week-cell {
  flex-direction: column;
  align-items: stretch;
  gap: 0.35rem;
  padding: 0.5rem 0.625rem;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.capacity-index-page .capacity-week-summary {
  text-align: center;
}
.capacity-index-page .capacity-week-hours {
  font-size: 0.9rem;
  font-weight: 600;
  color: #303030;
  font-variant-numeric: tabular-nums;
}
.capacity-index-page .capacity-week-progress {
  height: 6px;
  max-width: 120px;
  margin: 0.3rem auto 0.2rem;
}
.capacity-index-page .capacity-week-percent {
  font-size: 0.7rem;
  color: #6c757d;
  font-variant-numeric: tabular-nums;
}
.capacity-index-page .capacity-week--overloaded {
  color: var(--bs-danger);
  font-weight: 700;
}
.capacity-index-page .capacity-task-list {
  gap: 0;
  margin-top: 0.15rem;
  padding-top: 0.35rem;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
  text-align: left;
}
.capacity-index-page .capacity-task-item {
  gap: 0.35rem;
  padding: 0.15rem 0.25rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  line-height: 1.4;
}
.capacity-index-page .capacity-task-item:hover {
  background: rgba(0, 0, 0, 0.04);
}
.capacity-index-page .capacity-task-dot {
  width: 6px;
  height: 6px;
}
.capacity-index-page .capacity-task-link {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}
.capacity-index-page .capacity-task-link:hover {
  text-decoration: underline;
}
.capacity-index-page .capacity-task-hours {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.capacity-index-page .capacity-task-warning {
  color: #b26a00;
  flex-shrink: 0;
}
.capacity-index-page .capacity-task-more {
  border: 0;
  background: none;
  padding: 0.2rem 0.25rem;
  font-size: 0.7rem;
  color: var(--af-teal);
  text-align: left;
}
.capacity-index-page .capacity-task-more:hover {
  text-decoration: underline;
}
.capacity-index-page .capacity-task-modal__subtitle {
  font-size: 0.8rem;
  color: #6c757d;
}
.capacity-index-page .capacity-task-modal__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
}
.capacity-index-page .capacity-task-modal__subject {
  flex: 1 1 auto;
  min-width: 0;
}
.capacity-index-page .capacity-task-modal__context {
  display: block;
  font-size: 0.75rem;
  color: #6c757d;
}
.capacity-index-page .capacity-task-modal__hours {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  color: #6c757d;
}

.task-context-cell {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.task-context-cell__badge {
  display: inline-block;
  border: 1px solid #dee2e6;
  background: #f1f3f5;
  color: #212529;
  border-radius: 0.375rem;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-decoration: none;
}

.task-context-cell__badge:hover {
  border-color: var(--af-teal);
  color: var(--af-teal);
}

.task-context-cell__entity {
  display: inline-flex;
  align-items: baseline;
  gap: 0.25rem;
  min-width: 0;
}

.task-context-cell__type {
  color: #6c757d;
  font-weight: 400;
  font-size: 0.8125rem;
}

.task-context-cell__link {
  max-width: 17.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
  font-size: 0.8125rem;
}

.task-context-cell__private {
  color: #6c757d;
  font-style: italic;
  font-size: 0.8125rem;
}

.due-chip {
  display: inline-block;
  border-radius: 999px;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.due-chip--red {
  background: #c03636;
  color: #fff;
}

.due-chip--amber {
  background: #d97e1f;
  color: #fff;
}

.due-chip--green {
  background: #d9f0e2;
  color: #1d6b3c;
}

.due-chip--gray {
  background: #f1f3f5;
  color: #6c757d;
}

.plan-chip {
  display: inline-block;
  border-radius: 999px;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  background: #e2e8f0;
  color: #475569;
}

.plan-chip--name {
  background: #f1f5f9;
  color: #64748b;
}

.origin-chip {
  display: inline-block;
  border-radius: 999px;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  background: #ede9fe;
  color: #5b21b6;
}

.stale-chip {
  display: inline-block;
  border-radius: 999px;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  background: #fef3c7;
  color: #92400e;
}

.agenda-chip {
  display: inline-block;
  border-radius: 999px;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  background: #dbeafe;
  color: #1d4ed8;
}

.pin-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  padding: 0 0.125rem;
  font-size: 0.9375rem;
  line-height: 1;
  color: #adb5bd;
  filter: grayscale(1);
  opacity: 0.7;
  cursor: pointer;
}
.pin-btn:hover {
  color: #d97e1f;
  filter: none;
  opacity: 1;
}
.pin-btn:disabled {
  cursor: default;
}

.pin-btn--pinned {
  color: #d97e1f;
  filter: none;
  opacity: 1;
}

.pinned-row {
  background: #fffbeb;
}

.entity-peek-card {
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1080;
  width: 370px;
  max-width: calc(100vw - 16px);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
}
.entity-peek-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.entity-peek-card__kind {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--af-teal, #0d9488);
}
.entity-peek-card__folder-badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.05rem 0.4rem;
  border-radius: 999px;
  background: #eef2ff;
  color: #4338ca;
  text-decoration: none;
}
.entity-peek-card__title {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.entity-peek-card__rows {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25rem 0.75rem;
  margin-bottom: 0.5rem;
}
.entity-peek-card__row {
  display: contents;
}
.entity-peek-card__row-label {
  color: #6b7280;
  white-space: nowrap;
}
.entity-peek-card__row-value {
  color: #111827;
}
.entity-peek-card__row-values {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.entity-peek-card__footer {
  display: flex;
  gap: 0.5rem;
}

.has-peek {
  text-decoration: underline dotted;
  text-underline-offset: 2px;
}

.task-context-cell__unavailable {
  color: #6c757d;
  font-style: italic;
  font-size: 0.8125rem;
}

.entity-peek-card__folder-note {
  color: #6b7280;
  font-style: italic;
  font-size: 0.75rem;
  align-self: center;
}

.entity-not-found-notice__reason {
  margin-left: 0.35rem;
}

.mode-switch .toggle-btn-group .btn-outline-primary {
  color: #297372;
}

/* Dialóg „Založiť úlohu na dnes" — medzikrok pred vznikom úlohy nad agendovou entitou. */
.my-day-task-draft-dialog {
  background-color: rgba(0, 0, 0, 0.15);
}
.my-day-task-draft-dialog .my-day-task-draft-dialog__context {
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  background-color: var(--bs-tertiary-bg);
}
.my-day-task-draft-dialog .my-day-task-draft-dialog__meta {
  font-size: 0.85rem;
}

.index2-page .task-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  max-width: 24rem;
  min-width: 0;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
}
.index2-page .task-title:hover, .index2-page .task-title:focus {
  background-color: transparent !important;
  color: var(--bs-link-hover-color);
}

.index2-page .task-title:not(.has-peek) {
  text-decoration: none;
}
.index2-page .task-title:not(.has-peek):hover, .index2-page .task-title:not(.has-peek):focus-visible {
  text-decoration: underline;
}

.index2-page .table thead th {
  background-color: #f6f7f8;
  color: #495057;
  border-bottom: 2px solid #dee2e6;
  font-weight: 600;
}
.index2-page .my-day-table__done {
  width: 5rem;
}
.index2-page .my-day-row__work {
  white-space: nowrap;
}
.index2-page .my-day-row__title-line {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.index2-page .my-day-row__ordinal {
  flex: 0 0 auto;
  min-width: 1.25rem;
  color: #9ca3af;
  font-size: 0.8125rem;
  font-variant-numeric: tabular-nums;
}
.index2-page .my-day-row__deadline {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.125rem;
  margin-left: 1.75rem;
  font-size: 0.8125rem;
  color: #6b7280;
}
.index2-page .my-day-row__deadline--overdue {
  color: #b02a37;
  font-weight: 600;
}
.index2-page .my-day-row__deadline--today {
  color: #b26a00;
  font-weight: 600;
}
.index2-page .my-day-row__deadline-note {
  font-style: italic;
}
.index2-page .my-day-row__work .btn, .index2-page .my-day-row__work .search-form .card-header .scope-selector button, .search-form .card-header .scope-selector .index2-page .my-day-row__work button,
.index2-page .my-day-row__actions .btn,
.index2-page .my-day-row__actions .search-form .card-header .scope-selector button,
.search-form .card-header .scope-selector .index2-page .my-day-row__actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Dátum vľavo, režim vpravo — dva konce jedného pásu, ako `.daybar` v prototype v3.3.
   `space-between` a nie `margin-left: auto` na režime: keď sa pás na úzkej obrazovke zalomí,
   každá skupina dostane vlastný riadok zarovnaný vľavo, kým auto-margin by režim na tom
   novom riadku odtlačil k pravému okraju sám a rozbil zvislú os ovládania. */
.my-day-mode-switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.my-day-mode-switch__date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.my-day-mode-switch__date-value {
  font-size: 0.85rem;
  color: var(--bs-secondary-color);
  font-variant-numeric: tabular-nums;
}
.my-day-mode-switch__hint {
  flex-basis: 100%;
  margin: 0;
  font-size: 0.85rem;
}

.my-day-work-mode,
.my-day-plan-mode {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* === Môj deň · F2 Task 3: režim Pracovať === */
.my-day-now-card__label {
  color: var(--bs-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.75rem;
}

.my-day-now-card__headline {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.my-day-now-card__title {
  font-size: 1.15rem;
  font-weight: 600;
}

.my-day-now-card__context {
  margin-top: 0.35rem;
}

.my-day-now-card__actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.my-day-task-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.my-day-task-list__title,
.my-day-gate-list__title,
.my-day-completed-list__title,
.my-day-progress-card__title {
  margin: 0;
}

.my-day-completed-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.my-day-completed-list__title .icon-check-circle {
  color: #198754;
}

.my-day-progress-card__figures {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0.75rem 0 0;
}

.my-day-progress-card__figures dt {
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--bs-secondary-color);
}

.my-day-progress-card__figures dd {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.my-day-row-order-menu {
  position: relative;
  display: inline-block;
}

.my-day-row-order-menu__items {
  position: absolute;
  right: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  min-width: 9rem;
  padding: 0.25rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  background: var(--bs-body-bg);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.my-day-row-order-menu__item {
  padding: 0.25rem 0.5rem;
  border: 0;
  background: transparent;
  text-align: left;
  font-size: 0.875rem;
}

.my-day-row-order-menu__item:hover:not(:disabled),
.my-day-row-order-menu__item:focus-visible {
  background: var(--bs-secondary-bg);
}

.my-day-row-order-menu__item:disabled {
  opacity: 0.5;
}

/* === Môj deň · F2 Task 4: vrátenie na dopracovanie === */
.my-day-return-dialog__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1050;
}

.my-day-return-dialog__window {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1055;
  width: min(32rem, 100vw - 2rem);
  padding: 1.25rem;
  border-radius: 0.5rem;
  background: var(--bs-body-bg);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3);
}

.my-day-return-dialog__subject {
  color: var(--bs-secondary-color);
}

.my-day-return-dialog__assignees {
  margin-bottom: 0.75rem;
}

.my-day-return-dialog__actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
}

/* Fokus, ktorý nadpis sekcie prevzal po zatvorení dialógu alebo po odobratí riadku (tlačidlo
   spúšťača už neexistuje), prichádza programovo — element.focus() z JS. :focus-visible sa pri
   programovom fokuse v časti prehliadačov neaktivuje, takže pravidlo viazané naň by obrys práve
   tam zhaslo a vidiaci klávesnicový používateľ by nevidel, kam sa fokus presunul. Indikátor preto
   visí na :focus — ale len na dvoch malých, konkrétnych cieľoch návratu.

   Zástupný selektor [tabindex="-1"] sa tu vedome nepoužíva. Zasiahol by aj modály a offcanvas
   Môjho dňa (Bootstrap im dáva outline: 0 so špecificitou 0,1,0, ktorú by pravidlo 0,3,0 prebilo),
   a v podobe .my-day-panel[tabindex="-1"]:focus by orámoval celú sekciu pri každom kliku myšou
   dovnútra — klik na nefokusovateľný obsah zaostrí najbližšieho fokusovateľného predka, a tým je
   práve panel. */
.my-day-task-list__title:focus,
.my-day-completed-list__title:focus {
  outline: 3px solid #0a58ca;
  outline-offset: 2px;
  border-radius: 0.25rem;
}

/* Koreň panela je posledný náhradník reťaze — zaostruje sa naň zriedka a klik myšou doň mieri
   neustále, takže tu :focus-visible je správna hranica. border-radius sa nepridáva: je to
   vlastnosť elementu, nie obrysu, a rohom panela by pri fokuse skočila geometria. */
.my-day-panel:focus-visible {
  outline: 3px solid #0a58ca;
  outline-offset: 2px;
}

/* === Môj deň · F2 Tasky 5 a 6: režim Naplánovať deň a režimy odporúčaní === */
/* Signál kapacity nesie farbu okraja — text ho hovorí tiež, farba je iba skratka. */
.my-day-capacity-card--on-track {
  border-left: 4px solid var(--bs-success);
}

.my-day-capacity-card--tight {
  border-left: 4px solid var(--bs-warning);
}

.my-day-capacity-card--over {
  border-left: 4px solid var(--bs-danger);
}

.my-day-capacity-card__figures {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0 0 0.75rem;
}

.my-day-capacity-card__figures dt {
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--bs-secondary-color);
}

.my-day-capacity-card__figures dd {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.my-day-plan-section__toggle {
  font-size: 0.9rem;
}

.my-day-suggestions-panel__groups {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.my-day-suggestions-panel__more {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.my-day-suggestions-panel__pager {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.75rem;
}

.my-day-suggestions-panel__overdue-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-day-suggestions-panel__reschedule-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

/* Sekcia „Dokončené" sa otvára skutočným tlačidlom — pôvodný <div role="button"> sa
   čítačke hlásil ako tlačidlo, ale klávesnica sa k nemu nedostala. Tlačidlo už neobopína
   nadpis (nadpis do <button> nepatrí), takže si neberie celú šírku hlavičky — stojí vedľa
   nadpisu ako samostatný ovládač bez rámu a pozadia. */
.my-day-completed-list__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  color: inherit;
  cursor: pointer;
  white-space: nowrap;
}

/* Akcia v stĺpci odporúčaní sa nesmie zalamovať: „Založiť úlohu na dnes" sa lámalo do dvoch
   riadkov a jeho riadok bol o 30 px vyšší než susedné s „Pridať na dnes", takže stĺpec akcií
   prestal byť zarovnaný. Užšie obrazovky rieši .table-responsive okolo tabuľky. */
.my-day-suggestion-row__create,
.my-day-suggestion-row__add {
  white-space: nowrap;
}

/* ===== Môj deň v3.3 — informačná architektúra prototypu =====

   Cieľom nie je iná paleta, ale iná hierarchia: deň sa číta ako jedna obrazovka s jedným
   dominantným miestom (Teraz), nie ako séria rovnako vážnych bielych boxov s tabuľkami.
   Preto tu nevzniká paralelný dizajnový systém — všetko stojí na bootstrapových kartách,
   tlačidlách a tokenoch, mení sa rozloženie, hustota a váha. */
/* --- spoločné pracovné riadky (Ďalej dnes, potvrdenia, rozhodnutia, odporúčania) ---
   Riadok dňa nie je záznam na porovnávanie po stĺpcoch, ale jedna vec na urobenie: názov
   a kontext vľavo, stav a akcia vpravo. Tie isté triedy nesú všetky štyri zoznamy, aby
   sa hustota ani anatómia riadku nikde nerozišli. */
.my-day-rows {
  list-style: none;
  margin: 0;
  padding: 0;
}

.my-day-row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0;
  border-top: 1px solid var(--bs-border-color);
}

.my-day-row:first-child {
  border-top: 0;
}

.my-day-row__main {
  flex: 1 1 14rem;
  min-width: 0;
}

.my-day-row__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-left: auto;
}

/* Nadtitulok nesie pôvod a dôvod textom — rozdiel „založiť úlohu“ verzus „pridať na dnes“
   nesmie byť len farba tlačidla. */
.my-day-row__eyebrow {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--bs-secondary-color);
}

.my-day-row__context {
  margin-top: 0.125rem;
}

.my-day-row__estimate {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.my-day-row__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}

/* Termín stojí v pravej zóne riadku, nie pod názvom — odsadenie z tabuľkového rozloženia
   by ho tam odtlačilo od údajov, s ktorými sa teraz číta spolu. */
.my-day-rows .my-day-row__deadline {
  margin-top: 0;
  margin-left: 0;
  white-space: nowrap;
}

/* Dlhé slovenské predmety sa musia zalomiť, nie roztiahnuť riadok — telo stránky sa
   nesmie posúvať vodorovne ani na úzkej obrazovke. */
.my-day-row__main .task-title,
.my-day-row__main .my-day-suggestion-row__agenda-title {
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
}

/* Rovnaký rytmus všade: nadpis → vysvetlenie → obsah. */
.my-day-task-list__hint,
.my-day-gate-list__hint,
.my-day-decide-first-card__subtitle,
.my-day-suggestions-panel__subtitle {
  font-size: 0.8125rem;
  margin: 0.25rem 0 0.75rem;
}

/* --- pomerový pruh (priebeh dňa, kapacita) ---
   Šírku segmentu nesie trieda, nie inline style: konvencia projektu inline štýly nepripúšťa
   a v režime Pracovať ich zakazuje aj test poradia sekcií. Krok 5 % stačí — presné hodnoty
   stoja vedľa v legende, pruh je len obrázok pomeru. */
.my-day-bar {
  display: flex;
  height: 0.5rem;
  margin: 0.25rem 0 0.5rem;
  border-radius: 999px;
  overflow: hidden;
  background: #e9edf1;
}

.my-day-bar__seg {
  display: block;
  height: 100%;
  flex: 0 0 auto;
}

.my-day-bar__seg--done,
.my-day-bar__seg--logged {
  background: #1d6f43;
}

.my-day-bar__seg--planned {
  background: var(--af-teal, #297372);
}

.my-day-bar__seg--free {
  background: #c3ccd4;
}

/* --- režim Pracovať: 2/3 hlavný stĺpec + 1/3 vedľajší ---
   Poradie v DOM je čítacie poradie (Teraz → Ďalej dnes → Potvrdenia → Priebeh → Dokončené).
   Desktop ho nepreskupuje: mriežka iba pridelí obalu vedľajších sekcií druhý stĺpec,
   ostatné deti zostanú v prvom. Žiadne `order`, teda na mobile aj v čítačke to isté poradie. */
.my-day-work-mode__side {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 992px) {
  .my-day-work-mode {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    column-gap: 1rem;
    /* Riadková medzera musí byť nula. Obal vedľajšieho stĺpca preklenuje deväť riadkových stôp,
       takže aj pri prázdnych stopách by sa ich osem medzier započítalo do výšky mriežky ako
       mŕtve miesto pod poslednou kartou. Rozstup preto nesie margin jednotlivých kariet. */
    row-gap: 0;
    align-items: start;
  }
  .my-day-work-mode > * {
    grid-column: 1;
    min-width: 0;
    margin-bottom: 1rem;
  }
  .my-day-work-mode > *:last-child {
    margin-bottom: 0;
  }
  .my-day-work-mode > .my-day-work-mode__side {
    grid-column: 2;
    grid-row: 1/span 9;
    margin-bottom: 0;
  }
}
/* --- Teraz: jediné akcentované miesto stránky ---
   Ak akcent nesie každá karta, nenesie ho žiadna. Teraz je jediná karta s farebnou hranou
   a hlbším tieňom; ostatné sekcie sa odlišujú typografiou a hustotou. */
.my-day-now-card {
  border-left: 4px solid var(--af-teal, #297372);
  box-shadow: 0 0.125rem 0.75rem rgba(16, 42, 40, 0.12);
}

.my-day-now-card__label {
  color: var(--af-teal, #297372);
  font-weight: 700;
  margin: 0;
}

.my-day-now-card__label-note {
  color: var(--bs-secondary-color);
  text-transform: none;
  letter-spacing: 0;
}

.my-day-now-card__headline {
  margin-top: 0.35rem;
}

.my-day-now-card__title {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: left;
}

.my-day-now-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.9rem;
}

.my-day-now-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.my-day-now-card__estimate {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.my-day-now-card__actions {
  margin-top: 0;
}

/* --- Priebeh dňa: semafor slovom aj farbou ---
   Farebná hrana je len pri stave, ktorý si žiada pozornosť; „na dobrej ceste“ nemá dôvod
   ťahať oko na seba, a preto ju nedostáva. */
.my-day-progress-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.my-day-progress-card__pace {
  font-weight: 600;
}

.my-day-progress-card__pace--on-track {
  background-color: #e4f2e9;
  color: #14653b;
}

.my-day-progress-card__pace--tight {
  background-color: #fdf3e0;
  color: #8a5a00;
}

.my-day-progress-card__pace--over {
  background-color: #fbeae9;
  color: #a4241d;
}

.my-day-progress-card--tight {
  border-left: 4px solid var(--bs-warning);
}

.my-day-progress-card--over {
  border-left: 4px solid var(--bs-danger);
}

.my-day-progress-card__done {
  margin: 0.5rem 0 0.35rem;
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.my-day-progress-card__figures {
  gap: 1rem;
  margin: 0.75rem 0 0;
}

.my-day-progress-card__figures dd {
  font-size: 0.95rem;
}

.my-day-progress-card__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.9rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--bs-border-color);
}

.my-day-progress-card__cta-hint {
  font-size: 0.8125rem;
}

.my-day-progress-card__plan {
  white-space: nowrap;
}

/* --- Vyžaduje vaše potvrdenie: kompaktná karta vedľajšieho stĺpca --- */
.my-day-gate-list__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-left: auto;
}

.my-day-gate-list__confirm,
.my-day-gate-list__return {
  white-space: nowrap;
}

.my-day-row--gate {
  flex-wrap: wrap;
}

/* --- Dokončené: vizuálne sekundárne, nie ďalšia plnohodnotná karta --- */
.my-day-completed-list {
  background-color: transparent;
  border-style: dashed;
}

.my-day-completed-list > .card-body {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.my-day-completed-list__title {
  font-weight: 500;
  color: var(--bs-secondary-color);
}

/* --- kapacitný blok: jedno dominantné číslo, rozklad pod ním, plán vnútri --- */
.my-day-capacity-card__title {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--bs-secondary-color);
}

.my-day-capacity-card__headline {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 0.35rem 0 0.5rem;
}

.my-day-capacity-card__headline-label {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}

.my-day-capacity-card__headline-value {
  font-size: 1.5rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.my-day-capacity-card__figures {
  gap: 1.25rem;
  margin: 0 0 0.5rem;
}

.my-day-capacity-card__figures dd {
  font-size: 0.95rem;
}

.my-day-capacity-card__signal {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}

/* Denný plán býval samostatná karta vedľa kapacity — dnes je to jej zbaliteľná časť. */
.my-day-plan-section {
  margin-top: 0.9rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--bs-border-color);
}

.my-day-plan-section__toggle {
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  text-align: left;
}

.my-day-plan-section .my-day-task-list {
  border: 0;
  margin: 0;
  background-color: transparent;
}

.my-day-plan-section .my-day-task-list > .card-body {
  padding: 0.5rem 0 0;
}

.my-day-plan-section__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--bs-border-color);
}

.my-day-plan-section__hint {
  font-size: 0.75rem;
}

.my-day-plan-section__clear {
  white-space: nowrap;
}

/* --- Najprv rozhodnite: tri skupiny v jednej karte --- */
.my-day-decide-first-card__title {
  margin: 0;
}

.my-day-decide-first-card__block {
  display: block;
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--bs-border-color);
}

.my-day-decide-first-card__block:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.my-day-decide-first-card__block-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.35rem;
}

.my-day-decide-first-card__block-title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
}

.my-day-decide-first-card__block-sub {
  font-size: 0.8125rem;
}

.my-day-agenda-picks__marked {
  font-size: 0.8125rem;
  white-space: nowrap;
}

/* --- Odporúčania: rozhodovací rebríček --- */
.my-day-suggestions-panel__header {
  margin-bottom: 0.5rem;
}

.my-day-suggestions-panel__group-header {
  list-style: none;
  margin-top: 0.35rem;
  padding: 0.5rem 0 0.15rem;
  border-top: 1px solid var(--bs-border-color);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--bs-secondary-color);
}

.my-day-suggestions-panel__rows > .my-day-suggestions-panel__group-header:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.my-day-suggestions-panel__empty {
  font-size: 0.875rem;
}

.my-day-suggestions-panel__more {
  align-items: center;
}

.my-day-suggestions-panel__digest-count {
  font-size: 0.8125rem;
}

/* --- hlavička stránky: jedna zakladacia akcia s menu --- */
.index2-page__head-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.new-task-split-button {
  position: relative;
  display: inline-flex;
}

.new-task-split-button__caret {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* Kontajner menu stojí v DOM aj zavretý (aria-controls nesmie visieť do prázdna), takže
   pozicovanie patrí jemu — nie zoznamu, ktorý v ňom pribúda až po otvorení. */
.new-task-split-button__region {
  position: absolute;
  top: calc(100% + 0.25rem);
  right: 0;
  z-index: 1030;
}

.new-task-split-button__items {
  display: flex;
  flex-direction: column;
  min-width: 12rem;
  padding: 0.25rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  background: var(--bs-body-bg);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.new-task-split-button__item {
  padding: 0.35rem 0.6rem;
  border: 0;
  border-radius: 0.25rem;
  background: transparent;
  text-align: left;
  font-size: 0.875rem;
  white-space: nowrap;
}

.new-task-split-button__item:hover,
.new-task-split-button__item:focus-visible {
  background: var(--bs-secondary-bg);
}

/* Šírky segmentov pruhu — krok 5 %, generované pravidlá pre MyDayBarSegment.WidthCssClass. */
.my-day-bar__seg--w0 {
  width: 0%;
}

.my-day-bar__seg--w5 {
  width: 5%;
}

.my-day-bar__seg--w10 {
  width: 10%;
}

.my-day-bar__seg--w15 {
  width: 15%;
}

.my-day-bar__seg--w20 {
  width: 20%;
}

.my-day-bar__seg--w25 {
  width: 25%;
}

.my-day-bar__seg--w30 {
  width: 30%;
}

.my-day-bar__seg--w35 {
  width: 35%;
}

.my-day-bar__seg--w40 {
  width: 40%;
}

.my-day-bar__seg--w45 {
  width: 45%;
}

.my-day-bar__seg--w50 {
  width: 50%;
}

.my-day-bar__seg--w55 {
  width: 55%;
}

.my-day-bar__seg--w60 {
  width: 60%;
}

.my-day-bar__seg--w65 {
  width: 65%;
}

.my-day-bar__seg--w70 {
  width: 70%;
}

.my-day-bar__seg--w75 {
  width: 75%;
}

.my-day-bar__seg--w80 {
  width: 80%;
}

.my-day-bar__seg--w85 {
  width: 85%;
}

.my-day-bar__seg--w90 {
  width: 90%;
}

.my-day-bar__seg--w95 {
  width: 95%;
}

.my-day-bar__seg--w100 {
  width: 100%;
}

/* Termín v karte Teraz stojí v pätičke vedľa odhadu, nie pod názvom — odsadenie, ktoré ho
   v tabuľkovom riadku zarovnávalo pod text, by ho tu odtrhlo od údajov, s ktorými sa číta. */
.my-day-now-card__meta .my-day-row__deadline {
  margin-top: 0;
  margin-left: 0;
}

/* Hotový riadok je prečiarknutý a tichý — je to výsledok, nie práca, ktorá ešte čaká. */
.my-day-row--done .task-title {
  text-decoration: line-through;
  color: var(--bs-secondary-color);
}

.my-day-completed-list__deadline {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Digest označení z agendy sa dá rozbaliť na celý zoznam — prepínač stojí pod riadkami. */
.my-day-agenda-picks__toggle {
  margin-top: 0.35rem;
  font-size: 0.8125rem;
  text-decoration: none;
}

/* === Môj deň · mobilná navigácia zoznamov ===
   Šesť pilulek sa na 390 px stohovalo do šiestich riadkov a odtlačilo „Teraz" (v plánovaní
   „Kapacita dňa") až za prvý viewport — teda presne tú informačnú prioritu, ktorú má v3.3
   postaviť navrch. Na mobile z nich preto robíme jeden vodorovne posúvateľný riadok.

   Modifikátor, nie holé `.af-filter-badges`: základné pravidlo žije v site_old.css a je písané
   ako všeobecný filtračný pás, takže zásah doň by siahol mimo túto stránku. */
@media (max-width: 767.98px) {
  .index2-page__lists {
    flex-wrap: nowrap;
    overflow-x: auto;
    /* `overflow-x: auto` samo povýši `overflow-y` na `auto` a pod pás pribudne zvislý pruh;
       `hidden` mu zabráni. Odsadenie potom drží miesto pre obrys fokusu, aby ho `hidden`
       neorezal, a záporný margin vráti pás na pôvodnú os stránky. */
    overflow-y: hidden;
    padding: 0.375rem;
    margin-inline: -0.375rem;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }
  /* Bez `flex: 0 0 auto` by flex pilulky v jednom riadku stlačil pod čitateľnosť; `nowrap`
  drží dlhé názvy ako „Úlohy ktoré som pridelil" na jednom riadku vnútri pilulky. */
  .index2-page__lists > .af-filter-badges__badge {
    flex: 0 0 auto;
    white-space: nowrap;
    scroll-snap-align: start;
  }
}
/* ==========================================================================
   Pracovné dokumenty pri spise (AWD-03, zoznam a detail AWD-04)
   ========================================================================== */
.document-folder-working-documents-section {
  /* Hlavička sedí na jednej riadke s akciami (rovnako ako Plán práce), takže margin
     nadpisu sa vo flexe stratí — bez neho by prvý pruh zoznamu ležal na nadpise. */
  /* Pruhový zoznam rovnakej stavby ako Prepojenia a Základné údaje spisu: mriežka na
     kontajneri, riadok preberá jej stĺpce cez subgrid. Striedanie pozadia rieši
     spoločná trieda .alternate, takže tu nie sú vlastné farby ani rámy. */
  /* Skryté bunky sa zo subgridu vypadnú, takže počet stĺpcov kontajnera musí klesnúť
     spolu s nimi — inak by sa zvyšné bunky posunuli o stĺpec vedľa. */
}
.document-folder-working-documents-section .card-header {
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.document-folder-working-documents-section .working-documents-loading,
.document-folder-working-documents-section .working-documents-empty {
  font-size: 0.875rem;
}
.document-folder-working-documents-section .working-document-list {
  display: grid;
  /* Stav má minmax(min-content, max-content): dlhý štítok („Pripravený na
     zaevidovanie“) sa pri úzkej karte zalomí, namiesto aby vyhladoval verziu. */
  grid-template-columns: min-content minmax(0, 1.5fr) minmax(0, 1.4fr) minmax(min-content, max-content) max-content max-content;
  column-gap: 1rem;
  min-width: 0;
}
.document-folder-working-documents-section .working-document-list-item {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
  align-items: center;
  padding: 0.6rem 0.5rem;
  transition: background-color 0.15s ease;
}
.document-folder-working-documents-section .working-document-list-item > .icon {
  color: #297372;
}
.document-folder-working-documents-section .working-document-list-item > .icon i {
  margin-right: 0;
}
.document-folder-working-documents-section .working-document-list-item > .document,
.document-folder-working-documents-section .working-document-list-item > .version {
  min-width: 0;
}
.document-folder-working-documents-section .working-document-list-item > .updated {
  font-size: 0.75rem;
  color: #ababae;
  white-space: nowrap;
}
.document-folder-working-documents-section .working-document-list-item > .actions {
  text-align: right;
  white-space: nowrap;
}
.document-folder-working-documents-section .working-document-title {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: #297372;
  /* Názov zadáva používateľ a môže byť až 300 znakov — bez zalomenia by rozšíril
     kartu a rozbil dvojstĺpcový layout detailu spisu. */
  overflow-wrap: anywhere;
}
.document-folder-working-documents-section .working-document-current-version {
  display: block;
  font-size: 0.85rem;
  color: #303030;
  overflow-wrap: anywhere;
}
.document-folder-working-documents-section .working-document-owner,
.document-folder-working-documents-section .working-document-task,
.document-folder-working-documents-section .working-document-current-version-author {
  display: block;
  font-size: 0.75rem;
  color: #6c757d;
  overflow-wrap: anywhere;
}
.document-folder-working-documents-section .working-document-status {
  max-width: 100%;
  white-space: normal;
}
.document-folder-working-documents-section .working-document-detail-action {
  padding: 0.2rem 0.4rem;
  line-height: 1;
}
.document-folder-working-documents-section .working-document-detail-action i {
  margin: 0;
}
.document-folder-working-documents-section .working-document-list-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 0.5rem 0;
  border-top: 1px solid #e2e3e5;
  font-size: 0.8rem;
}
.document-folder-working-documents-section .working-document-show-more {
  flex: 0 0 auto;
}
@media (max-width: 1199.98px) {
  .document-folder-working-documents-section .working-document-list {
    grid-template-columns: min-content minmax(0, 1.5fr) minmax(0, 1.3fr) minmax(min-content, max-content) max-content;
  }
  .document-folder-working-documents-section .working-document-updated-cell {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .document-folder-working-documents-section .working-document-list {
    grid-template-columns: min-content minmax(0, 1fr) minmax(0, 1fr) max-content;
    column-gap: 0.5rem;
  }
  .document-folder-working-documents-section .working-document-state-cell {
    display: none;
  }
  .document-folder-working-documents-section .working-document-list-item {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .document-folder-working-documents-section .working-document-list-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* AWD-10a: vytvorenie prázdneho dokumentu a nahratie existujúceho sú dva samostatné
   modály s rovnakým správaním vrstvenia. */
.working-document-create-dialog,
.working-document-import-dialog {
  /* Modál sa vykresľuje bez Bootstrap JS, preto potrebuje vlastnú vrstvu nad
     backdropom, ktorý komponent pridáva hneď za ním. */
  z-index: 1055;
}
.working-document-create-dialog .modal-body .form-text,
.working-document-import-dialog .modal-body .form-text {
  font-size: 0.8125rem;
}

.working-document-detail-scope .working-document-detail-title {
  font-size: 1.125rem;
  overflow-wrap: anywhere;
}
.working-document-detail-scope .working-document-detail-meta,
.working-document-detail-scope .working-document-version {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  /* Názov súboru je metadátum od používateľa — dlhý reťazec bez medzier by inak
     roztiahol celý panel. */
  overflow-wrap: anywhere;
}
.working-document-detail-scope .working-document-versions-title {
  margin-top: 1rem;
  font-size: 1rem;
}
.working-document-detail-scope .working-document-version {
  padding: 0.5rem 0;
}
.working-document-detail-scope .working-document-version + .working-document-version {
  border-top: 1px solid var(--bs-border-color);
}
.working-document-detail-scope .working-document-version-number {
  font-weight: 600;
}

/* AWD-05: akcia a dialóg pre nahratie ďalšej immutable verzie. */
.working-document-detail-scope .working-document-version-upload-action {
  margin-top: 1rem;
}

.working-document-version-upload-dialog {
  background-color: rgba(0, 0, 0, 0.35);
}
.working-document-version-upload-dialog .working-document-version-upload-explanation {
  /* Vysvetlenie, že staršie verzie zostanú zachované, je súčasť kontraktu voči
     používateľovi — nesmie splynúť s ostatným textom. */
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.working-document-detail-scope .working-document-lock {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.working-document-detail-scope .working-document-lock-own,
.working-document-detail-scope .working-document-lock-foreign {
  align-self: flex-start;
}
.working-document-detail-scope .working-document-lock-unsaved-warning {
  margin-bottom: 0;
  padding: 0.5rem 0.75rem;
}
.working-document-detail-scope .working-document-lock-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.working-document-detail-scope .working-document-lock-error {
  margin-bottom: 0.75rem;
}

.working-document-force-unlock-dialog .working-document-force-unlock-explanation {
  margin-bottom: 1rem;
}

.working-document-detail-scope .working-document-workflow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.working-document-detail-scope .working-document-workflow-error {
  margin-bottom: 0.75rem;
}

.working-document-history-list {
  margin-top: 1.5rem;
}
.working-document-history-list .working-document-history-title {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.working-document-history-list .working-document-history-truncated {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.working-document-history-list .working-document-history-entry {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.25rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.working-document-history-list .working-document-history-event {
  font-weight: 500;
}
.working-document-history-list .working-document-history-reason {
  flex-basis: 100%;
}

.working-document-detail-scope .working-document-detail-section {
  width: 100%;
}
.working-document-detail-scope .working-document-detail-state {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0 0 1rem;
}
.working-document-detail-scope .working-document-detail-error {
  width: 100%;
  margin: 0;
}
.working-document-detail-scope .working-document-detail {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 0 1rem;
}
.working-document-detail-scope .working-document-detail-title {
  margin: 0 0 0.5rem;
  font-size: 1.15rem;
  font-weight: 650;
}
.working-document-detail-scope .working-document-detail-meta {
  row-gap: 0.35rem;
}
.working-document-detail-scope .working-document-capture-summary,
.working-document-detail-scope .working-document-capture-pending,
.working-document-detail-scope .working-document-lock-error,
.working-document-detail-scope .working-document-workflow-error {
  margin: 0 0 0.75rem;
}
.working-document-detail-scope .working-document-lock-state {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background: var(--bs-tertiary-bg);
  font-size: 0.875rem;
}
.working-document-detail-scope .working-document-lock-own {
  border-color: var(--bs-warning-border-subtle);
  background: var(--bs-warning-bg-subtle);
}
.working-document-detail-scope .working-document-lock-foreign {
  border-color: var(--bs-secondary-border-subtle);
  background: var(--bs-secondary-bg-subtle);
}
.working-document-detail-scope .working-document-lock-unsaved-warning {
  margin-top: 0.2rem;
  padding: 0;
}
.working-document-detail-scope .working-document-actions .actions {
  align-items: flex-start;
  flex-direction: column;
  margin-top: 0;
}
.working-document-detail-scope .working-document-primary-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: 0.25rem;
  scrollbar-width: thin;
}
.working-document-detail-scope .working-document-primary-actions > .btn, .working-document-detail-scope .search-form .card-header .scope-selector .working-document-primary-actions > button, .search-form .card-header .scope-selector .working-document-detail-scope .working-document-primary-actions > button {
  flex: 0 0 auto;
  white-space: nowrap;
}
.working-document-detail-scope .working-document-more-actions {
  margin-top: 0.5rem;
}
.working-document-detail-scope .working-document-more-actions > summary {
  display: inline-flex;
  align-items: center;
  list-style: none;
  cursor: pointer;
  user-select: none;
}
.working-document-detail-scope .working-document-more-actions > summary::-webkit-details-marker {
  display: none;
}
.working-document-detail-scope .working-document-secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--bs-border-color);
}
.working-document-detail-scope .working-document-version-upload-action {
  margin-top: 0;
}
.working-document-detail-scope .working-document-history-card {
  overflow: visible;
}
.working-document-detail-scope .working-document-history-truncated {
  padding: 0.65rem 1rem;
  border-bottom: 1px solid var(--bs-border-color);
  font-size: 0.8rem;
}
.working-document-detail-scope .working-document-history-section {
  margin: 0 0 0.5rem;
  overflow: hidden;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background: var(--bs-body-bg);
}
.working-document-detail-scope .working-document-history-section:last-child {
  margin-bottom: 0;
}
.working-document-detail-scope .working-document-history-section > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.8rem 0.9rem;
  list-style: none;
  cursor: pointer;
  font-weight: 600;
  background: var(--bs-tertiary-bg);
  user-select: none;
}
.working-document-detail-scope .working-document-history-section > summary::-webkit-details-marker {
  display: none;
}
.working-document-detail-scope .working-document-history-section > summary:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.working-document-detail-scope .working-document-history-section[open] > summary {
  border-bottom: 1px solid var(--bs-border-color);
}
.working-document-detail-scope .working-document-history-section[open] .working-document-history-chevron {
  transform: rotate(90deg);
}
.working-document-detail-scope .working-document-history-summary-end {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.working-document-detail-scope .working-document-history-chevron {
  transition: transform 0.15s ease-in-out;
}
.working-document-detail-scope .working-document-history-content {
  padding: 0 0.9rem;
}
.working-document-detail-scope .working-document-version {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 0;
  font-size: 0.875rem;
}
.working-document-detail-scope .working-document-version-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  color: var(--bs-primary);
  background: var(--bs-primary-bg-subtle);
}
.working-document-detail-scope .working-document-version-body {
  min-width: 0;
}
.working-document-detail-scope .working-document-version-heading,
.working-document-detail-scope .working-document-version-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.25rem 0.75rem;
}
.working-document-detail-scope .working-document-version-file,
.working-document-detail-scope .working-document-version-comment {
  overflow-wrap: anywhere;
}
.working-document-detail-scope .working-document-version-download,
.working-document-detail-scope .working-document-version-state {
  display: inline-block;
  margin-top: 0.25rem;
}

.working-document-history-list {
  margin-top: 0;
}
.working-document-history-list .working-document-history-truncated {
  margin: 0;
  padding: 0.75rem 0;
}
.working-document-history-list .working-document-history {
  margin: 0;
}
.working-document-history-list .working-document-history-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.2rem 0.75rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--bs-border-color);
  font-size: 0.825rem;
}
.working-document-history-list .working-document-history-entry:last-child {
  border-bottom: 0;
}
.working-document-history-list .working-document-history-event {
  font-weight: 600;
}
.working-document-history-list .working-document-history-actor,
.working-document-history-list .working-document-history-transition,
.working-document-history-list .working-document-history-reason {
  grid-column: 1/-1;
}
.working-document-history-list .working-document-history-version {
  white-space: nowrap;
}
.working-document-history-list .working-document-history-empty {
  padding: 0.9rem 0;
  font-size: 0.825rem;
}

.working-document-owner-dialog .working-document-owner-explanation {
  margin-bottom: 1rem;
}

.working-document-cancel-dialog .working-document-cancel-explanation {
  margin-bottom: 1rem;
}

.working-document-operations-page .health-checks-table code {
  font-size: 0.85em;
}
.working-document-operations-page .health-refresh-info code {
  font-size: 0.85em;
}
.working-document-operations-page .problems-table code {
  font-size: 0.8em;
  word-break: break-all;
}
.working-document-operations-page .problems-paging {
  margin-top: 0.75rem;
}
.working-document-operations-page .cleanup-actions {
  flex-wrap: wrap;
}
.working-document-operations-page .cleanup-result {
  margin-top: 1rem;
}

.working-document-detail-scope .working-document-capture-summary,
.working-document-detail-scope .working-document-capture-pending {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.working-document-detail-scope .working-document-capture-summary-title {
  font-weight: 500;
}
.working-document-detail-scope .working-document-capture-summary-version,
.working-document-detail-scope .working-document-capture-summary-actor {
  font-size: 0.875rem;
}

.working-document-capture-dialog .working-document-capture-source {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.working-document-capture-dialog .working-document-capture-source-version {
  font-weight: 500;
}
.working-document-capture-dialog .working-document-capture-warning {
  margin-bottom: 1rem;
}
.working-document-capture-dialog .working-document-capture-empty {
  margin-bottom: 0.5rem;
}

.working-document-templates-page .template-create-section .form-label {
  font-weight: 500;
}
.working-document-templates-page .template-list-table td {
  vertical-align: middle;
}
.working-document-templates-page .template-empty-state,
.working-document-templates-page .template-versions-empty {
  margin-bottom: 0;
}
.working-document-templates-page .template-upload-form {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}
.working-document-templates-page .template-versions-table td,
.working-document-templates-page .template-history-table td {
  vertical-align: middle;
}

/* AWD-S7: Upravit vo Worde - primarna akcia detailu pracovneho dokumentu. */
.working-document-edit-in-word {
  white-space: nowrap;
}

.working-document-edit-launch-message {
  margin-bottom: 0.5rem;
}

.people-list .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.people-list .people-list-rows {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.people-list .people-list-row {
  min-width: 0;
  padding: 0.25rem 0;
}
.people-list .people-list-text {
  min-width: 0;
}
.people-list .people-list-primary,
.people-list .people-list-secondary {
  overflow-wrap: anywhere;
}
.people-list .people-list-secondary {
  font-size: 0.875rem;
}
.people-list .people-list-empty {
  font-size: 0.875rem;
  font-style: italic;
}
.people-list [data-action=remove-person] {
  flex-shrink: 0;
}

.monitoring-team-card {
  min-width: 0;
}
.monitoring-team-card .people-list {
  margin-bottom: 1rem;
}
.monitoring-team-card .offcanvas-body {
  min-width: 0;
}

.ticket-button {
  display: inline-flex;
  align-items: center;
  margin: 0 0.5rem;
}

.ticket-form .ticket-context-url {
  overflow-wrap: anywhere;
  margin-bottom: 0;
}
.ticket-form .ticket-selected-files {
  margin-bottom: 0;
}

.ticket-context-link {
  overflow-wrap: anywhere;
}

.offcanvas .offcanvas-header-ticket {
  position: absolute;
  top: 1.25rem;
  right: 3rem;
  z-index: 5;
}
.offcanvas .offcanvas-header-ticket .ticket-button {
  margin: 0;
}
.offcanvas .offcanvas-header-ticket .action-icon {
  width: 33px;
  height: 29px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--bs-primary);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-primary);
  border-radius: var(--bs-border-radius);
}
.offcanvas .offcanvas-header-ticket .action-icon:hover {
  color: #fff;
  background-color: var(--bs-primary);
}
.offcanvas .offcanvas-header-ticket .action-icon i {
  margin: 0;
  font-size: 0.75rem !important;
}

.offcanvas.offcanvas-end.ticket-offcanvas-beside {
  position: fixed;
  top: 0;
  bottom: 0;
  left: auto;
  right: var(--bs-offcanvas-width, 400px);
  height: 100%;
  border-right: 0;
}

.ticket-context-section .ticket-context-link {
  font-size: 0.875rem;
}

.tickets-admin-page .data-table {
  grid-template-columns: minmax(120px, 2fr) minmax(110px, 1fr) minmax(110px, 1fr) max-content max-content minmax(110px, 1fr) max-content minmax(140px, 1.5fr) max-content max-content;
}
.tickets-admin-page .data-table .cell.header {
  cursor: default;
}
.tickets-admin-page .data-table .cell.header:hover {
  opacity: 1;
}
.tickets-admin-page .data-table .statuses {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
}
.tickets-admin-page .data-table .cell.commands {
  gap: 0.25rem;
}
.tickets-admin-page .data-table .ticket-context-link {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tickets-admin-page .default-solver-section .cells {
  align-items: end;
}

.solver-section .accept-duration {
  max-width: 16rem;
}

/* Entity wall */
.agenda-wall {
  margin-bottom: 1.5rem;
  overflow: visible;
  border-color: #dfe7ee;
}

.agenda-wall__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem;
  background: linear-gradient(135deg, #f7fbfb 0%, #fff 70%);
  border-bottom-color: #e5ecef;
}

.agenda-wall__body {
  padding: 1rem 1.1rem 1.1rem;
}

.agenda-wall__composer {
  position: relative;
  padding: 0.85rem;
  background: #f7f9fb;
  border: 1px solid #e2e8ed;
  border-radius: 0.75rem;
}

.agenda-wall__composer textarea, .agenda-wall__reply-composer textarea {
  resize: vertical;
  min-height: 4.75rem;
  border-color: transparent;
  box-shadow: none;
}

.agenda-wall__composer textarea:focus, .agenda-wall__reply-composer textarea:focus {
  border-color: rgba(var(--bs-primary-rgb), 0.45);
  box-shadow: 0 0 0 0.18rem rgba(var(--bs-primary-rgb), 0.1);
}

.agenda-wall__composer-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.65rem;
}

.agenda-wall__mention-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.55rem;
}

.agenda-wall__mention-chips button {
  font-weight: 500;
  color: #38515d !important;
}

.agenda-wall__mention-picker {
  position: absolute;
  z-index: 20;
  left: 0.85rem;
  right: 0.85rem;
  top: calc(100% - 0.35rem);
  padding: 0.5rem;
  background: #fff;
  border: 1px solid #dce4e8;
  border-radius: 0.65rem;
  box-shadow: 0 0.75rem 2rem rgba(33, 50, 59, 0.14);
}

.agenda-wall__mention-picker .list-group {
  max-height: 14rem;
  overflow-y: auto;
  margin-top: 0.35rem;
}

.agenda-wall__mention-picker .list-group-item {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  border: 0;
  border-radius: 0.4rem;
}

.agenda-wall__empty {
  display: flex;
  min-height: 9rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  color: #73828a;
  text-align: center;
}

.agenda-wall__empty > i {
  font-size: 1.6rem;
  color: var(--af-teal, var(--bs-primary));
}

.agenda-wall__feed {
  max-height: min(42rem, 65vh);
  margin-top: 1rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  padding-inline-end: 0.25rem;
}

.agenda-wall__post {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: 0.75rem;
  padding: 1rem 0;
  border-bottom: 1px solid #edf1f3;
  scroll-margin-top: 5rem;
}

.agenda-wall__post:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.agenda-wall__post--focused {
  margin-inline: -0.6rem;
  padding-inline: 0.6rem;
  border-radius: 0.65rem;
  background: #fff8df;
  box-shadow: inset 3px 0 #e6af24;
}

.agenda-wall__avatar {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, var(--af-teal, #137a74), #345c7a);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.agenda-wall__avatar--small {
  width: 1.85rem;
  height: 1.85rem;
  flex-basis: 1.85rem;
  font-size: 0.64rem;
}

.agenda-wall__post-content {
  min-width: 0;
}

.agenda-wall__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.45rem;
  color: #829098;
  font-size: 0.75rem;
}

.agenda-wall__meta strong {
  color: #26363f;
  font-size: 0.88rem;
}

.agenda-wall__text {
  margin-top: 0.35rem;
  color: #33434c;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.agenda-wall__removed {
  margin-top: 0.45rem;
  color: #8a959b;
  font-style: italic;
}

.agenda-wall__post-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.45rem;
}

.agenda-wall__post-actions button {
  padding: 0;
  color: #62747d;
  background: transparent;
  border: 0;
  font-size: 0.75rem;
}

.agenda-wall__post-actions button:hover {
  color: var(--bs-primary);
  text-decoration: underline;
}

.agenda-wall__reply-composer {
  margin-top: 0.75rem;
  padding: 0.65rem;
  border-radius: 0.6rem;
  background: #f7f9fb;
}

.agenda-wall__replies {
  margin-top: 0.65rem;
  border-left: 2px solid #dfe8eb;
  padding-left: 0.85rem;
}

.agenda-wall__reply {
  display: grid;
  grid-template-columns: 1.85rem minmax(0, 1fr);
  gap: 0.6rem;
  padding: 0.7rem 0;
  scroll-margin-top: 5rem;
}

@media (max-width: 575.98px) {
  .agenda-wall__header {
    align-items: flex-start;
  }
  .agenda-wall__body {
    padding-inline: 0.8rem;
  }
  .agenda-wall__composer-actions {
    flex-wrap: wrap;
  }
  .agenda-wall__composer-actions .ms-auto {
    margin-left: 0 !important;
  }
}
/* Company chat: independent from task wall and alert bell. */
.company-chat-badge {
  font-size: 0.6rem;
}

.company-chat-page {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  height: calc(100vh - 134px);
  min-height: 560px;
  margin: -14px;
  background: #f5f7fa;
}

.company-chat-sidebar {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #fff;
  border-right: 1px solid #e5e9f0;
}

.company-chat-sidebar-header, .company-chat-thread-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.25rem;
  border-bottom: 1px solid #e5e9f0;
  background: #fff;
}

.company-chat-mobile-back {
  display: none;
  padding: 0.4rem;
  border: 0;
  background: transparent;
  color: #34445c;
  font-size: 1.1rem;
}

.company-chat-sidebar-header h1, .company-chat-thread-header h2 {
  margin: 0;
  font-size: 1.25rem;
}

.company-chat-sidebar-header small, .company-chat-thread-header small {
  color: #718096;
}

.company-chat-thread-heading {
  min-width: 0;
}

.company-chat-member-summary {
  position: relative;
  width: max-content;
  max-width: 100%;
}

.company-chat-member-summary-trigger {
  border: 0;
  padding: 0;
  background: transparent;
  color: #718096;
  font-size: 0.82rem;
  text-align: left;
}

.company-chat-member-summary-trigger:hover, .company-chat-member-summary-trigger:focus-visible {
  color: #297372;
  text-decoration: underline;
}

.company-chat-member-summary-popover {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.45rem);
  left: 0;
  display: none;
  width: min(320px, 80vw);
  max-height: 320px;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding: 0.65rem;
  border: 1px solid #dce4e9;
  border-radius: 0.6rem;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
}

.company-chat-member-summary:hover .company-chat-member-summary-popover, .company-chat-member-summary:focus-within .company-chat-member-summary-popover {
  display: flex;
  flex-direction: column;
}

.company-chat-member-summary-title {
  padding: 0.15rem 0.35rem 0.5rem;
  color: #297372;
}

.company-chat-member-summary-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.45rem 0.35rem;
  border-top: 1px solid #edf0f2;
}

.company-chat-member-summary-item > span:first-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.company-chat-member-summary-item small {
  color: #718096;
}

.company-chat-member-summary-online {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  color: #297372;
  font-size: 0.75rem;
  white-space: nowrap;
}

.company-chat-new {
  padding: 1rem;
  border-bottom: 1px solid #e5e9f0;
  background: #f8fafc;
}

.company-chat-directory-results {
  max-height: 220px;
  overflow: auto;
  margin-top: 0.5rem;
}

.company-chat-person-result {
  display: flex;
  gap: 0.65rem;
  padding: 0.55rem;
  border-radius: 0.5rem;
  cursor: pointer;
}

.company-chat-person-result:hover {
  background: #eef4ff;
}

.company-chat-person-result span, .company-chat-member-row span {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.company-chat-person-result small, .company-chat-member-row small {
  color: #718096;
}

.company-chat-conversation-list {
  overflow: auto;
  flex: 1;
}

.company-chat-conversation {
  width: 100%;
  display: flex;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border: 0;
  border-bottom: 1px solid #f0f2f5;
  background: #fff;
  text-align: left;
  color: inherit;
}

.company-chat-conversation:hover, .company-chat-conversation.active {
  background: #eef4ff;
}

.company-chat-avatar {
  flex: 0 0 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #dbeafe;
  color: #2457a6;
  font-weight: 700;
}

.company-chat-conversation-copy {
  min-width: 0;
  flex: 1;
}

.company-chat-conversation-copy strong, .company-chat-conversation-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.company-chat-conversation-copy small {
  color: #718096;
}

.company-chat-unread-dot {
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
  margin-top: 0.3rem;
  border-radius: 50%;
  background: #2563eb;
}

.company-chat-main {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.company-chat-empty {
  margin: auto;
  text-align: center;
  color: #718096;
}

.company-chat-empty i {
  font-size: 3rem;
  color: #a8b3c4;
}

.company-chat-empty h2 {
  margin: 0.75rem 0 0.25rem;
  color: #344054;
}

.company-chat-empty-small {
  padding: 2rem 1rem;
  text-align: center;
  color: #718096;
}

.company-chat-member-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid #eef1f4;
}

.company-chat-settings .offcanvas-body-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.company-chat-settings .card {
  margin: 0;
}

.company-chat-settings .card-body.cells {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0.75rem;
}

.company-chat-settings-members {
  max-height: 360px;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.company-chat-member-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.company-chat-settings-empty {
  margin: 0;
  color: #718096;
}

.company-chat-add-selected-members {
  align-self: flex-end;
}

.company-chat-messages {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  padding: 1.25rem clamp(1rem, 4vw, 4rem);
}

.company-chat-message {
  align-self: flex-start;
  max-width: min(720px, 82%);
  padding: 0.7rem 0.85rem;
  border: 1px solid #e1e6ed;
  border-radius: 0.2rem 0.85rem 0.85rem 0.85rem;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.company-chat-message.own {
  align-self: flex-end;
  border-color: #cfe0ff;
  border-radius: 0.85rem 0.2rem 0.85rem 0.85rem;
  background: #eaf2ff;
}

.company-chat-message-meta {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  color: #718096;
}

.company-chat-message-meta strong {
  color: #344054;
}

.company-chat-message-body {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.company-chat-message-actions {
  display: flex;
  gap: 0.65rem;
  justify-content: flex-end;
  margin-top: 0.3rem;
  opacity: 0;
}

.company-chat-message:hover .company-chat-message-actions {
  opacity: 1;
}

.company-chat-message-actions button {
  padding: 0;
  border: 0;
  background: none;
  color: #5b6b82;
  font-size: 0.75rem;
}

.company-chat-tombstone {
  color: #7b8797;
  font-style: italic;
}

.company-chat-system-message {
  align-self: center;
  max-width: 80%;
  padding: 0.25rem 0.65rem;
  border-radius: 1rem;
  background: #e8ecf1;
  color: #657184;
  font-size: 0.78rem;
  text-align: center;
}

.company-chat-composer {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  padding: 1rem clamp(1rem, 4vw, 4rem);
  border-top: 1px solid #e1e6ed;
  background: #fff;
}

.company-chat-composer textarea {
  resize: none;
}

.company-chat-composer .btn, .company-chat-composer .search-form .card-header .scope-selector button, .search-form .card-header .scope-selector .company-chat-composer button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.company-chat-readonly {
  padding: 1rem;
  border-top: 1px solid #e1e6ed;
  background: #f8fafc;
  color: #718096;
  text-align: center;
}

@media (max-width: 800px) {
  .company-chat-page {
    grid-template-columns: 1fr;
    height: calc(100vh - 110px);
    min-height: 520px;
  }
  .company-chat-page.show-list .company-chat-main {
    display: none;
  }
  .company-chat-page.show-thread .company-chat-sidebar {
    display: none;
  }
  .company-chat-sidebar {
    max-height: none;
    border-right: 0;
    border-bottom: 0;
  }
  .company-chat-main {
    min-height: 0;
  }
  .company-chat-mobile-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .company-chat-thread-header {
    justify-content: flex-start;
    gap: 0.45rem;
  }
  .company-chat-thread-header > :last-child {
    margin-left: auto;
  }
  .company-chat-message {
    max-width: 92%;
  }
}
@media (hover: none), (pointer: coarse) {
  .company-chat-message-actions {
    opacity: 1;
  }
}
.company-chat-add-member {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.45rem 0.55rem;
  border: 0;
  border-radius: 0.4rem;
  background: #f5f8fc;
  text-align: left;
}

.company-chat-add-member:hover {
  background: #eaf2ff;
}

.company-chat-add-member span {
  display: flex;
  flex-direction: column;
}

.company-chat-add-member small {
  color: #718096;
}

.company-chat-member-actions {
  display: flex;
  flex-direction: row !important;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.company-chat-remove-confirmation {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 0.15rem;
  padding-left: 0.45rem;
  color: #7c2d12;
  font-size: 0.78rem;
}

.company-chat-avatar-wrap {
  position: relative;
  flex: 0 0 42px;
  height: 42px;
}

.company-chat-avatar-wrap .company-chat-avatar {
  display: grid;
}

.company-chat-presence-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 0.25rem;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #22a447;
  vertical-align: middle;
  box-shadow: 0 0 0 1px rgba(34, 164, 71, 0.18);
}

.company-chat-presence-avatar {
  position: absolute;
  right: -1px;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: 0;
}

.company-chat-message {
  position: relative;
  transition: box-shadow 0.2s, background-color 0.2s;
}

.company-chat-message-highlight {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.28);
}

.company-chat-message-menu-trigger {
  font-size: 1.1rem !important;
  line-height: 1;
  min-width: 26px;
}

.company-chat-message-menu {
  position: absolute;
  z-index: 5;
  right: 0.5rem;
  top: calc(100% - 0.25rem);
  min-width: 170px;
  padding: 0.35rem;
  border: 1px solid #dce2ea;
  border-radius: 0.65rem;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.18);
}

.company-chat-message-menu button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.5rem 0.65rem;
  border: 0;
  border-radius: 0.4rem;
  background: transparent;
  color: #27364a;
  text-align: left;
}

.company-chat-message-menu button:hover {
  background: #f0f4f8;
}

.company-chat-reply-quote {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 0 0.45rem;
  padding: 0.45rem 0.55rem;
  overflow: hidden;
  border: 0;
  border-left: 3px solid #3b82f6;
  border-radius: 0.25rem;
  background: rgba(59, 130, 246, 0.08);
  color: #344054;
  text-align: left;
}

.company-chat-reply-quote span, .company-chat-replying-to small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.company-chat-forwarded-label {
  margin-bottom: 0.2rem;
  color: #718096;
  font-size: 0.72rem;
}

.company-chat-composer-content {
  flex: 1;
  min-width: 0;
}

.company-chat-replying-to {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.45rem;
  padding: 0.45rem 0.65rem;
  border-left: 3px solid #3b82f6;
  background: #f3f7fd;
}

.company-chat-replying-to span {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.company-chat-replying-to button, .company-chat-forward-dialog header button {
  border: 0;
  background: transparent;
  font-size: 1.4rem;
  color: #5b6b82;
}

.company-chat-forward-backdrop {
  position: absolute;
  z-index: 20;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(15, 23, 42, 0.48);
}

.company-chat-forward-dialog {
  width: min(480px, 100%);
  max-height: min(680px, 90vh);
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border-radius: 0.9rem;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
}

.company-chat-forward-dialog header, .company-chat-forward-dialog footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.company-chat-forward-dialog h3 {
  margin: 0;
  font-size: 1.1rem;
}

.company-chat-forward-preview {
  margin: 0.8rem 0;
  padding: 0.65rem;
  border-radius: 0.45rem;
  background: #f4f6f9;
  color: #526174;
  white-space: pre-wrap;
}

.company-chat-forward-targets {
  min-height: 80px;
  overflow: auto;
  margin-bottom: 1rem;
}

.company-chat-forward-targets button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.55rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  text-align: left;
}

.company-chat-forward-targets button:hover, .company-chat-forward-targets button.selected {
  background: #eaf2ff;
}

.company-chat-forward-targets .company-chat-avatar {
  flex-basis: 34px;
  height: 34px;
  font-size: 0.8rem;
}

.company-chat-new-kinds {
  display: grid;
  gap: 0.5rem;
}

.company-chat-new-kind {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  padding: 0.7rem;
  border: 1px solid #dfe5ec;
  border-radius: 0.55rem;
  background: #fff;
  text-align: left;
}

.company-chat-new-kind:hover {
  border-color: #227e80;
  background: #f0f8f7;
}

.company-chat-new-kind span, .company-chat-entry-context {
  display: flex;
  flex-direction: column;
}

.company-chat-new-kind small, .company-chat-section-label, .company-chat-entry-context small {
  color: #718096;
}

.company-chat-templates {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}

.company-chat-templates button, .company-chat-context-results button {
  border: 1px solid #d8e0e8;
  border-radius: 999px;
  padding: 0.25rem 0.55rem;
  background: #fff;
  font-size: 0.78rem;
}

.company-chat-context-search-row {
  display: grid;
  grid-template-columns: minmax(110px, 0.8fr) minmax(140px, 1.2fr) auto;
  align-items: start;
  gap: 0.4rem;
}

.company-chat-context-search-reset {
  white-space: nowrap;
}

.company-chat-context-results {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0.4rem 0;
  max-height: 120px;
  overflow: auto;
}

.company-chat-context-results button {
  border-radius: 0.4rem;
  text-align: left;
}

.company-chat-context-chips, .company-chat-context-bar, .company-chat-forward-contexts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.company-chat-context-chip, .company-chat-context-more, .company-chat-forward-contexts button {
  border: 1px solid #cad8e5;
  border-radius: 999px;
  padding: 0.3rem 0.65rem;
  background: #fff;
  color: #29485f;
  font-size: 0.78rem;
}

.company-chat-context-chip.active, .company-chat-forward-contexts button.selected {
  border-color: #227e80;
  background: #e3f3f1;
  color: #175f61;
}

.company-chat-context-chip.unavailable {
  opacity: 0.65;
  border-style: dashed;
}

.company-chat-context-chip button {
  border: 0;
  margin-left: 0.25rem;
  padding: 0;
  background: transparent;
  color: inherit;
}

.company-chat-context-bar {
  position: relative;
  padding: 0.55rem clamp(1rem, 4vw, 4rem);
  border-bottom: 1px solid #e1e6ed;
  background: #fbfcfd;
}

.company-chat-context-overflow {
  position: absolute;
  z-index: 3;
  top: 100%;
  right: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.5rem;
  border: 1px solid #dfe5ec;
  border-radius: 0.55rem;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14);
}

.company-chat-entry-context, .company-chat-confirmation-panel {
  gap: 0.25rem;
  margin-bottom: 0.7rem;
  padding: 0.65rem;
  border-radius: 0.5rem;
  background: #eaf6f4;
}

.company-chat-settings-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  padding: 0.3rem 0;
  border-bottom: 1px solid #edf0f4;
}

.company-chat-archive-badge, .company-chat-message-context {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  border-radius: 999px;
  padding: 0.16rem 0.45rem;
  background: #edf1f5;
  color: #5b6b82;
  font-size: 0.72rem;
}

.company-chat-composer-context {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}

.company-chat-composer-context label {
  margin: 0;
  color: #5b6b82;
  font-size: 0.78rem;
  white-space: nowrap;
}

.company-chat-composer-context select {
  max-width: 360px;
}

.company-chat-forward-contexts {
  margin-bottom: 1rem;
  max-height: 120px;
  overflow: auto;
}

@media (max-width: 800px) {
  .company-chat-context-search-row {
    grid-template-columns: 1fr;
  }
  .company-chat-context-bar {
    overflow-x: auto;
    flex-wrap: nowrap;
  }
  .company-chat-context-chip, .company-chat-context-more {
    flex: 0 0 auto;
  }
}
@media (hover: none), (pointer: coarse) {
  .company-chat-context-chip, .company-chat-context-more, .company-chat-forward-contexts button {
    min-height: 40px;
  }
}
/* Company chat: spacious group creation shared by desktop and mobile. */
.company-chat-create {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding: clamp(1rem, 2.5vw, 2rem);
  background: #f5f7fa;
}

.company-chat-create-header {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  max-width: 1120px;
  margin: 0 auto 1.25rem;
}

.company-chat-create-header h2 {
  margin: 0.1rem 0 0.2rem;
  color: #233947;
  font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.company-chat-create-header p {
  margin: 0;
  color: #6b7b88;
}

.company-chat-create-eyebrow {
  color: #227e80;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.company-chat-create-back {
  display: inline-grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid #d8e1e7;
  border-radius: 50%;
  background: #fff;
  color: #2d5961;
}

.company-chat-create-notice, .company-chat-create-kind-grid, .company-chat-change-kind, .company-chat-create-grid, .company-chat-create-direct, .company-chat-create-footer {
  width: 100%;
  max-width: 1120px;
  margin-inline: auto;
}

.company-chat-create-notice {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #cfe5df;
}

.company-chat-create-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.company-chat-create-kind-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.company-chat-create-kind-grid .company-chat-new-kind {
  min-height: 92px;
  padding: 1rem;
  border-radius: 0.75rem;
}

.company-chat-create-kind-grid .company-chat-new-kind > i {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #e5f3f1;
  color: #197174;
  font-size: 1.15rem;
}

.company-chat-change-kind {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
  text-align: left;
}

.company-chat-create-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  padding-bottom: 5.5rem;
}

.company-chat-create-card {
  position: relative;
  min-width: 0;
  padding: 1.15rem;
  border: 1px solid #e0e6eb;
  border-radius: 0.85rem;
  background: #fff;
  box-shadow: 0 2px 8px rgba(36, 54, 69, 0.04);
}

.company-chat-create-card h3 {
  margin: 0 0 1rem;
  padding-left: 2rem;
  color: #29424e;
  font-size: 1.05rem;
}

.company-chat-create-card h3 small {
  color: #75848e;
  font-size: 0.78rem;
  font-weight: 400;
}

.company-chat-create-step {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #227e80;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
}

.company-chat-create-contexts {
  grid-column: 1/-1;
}

.company-chat-purpose-help, .company-chat-create-hint {
  display: block;
  margin: 0.45rem 0 0;
  color: #6f7f8a;
  font-size: 0.82rem;
  line-height: 1.45;
}

.company-chat-create-direct {
  margin-bottom: 5.5rem;
}

.company-chat-create-footer {
  position: sticky;
  z-index: 4;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  padding: 0.8rem 1rem;
  border: 1px solid #dce4e9;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 -5px 20px rgba(31, 52, 64, 0.08);
  backdrop-filter: blur(8px);
}

.company-chat-create-footer span {
  min-width: 0;
  overflow: hidden;
  color: #5d6e78;
  font-size: 0.86rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.company-chat-create-footer .btn, .company-chat-create-footer .search-form .card-header .scope-selector button, .search-form .card-header .scope-selector .company-chat-create-footer button {
  min-height: 44px;
  white-space: nowrap;
}

.user-multi-select__search .input-group-text {
  background: #f7f9fa;
}

.user-multi-select__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 42px;
  color: #526671;
  font-size: 0.86rem;
}

.user-multi-select__selected {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.65rem;
}

.user-multi-select__pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.55rem;
  border-radius: 999px;
  background: #e2f1ef;
  color: #1d6062;
  font-size: 0.8rem;
}

.user-multi-select__pill button {
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font-size: 1rem;
  line-height: 1;
}

.user-multi-select__options {
  max-height: 300px;
  overflow-y: auto;
  scrollbar-gutter: stable;
  border: 1px solid #dce3e8;
  border-radius: 0.65rem;
}

.user-multi-select__option {
  display: grid;
  grid-template-columns: auto 36px minmax(0, 1fr);
  align-items: center;
  gap: 0.65rem;
  min-height: 54px;
  padding: 0.5rem 0.65rem;
  border-bottom: 1px solid #edf0f2;
  cursor: pointer;
}

.user-multi-select__option:last-child {
  border-bottom: 0;
}

.user-multi-select__option:hover, .user-multi-select__option.selected {
  background: #eef7f6;
}

.user-multi-select__option input {
  width: 18px;
  height: 18px;
}

.user-multi-select__avatar {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #dfeeee;
  color: #27666a;
  font-size: 0.72rem;
  font-weight: 700;
}

.user-multi-select__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.user-multi-select__copy strong, .user-multi-select__copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-multi-select__copy small {
  color: #71808b;
}

.user-multi-select__empty {
  margin: 0;
  padding: 1rem;
  color: #75848e;
  text-align: center;
}

.company-chat-context-results--cards {
  max-height: 280px;
  gap: 0.5rem;
}

.company-chat-context-results--cards .company-chat-context-result {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  padding: 0.7rem;
  border: 1px solid #dce4e9;
  border-radius: 0.65rem;
  background: #fff;
  text-align: left;
}

.company-chat-context-results--cards .company-chat-context-result:hover {
  border-color: #5d9fa0;
  background: #f2f8f7;
}

.company-chat-context-result__type {
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  background: #e5f0f1;
  color: #316b70;
  font-size: 0.7rem;
  font-weight: 700;
  white-space: nowrap;
}

.company-chat-context-result__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.company-chat-context-result__copy strong, .company-chat-context-result__copy span, .company-chat-context-result__copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.company-chat-context-result__copy span {
  color: #49616e;
  font-size: 0.82rem;
}

.company-chat-context-result__copy small {
  color: #75848e;
}

@media (max-width: 800px) {
  .company-chat-page.creating .company-chat-sidebar {
    display: none;
  }
  .company-chat-page.creating .company-chat-main {
    display: flex;
  }
  .company-chat-create {
    padding: 0.85rem;
  }
  .company-chat-create-header {
    margin-bottom: 1rem;
  }
  .company-chat-create-header p {
    font-size: 0.84rem;
  }
  .company-chat-create-kind-grid, .company-chat-create-grid {
    grid-template-columns: 1fr;
  }
  .company-chat-create-contexts {
    grid-column: auto;
  }
  .company-chat-create-card {
    padding: 1rem;
  }
  .company-chat-create-footer {
    margin-inline: -0.2rem;
    padding: 0.65rem;
    border-radius: 0.65rem;
  }
  .company-chat-create-footer span {
    display: none;
  }
  .company-chat-create-footer .btn, .company-chat-create-footer .search-form .card-header .scope-selector button, .search-form .card-header .scope-selector .company-chat-create-footer button {
    width: 100%;
  }
  .company-chat-context-search-row {
    grid-template-columns: 1fr;
  }
  .user-multi-select__options {
    max-height: 42vh;
  }
}
@media (max-width: 480px) {
  .company-chat-create {
    padding: 0.65rem;
  }
  .company-chat-create-header h2 {
    font-size: 1.3rem;
  }
  .company-chat-context-result__type {
    display: none;
  }
  .company-chat-context-results--cards .company-chat-context-result {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 56px;
  }
}
@media (hover: none), (pointer: coarse) {
  .company-chat-create button, .user-multi-select__option, .user-multi-select__pill button {
    min-height: 44px;
  }
  .user-multi-select__pill button {
    min-width: 32px;
  }
}
/* TaskPreviewOffcanvas: vizuál plne preberá offcanvas-section preview + Property,
   žiadne vlastné pravidlá. */
/* Detail kontextu: data-card obaly kariet sú položky gridu — bez min-width: 0 by
   nezalomiteľný obsah (napr. dlhý názov prílohy s podčiarkovníkmi) roztiahol
   spoločný stĺpec gridu za okraj panelu a telo by celý obsah vpravo orezalo. */
.agenda-context-inspector [data-card] {
  min-width: 0;
}

/* Dátum práce rozhoduje, do ktorého dňa prehľadu sa čas zaráta, ale je predvyplnený
   na dnešok a používateľ ho preskočí. Zvýraznený režim mu preto dá rám a podklad —
   v dialógu ukončenia a pri oprave už zapísaného času, kde je zámena najdrahšia. */
.work-log-fields__field--date-emphasised {
  padding: 0.5rem 0.625rem;
  border: 1px solid var(--bs-primary-border-subtle, #a6c8ff);
  border-radius: 0.375rem;
  background-color: var(--bs-primary-bg-subtle, #eef4ff);
}
.work-log-fields__field--date-emphasised > .form-label {
  font-weight: 600;
}

.work-log-fields__date-hint {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.25;
}

/* Ukončená úloha nesmie vyzerať ako slepá ulička — veta stojí na mieste formulára,
   ktorý sa na nej nevykreslí. */
.work-log-section__closed-note {
  font-style: italic;
}

.task-work-log-dialog__subject {
  margin-bottom: 0.75rem;
  font-weight: 600;
}

/* Príkazy riadku sa centrujú (.mode-switch .toggle-btn-group v site_old), takže riadok s menej
   tlačidlami — ukončená úloha nemá „Pridať na dnes" ani „Zapísať prácu" — skončil vľavo od
   ostatných a pravá hrana stĺpca sa rozstrapkala. V zozname úloh sa preto zarovnáva doprava.
   Zámerne úzko na tento grid: ostatné zoznamy majú iné zloženie príkazov a menia sa vlastným
   zadaním. */
.tasks-search-table .cell.commands .mode-switch {
  text-align: right;
}
.tasks-search-table .cell.commands .mode-switch .toggle-btn-group {
  justify-content: flex-end;
}

/* Karta Evidencia práce stojí v úzkom pravom stĺpci detailu — bez nowrap sa popisok tlačidla
   zalomil na dva riadky a nadpis sekcie sa zlomil s ním. Keď sa oboje nezmestí, tlačidlo
   spadne na vlastný riadok namiesto toho, aby sa rozsypalo. */
.work-log-section__header {
  flex-wrap: wrap;
}

.work-log-section__add {
  white-space: nowrap;
}

+ .communication-board-page {
  max-width: 980px;
  margin: 0 auto;
  padding: 1.25rem 1rem 3rem;
}

.communication-board-page__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.communication-board-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  margin-bottom: 1rem;
}
.communication-board-tabs .nav-link {
  white-space: nowrap;
}

.communication-board-workspace,
.communication-board-feed {
  display: grid;
  gap: 1rem;
}

.communication-board-audience {
  display: flex;
  align-items: flex-start;
}

.communication-board-member-summary {
  position: relative;
  width: max-content;
  max-width: 100%;
}

.communication-board-member-summary-trigger {
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}
.communication-board-member-summary-trigger:hover, .communication-board-member-summary-trigger:focus-visible {
  text-decoration: underline;
}

.communication-board-member-summary-popover {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.45rem);
  left: 0;
  display: none;
  width: min(320px, 80vw);
  max-height: 320px;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding: 0.65rem;
  border: 1px solid #dce4e9;
  border-radius: 0.6rem;
  background: #fff;
  color: var(--bs-body-color);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
}

.communication-board-member-summary:hover .communication-board-member-summary-popover,
.communication-board-member-summary:focus-within .communication-board-member-summary-popover {
  display: flex;
  flex-direction: column;
}

.communication-board-member-summary-title {
  padding: 0.15rem 0.35rem 0.5rem;
  color: #297372;
}

.communication-board-member-summary-item {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 0.45rem 0.35rem;
  border-top: 1px solid #edf0f2;
}
.communication-board-member-summary-item small {
  color: #718096;
}

.communication-board-search,
.communication-board-composer,
.communication-board-post {
  min-width: 0;
}

.communication-board-search__filters {
  display: grid;
  grid-template-columns: minmax(12rem, 2fr) repeat(3, minmax(9rem, 1fr));
  gap: 0.75rem;
}

.communication-board-composer__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.communication-board-composer__actions .small {
  margin-left: auto;
}

.communication-board-staged-files {
  margin-top: 0.75rem;
}
.communication-board-staged-files li {
  overflow-wrap: anywhere;
}

.communication-board-post__header {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  min-width: 0;
}
.communication-board-post__header time,
.communication-board-post__header .communication-board-reply-context {
  display: block;
  color: var(--bs-secondary-color);
  font-size: 0.78rem;
}

.communication-board-avatar {
  display: inline-grid;
  place-items: center;
  flex: 0 0 2.35rem;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 50%;
  background: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text-emphasis);
  font-size: 0.8rem;
  font-weight: 700;
}
.communication-board-avatar--small {
  flex-basis: 1.9rem;
  width: 1.9rem;
  height: 1.9rem;
  font-size: 0.7rem;
}

.communication-board-post__body {
  margin: 0.75rem 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.communication-board-post__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.2rem;
}

.communication-board-post--focused {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.15);
}

.communication-board-thread {
  display: grid;
  gap: 0.65rem;
  margin-top: 0.75rem;
}

.communication-board-thread-branch {
  min-width: 0;
  border-left: 2px solid var(--bs-border-color);
  padding: 0.6rem 0 0.25rem 0.75rem;
}
.communication-board-thread-branch--depth-1 {
  margin-left: 0.5rem;
}
.communication-board-thread-branch--depth-2 {
  margin-left: 1rem;
}
.communication-board-thread-branch--depth-3 {
  margin-left: 1.5rem;
}

.communication-board-reply-composer {
  margin-top: 0.5rem;
}

.communication-board-removed {
  margin: 0.65rem 0;
  color: var(--bs-secondary-color);
  font-style: italic;
}

.communication-board-attachments {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 0.65rem;
  margin: 0.75rem 0;
}

.communication-board-attachment {
  min-width: 0;
  padding: 0.6rem;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.communication-board-attachment a,
.communication-board-attachment span {
  display: block;
  overflow-wrap: anywhere;
}
.communication-board-attachment span {
  margin-top: 0.2rem;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}
.communication-board-attachment img {
  display: block;
  width: 100%;
  max-height: 18rem;
  object-fit: cover;
  border-radius: calc(var(--bs-border-radius) - 1px);
}

.communication-board-state {
  display: grid;
  justify-items: center;
  gap: 0.45rem;
  padding: 2.5rem 1rem;
  text-align: center;
  color: var(--bs-secondary-color);
}

.communication-board-mention-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.5rem;
}

.communication-board-mention-picker {
  margin-top: 0.5rem;
  max-height: 16rem;
  overflow-y: auto;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

@media (max-width: 767.98px) {
  .communication-board-page {
    padding-inline: 0.5rem;
  }
  .communication-board-search__filters,
  .communication-board-attachments {
    grid-template-columns: 1fr;
  }
  .communication-board-thread-branch--depth-1,
  .communication-board-thread-branch--depth-2,
  .communication-board-thread-branch--depth-3 {
    margin-left: 0.35rem;
  }
  .communication-board-composer__actions {
    flex-wrap: wrap;
  }
  .communication-board-composer__actions .small {
    margin-left: 0;
  }
  .communication-board-composer__actions .btn-primary {
    margin-left: auto;
  }
}
.system-logs-page .data-table {
  grid-template-columns: max-content max-content minmax(220px, 2fr) minmax(180px, 1.5fr) minmax(150px, 1fr) max-content;
}
.system-logs-page .data-table .system-log-row {
  border: 0;
  padding: 0;
  background: none;
  color: inherit;
  text-align: inherit;
}
.system-logs-page .system-log-detail pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  user-select: text;
}

.notifications-index-page .search-form .search-text {
  max-width: none;
  flex-grow: 2;
}
.notifications-index-page .search-form .date {
  min-width: 10rem;
  max-width: 12rem;
}
.notifications-index-page .dataTables_wrapper {
  overflow-x: auto;
}
.notifications-index-page .notifications-grid {
  min-width: 58rem;
  grid-template-columns: 3rem 5.5rem minmax(18rem, 3fr) minmax(8rem, 1fr) 9.5rem 9.5rem 5rem;
}
.notifications-index-page .notifications-grid .cell.selection,
.notifications-index-page .notifications-grid .cell.status,
.notifications-index-page .notifications-grid .cell.commands {
  justify-content: center;
}
.notifications-index-page .notifications-grid .notification-row .cell.notification {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}
.notifications-index-page .notifications-grid .notification-title {
  font-weight: 600;
}
.notifications-index-page .notifications-grid .notification-message {
  color: #7a7a7d;
  font-size: 0.8rem;
  white-space: pre-line;
}
.notifications-index-page .notifications-grid .cell.category .badge {
  white-space: nowrap;
}
.notifications-index-page .notifications-grid .cell.category .badge.text-bg-warning, .notifications-index-page .notifications-grid .cell.category .badge.text-bg-secondary {
  color: #ffffff !important;
}
.notifications-index-page .notifications-grid .notification-row.unread .cell {
  background-color: rgb(240, 250, 244);
}

@media (max-width: 767.98px) {
  .notifications-index-page .search-form .cells,
  .notifications-index-page .search-form .cell,
  .notifications-index-page .search-form .search-text,
  .notifications-index-page .search-form .date {
    width: 100%;
    min-width: 100%;
    max-width: none;
  }
  .notifications-index-page .search-form .buttons {
    flex-wrap: wrap;
  }
}
/* Shared rich text editor and read-only content. */
.rich-text-editor {
  border: 1px solid var(--bs-border-color, #ced4da);
  border-radius: 0.375rem;
  background: var(--bs-body-bg, #fff);
  min-width: 0;
}

.rich-text-editor:focus-within {
  border-color: #26858b;
  box-shadow: 0 0 0 0.15rem rgba(38, 133, 139, 0.14);
}

.rich-text-editor.invalid {
  border-color: var(--bs-danger, #dc3545);
}

.rich-text-editor [hidden] {
  display: none !important;
}

.rich-text-editor__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  align-items: center;
  padding: 0.4rem;
  border-bottom: 1px solid var(--bs-border-color, #ced4da);
  background: var(--bs-tertiary-bg, #f6f8f9);
  border-radius: 0.375rem 0.375rem 0 0;
}

.rich-text-editor__toolbar button {
  border: 1px solid transparent;
  background: transparent;
  border-radius: 0.25rem;
  min-width: 2rem;
  min-height: 2rem;
  padding: 0.2rem 0.5rem;
  color: inherit;
  font-size: 0.85rem;
}

.rich-text-editor__toolbar button:hover:not(:disabled), .rich-text-editor__toolbar button[aria-pressed=true] {
  background: #dceff0;
  color: #155f65;
}

.rich-text-editor__toolbar button:focus-visible {
  outline: 2px solid #26858b;
  outline-offset: 1px;
}

.rich-text-editor__toolbar button:disabled {
  opacity: 0.4;
}

.rich-text-editor .rich-text-editor__separator {
  display: block;
  height: 1.3rem;
  width: 1px;
  background: var(--bs-border-color, #ced4da);
  padding: 0;
  margin: 0 0.15rem;
}

.rich-text-editor__document {
  min-height: 9rem;
  max-height: 26rem;
  overflow-y: auto;
  padding: 0.75rem;
  outline: none;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 1rem;
  line-height: 1.55;
}

.rich-text-editor__document[contenteditable=false] {
  background: var(--bs-tertiary-bg, #f6f8f9);
}

.rich-text-editor__link-panel {
  padding: 0.75rem;
  background: var(--bs-tertiary-bg, #f6f8f9);
  border-bottom: 1px solid var(--bs-border-color, #ced4da);
}

.rich-text-editor__status {
  padding: 0.2rem 0.75rem;
  text-align: right;
  min-height: 1.5rem;
}

.rich-text-view {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.55;
}

.rich-text-view p, .rich-text-editor__document p {
  margin: 0 0 0.6em;
}

.rich-text-view p:last-child, .rich-text-editor__document p:last-child {
  margin-bottom: 0;
}

.rich-text-view p:empty, .rich-text-editor__document p:empty {
  min-height: 1.55em;
}

.rich-text-view ul, .rich-text-view ol, .rich-text-editor__document ul, .rich-text-editor__document ol {
  padding-left: 1.6rem;
  margin: 0.3rem 0 0.65rem;
}

.rich-text-view li p, .rich-text-editor__document li p {
  margin: 0;
}

.rich-text-view a, .rich-text-editor__document a {
  color: var(--bs-link-color, #177c87);
  text-decoration: underline;
  cursor: pointer;
}

.rich-text-property .value {
  min-width: 0;
}

/* Event detail and attendance: approved restrained card layout. */
.event-detail-page {
  color: #252b38;
  background: #f4f4f9;
}

.event-detail-page .columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 24px;
  align-items: start;
}

.event-detail-page .left-column, .event-detail-page .right-column {
  min-width: 0;
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.event-detail-page .card, .event-attendance-panel.card, .event-attendance-dialog .card {
  border: 1px solid #e2e5eb;
  border-radius: 9px;
  box-shadow: none;
  margin-bottom: 0;
}

.event-detail-page .header {
  margin-bottom: 24px;
}

.event-detail-page .card-body, .event-attendance-panel > .card-body {
  padding: 24px;
}

.event-detail-page h2, .event-attendance-panel h2, .event-attendance-dialog h2 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 8px;
}

.event-detail-page .external-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 18px;
}

.event-detail-page .external-groups > * {
  min-width: 0;
}

.event-detail-page .basic-info > .preview > .card {
  border: 0;
}

.event-detail-page .basic-info .offcanvas-section {
  padding: 0;
}

.event-attendance-panel .attendance-heading {
  margin-bottom: 22px;
}

.event-attendance-panel .attendance-intervals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  background: #f7f8fa;
  border: 1px solid #e2e5eb;
  border-radius: 6px;
  margin-bottom: 20px;
}

.event-attendance-panel .attendance-intervals > div {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.event-attendance-panel .attendance-intervals > div + div {
  border-left: 1px solid #e2e5eb;
}

.event-attendance-panel .attendance-guidance {
  background: #eff6f5;
  color: #376c6b;
  border-radius: 6px;
  padding: 12px 16px;
}

.event-attendance-panel .attendance-table {
  font-size: 0.875rem;
  margin-bottom: 18px;
  min-width: 820px;
}

.event-attendance-panel .attendance-table th {
  color: #697382;
  font-weight: 500;
  background: #f7f8fa;
  white-space: nowrap;
}

.event-attendance-panel .attendance-table td, .event-attendance-panel .attendance-table th {
  padding: 14px 10px;
  border-color: #e2e5eb;
}

.event-attendance-panel .attendance-table td:first-child {
  min-width: 175px;
}

.event-attendance-panel .attendance-table small {
  display: block;
  color: #697382;
  white-space: nowrap;
}

.event-attendance-panel .attendance-row-detail {
  font-size: 0.8rem;
  margin-top: 7px;
  color: #697382;
}

.event-attendance-panel .attendance-row-detail summary {
  color: #297372;
  cursor: pointer;
}

.event-attendance-panel .attendance-row-detail p {
  overflow-wrap: anywhere;
  max-width: 240px;
}

.event-attendance-panel .btn, .event-attendance-panel .search-form .card-header .scope-selector button, .search-form .card-header .scope-selector .event-attendance-panel button, .event-attendance-dialog .btn, .event-attendance-dialog .search-form .card-header .scope-selector button, .search-form .card-header .scope-selector .event-attendance-dialog button, .event-attendance-dialog .form-control, .event-attendance-dialog .form-select {
  border-radius: 6px;
}

.event-attendance-panel .btn-primary, .event-attendance-dialog .btn-primary {
  background: #297372;
  border-color: #297372;
}

.event-attendance-panel .btn-outline-primary, .event-attendance-dialog .btn-outline-primary {
  color: #297372;
  border-color: #297372;
}

.event-attendance-panel .btn-outline-primary:hover, .event-attendance-dialog .btn-outline-primary:hover {
  background: #297372;
  color: white;
}

.event-attendance-panel .btn-link {
  color: #297372;
}

.event-attendance-dialog .attendance-native-dialog {
  border: 1px solid #e2e5eb;
  border-radius: 9px;
  padding: 0;
  width: min(920px, 100vw - 32px);
  max-width: none;
  max-height: calc(100dvh - 32px);
  color: #252b38;
  box-shadow: 0 24px 80px rgba(37, 43, 56, 0.2);
}

.event-attendance-dialog .attendance-native-dialog::backdrop {
  background: rgba(37, 43, 56, 0.4509803922);
}

.event-attendance-dialog .modal-content {
  border: 0;
}

.event-attendance-dialog .modal-header, .event-attendance-dialog .modal-body, .event-attendance-dialog .modal-footer {
  padding: 22px 26px;
}

.event-attendance-dialog .modal-header, .event-attendance-dialog .modal-footer {
  background: white;
  position: sticky;
  z-index: 2;
}

.event-attendance-dialog .modal-header {
  top: 0;
  border-bottom: 1px solid #e2e5eb;
}

.event-attendance-dialog .modal-footer {
  bottom: 0;
  border-top: 1px solid #e2e5eb;
}

.event-attendance-dialog .modal-body {
  background: #f8f9fb;
}

.event-attendance-dialog fieldset {
  min-width: 0;
}

.event-attendance-dialog h3 {
  font-size: 1rem;
  font-weight: 600;
}

.event-attendance-dialog .attendance-people-picker {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-height: 220px;
  overflow-y: auto;
  margin: 14px 0;
}

.event-attendance-dialog .attendance-person-choice {
  display: flex;
  align-items: start;
  gap: 10px;
  background: white;
  border: 1px solid #e2e5eb;
  border-radius: 6px;
  padding: 12px;
}

.event-attendance-dialog .attendance-person-choice input {
  margin-top: 4px;
  accent-color: #297372;
}

.event-attendance-dialog .attendance-person-choice small {
  display: block;
  color: #697382;
}

.event-attendance-dialog .attendance-author-label {
  color: #297372;
  overflow-wrap: anywhere;
}

.event-attendance-dialog .attendance-shared-interval {
  background: white;
  border: 1px solid #e2e5eb;
  border-radius: 9px;
  padding: 20px;
  margin: 20px 0;
}

.event-attendance-dialog .attendance-person-draft {
  margin-top: 18px;
}

.event-attendance-dialog .attendance-person-draft .card-body {
  padding: 20px;
}

.event-attendance-dialog .attendance-day-inputs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 16px 0;
}

.event-attendance-dialog .attendance-day-input label {
  display: block;
  margin-bottom: 6px;
}

.event-attendance-dialog .form-label {
  font-size: 0.875rem;
  font-weight: 500;
}

.event-attendance-dialog .text-muted, .event-attendance-panel .text-muted {
  color: #697382 !important;
}

.timesheet-grid .dataTables_wrapper {
  overflow-x: auto;
  min-width: 0;
}

@media (max-width: 1199px) {
  .event-detail-page .columns {
    grid-template-columns: minmax(0, 1fr);
  }
  .event-detail-page .right-column {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 600px) {
  .event-detail-page .card-body, .event-attendance-panel > .card-body {
    padding: 16px;
  }
  .event-detail-page .external-groups, .event-detail-page .right-column, .event-attendance-panel .attendance-intervals, .event-attendance-dialog .attendance-people-picker, .event-attendance-dialog .attendance-day-inputs {
    grid-template-columns: minmax(0, 1fr);
  }
  .event-attendance-panel .attendance-intervals > div + div {
    border-left: 0;
    border-top: 1px solid #e2e5eb;
  }
  .event-attendance-dialog .modal-header, .event-attendance-dialog .modal-body, .event-attendance-dialog .modal-footer {
    padding: 16px;
  }
  .event-attendance-dialog .modal-footer {
    gap: 12px;
  }
}
/* Override legacy detail column widths and padding only within the event page. */
.event-detail-page.detail-page .columns > .left-column, .event-detail-page.detail-page .columns > .right-column {
  width: auto;
  min-width: 0;
}

.event-detail-page.detail-page .columns > .left-column > .card > .card-body,
.event-detail-page.detail-page .columns > .right-column > .card > .card-body {
  padding: 24px;
}

.event-detail-page.detail-page .columns .event-attendance-dialog .card-body {
  padding: 20px;
}

.event-detail-page.detail-page .columns .external-subjects .card-body {
  padding: 16px;
}

.event-detail-page.detail-page .columns .right-column > .card > .card-header {
  padding: 18px 24px 0;
}

@media (max-width: 600px) {
  .event-detail-page.detail-page .columns > .left-column > .card > .card-body,
  .event-detail-page.detail-page .columns > .right-column > .card > .card-body {
    padding: 16px;
  }
}
/* Native dialog header must retain its own hierarchy inside the legacy event detail. */
.event-attendance-dialog .attendance-native-dialog .modal-content .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.event-attendance-dialog .attendance-native-dialog .modal-content .modal-header h2 {
  color: #252b38;
  margin: 0 0 8px;
}

.event-attendance-dialog .attendance-native-dialog .modal-content .modal-header .btn-close {
  margin: 0 0 0 auto;
  flex-shrink: 0;
}

@media (max-width: 600px) {
  .event-detail-page.detail-page .columns .workplan-panel > .card-header,
  .event-detail-page.detail-page .columns .workplan-panel > .card-header > .d-flex {
    flex-wrap: wrap;
    gap: 12px;
  }
  .event-detail-page.detail-page .columns .workplan-panel .workplan-panel__task-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
  .event-detail-page.detail-page .columns .workplan-panel .workplan-panel__task-main {
    min-width: 0;
  }
  .event-detail-page.detail-page .columns .workplan-panel .workplan-panel__task-title {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .event-detail-page.detail-page .columns .workplan-panel .workplan-panel__task-state {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
  }
  .event-detail-page.detail-page .columns .workplan-panel .workplan-panel__task-actions {
    margin-left: auto;
    flex-wrap: wrap;
  }
  .event-detail-page .workplan-panel__tabs {
    max-width: 100%;
    overflow-x: auto;
  }
}
.event-detail-page .offcanvas[data-bs-mode=Off]:not(.show):not(.showing):not(.hiding),
.event-attendance-panel .offcanvas[data-bs-mode=Off]:not(.show):not(.showing):not(.hiding) {
  display: none;
}

.event-attendance-panel .table-responsive {
  position: relative;
}

@media (max-width: 600px) {
  .event-detail-page .basic-info .properties {
    grid-template-columns: 20px minmax(0, 1fr);
  }
  .event-detail-page .basic-info .properties .property .name {
    white-space: normal;
  }
  .event-detail-page .basic-info .properties .property .value {
    grid-column: 2;
    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
    padding-top: 0;
  }
  .event-detail-page .relations .relation .value {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}
/* Match the compact tools card used on other entity details. */
.event-detail-page.detail-page .columns .right-column > .event-tools > .card-header {
  padding: 0;
}

.event-detail-page.detail-page .columns .right-column > .event-tools > .card-body.buttons {
  padding: 1rem 0;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Preserve Bootstrap's scrollable modal layout when Blazor EditForm wraps the body and footer. */
.record-work-entry-dialog .modal-content > form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

/* Make the electronic approval and physical folder handover visible as one process. */
.record-detail-page .record-approval-progress {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  margin: 0 0 1.25rem;
  padding: 1.125rem 1.25rem;
  border: 1px solid var(--bs-warning-border-subtle);
  border-left: 0.3rem solid var(--bs-warning);
  border-radius: var(--bs-border-radius-lg);
  background: var(--bs-warning-bg-subtle);
}

.record-detail-page .record-approval-progress.is-ready {
  border-color: var(--bs-success-border-subtle);
  border-left-color: var(--bs-success);
  background: var(--bs-success-bg-subtle);
}

.record-detail-page .record-approval-progress__icon {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border-radius: 50%;
  background: var(--bs-body-bg);
  color: var(--bs-warning-text-emphasis);
  font-size: 1.25rem;
}

.record-detail-page .record-approval-progress.is-ready .record-approval-progress__icon {
  color: var(--bs-success-text-emphasis);
}

.record-detail-page .record-approval-progress__content {
  min-width: 0;
}

.record-detail-page .record-approval-progress__label {
  margin-bottom: 0.2rem;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.record-detail-page .record-approval-progress__title {
  margin: 0;
  font-size: 1.125rem;
}

.record-detail-page .record-approval-progress__description {
  margin: 0.35rem 0 0;
}

.record-detail-page .record-approval-progress__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1.5rem;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--bs-border-color-translucent);
}

.record-detail-page .record-approval-progress__fact {
  display: grid;
  gap: 0.15rem;
}

.record-detail-page .record-approval-progress__fact-label {
  color: var(--bs-secondary-color);
  font-size: 0.8rem;
}

.record-detail-page .record-approval-progress__fact-value {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 600;
}

.record-detail-page .record-approval-progress__route {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--bs-border-color-translucent);
}

.record-detail-page .record-approval-progress__route-steps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

.record-detail-page .record-approval-progress__route-steps li {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.record-detail-page .record-approval-progress__route-label {
  margin-right: 0.15rem;
  color: var(--bs-secondary-color);
  font-size: 0.8rem;
}

.record-detail-page .record-approval-progress__route .icon-arrow-right {
  color: var(--bs-secondary-color);
}

@media (max-width: 575.98px) {
  .record-detail-page .record-approval-progress {
    grid-template-columns: 1fr;
  }
  .record-detail-page .record-approval-progress__facts {
    grid-template-columns: 1fr;
  }
}
/* Task time is subordinate to the activity, never a duplicate task row. */
.task-time-summary {
  margin-top: 0.75rem;
  font-size: 0.875rem;
}

.task-time-summary summary {
  color: var(--bs-primary);
  cursor: pointer;
  padding: 0.25rem 0;
}

.task-time-summary .task-time-summary__entries {
  list-style: none;
  margin: 0.65rem 0 0;
  padding: 0;
}

.task-time-summary .task-time-summary__entry {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  margin: 0;
  padding: 0.85rem 0;
  border-top: 1px solid var(--bs-border-color);
  background: transparent;
}

.task-time-summary__date {
  flex: 0 0 6.5rem;
  color: var(--bs-secondary-color);
  font-size: 0.8rem;
  white-space: nowrap;
}

.task-time-summary__person {
  flex: 1 1 auto;
  min-width: 0;
}

.task-time-summary__worker {
  font-weight: 600;
  overflow-wrap: anywhere;
}

.task-time-summary .task-time-summary__note {
  margin: 0.3rem 0 0;
  font-weight: 400;
  color: var(--bs-secondary-color);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.55;
}

.task-time-summary__duration {
  flex: 0 0 auto;
  margin-left: auto;
  color: var(--bs-secondary-color);
  font-size: 0.8rem;
  white-space: nowrap;
}

.workplan-panel .workplan-panel__task-main {
  min-width: 0;
}

.workplan-panel .workplan-panel__task-state {
  align-self: flex-start;
}

.workplan-panel .workplan-panel__section {
  margin-top: 1.25rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.4rem;
  overflow: hidden;
}

.workplan-panel .workplan-panel__section-heading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0.8rem 1rem;
  border-bottom: 1px solid var(--bs-border-color);
  color: var(--bs-body-color);
  font-size: 0.95rem;
  font-weight: 600;
  text-transform: none;
}

.workplan-panel__section-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  padding: 0.1rem 0.35rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 1rem;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 400;
}

@media (max-width: 575.98px) {
  .task-time-summary .task-time-summary__entry {
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
  }
  .task-time-summary__date {
    flex-basis: 100%;
  }
  .task-time-summary__person {
    flex: 1 1 0;
  }
}
.timesheet-grid .cell.work-context {
  flex-direction: column;
  align-items: start;
  gap: 2px;
  font-size: 0.8rem;
  color: var(--bs-secondary-color);
}

/* Give dates their meaning directly in the task list. */
.workplan-panel .plan-workflow__date time {
  white-space: nowrap;
}

.workplan-panel .plan-workflow__last-work {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.1rem;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.workplan-panel .plan-workflow__last-work time {
  white-space: nowrap;
}

/* Invalid fields keep their error color while focused. */
.form-control.invalid,
.form-select.invalid,
.form-check-input.invalid,
.form-control[aria-invalid="true"],
.form-select[aria-invalid="true"],
.form-check-input[aria-invalid="true"] {
    border-color: var(--bs-form-invalid-border-color, #b91c1c);
    outline-color: var(--bs-form-invalid-border-color, #b91c1c);
}

.form-control.invalid:focus,
.form-select.invalid:focus,
.form-check-input.invalid:focus,
.form-control[aria-invalid="true"]:focus,
.form-select[aria-invalid="true"]:focus,
.form-check-input[aria-invalid="true"]:focus {
    border-color: var(--bs-form-invalid-border-color, #b91c1c);
    outline-color: var(--bs-form-invalid-border-color, #b91c1c);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb, 185, 28, 28), 0.25);
}

/* Podnet criteria: existing form controls, grouped to keep related conditions together. */
.documentfolder-index-page .filter-basic { display:grid; grid-template-columns:130px minmax(150px,1fr) minmax(230px,2fr) repeat(3,minmax(145px,1fr)); gap:12px; }
.documentfolder-index-page .filter-subsection h3 { color:#297372; }
.documentfolder-index-page .participant-filter { display:grid; grid-template-columns:110px minmax(180px,1.5fr) minmax(180px,1fr) 38px; gap:12px; align-items:end; padding:10px 0; }
.documentfolder-index-page .participant-filter>strong { align-self:center; }
.documentfolder-index-page .date-explanation { grid-column:span 2; align-self:center; font-size:.85rem; }
.documentfolder-index-page .date-presets { display:flex; flex-wrap:wrap; gap:6px; }
.documentfolder-index-page .filter-details { border-top:1px solid #dce4e5; }
.documentfolder-index-page .filter-details>summary { padding:14px 0; color:#297372; cursor:pointer; font-weight:600; }
.documentfolder-index-page .applied-criteria { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
.documentfolder-index-page .filter-errors { margin-top:12px; }
.documentfolder-index-page .search-form .buttons { flex-wrap:wrap; align-items:center; }
@media(max-width:1300px) { .documentfolder-index-page .filter-basic { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:900px) { .documentfolder-index-page .filter-subsection.podnet .cells,.documentfolder-index-page .filter-subsection.registratura .cells { grid-template-columns:repeat(2,minmax(0,1fr)); } .documentfolder-index-page .participant-filter { grid-template-columns:85px minmax(150px,1fr) minmax(150px,1fr) 32px; } }
@media(max-width:600px) { .documentfolder-index-page .filter-basic,.documentfolder-index-page .filter-subsection.podnet .cells,.documentfolder-index-page .filter-subsection.registratura .cells { grid-template-columns:minmax(0,1fr); } .documentfolder-index-page .participant-filter { grid-template-columns:1fr 38px; } .documentfolder-index-page .participant-filter>.cell { grid-column:1/-1; } .documentfolder-index-page .participant-filter>button { grid-column:2; grid-row:1; } .documentfolder-index-page .date-explanation { grid-column:1; } }