/* Same surface, typography and focus treatment in every CRM tab. */
.crm-picker{box-sizing:border-box;position:fixed;inset:auto;margin:0;padding:12px;border:1px solid var(--crm-line,#dce1e5);border-radius:12px;background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#26313a);box-shadow:0 12px 40px #0002;font:14px/1.45 "DM Sans",system-ui,sans-serif;overflow:auto;overscroll-behavior:contain;z-index:20000}
.crm-picker *{box-sizing:border-box}
.crm-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.crm-picker-head strong{font-size:13px;overflow-wrap:anywhere}
.crm-picker button{font:inherit;color:inherit;border:0;border-radius:8px;background:transparent;cursor:pointer;min-height:40px;padding:8px 12px;line-height:1.3}
.crm-picker button:hover{background:var(--bs-tertiary-bg,#eef3f6)}
.crm-picker button:disabled{opacity:.35;cursor:not-allowed}
.crm-picker :is(button,input):focus-visible{outline:2px solid var(--crm-accent,#175676);outline-offset:-2px}
.crm-picker .crm-picker-close{font-size:23px;flex:0 0 40px;padding:0}
.crm-picker input{min-width:0;font:inherit;background:var(--bs-body-bg,#fff);color:inherit;border:1px solid var(--crm-line,#dce1e5);border-radius:8px;padding:10px 12px;min-height:44px}
.crm-picker-search{width:100%;margin-bottom:8px}
.crm-picker-options{max-height:320px;overflow:auto;overscroll-behavior:contain}
.crm-picker .crm-picker-option{display:block;text-align:left;width:100%;padding-right:32px;position:relative;white-space:normal}
.crm-picker-option[aria-selected=true]{background:color-mix(in srgb,var(--crm-accent,#175676) 12%,transparent);font-weight:600}
.crm-picker-option[aria-selected=true]::after{content:'✓';position:absolute;right:12px;top:10px;color:var(--crm-accent,#175676)}
.crm-picker-group,.crm-picker-empty{padding:8px 12px;color:var(--crm-quiet,#616971);font-size:12px}
.crm-picker-month{display:flex;align-items:center;gap:8px;justify-content:space-between}
.crm-picker .crm-picker-year{width:72px;padding:8px;text-align:center}
.crm-picker-week,.crm-picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}
.crm-picker-week{padding:12px 0 4px;font-size:12px;color:var(--crm-quiet,#616971)}
.crm-picker .crm-picker-day{padding:4px;min-height:38px;font-variant-numeric:tabular-nums}
.crm-picker-day[aria-current=date]{box-shadow:inset 0 0 0 1px var(--crm-accent,#175676)}
.crm-picker .crm-picker-day[aria-pressed=true],.crm-picker .crm-picker-apply{background:var(--crm-accent,#175676);color:#fff}
.crm-picker-time{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 8px}
.crm-picker-time input{width:120px;text-align:center}
.crm-picker-times{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-height:132px;overflow:auto}
.crm-picker .crm-picker-apply{width:100%;margin-top:12px}
.crm-picker-footer{display:flex;justify-content:space-between;margin-top:8px;border-top:1px solid var(--crm-line,#dce1e5);padding-top:8px}
.crm-picker-error{font-size:13px;color:var(--bs-danger,#b02a37);margin:8px 0 0}
.crm-picker-error:empty{display:none}
.twenty-ui input:is([type=date],[type=time],[type=datetime-local]){font-family:inherit;cursor:pointer}
.twenty-ui input:is([type=date],[type=time],[type=datetime-local])::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}
@media(pointer:coarse){.crm-picker button,.crm-picker .crm-picker-day{min-height:44px}}
@media(prefers-reduced-motion:no-preference){.crm-picker:popover-open{animation:crm-picker-in 120ms ease-out}@keyframes crm-picker-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}

.crm-picker .crm-region-option{display:flex;align-items:center;gap:12px;min-height:48px}
.crm-region-emblem{display:grid;place-items:center;flex:0 0 26px;width:26px;height:30px;color:var(--crm-quiet,#616971)}
.crm-region-emblem img{display:block;width:22px;height:28px;object-fit:contain;filter:drop-shadow(0 1px 1px #0002)}
html.twenty-ui select.crm-region-selected{padding-left:42px!important;background-image:var(--crm-region-image),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23818a92' stroke-width='1.5' d='m4 6 4 4 4-4'/%3E%3C/svg%3E")!important;background-position:left 12px center,right 12px center!important;background-size:18px 24px,14px 14px!important;background-repeat:no-repeat!important}
@media(prefers-reduced-motion:no-preference){.crm-region-option:hover .crm-region-emblem img{transform:translateY(-1px)}.crm-region-emblem img{transition:transform 120ms ease}}

@media(max-width:600px){html.twenty-ui select.crm-region-selected{padding-left:34px!important;padding-right:24px!important;background-position:left 8px center,right 6px center!important;background-size:16px 22px,12px 12px!important;font-size:13px!important}}

.crm-picker .crm-specialty-option{display:flex;align-items:center;gap:12px;min-height:44px}
.crm-specialty-emblem{display:grid;place-items:center;flex:0 0 26px;width:26px;height:28px}
.crm-specialty-emblem svg{width:22px;height:22px}
html.twenty-ui select.crm-specialty-selected{padding-left:42px!important;background-image:var(--crm-specialty-image),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23818a92' stroke-width='1.5' d='m4 6 4 4 4-4'/%3E%3C/svg%3E")!important;background-position:left 12px center,right 12px center!important;background-size:20px 20px,14px 14px!important;background-repeat:no-repeat!important}