/* clan-tasks.html — compact old-WAP + різна палітра блоків */
body.l2-app-l2-chrome.l2-page-clan-tasks {
  --l2-clan-tasks-gold: #f3e884;
  --l2-clan-tasks-orange: #d4923a;
  --l2-clan-tasks-text: #fff;
  --l2-clan-tasks-muted: #b8b0a4;
  --l2-clan-tasks-name: #7fd67f;
  --l2-clan-tasks-diamond: #7eb8d4;
  --l2-clan-tasks-personal: #d4b878;
  --l2-clan-tasks-desc: #c8b898;
  --l2-clan-tasks-action-take: #f3e884;
  --l2-clan-tasks-action-help: #7eb8d4;
  --l2-clan-tasks-action-claim: #7fd67f;
  --l2-clan-tasks-action-cancel: #ff6644;
  --l2-clan-tasks-divider: rgba(200, 160, 90, 0.22);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-main {
  padding: 4px 8px 8px;
  text-align: left;
  font-size: 12px;
  line-height: 1.35;
  color: var(--l2-clan-tasks-text);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-title {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 700;
  color: var(--l2-clan-tasks-orange);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-clan,
body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-diamonds {
  margin: 0 0 2px;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-clan {
  color: var(--l2-clan-tasks-text);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-label {
  color: var(--l2-clan-tasks-text);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-clan strong,
body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-clan .l2-clan-value {
  font-weight: 700;
  color: var(--l2-clan-tasks-name);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-diamonds {
  color: var(--l2-clan-tasks-muted);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-meta {
  color: var(--l2-clan-tasks-text);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-diamonds__value {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-left: 2px;
  font-weight: 700;
  color: var(--l2-clan-tasks-diamond);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-diamond-ico {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  object-fit: contain;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-no-clan {
  margin: 6px 0;
  color: #c88;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-ok {
  color: #8c8;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-active-list {
  margin: 6px 0 4px;
  padding: 0;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-active-title {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 700;
  color: var(--l2-clan-tasks-name);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-definitions {
  margin: 0;
  padding: 0;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-card {
  margin: 0;
  padding: 4px 0 6px;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-card p {
  margin: 0 0 2px;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-divider {
  display: block;
  width: 100%;
  margin: 6px 0;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--l2-clan-tasks-divider);
  background: transparent;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-card__name {
  margin: 0 0 2px;
  font-size: 12px;
  font-weight: 700;
  color: var(--l2-clan-tasks-gold);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-card__desc {
  margin: 0 0 2px;
  font-size: 12px;
  color: var(--l2-clan-tasks-text);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-card__desc .l2-clan-tasks-accent {
  color: var(--l2-clan-tasks-desc);
  font-weight: 400;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-accent {
  color: var(--l2-clan-tasks-gold);
  font-weight: 400;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-personal-reward .l2-clan-tasks-accent {
  color: var(--l2-clan-tasks-personal);
  font-weight: 700;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-clan-reward .l2-clan-tasks-accent {
  color: var(--l2-clan-tasks-diamond);
  font-weight: 700;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-card > p:not([class]) .l2-clan-tasks-accent {
  color: var(--l2-clan-tasks-name);
  font-weight: 700;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-progress-bar {
  height: 6px;
  margin: 3px 0;
  border: 1px solid rgba(200, 160, 90, 0.28);
  background: rgba(0, 0, 0, 0.25);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-progress-bar__fill {
  height: 100%;
  max-width: 100%;
  background: linear-gradient(90deg, #4a8644, #7fd67f);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-contrib {
  margin: 2px 0;
  font-size: 11px;
  color: var(--l2-clan-tasks-muted);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  align-items: center;
  margin: 4px 0 0;
  min-height: 0;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  min-width: 0;
  min-height: 0;
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  text-decoration: none;
  cursor: pointer;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button[data-task-take-btn] {
  color: var(--l2-clan-tasks-action-take) !important;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button[data-task-help-btn] {
  color: var(--l2-clan-tasks-action-help) !important;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button[data-task-claim-btn] {
  color: var(--l2-clan-tasks-action-claim) !important;
  font-weight: 700;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button[data-task-cancel-btn] {
  color: var(--l2-clan-tasks-action-cancel) !important;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button:hover:not(:disabled),
body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button:focus-visible:not(:disabled) {
  text-decoration: underline;
  outline: none;
  filter: brightness(1.12);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button[data-task-take-btn]:hover:not(:disabled),
body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button[data-task-take-btn]:focus-visible:not(:disabled) {
  color: #fff6c8 !important;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button[data-task-help-btn]:hover:not(:disabled),
body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button[data-task-help-btn]:focus-visible:not(:disabled) {
  color: #b8ecff !important;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button[data-task-claim-btn]:hover:not(:disabled),
body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button[data-task-claim-btn]:focus-visible:not(:disabled) {
  color: #a8f0a8 !important;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button[data-task-cancel-btn]:hover:not(:disabled),
body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button[data-task-cancel-btn]:focus-visible:not(:disabled) {
  color: #ff8866 !important;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button:disabled {
  opacity: 0.45;
  cursor: default;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-actions button[aria-busy='true'] {
  cursor: wait;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-busy-note,
body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-blocked-note {
  margin: 2px 0 0;
  font-size: 11px;
  color: var(--l2-clan-tasks-muted);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-blocked-note {
  color: var(--l2-clan-tasks-orange);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-personal-reward,
body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-clan-reward {
  margin: 0 0 2px;
  font-size: 12px;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-personal-reward {
  color: var(--l2-clan-tasks-text);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-clan-reward {
  color: var(--l2-clan-tasks-diamond);
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-card .l2-player-identity__nick,
body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-card .l2-player-profile-link,
body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-nick {
  color: var(--l2-nick-color, #bfa88a);
  text-shadow: var(--l2-nick-shadow, 0 1px 2px rgba(0, 0, 0, 0.85));
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-back {
  margin: 8px 0 0;
  padding: 4px 0 0;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-back__link {
  font-size: 12px;
  font-weight: 600;
  color: #d94a4a;
  text-decoration: none;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-back__link:hover,
body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-tasks-back__link:focus-visible {
  color: #f06060;
  text-decoration: underline;
  outline: none;
}

body.l2-app-l2-chrome.l2-page-clan-tasks .l2-clan-empty {
  margin: 4px 0;
  color: var(--l2-clan-tasks-muted);
  font-size: 12px;
}