
/* User-selected dark appearance for WedOne Signature */
html[data-wedone-theme="dark"]{
 color-scheme:dark;
 --wd-signature-ivory:#151b1e;--wd-signature-paper:#20292c;
 --wd-signature-pearl:#273134;--wd-signature-ink:#eaf0ec;
 --wd-signature-border:#39494a;--wd-signature-shadow:0 14px 42px #0003;
 --cream:#151b1e;--line:#39494a;--ink:#eaf0ec;--muted:#b5c5c0;
 --green3:#284844;--wd-canvas:#151b1e;
}
html[data-wedone-theme="dark"] body,
html[data-wedone-theme="dark"] #app{background:#151b1e;color:#eaf0ec}
html[data-wedone-theme="dark"] #app .card,
html[data-wedone-theme="dark"] #app .eventCard,
html[data-wedone-theme="dark"] #app .stat,
html[data-wedone-theme="dark"] #app .inventoryCard,
html[data-wedone-theme="dark"] #app .cdTask,
html[data-wedone-theme="dark"] #app .wdSection,
html[data-wedone-theme="dark"] #app .checklistGroup,
html[data-wedone-theme="dark"] .card,
html[data-wedone-theme="dark"] .modal,
html[data-wedone-theme="dark"] .loginCard,
html[data-wedone-theme="dark"] .wdPetalPanel,
html[data-wedone-theme="dark"] .activationPage .card{
 background:#20292c;color:#eaf0ec;border-color:#39494a;
}
html[data-wedone-theme="dark"] .topbar,
html[data-wedone-theme="dark"] .wedone-navigation,
html[data-wedone-theme="dark"] #shell .topbar,
html[data-wedone-theme="dark"] #bottomNav,
html[data-wedone-theme="dark"] .wdRailShortcuts,
html[data-wedone-theme="dark"] .wdWorkspaceContext{
 background:#1c2528;color:#ecf1ec;border-color:#39494a;
}
html[data-wedone-theme="dark"] #app .hero,
html[data-wedone-theme="dark"] #app .cdHero{background:linear-gradient(125deg,#123b3e,#125852)}
html[data-wedone-theme="dark"] .muted,
html[data-wedone-theme="dark"] #app .muted,
html[data-wedone-theme="dark"] #app .card p,
html[data-wedone-theme="dark"] #app small{color:#b5c5c0}
html[data-wedone-theme="dark"] #app .stat b,
html[data-wedone-theme="dark"] .stat b{color:#a9ddd1}
html[data-wedone-theme="dark"] input,
html[data-wedone-theme="dark"] select,
html[data-wedone-theme="dark"] textarea,
html[data-wedone-theme="dark"] #app input,
html[data-wedone-theme="dark"] #app select,
html[data-wedone-theme="dark"] #app textarea{
 background:#172124;border-color:#4a5b5b;color:#f1f5f1;
}
html[data-wedone-theme="dark"] input::placeholder,
html[data-wedone-theme="dark"] textarea::placeholder{color:#a5b6b1}
html[data-wedone-theme="dark"] .btn.soft,
html[data-wedone-theme="dark"] #app .btn.soft,
html[data-wedone-theme="dark"] #app .wdQuickAccess .btn{
 background:#2a393b;color:#e5f0ea;border-color:#536966;
}
html[data-wedone-theme="dark"] #app .btn.primary{background:#126e66;color:white;border-color:#4b9890}
html[data-wedone-theme="dark"] #app .setupSteps>li,
html[data-wedone-theme="dark"] #app .wdLayoutTools,
html[data-wedone-theme="dark"] #app th,
html[data-wedone-theme="dark"] .guestTable th{
 background:#293538;color:#e5eee9;border-color:#485958;
}
html[data-wedone-theme="dark"] #app .setupSteps li b{color:#cde7db}
html[data-wedone-theme="dark"] .wdLayoutCanvas{background-color:#293538;border-color:#638e87}
html[data-wedone-theme="dark"] #app .weddingChecklistEntry{background:#223132}
html[data-wedone-theme="dark"] #app .card a,
html[data-wedone-theme="dark"] #bottomNav a{color:#b4dfd4}
html[data-wedone-theme="dark"] .wdPetalLauncher{background:#2a393b;color:#f2f2ed}
.wdThemeToggle{
 min-height:40px;padding:7px 12px;border:1px solid #bbcfc5;
 border-radius:12px;background:transparent;color:inherit;
 font:600 13px var(--wd-signature-sans);cursor:pointer;white-space:nowrap;
}
html[data-wedone-theme="dark"] .wdThemeToggle{background:#29383b;border-color:#5a7270;color:#eff7f3}
.wdThemeToggle:focus-visible{outline:3px solid #d9bd93;outline-offset:2px}

/* Dark mode icon legibility: scope to theme, preserve light mode. */
html[data-wedone-theme="dark"] #bottomNav svg,
html[data-wedone-theme="dark"] .wdRailShortcuts svg,
html[data-wedone-theme="dark"] .wdQuickAccess svg,
html[data-wedone-theme="dark"] .wedone-navigation svg,
html[data-wedone-theme="dark"] .topbar svg,
html[data-wedone-theme="dark"] #app .btn svg,
html[data-wedone-theme="dark"] #app .detailIcon svg,
html[data-wedone-theme="dark"] #app .stat svg,
html[data-wedone-theme="dark"] .modal .btn svg{
 color:#dcf6ec;
 stroke:currentColor;
 stroke-width:2.2;
 opacity:1;
}
html[data-wedone-theme="dark"] #bottomNav a,
html[data-wedone-theme="dark"] #bottomNav button,
html[data-wedone-theme="dark"] .wdRailShortcuts a,
html[data-wedone-theme="dark"] .topbar button,
html[data-wedone-theme="dark"] .wedone-navigation button{
 color:#e5f5ee;
}
html[data-wedone-theme="dark"] #bottomNav [aria-current="page"],
html[data-wedone-theme="dark"] .wdRailShortcuts [aria-current="page"]{
 background:#33514e;
 color:#fff8e7;
 border-color:#668f85;
}
html[data-wedone-theme="dark"] #bottomNav [aria-current="page"] svg,
html[data-wedone-theme="dark"] .wdRailShortcuts [aria-current="page"] svg{
 color:#ffe2a9;
 stroke-width:2.5;
}
html[data-wedone-theme="dark"] #app .detailIcon,
html[data-wedone-theme="dark"] #app .icon,
html[data-wedone-theme="dark"] #app .stat .icon{
 background:#34504b;
 color:#fff1d1;
 border:1px solid #6a9389;
}
html[data-wedone-theme="dark"] .btn.primary svg,
html[data-wedone-theme="dark"] #app .btn.primary svg{
 color:#fff!important;
}
html[data-wedone-theme="dark"] #app .btn.soft svg,
html[data-wedone-theme="dark"] #app .wdQuickAccess svg{
 color:#c6f4e4;
}
html[data-wedone-theme="dark"] #app .btn:focus-visible,
html[data-wedone-theme="dark"] #bottomNav a:focus-visible{
 outline:3px solid #ffe2a9;outline-offset:3px;
}

/* Signature dark polish: less haze, clear surfaces, disciplined teal accents. */
html[data-wedone-theme="dark"]{--wd-signature-ivory:#101718;--wd-signature-paper:#1b2426;--wd-signature-pearl:#222e30;--wd-signature-border:#334446;--wd-signature-shadow:0 8px 25px #0002;--cream:#101718;--line:#334446;--ink:#f2f5f2;--muted:#bccdc8;--wd-canvas:#101718}
html[data-wedone-theme="dark"] body,html[data-wedone-theme="dark"] #app{background:#101718;color:#f2f5f2}
html[data-wedone-theme="dark"] #app .card,html[data-wedone-theme="dark"] #app .eventCard,html[data-wedone-theme="dark"] #app .stat,html[data-wedone-theme="dark"] #app .wdSection,html[data-wedone-theme="dark"] .modal,html[data-wedone-theme="dark"] .loginCard{background:#1b2426;border-color:#334446;box-shadow:0 8px 25px #0002}
html[data-wedone-theme="dark"] #app h1,html[data-wedone-theme="dark"] #app h2,html[data-wedone-theme="dark"] #app h3,html[data-wedone-theme="dark"] .modal h2{color:#f2f5f2}
html[data-wedone-theme="dark"] #app .hero h1,html[data-wedone-theme="dark"] #app .hero p{color:white}
html[data-wedone-theme="dark"] #app .card p,html[data-wedone-theme="dark"] #app small{color:#bdcbc7}
html[data-wedone-theme="dark"] #app .pageHead,html[data-wedone-theme="dark"] #app .eventHead{border-color:#334446}
html[data-wedone-theme="dark"] #app .btn.soft,html[data-wedone-theme="dark"] #app .wdQuickAccess .btn{background:#263638;border-color:#3e5655;color:#e4f5ed;box-shadow:none}
html[data-wedone-theme="dark"] #app .btn.soft:hover{background:#314648}
html[data-wedone-theme="dark"] #bottomNav,html[data-wedone-theme="dark"] .topbar,html[data-wedone-theme="dark"] .wedone-navigation{background:#172123;border-color:#334446;box-shadow:none}
html[data-wedone-theme="dark"] #app th,html[data-wedone-theme="dark"] .guestTable th{background:#273537;color:#e6f1e9}
html[data-wedone-theme="dark"] #app td,html[data-wedone-theme="dark"] .guestTable td{border-bottom-color:#344446;color:#e5eeea}
html[data-wedone-theme="dark"] #app .stat b{color:#b6eadc}
html[data-wedone-theme="dark"] .wdPetalPanel{background:#1b2426;border:1px solid #405855;color:#f2f5f2}
html[data-wedone-theme="dark"] .wdThemeToggle{background:#263739;border-color:#56716c;color:#f4f7f2}
html[data-wedone-theme="dark"] :is(.card,.modal,.loginCard) :is(input,textarea,select){background:#131e20;color:#f2f5f2;border-color:#4b6060}

/* Pedal voice controls: compact and legible in both themes. */
#wdPetalNaturalAudio{height:44px;max-width:100%;border-radius:12px}
.wdPedalVoiceActions{max-width:100%;min-width:0;flex-wrap:wrap}
#wdPedalAudioStatus{font-size:.88rem;line-height:1.45;overflow-wrap:anywhere}
html[data-wedone-theme="dark"] .wdPedalVoiceActions,
html[data-wedone-theme="dark"] .wdPetalVoicePanel,
html[data-wedone-theme="dark"] .wdPedalVoicePanel,
html[data-wedone-theme="dark"] .wdPetalPanel details,
html[data-wedone-theme="dark"] .wdPetalPanel section{background:#1b2426;color:#eaf0ec;border-color:#425657}
html[data-wedone-theme="dark"] .wdPetalPanel p,
html[data-wedone-theme="dark"] .wdPedalVoiceHint,
html[data-wedone-theme="dark"] .wdPetalPanel label{color:#c6d8d2}
html[data-wedone-theme="dark"] #wdPetalNaturalAudio{color-scheme:dark;background:#293738}
@media(max-width:650px){.wdPetalPanel{max-width:min(96vw,520px)}.wdPedalVoiceActions>button{max-width:100%}}



