.theme-toggle {
    position: fixed;
    bottom: max(20px, env(safe-area-inset-bottom));
    left: max(20px, env(safe-area-inset-left));
    z-index: 10000;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #202423;
    box-shadow: 0 2px 10px #00000018;
    cursor: pointer;
}
.theme-toggle svg { width: 22px; height: 22px; }
.theme-toggle:focus-visible { outline: 3px solid #16a34a; outline-offset: 3px; }
.theme-toggle:hover { border-color: #16a34a; }
.theme-toggle .theme-sun, [data-theme='dark'] .theme-toggle .theme-moon { display: none; }
[data-theme='dark'] .theme-toggle .theme-sun { display: block; }
.theme-tooltip {
    position: absolute;
    left: 0;
    bottom: 52px;
    width: max-content;
    max-width: calc(100vw - 40px);
    padding: 7px 10px;
    border-radius: 4px;
    background: #202423;
    color: #ffffff;
    font: 500 12px/1.4 Inter, sans-serif;
    opacity: 0;
    pointer-events: none;
}
.theme-toggle:hover .theme-tooltip, .theme-toggle:focus-visible .theme-tooltip { opacity: 1; }
.storefront-theme {
    min-height: 100vh;
    background: linear-gradient(45deg, #fcfcf3 0%, #f8f8eb 17%, #fafae0 36%, #f3f4fc 56%, #f9eee7 79%, #fcf8ef 100%);
    background-attachment: fixed;
}
[data-theme='dark'] .storefront-theme {
    background: #0a0d0b radial-gradient(ellipse at 75% 20%, #12261a 0%, #0a0d0b 60%);
    background-attachment: fixed;
    color: #f1f3f2;
}
[data-theme='dark'] .storefront-theme .bg-black:not([aria-hidden='true']) { background-color: #25302b; }
[data-theme='dark'] .storefront-theme .bg-white { background-color: #232627; }
[data-theme='dark'] .storefront-theme .bg-gray-100,
[data-theme='dark'] .storefront-theme .bg-gray-200 { background-color: #343839; }
[data-theme='dark'] .storefront-theme .bg-black\/5 { background-color: #ffffff0d; }
[data-theme='dark'] .storefront-theme .bg-black\/10 { background-color: #ffffff1a; }
[data-theme='dark'] .storefront-theme .bg-black\/15,
[data-theme='dark'] .storefront-theme .bg-gray-400\/50 { background-color: #ffffff1c; }
[data-theme='dark'] .storefront-theme .bg-white\/50,
[data-theme='dark'] .storefront-theme .bg-white\/80 { background-color: #26312ce6; }
[data-theme='dark'] .storefront-theme .text-black { color: #f1f3f2; }
[data-theme='dark'] .storefront-theme .text-gray-800,
[data-theme='dark'] .storefront-theme .text-gray-900,
[data-theme='dark'] .storefront-theme .text-gray-950 { color: #e2e8e4; }
[data-theme='dark'] .storefront-theme .text-gray-400,
[data-theme='dark'] .storefront-theme .text-gray-500,
[data-theme='dark'] .storefront-theme .text-gray-600,
[data-theme='dark'] .storefront-theme .text-gray-700 { color: #c0c7c4; }
[data-theme='dark'] .storefront-theme .border-black\/5,
[data-theme='dark'] .storefront-theme .border-black\/10,
[data-theme='dark'] .storefront-theme .border-gray-200 { border-color: #ffffff24; }
[data-theme='dark'] .storefront-theme .border-black,
[data-theme='dark'] .storefront-theme .divide-black > :not([hidden]) ~ :not([hidden]) { border-color: #80958a55; }
[data-theme='dark'] .storefront-theme input:not([type='checkbox']):not([type='radio']),
[data-theme='dark'] .storefront-theme select,
[data-theme='dark'] .storefront-theme textarea { background-color: #232627; color: #f1f3f2; border-color: #66716b; }
[data-theme='dark'] .storefront-theme input::placeholder,
[data-theme='dark'] .storefront-theme textarea::placeholder { color: #a7b0ab; }
[data-theme='dark'] .storefront-theme :is(input, select, textarea):focus-visible {
    outline: 2px solid #86cba4;
    outline-offset: 2px;
}
[data-theme='dark'] .storefront-theme .text-red-700 { color: #fda4af; }
[data-theme='dark'] .storefront-theme .text-green-700 { color: #86efac; }
[data-theme='dark'] .storefront-theme .hover\:bg-gray-200:hover,
[data-theme='dark'] .storefront-theme .hover\:bg-black\/5:hover { background-color: #ffffff18; }
.theme-identity-band { background: linear-gradient(110deg, #172d23, #253632 62%, #303039); }
[data-theme='dark'] .theme-identity-band {
    background: linear-gradient(110deg, #12261a, #0a0d0b) !important;
    border: 1px solid #8cb59a33;
}
[data-theme='dark'] .storefront-theme .auth-screen form button { background: #9cd6b3; color: #15251c; box-shadow: none; }
[data-theme='dark'] .storefront-theme .auth-screen form button[wire\:click\.prevent] { background: #ffffff12; color: #edf4ef; border: 1px solid #82988b66; }
.dashboard-theme { padding-bottom: 80px; }
[data-theme='dark'] .dashboard-theme :is(table, [role='dialog']) { background: #18251f80; }
[data-theme='dark'] .dashboard-theme thead { background: #ffffff0d; }
[data-theme='dark'] .dashboard-theme tbody tr:hover { background: #ffffff08; }
[data-theme='dark'] .storefront-theme .prose {
    --tw-prose-body: #d2d9d5;
    --tw-prose-headings: #f1f3f2;
    --tw-prose-links: #86efac;
    --tw-prose-bold: #f1f3f2;
    --tw-prose-counters: #b3beb7;
    --tw-prose-bullets: #b3beb7;
    --tw-prose-quotes: #d2d9d5;
    --tw-prose-quote-borders: #66716b;
}
[data-theme='dark'] .storefront-theme .prose p,
[data-theme='dark'] .storefront-theme .prose li,
[data-theme='dark'] .storefront-theme .prose li::marker { color: #d2d9d5; }
[data-theme='dark'] .storefront-theme .border-l-black,
[data-theme='dark'] .storefront-theme .border-r-black { border-color: #66716b; }
@media (max-width: 767px) {
    [data-theme='dark'] .storefront-theme header nav { background-color: #232627; color: #f1f3f2; }
    [data-theme='dark'] .dashboard-theme nav > div { background: #25302b; color: #f1f3f2; }
    [data-theme='dark'] .dashboard-theme nav a { background-color: #ffffff0d; }
}
.hero-picture { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.hero-picture img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
[data-theme='dark'] .storefront-theme .hero-shade {
    background: radial-gradient(ellipse at 75% 20%, #12261a 0%, #0a0d0b 60%);
    opacity: 0.7;
}
[data-theme='dark'] .storefront-theme .responsive-svg { color: #0a0d0b !important; }
[data-theme='dark'] .theme-toggle { background: #282d2a; color: #f0f5f1; border-color: #66716b; }