/* Project Details visual adapter. Layout and media readability overlays remain legacy-owned. */

body [data-project-details]{
  --text:var(--aidc-text-primary);
  --muted:var(--aidc-text-secondary);
  --muted-2:var(--aidc-text-muted);
  --panel:var(--aidc-bg-panel);
  --border:var(--aidc-border-default);
  --accent:var(--aidc-cyan-500);
  --pink:var(--aidc-action-primary-from);
  --yellow:var(--aidc-amber-500);
  --shadow:var(--aidc-shadow-popover);
  color:var(--aidc-text-primary)
}

body [data-project-details] .edit-ico,
body [data-project-details] .pd-iconbtn,
body [data-project-details] .pd-pill,
body [data-project-details] .activity-clear,
body [data-project-details] .btn-secondary{
  background:var(--aidc-btn-secondary-bg);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-secondary);
  box-shadow:none
}

body [data-project-details] .edit-ico:hover,
body [data-project-details] .pd-iconbtn:hover,
body [data-project-details] .pd-pill:hover,
body [data-project-details] .activity-clear:hover,
body [data-project-details] .btn-secondary:hover{
  background:var(--aidc-btn-secondary-bg-hover);
  border-color:var(--aidc-border-strong);
  color:var(--aidc-text-primary)
}

body [data-project-details] .pd-iconbtn.active,
body [data-project-details] .pd-pill.active,
body [data-project-details] .ag-tab.active{
  background:color-mix(in srgb,var(--aidc-action-primary-from) 12%,transparent);
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 36%,transparent);
  color:var(--aidc-text-primary);
  box-shadow:none
}

body [data-project-details] .details-path,
body [data-project-details] .details-meta,
body [data-project-details] .details-meta-inline,
body [data-project-details] .activity-note,
body [data-project-details] .ag-sub,
body [data-project-details] .ag-note,
body [data-project-details] .pd-sortlabel,
body [data-project-details] .grid-toolbar .hint,
body [data-project-details] .activity-input::placeholder{
  color:var(--aidc-text-muted)
}

body [data-project-details] .details-section-title,
body [data-project-details] .s-title,
body [data-project-details] .details-text,
body [data-project-details] .s-text,
body [data-project-details] .s-row{
  color:var(--aidc-text-secondary)
}

body [data-project-details] .details-meta-inline strong,
body [data-project-details] .s-row strong{
  color:var(--aidc-text-primary)
}

body [data-project-details] .chip{
  background:var(--aidc-btn-secondary-bg);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-secondary)
}

body [data-project-details] .ag-card,
body [data-project-details] .s-card{
  background:var(--aidc-bg-card);
  border-color:var(--aidc-border-subtle);
  color:var(--aidc-text-primary);
  box-shadow:var(--aidc-shadow-popover)
}

body [data-project-details] .ag-tab{
  background:transparent;
  color:var(--aidc-text-secondary);
  border-color:var(--aidc-border-subtle)
}
body [data-project-details] .ag-tab:hover{
  background:var(--aidc-btn-secondary-bg-hover);
  color:var(--aidc-text-primary)
}

body [data-project-details] .gen-date-popover,
body:has([data-project-details]) .gen-date-popover,
body [data-project-details] .gen-cal-panel,
body:has([data-project-details]) .gen-date-popover .gen-cal-panel{
  background:var(--aidc-bg-popover);
  border-color:var(--aidc-border-default);
  box-shadow:var(--aidc-shadow-popover)
}

body:has([data-project-details]) .gen-date-popover .gen-dr-text,
body:has([data-project-details]) .gen-date-popover .dr-text,
body [data-project-details] .gen-dr-text,
body:has([data-project-details]) .cal-select,
body:has([data-project-details]) .cal-year,
body [data-project-details] .cal-select,
body [data-project-details] .cal-year,
body [data-project-details] .activity-input,
body [data-project-details] .activity-select,
body [data-project-details] .activity-filters .aidc-select__btn{
  background:var(--aidc-bg-elevated);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary)
}

body [data-project-details] .activity-input:focus,
body [data-project-details] .activity-select:focus,
body:has([data-project-details]) .gen-date-popover .gen-dr-text:focus,
body:has([data-project-details]) .gen-date-popover .dr-text:focus,
body [data-project-details] .gen-dr-text:focus{
  border-color:var(--aidc-action-focus);
  box-shadow:0 0 0 3px var(--aidc-action-focus-ring);
  outline:none
}

body:has([data-project-details]) .cal-title,
body [data-project-details] .cal-title{
  color:var(--aidc-text-primary)
}

body:has([data-project-details]) .cal-dow,
body [data-project-details] .cal-dow,
body:has([data-project-details]) .gen-date-popover label,
body [data-project-details] .gen-date-popover label{
  color:var(--aidc-text-muted)
}

body:has([data-project-details]) .cal-day,
body [data-project-details] .cal-day{
  background:transparent;
  border-color:var(--aidc-border-subtle);
  color:var(--aidc-text-secondary)
}
body:has([data-project-details]) .cal-day:hover,
body [data-project-details] .cal-day:hover{
  background:var(--aidc-btn-secondary-bg-hover);
  border-color:var(--aidc-border-strong);
  color:var(--aidc-text-primary)
}
body:has([data-project-details]) .cal-day.today,
body [data-project-details] .cal-day.today{
  box-shadow:0 0 0 1px color-mix(in srgb,var(--aidc-action-primary-from) 42%,transparent)
}
body:has([data-project-details]) .cal-day.selected,
body [data-project-details] .cal-day.selected{
  background:color-mix(in srgb,var(--aidc-action-primary-from) 14%,transparent);
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 36%,transparent);
  color:var(--aidc-text-primary)
}

body [data-project-details] .btn-primary,
body [data-project-details] .btn-primary-lg{
  background:linear-gradient(135deg,var(--aidc-action-primary-from),var(--aidc-action-primary-to));
  color:var(--aidc-text-inverse);
  border-color:transparent;
  box-shadow:0 0 18px var(--aidc-action-primary-glow)
}

body [data-project-details] .gen-grid,
body [data-project-details] .ag-activity-list{
  scrollbar-color:var(--aidc-border-default) transparent
}
body [data-project-details] .gen-grid::-webkit-scrollbar-track,
body [data-project-details] .ag-activity-list::-webkit-scrollbar-track{
  background:transparent
}
body [data-project-details] .gen-grid::-webkit-scrollbar-thumb,
body [data-project-details] .ag-activity-list::-webkit-scrollbar-thumb{
  background:var(--aidc-border-default)
}

body [data-project-details] .gen-thumb{
  background:var(--aidc-bg-elevated);
  border-color:var(--aidc-border-subtle);
  box-shadow:var(--aidc-shadow-popover)
}
body [data-project-details] .gen-thumb:hover{border-color:var(--aidc-border-strong)}
body [data-project-details] .gen-thumb.selected,
body [data-project-details] .gen-grid.show-select .gen-thumb.fav{
  border-color:var(--aidc-action-primary-from);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--aidc-action-primary-from) 36%,transparent)
}
body [data-project-details] .gen-thumb.fav{
  border-color:var(--aidc-amber-500);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--aidc-amber-500) 36%,transparent)
}
body [data-project-details] .thumb-meta{color:var(--aidc-text-secondary)}
body [data-project-details] .thumb-tag{
  background:color-mix(in srgb,var(--aidc-cyan-500) 12%,transparent);
  border-color:color-mix(in srgb,var(--aidc-cyan-500) 34%,transparent);
  color:var(--aidc-cyan-500)
}

body:has([data-project-details]) .rv2-card-menu,
body [data-project-details] .rv2-card-menu{
  background:var(--aidc-bg-popover);
  border-color:var(--aidc-border-default);
  box-shadow:var(--aidc-shadow-popover)
}
body:has([data-project-details]) .rv2-card-menu__list li,
body [data-project-details] .rv2-card-menu__list li{color:var(--aidc-text-secondary)}
body:has([data-project-details]) .rv2-card-menu__list li:hover,
body [data-project-details] .rv2-card-menu__list li:hover{
  background:var(--aidc-btn-secondary-bg-hover);
  color:var(--aidc-text-primary)
}
body:has([data-project-details]) .rv2-card-menu__list li[data-action="delete"],
body [data-project-details] .rv2-card-menu__list li[data-action="delete"]{
  color:var(--aidc-red-500)
}

body [data-project-details] .fav-toggle,
body [data-project-details] .card-actions button{
  background:color-mix(in srgb,var(--aidc-bg-popover) 88%,transparent);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary)
}
body [data-project-details] .fav-toggle.active{color:var(--aidc-amber-500)}

body [data-project-details] .aidc-modal-overlay,
body:has([data-project-details]) .aidc-modal-overlay{background:var(--aidc-backdrop)}
body [data-project-details] .aidc-modal,
body:has([data-project-details]) .aidc-modal{
  background:var(--aidc-bg-modal);
  border-color:var(--aidc-border-default);
  box-shadow:var(--aidc-shadow-modal);
  color:var(--aidc-text-primary)
}
body [data-project-details] .aidc-modal__item,
body:has([data-project-details]) .aidc-modal__item,
body [data-project-details] .aidc-modal__btn,
body:has([data-project-details]) .aidc-modal__btn{
  background:var(--aidc-btn-secondary-bg);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary)
}
body [data-project-details] .aidc-modal__item:hover,
body:has([data-project-details]) .aidc-modal__item:hover,
body [data-project-details] .aidc-modal__btn:hover,
body:has([data-project-details]) .aidc-modal__btn:hover{
  background:var(--aidc-btn-secondary-bg-hover);
  border-color:var(--aidc-border-strong)
}
body [data-project-details] .aidc-modal__item.is-active,
body:has([data-project-details]) .aidc-modal__item.is-active{
  background:color-mix(in srgb,var(--aidc-action-primary-from) 12%,transparent);
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 36%,transparent)
}
body [data-project-details] .aidc-modal__input,
body:has([data-project-details]) .aidc-modal__input{
  background:var(--aidc-bg-elevated);
  border-color:var(--aidc-border-default);
  color:var(--aidc-text-primary)
}