/* Unified in-sheet date/time/unit choices. No filter or transform on plotted data. */
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker{display:block;min-width:0;width:100%;position:relative}
html.ios20 #workbench #wb-control-center .hub-setting-row:has(>.p28-picker){display:grid;grid-template-columns:max-content minmax(0,1fr);gap:12px}
html.ios20 #workbench #wb-control-center .hub-setting-row>.p28-picker{max-width:340px;justify-self:end}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-field-control{display:flex;align-items:center;gap:0;min-width:0;height:46px;border:1px solid #7298b746;border-radius:16px;background:#102338;overflow:hidden}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-field-control>input:not([hidden]){width:100%;min-width:0;flex:1;height:44px!important;min-height:44px!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0 12px!important;font-size:16px!important;box-shadow:none!important;color:#eaf1fa}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-field-control>button{height:44px!important;min-height:44px!important;min-width:44px;flex:0 0 44px;padding:0!important;margin:0;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;font-size:21px;color:#b6d9f7}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-select-control>button{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 12px!important;font-size:16px;text-align:left;line-height:1.25}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-select-trigger:after{content:'⌄';padding-left:8px;opacity:.8}
html.ios20 #workbench #wb-control-center .p28-select-trigger{white-space:normal;overflow-wrap:normal}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker-panel{display:block;position:relative;box-sizing:border-box;margin-top:8px;padding:10px;background:#12283d;border:1px solid #93bce747;border-radius:18px;box-shadow:0 5px 18px #0003}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker-panel[hidden],html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker input[hidden],html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker select[hidden]{display:none!important}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker-panel:has(.p28-calendar),html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker-panel:has(.p28-clock-columns){width:min(340px,calc(100vw - 56px))}
html.ios20 #workbench #wb-drawer .wb-navigation-form:has(.p28-picker-panel:not([hidden])){grid-template-columns:minmax(0,1fr)!important}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker-button{touch-action:manipulation;white-space:nowrap!important;font-size:15px!important;font-weight:500;min-height:40px;height:40px;color:#dceaf7;background:transparent!important;box-shadow:none!important;border:1px solid transparent!important;border-radius:12px!important;margin:0;padding:4px 8px}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-bottom:8px;font-size:13px;color:#afc7db}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-calendar-head input{box-sizing:border-box;min-width:0;height:40px!important;min-height:40px!important;font-size:16px;padding:0 6px!important;margin:0;border-radius:10px!important;text-align:center}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-calendar-year{width:78px!important}html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-calendar-month{width:50px!important}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-calendar-head button{width:36px;min-width:36px;font-size:24px!important}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-calendar{display:table;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:2px;background:none;margin:0;padding:0;border:0}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-calendar :is(thead,tbody,tr,td,th){border:0;background:transparent;padding:0;margin:0;text-align:center;font-size:12px}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-calendar th{height:24px;color:#afc7db;font-weight:400}html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-calendar td button{display:block;min-width:0;width:100%;padding:0!important;height:40px;min-height:40px}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker-button.p28-chosen{background:#295a87!important;color:#fff!important;border-color:#88bce866!important}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker-button.p28-muted{color:#718ba1}html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker-button:focus-visible{outline:2px solid #a4d8ff;outline-offset:1px}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker-foot{display:flex;justify-content:flex-end;gap:8px;padding-top:8px;margin-top:6px;border-top:1px solid #708ba536}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker-button.p28-accent{background:#166ebc!important;color:#fff!important}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-clock-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-clock-caption{display:block;text-align:center;font-size:13px;color:#afc7db;margin-bottom:8px}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-clock-list{display:block;position:relative;height:176px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;border:1px solid #7298b72b;border-radius:12px;padding:4px}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-clock-list button{display:block;width:100%;font-size:17px!important;font-variant-numeric:tabular-nums}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker-panel[role=listbox] .p28-picker-button{display:block;width:100%;text-align:left;height:auto;min-height:44px;white-space:normal!important}
html.ios20 #workbench .p28-detail-zoom{font-size:12px!important;min-width:40px!important;padding:4px 7px!important;color:#bddfff!important}html.ios20 #workbench .p28-detail-zoom[hidden]{display:none!important}
html.ios20 #workbench.lg24 .lg-sheen{width:140px!important;height:140px!important;background:radial-gradient(circle,#e9faff26 0%,#90cbfa10 30%,transparent 66%);opacity:1}html.ios20 #workbench.lg24 .lg-sheen-clip{z-index:1}.p28-density-help{font-size:12px;color:#9ab0c4;line-height:1.5}

html.ios20 #workbench .p28-detail-zoom{display:flex;align-items:center;justify-content:center;gap:2px} @media(max-width:700px),(pointer:coarse){html.ios20 #workbench .p28-detail-zoom{flex-direction:column;min-width:40px!important;min-height:44px!important}}

@media(max-width:360px){html.ios20 #workbench #wb-drawer .wb-navigation-form{grid-template-columns:minmax(0,1fr)!important}}

html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker-panel[role=listbox] [role=option]::before{content:"";display:inline-block;width:20px;flex:none}
html.ios20 #workbench :is(#wb-drawer,#wb-control-center) .p28-picker-panel[role=listbox] [aria-selected=true]::before{content:"✓"}