/* BACKLINE CSS: mode/subview navigation. */
.mode-switch,.subview-switch{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.mode-btn,.subview-btn{border:1px solid #777;background:#090909;color:#f2f2ed;padding:7px 11px;border-radius:1px;cursor:pointer;font-family:"Courier New",monospace;font-weight:900;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;min-height:31px;}
.mode-btn:hover,.subview-btn:hover{background:#efefe9;color:#050505;border-color:#fff;}
.mode-btn.active,.subview-btn.active{background:#efefe9;color:#050505;border-color:#fff;}
.mode-btn.active .my-tab-count{background:#050505;color:#fff;}
.update-controls-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.update-panel{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;}
.update-copy{flex:1 1 360px;min-width:260px;}
.update-result{flex:1 1 100%;order:3;}
.subview-switch.is-hidden{display:none;}
@media (max-width:900px){
  .toolbar{gap:8px;}
  .mode-switch{margin-left:auto;}
  .update-controls-right{width:100%;justify-content:flex-end;}
}
@media (max-width:720px){
  .mode-switch,.subview-switch{width:100%;}
  .mode-btn,.subview-btn{flex:1 1 auto;justify-content:center;}
  .update-controls-right{width:100%;justify-content:stretch;}
  .calendar-refresh-btn{width:100%;}
}