.pdk-date-range-parent { position: relative; }
.pdk-date-range-dialog {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1060;
    width: min(360px, 100%);
    padding: 16px;
    color: #212529;
    background: #fff;
    border: 1px solid #767676;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
}
.pdk-date-range-dialog[hidden] { display: none; }
.pdk-date-range-dialog p { margin: 0 0 12px; }
.pdk-date-range-dialog label { display: block; margin: 8px 0 4px; }
.pdk-date-range-dialog input {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 8px;
    color: #212529;
    background: #fff;
    border: 1px solid #767676;
}
.pdk-date-range-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.pdk-date-range-actions button {
    min-height: 36px;
    padding: 6px 10px;
    color: #fff;
    background: #2b3d6a;
    border: 1px solid #2b3d6a;
    border-radius: 4px;
}
.pdk-date-range-dialog :focus-visible { outline: 2px solid #111; outline-offset: 2px; }
.pdk-date-range-dialog .pdk-date-range-error { color: #9a1a1a; margin-top: 12px; }