/* Reimbursement date controls: supplied medium date-picker theme. */
#content-area .is-personal-reimbursement-layout .doc-code-date-control,
:host-context(.is-personal-reimbursement-layout) .doc-code-date-control { --date-border:#DDE3EC; --date-active:#264AFF; --date-ring:rgba(38,74,255,.2); position:relative; box-sizing:border-box; height:36px; border:1px solid var(--date-border); border-radius:2px; background:#FFFFFF; }
#content-area .is-personal-reimbursement-layout .doc-code-date-control:hover,
:host-context(.is-personal-reimbursement-layout) .doc-code-date-control:hover { border-color:var(--date-active); }
#content-area .is-personal-reimbursement-layout .doc-code-date-control:focus-within,
:host-context(.is-personal-reimbursement-layout) .doc-code-date-control:focus-within { border-color:var(--date-active); box-shadow:0 0 0 2px var(--date-ring); }
#content-area .is-personal-reimbursement-layout .doc-code-date-control > input.form-control,
:host-context(.is-personal-reimbursement-layout) .doc-code-date-control > input.form-control { box-sizing:border-box; width:100%; min-width:0; height:34px !important; min-height:0 !important; padding:6px 40px 6px 16px !important; border:0 !important; border-radius:2px !important; outline:0; box-shadow:none !important; background:transparent; color:#172033; font:400 14px/22px "D-DIN","Noto Sans","Noto Sans SC",sans-serif; caret-color:var(--date-active); }
#content-area .is-personal-reimbursement-layout .doc-code-date-control > input::placeholder,
:host-context(.is-personal-reimbursement-layout) .doc-code-date-control > input::placeholder { color:#A8B1C1; opacity:1; }
#content-area .is-personal-reimbursement-layout .doc-code-date-control__trigger,
:host-context(.is-personal-reimbursement-layout) .doc-code-date-control__trigger { position:absolute; right:16px; top:50%; transform:translateY(-50%); width:16px; height:16px; padding:0; border:0; border-radius:0; background:transparent; color:#536079; }
#content-area .is-personal-reimbursement-layout .doc-code-date-control__trigger svg,
:host-context(.is-personal-reimbursement-layout) .doc-code-date-control__trigger svg { width:16px; height:16px; }
#content-area .is-personal-reimbursement-layout .doc-code-date-control__trigger:hover,
:host-context(.is-personal-reimbursement-layout) .doc-code-date-control__trigger:hover { background:transparent; color:#264AFF; }
#content-area .is-personal-reimbursement-layout .doc-code-date-control__trigger:active,
:host-context(.is-personal-reimbursement-layout) .doc-code-date-control__trigger:active { color:#1B35B8; }
#content-area .is-personal-reimbursement-layout .doc-code-date-control:has(input.is-invalid),
:host-context(.is-personal-reimbursement-layout) .doc-code-date-control:has(input.is-invalid) { --date-border:#D92D3F; --date-active:#D92D3F; --date-ring:rgba(217,45,63,.2); }
#content-area .is-personal-reimbursement-layout .doc-code-date-control:has(input[data-status="warning"]),
:host-context(.is-personal-reimbursement-layout) .doc-code-date-control:has(input[data-status="warning"]) { --date-border:#D97706; --date-active:#D97706; --date-ring:rgba(217,119,6,.2); }
#content-area .is-personal-reimbursement-layout .doc-code-date-control:has(input:disabled),
:host-context(.is-personal-reimbursement-layout) .doc-code-date-control:has(input:disabled) { background:#F3F5F8; border-color:#C2CAD7; box-shadow:none; }
#content-area .is-personal-reimbursement-layout .doc-code-date-control:has(input:disabled) :is(input,button),
:host-context(.is-personal-reimbursement-layout) .doc-code-date-control:has(input:disabled) :is(input,button) { color:#A8B1C1; opacity:1; }

body .doc-code-calendar.reimbursement-date-calendar { padding:8px 12px; border:1px solid #DDE3EC; border-radius:2px; background:#FFFFFF; color:#172033; box-shadow:none; font:400 14px/22px "D-DIN","Noto Sans","Noto Sans SC",sans-serif; }
body .reimbursement-date-calendar .doc-code-calendar__header { height:32px; grid-template-columns:32px 1fr 32px; margin-bottom:0; }
body .reimbursement-date-calendar .doc-code-calendar__header strong { font-size:14px; font-weight:500; }
body .reimbursement-date-calendar .doc-code-calendar__header button { color:#536079; border-radius:2px; }
body .reimbursement-date-calendar .doc-code-calendar__header svg { width:16px; height:16px; }
body .reimbursement-date-calendar .doc-code-calendar__weekdays { border-bottom:1px solid #DDE3EC; height:32px; align-items:center; }
body .reimbursement-date-calendar .doc-code-calendar__weekdays span { font-size:13px; font-weight:400; color:#536079; text-transform:none; }
body .reimbursement-date-calendar :is(.doc-code-calendar__weekdays,.doc-code-calendar__days) { grid-template-columns:repeat(7,36px); gap:0; }
body .reimbursement-date-calendar .doc-code-calendar__days { grid-auto-rows:32px; align-items:center; justify-items:center; }
body .reimbursement-date-calendar .doc-code-calendar__day { width:24px; height:24px; padding:0; border-radius:2px; color:#172033; font-size:14px; font-weight:400; }
body .reimbursement-date-calendar .doc-code-calendar__day:hover { background:#F3F5F8; }
body .reimbursement-date-calendar .doc-code-calendar__day.is-outside { color:#A8B1C1; }
body .reimbursement-date-calendar .doc-code-calendar__day.is-today { color:#264AFF; box-shadow:none; }
body .reimbursement-date-calendar .doc-code-calendar__day.is-selected { color:#FFFFFF; background:#264AFF; font-weight:400; }
body .reimbursement-date-calendar .doc-code-calendar__day:disabled { color:#A8B1C1; background:#F3F5F8; opacity:1; }
body .reimbursement-date-calendar .doc-code-calendar__footer { border-top:1px solid #DDE3EC; padding:8px 0 0; }
body .reimbursement-date-calendar .doc-code-calendar__footer button { height:26px; padding:0 8px; border:1px solid #264AFF; border-radius:2px; background:#FFFFFF; color:#264AFF; font-size:12px; font-weight:400; line-height:18px; }
body .reimbursement-date-calendar .doc-code-calendar__footer button:hover { background:#F2F4FF; color:#2140DB; border-color:#2140DB; }
body .reimbursement-date-calendar .doc-code-calendar__footer button:active { background:#E9EDFF; color:#1B35B8; border-color:#1B35B8; }
#content-area .is-personal-reimbursement-layout .expense-field-date .date-field { height:36px; }
#content-area .is-personal-reimbursement-layout .date-field:has(> .native-english-date-control:not([hidden])) > .date-icon { display:none; }