/* A small menu; controls are the only separate settings page. */
#settingsBindings,#usbBindings{display:none!important}
#settingsDialog .essential-menu .settings-home-head{padding:20px 24px 12px;align-items:flex-start}
#settingsDialog .essential-menu .settings-home-head h2{margin:4px 0;font-size:26px}
#settingsDialog.settings-home-on .essential-menu #homeBack{display:block;margin:0 0 10px;padding:6px 0;border:0;min-height:44px;text-align:left}
#settingsDialog.settings-home-on .essential-menu #homeBack[hidden]{display:none!important}
#settingsDialog .essential-menu .settings-home-content{padding:6px 24px 18px}
#settingsDialog .essential-menu .settings-home-aircraft{padding:14px}
#settingsDialog .essential-menu .settings-home-shortcuts{margin:12px 0 8px}
#settingsDialog .essential-menu .settings-home-shortcuts button{grid-template-columns:minmax(0,1fr) 14px;padding:14px 0}
#settingsDialog .essential-menu .settings-home-shortcuts small{margin-top:3px}
#settingsDialog .essential-menu details{margin:0;padding:6px 0;border-top:1px solid var(--ui-border)}
#settingsDialog .essential-menu summary{min-height:44px;align-content:center;font-size:14px}
#settingsDialog .essential-menu label{font-size:14px;margin:10px 0;display:block}
#settingsDialog .essential-menu label:has(input[type=checkbox]){display:flex;gap:10px;align-items:center}
#settingsDialog .essential-menu input[type=range]{display:block;min-height:44px;width:100%;margin:0}
#settingsDialog .essential-menu select{width:100%;margin:6px 0 0;min-height:44px;font-size:16px}
#settingsDialog .essential-menu p{font-size:14px;line-height:1.5;margin:8px 0 14px}
#settingsDialog .essential-menu output{float:right;color:var(--ui-accent)}
#settingsDialog .essential-menu #essentialRates>label{margin:8px 0}
#settingsDialog .essential-menu .settings-home-footer{padding:12px 24px 18px;gap:8px;grid-template-columns:1fr}
body.ui-theme #controlDialog.essential-usb{width:min(580px,calc(100vw - 24px));padding:22px;overflow:auto}
body.ui-theme #controlDialog.essential-usb .setup-card{padding:12px;margin:12px 0}
body.ui-theme #controlDialog.essential-usb h3{margin:0 0 8px;font-size:16px}
body.ui-theme #controlDialog.essential-usb p{font-size:14px;line-height:1.4;margin:8px 0}
body.ui-theme #controlDialog.essential-usb .close{float:right}
body.ui-theme #controlDialog.essential-usb #mapping{margin-top:12px}
@media(max-height:650px){#settingsDialog .essential-menu .settings-home-footer{grid-template-columns:1fr 1fr}}
@media(max-width:400px){#settingsDialog .essential-menu .settings-home-head{padding:16px 18px 10px}#settingsDialog .essential-menu .settings-home-content{padding:4px 18px 12px}}

body.ui-theme #controlDialog.essential-usb label{display:block;margin:10px 0 4px}
body.ui-theme #controlDialog.essential-usb select{display:block;width:100%;margin:4px 0 10px}
body.ui-theme #controlDialog.essential-usb .simple-extra{padding:6px 0;margin:6px 0}