/*
Component ID : 025
File         : css/bone-datepicker.css
Version      : 1.0.11
Status       : Development
Description  : Bone DatePicker trigger / floating panel styles.
*/
.bone-datepicker{display:inline-flex;align-items:center;vertical-align:middle;margin-inline-start:4px;font-family:Meiryo,"Yu Gothic",system-ui,sans-serif}
.bone-datepicker__trigger{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--bdp-border,#64748b);border-radius:8px;background:var(--bdp-surface,#172235);color:var(--bdp-accent,#5ba6ff);cursor:pointer;line-height:1;font-size:20px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.bone-datepicker__trigger:hover:not(:disabled){background:var(--bdp-hover,#21344d);border-color:var(--bdp-accent,#5ba6ff)}
.bone-datepicker__trigger:focus-visible{outline:2px solid var(--bdp-accent,#5ba6ff);outline-offset:2px}
.bone-datepicker__trigger:active:not(:disabled){transform:translateY(1px)}
.bone-datepicker__trigger:disabled{opacity:.45;cursor:not-allowed}
.bone-datepicker__fa-icon{display:block;width:18px;height:18px}
.bone-datepicker[data-theme="default"]{--bdp-surface:#172235;--bdp-hover:#21344d;--bdp-border:#64748b;--bdp-accent:#5ba6ff}
.bone-datepicker[data-theme="dark"]{--bdp-surface:#111a29;--bdp-hover:#1a2940;--bdp-border:#52657d;--bdp-accent:#7ab8ff}
.bone-datepicker[data-theme="light"]{--bdp-surface:#f6f8fb;--bdp-hover:#eaf1fa;--bdp-border:#8fa1b7;--bdp-accent:#2b71ca}
.bone-datepicker[data-theme="neon"]{--bdp-surface:#06131d;--bdp-hover:#0a2631;--bdp-border:#1ba8b8;--bdp-accent:#35f4ff}
.bone-datepicker__panel{position:fixed;z-index:2147483000;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:0 18px 46px rgba(0,0,0,.42)}
.bone-datepicker__panel[hidden]{display:none!important}
.bone-datepicker__panel>.bone-calendar{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 14px 34px rgba(0,0,0,.38)}
@media(max-width:520px){.bone-datepicker__panel{max-width:calc(100vw - 16px)}.bone-datepicker__trigger{width:34px;height:34px}}


/* #025 DatePicker: #024 manager buttons are opt-in. Today button remains visible. */
.bone-datepicker__calendar--manager-buttons-hidden .bone-calendar__footer button:not(.bone-calendar__today-button){display:none!important}