.pdr-time-picker{
    position:relative;
    width:100%;
}
.pdr-time-picker input[type="hidden"]{display:none!important}
.pdr-time-trigger{
    width:100%;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    border:1px solid var(--border,#dbe4ef);
    border-radius:16px;
    padding:.9rem 1rem;
    background:#fff;
    color:#0f172a;
    font:inherit;
    cursor:pointer;
    outline:none;
    transition:border-color .2s,box-shadow .2s,background-color .2s;
}
.pdr-time-trigger:hover{background:#f8fafc;border-color:#b8c7d9}
.pdr-time-trigger:focus-visible,.pdr-time-picker.is-open .pdr-time-trigger{
    border-color:rgba(15,118,110,.55);
    box-shadow:0 0 0 4px rgba(15,118,110,.12);
}
.pdr-time-display{
    direction:ltr;
    unicode-bidi:isolate;
    font-size:1.05rem;
    font-weight:800;
    letter-spacing:.025em;
}
.pdr-time-display.is-placeholder{
    direction:rtl;
    color:#64748b;
    font-size:.95rem;
    font-weight:600;
    letter-spacing:0;
}
.pdr-time-icon{display:grid;place-items:center;color:#0f172a;flex:0 0 auto}
.pdr-time-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pdr-time-panel{
    position:absolute;
    z-index:1200;
    inset-inline-start:0;
    top:calc(100% + 8px);
    width:min(360px,calc(100vw - 32px));
    padding:14px;
    border:1px solid #dbe4ef;
    border-radius:18px;
    background:#fff;
    box-shadow:0 24px 65px rgba(15,23,42,.22);
}
.pdr-time-panel[hidden]{display:none!important}
.pdr-time-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:12px}
.pdr-time-panel-head strong{font-size:.98rem;color:#0f172a}
.pdr-time-summary{
    min-width:86px;
    text-align:center;
    padding:.38rem .65rem;
    border-radius:999px;
    background:#ecfdf5;
    color:#047857;
    font-weight:900;
    font-size:1rem;
}
.pdr-time-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.pdr-time-columns section{min-width:0}
.pdr-time-column-title{display:block;text-align:center;color:#64748b;font-size:.78rem;font-weight:800;margin-bottom:6px}
.pdr-time-separator{font-size:1.4rem;font-weight:900;color:#64748b;padding-top:24px}
.pdr-time-options{
    height:220px;
    overflow:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    padding:4px;
    border:1px solid #e2e8f0;
    border-radius:14px;
    background:#f8fafc;
}
.pdr-time-option{
    width:100%;
    min-height:38px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#0f172a;
    font:inherit;
    font-weight:750;
    cursor:pointer;
}
.pdr-time-option:hover{background:#e2e8f0}
.pdr-time-option.is-selected{background:#0f766e;color:#fff;box-shadow:0 5px 14px rgba(15,118,110,.25)}
.pdr-time-actions{display:flex;justify-content:space-between;gap:.65rem;margin-top:12px}
.pdr-time-actions .btn{flex:1}
.admin-bg .pdr-time-panel{color:#0f172a}
@media (max-width:640px){
    .pdr-time-panel{
        position:fixed;
        inset:auto 12px 12px 12px;
        width:auto;
        max-height:min(78vh,620px);
        z-index:3000;
        border-radius:22px;
        box-shadow:0 20px 80px rgba(15,23,42,.35);
    }
    .pdr-time-options{height:min(34vh,230px)}
}