/* v2 styles: platform misc pages (auto forms, form viewer, business profile).
   These override colours and shadows in the page-local <style> blocks, which stay
   untouched. Every rule is scoped under .dp-v2, so nothing changes when the flag is off. */

/* templates/auto_forms/form_view.html and form_view_readonly.html */
.dp-v2 .ts-control {
    border: 1px solid var(--dp-input-border);
}

.dp-v2 td.nodata-active {
    box-shadow: none;
}

.dp-v2 .eva-file-trigger {
    color: var(--dp-muted-fg);
}

.dp-v2 .eva-file-trigger:hover {
    background-color: var(--dp-muted);
    color: var(--dp-fg);
}

.dp-v2 .eva-file-item {
    background-color: var(--dp-card);
    border: 1px solid var(--dp-border);
    color: var(--dp-fg);
    box-shadow: none;
}

.dp-v2 .eva-file-item .eva-icon-action {
    color: var(--dp-muted-fg);
}

.dp-v2 .eva-file-item .eva-icon-action:hover {
    background-color: var(--dp-muted);
    color: var(--dp-fg);
}

.dp-v2 .eva-file-item .eva-icon-action.text-danger:hover {
    color: var(--dp-destructive);
}

/* templates/forms/form_viewer.html */
.dp-v2 .grid-container {
    background: var(--dp-card);
    box-shadow: none;
}

.dp-v2 .dp-table thead th {
    background-color: var(--dp-muted);
    color: var(--dp-muted-fg);
}

.dp-v2 .dp-table td {
    background: var(--dp-card);
}

.dp-v2 .smart-input:focus {
    background: var(--dp-card);
}

/* templates/public/business_profile/business_profile.html */
.dp-v2 .dp-card {
    background-color: var(--dp-card);
    border-color: var(--dp-border);
    border-radius: var(--dp-radius);
}

/* templates/submission_values/edit_submission_values.html sets .tooltip-inner to .9rem in a page <style> */
.dp-v2 .tooltip-inner {
    font-size: 11px;
}

/* Chevron rotation: port of static/css/styles.css "i.fas.fa-chevron-down" (rotated 180deg,
   0deg inside .collapsed) to the lucide svg that icon() renders when the flag is on. */
.dp-v2 svg.dp-icon:has(> use[href$="#chevron-down"]) {
    transform: rotate(180deg);
    transition: transform .3s ease-in-out;
}

.dp-v2 .collapsed svg.dp-icon:has(> use[href$="#chevron-down"]) {
    transform: rotate(0deg);
}

/* Investee switcher chevron: v1 declares its resting (0deg) and open (180deg) rotation at (0,3,1) in
   static/css/nav-option-c.css, which the chevron-down rule above (0,3,2) beat. Same specificity, one level up. */
.dp-v2 body.oc-nav .oc-switcher-btn .oc-switcher-chevron {
    transform: rotate(0deg);
}

.dp-v2 body.oc-nav .oc-switcher-btn.show .oc-switcher-chevron {
    transform: rotate(180deg);
}

/* Port of css/dash_styles.css ".fas.fa-chevron-up { transform: rotate(180deg) }" to the lucide svg. */
.dp-v2 svg.dp-icon:has(> use[href$="#chevron-up"]) {
    transform: rotate(180deg);
    transition: transform .2s ease-in-out;
}

/* styles.css restyles .tooltip-inner with !important; the theme's tooltip variables must win under v2. */
.dp-v2 .tooltip-inner {
  background-color: var(--bs-tooltip-bg) !important;
  color: var(--bs-tooltip-color) !important;
  border: 0;
  border-radius: var(--bs-tooltip-border-radius);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
}