/* cattery-release:0.8.16-ios.1 */
.device-panel{width:min(480px,calc(100vw - 24px));max-height:75dvh;box-sizing:border-box;padding:24px;border:1px solid #cbd8d1;border-radius:20px;color:#203335;background:#f9fbf8;overflow:auto;overscroll-behavior:contain}
.device-panel::backdrop{background:rgb(15 35 29 / .55)}.device-panel .device-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.device-panel h2{margin:0 0 12px;font-size:23px}.device-panel h3{font-size:17px;margin:22px 0 8px}.device-panel p,.device-panel li{font-size:15px;line-height:1.6}.device-panel ol{padding-left:23px}.device-panel li{padding-left:3px;margin:9px 0}.device-close{border:1px solid #c8d5cf;background:white;border-radius:50%;width:44px;height:44px;flex:0 0 44px;color:#285956;font-size:25px;cursor:pointer}.device-checks{list-style:none;padding:0!important}.device-checks li{margin:6px 0;padding:10px 12px;border-radius:10px;background:#eaf0eb}.device-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.device-actions .btn{white-space:normal}.device-file{overflow-wrap:anywhere;margin:10px 0 6px}.device-backup{padding:16px;margin:14px 0;border:1px solid #adc9bb;background:#f0f7f0;border-radius:12px}.device-backup h3{margin:0 0 8px}.device-backup[hidden]{display:none}.device-panel code{overflow-wrap:anywhere}
@media(max-width:760px){input,select,textarea{font-size:16px!important}header{padding-top:max(20px,env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.wrap{padding-bottom:max(70px,calc(26px + env(safe-area-inset-bottom)))}.device-panel{padding:18px}.device-panel .btn{min-height:44px}.device-backup .btn{min-height:44px}}
.work-banner, .work-release-notes {
  padding: 0 12px;
  border: 1px solid #c9dad3;
  border-radius: 12px;
}
.work-release-notes {
  background: #edf4ef;
  margin-bottom: 8px;
}
.work-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0 12px;
  background: #fff3d5;
  border-color: #d5a740;
  margin-bottom: 16px;
}
.work-banner details { flex: 1 1 19rem; min-width: 0; }
.work-banner summary, .work-release-notes summary {
  padding: 12px 0;
  font-weight: 650;
  line-height: 1.3;
  cursor: pointer;
}
.work-banner p, .work-release-notes p { margin: 0 0 12px; }
.work-banner .btn { margin: 4px 0; min-height: 36px; padding: 7px 12px; }
@media (max-width: 760px) {
  .work-banner .btn { min-height: 44px; }
}
@media print{.device-panel,.device-backup{display:none!important}}
