:root{
  --dcab-bg:#f7f7f7;
  --dcab-surface:#fff;
  --dcab-primary:#011E44;
  --dcab-muted:#7b8798;
  --dcab-active:#011E44;
}

.dcab-wrap{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:999999;
  padding:0 10px calc(8px + env(safe-area-inset-bottom));
  pointer-events:none;
}
@media (min-width: 783px){
  .dcab-wrap.dcab-mobile-only{display:none;}
}
.dcab-inner{
  max-width:560px;
  margin:0 auto;
  position:relative;
  min-height:128px;
  pointer-events:auto;
}
.dcab-shell{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:auto;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  background: white;
    border-radius: 16px;
}
.dcab-side{
  width:calc(50% - 64px);
  height:auto;
  background:var(--dcab-surface);
  box-shadow:0 10px 30px rgba(0,0,0,.16);
  padding:18px 10px 10px;
  display:flex;
  align-items:flex-end;
  justify-content:space-evenly;
  position:relative;
}
.dcab-left{
  border-radius:16px;
}
.dcab-right{
  border-radius:16px;
}
.dcab-left:after,
.dcab-right:before{
  content:"";
  position:absolute;
  top:0;
  display: none;
  width:38px;
  height:30px;
  background:var(--dcab-surface);
}
.dcab-left:after{
  right:-18px;
  border-top-right-radius:18px;
}
.dcab-right:before{
  left:-18px;
  border-top-left-radius:18px;
}
.dcab-item{
  appearance:none;
  border:0;
  background:transparent;
  flex:1;
  display: none;
  min-width:0;
  text-decoration:none;
  color:var(--dcab-muted);
  text-align:center;
  font-weight:700;
  font-size:12px;
  line-height:1.15;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  padding:0 2px;
  cursor:pointer;
}
.dcab-item .dashicons{
  width:24px;
  height:24px;
  font-size:24px;
  margin:0;
}
.dcab-item.is-active,
.dcab-item[aria-expanded="true"]{
  color:var(--dcab-active);
}
.dcab-center-wrap{
  position:absolute;
  left:50%;
  top:18px;
  transform:translateX(-50%);
  z-index:3;
}
.dcab-center{
  width:120px;
  height:120px;
  border-radius:999px;
  background:var(--dcab-primary);
  color:#fff;
  text-decoration:none;
  border:8px solid var(--dcab-bg);
  box-shadow:0 14px 34px rgba(0,0,0,.24);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  font-weight:800;
}
.dcab-center .dashicons{
  width:30px;
  height:30px;
  font-size:30px;
}
.dcab-center-label{font-size:15px; line-height:1.1;}
.dcab-panel{
  position:absolute;
  left:10px;
  right:10px;
  bottom:112px;
  background:var(--dcab-surface);
  border-radius:28px;
  box-shadow:0 18px 38px rgba(0,0,0,.20);
  padding:18px;
  z-index:5;
}
.dcab-panel::after{
  content:"";
  position:absolute;
  left:80px;
  bottom:-10px;
  width:26px;
  height:26px;
  background:var(--dcab-surface);
  transform:rotate(45deg);
  border-radius:6px;
}
.dcab-panel[hidden]{display:none !important;}
.dcab-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
  color:var(--dcab-primary);
  font-size:18px;
}
.dcab-close{
  appearance:none;
  border:0;
  background:#eef2f7;
  width:42px;
  height:42px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:var(--dcab-primary);
  cursor:pointer;
}
.dcab-close .dashicons{font-size:22px; width:22px; height:22px;}
.dcab-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.dcab-network{
  background:#f2f5f9;
  border:1px solid #e6ecf3;
  border-radius:18px;
  min-height:72px;
  text-decoration:none;
  color:var(--dcab-primary);
  font-weight:700;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 18px;
}
.dcab-network .dashicons{width:28px; height:28px; font-size:28px;}
.dcab-empty{
  grid-column:1 / -1;
  color:var(--dcab-muted);
  background:#f2f5f9;
  border-radius:16px;
  padding:16px;
  text-align:center;
}
body.admin-bar .dcab-wrap{bottom:0;}
@media (max-width:420px){
  .dcab-inner{min-height:120px;}
  .dcab-shell,.dcab-side{height:auto;}
  .dcab-side{width:calc(50% - 58px); padding:16px 8px 8px;}
  .dcab-center{width:108px; height:108px;}
  .dcab-center-wrap{top:14px;}
  .dcab-label{font-size:11px;}
}