/* Consistent room for the arrow on single-line native selects in cabinets and Mini App. */
:root{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23647991' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
body.hidden-design{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23d5ddd7' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
select:not([multiple]):not([size]),select:not([multiple])[size="1"],select:not([multiple])[size="0"]{appearance:none;-webkit-appearance:none;padding-right:44px!important;background-image:var(--select-chevron)!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:12px 8px!important}
@media(forced-colors:active){select:not([multiple]):not([size]),select:not([multiple])[size="1"],select:not([multiple])[size="0"]{appearance:auto;-webkit-appearance:auto;background-image:none!important;padding-right:16px!important}}

/* Native calendar/time indicators have the same breathing room as select arrows. */
input:is([type="date"],[type="datetime-local"],[type="time"]){padding-right:16px!important;min-width:0}
input:is([type="date"],[type="datetime-local"],[type="time"])::-webkit-calendar-picker-indicator{margin:0 2px 0 8px;padding:2px;width:16px;height:16px;box-sizing:content-box;cursor:pointer;flex:none}
input:is([type="date"],[type="datetime-local"],[type="time"]):disabled::-webkit-calendar-picker-indicator{cursor:default}

/* Fixed icon position across Telegram webviews; native input still handles selection. */
.native-date-control{position:relative;display:block;width:100%;min-width:0;line-height:0}
.native-date-control>input:is([type="date"],[type="datetime-local"],[type="time"]){position:relative;display:block;width:100%;padding-right:48px!important;appearance:none;-webkit-appearance:none}
.native-date-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;fill:none;stroke:var(--native-date-icon-color,#647991);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.hidden-design{--native-date-icon-color:#d5ddd7}
.native-date-control>input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;top:50%;right:4px;transform:translateY(-50%);width:36px;height:36px;margin:0;padding:0;cursor:pointer}
.native-date-control>input::-webkit-date-and-time-value{text-align:left}
.native-date-control:has(input:disabled) .native-date-icon{opacity:.45}