/* Shared Global Styles */
* { margin: 0; padding: 0; box-sizing: border-box; }

body { 
    font-family: var(--widget-font-family); 
    background: transparent; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    min-height: 100vh;
    scrollbar-gutter: stable;
}

#widget-container {
    width: 100%;
    max-width: 1000px;
}

/* Views */
.view { display: none; width: 100%; }
.view.active { display: block; }

.label-helper {
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--widget-text-sub);
}

label { display: block; }

input { 
    background: transparent; border: none; color: var(--widget-text-main); 
    font-family: inherit; 
    outline: none; 
}

/* Hide native HTML calendar/date picker decorations on mobile browsers */
input::-webkit-calendar-picker-indicator,
input::-webkit-inner-spin-button,
input::-webkit-clear-button {
    display: none !important;
    -webkit-appearance: none !important;
}