/* Contractor Command: dark mode for every page.
   The whole page is flipped to dark in one step, so no screen is left with white
   patches. Photos, logos and videos are flipped back so they keep their real colors. */
html.cc-dark {
    filter: invert(0.92) hue-rotate(180deg);
    background: #fff;
}
html.cc-dark body { min-height: 100vh; } /* same shade all the way down */
html.cc-dark img,
html.cc-dark video,
html.cc-dark picture,
html.cc-dark iframe,
html.cc-dark embed,
html.cc-dark object,
html.cc-dark [style*="background-image"],
html.cc-dark .cc-keep-colors {
    filter: invert(1) hue-rotate(180deg);
}
/* an image inside something already flipped back shouldn't flip again */
html.cc-dark [style*="background-image"] img,
html.cc-dark .cc-keep-colors img,
html.cc-dark picture img {
    filter: none;
}
@media print {
    html.cc-dark, html.cc-dark * { filter: none !important; }
}
#cc-dark-toggle {
    position: fixed; right: 18px; bottom: 18px; z-index: 2147483000;
    width: 44px; height: 44px; border-radius: 50%; border: 1px solid #d1d5db;
    background: #ffffff; color: #1f2937; font-size: 20px; line-height: 1; cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .18); display: flex; align-items: center; justify-content: center;
    transition: transform .15s;
}
#cc-dark-toggle:hover { transform: scale(1.08); }
/* in dark mode the button keeps its own real colors (bright sun on a dark circle) */
html.cc-dark #cc-dark-toggle {
    filter: invert(1) hue-rotate(180deg);
    background: #1f2937; color: #f9fafb; border-color: #374151;
}
#cc-dark-toggle:disabled { opacity: .6; cursor: wait; }