/* GAKI_WORKER_CENTER_NAV_R1 */

#gaki-worker-center-entry {
  box-sizing: border-box;

  width: min(1180px, calc(100% - 24px));

  margin:
    12px auto
    16px;

  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Microsoft YaHei",
    sans-serif;
}

#gaki-worker-center-entry * {
  box-sizing: border-box;
}

#gaki-worker-center-entry .gaki-wc-entry-link {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  width: 100%;

  padding: 12px 14px;

  border:
    1px solid
    rgba(80, 150, 110, .35);

  border-radius: 12px;

  background:
    rgba(30, 100, 60, .08);

  color: inherit;

  text-decoration: none;

  transition:
    background .15s ease,
    border-color .15s ease;
}

#gaki-worker-center-entry
.gaki-wc-entry-link:hover {
  background:
    rgba(30, 120, 70, .14);

  border-color:
    rgba(70, 170, 110, .55);
}

#gaki-worker-center-entry
.gaki-wc-entry-main {
  display: flex;
  align-items: center;

  min-width: 0;

  gap: 10px;
}

#gaki-worker-center-entry
.gaki-wc-entry-icon {
  flex: 0 0 auto;

  font-size: 22px;
}

#gaki-worker-center-entry
.gaki-wc-entry-copy {
  min-width: 0;
}

#gaki-worker-center-entry
.gaki-wc-entry-title {
  display: block;

  font-size: 14px;
  font-weight: 700;
}

#gaki-worker-center-entry
.gaki-wc-entry-sub {
  display: block;

  margin-top: 2px;

  opacity: .65;

  font-size: 11px;
}

#gaki-worker-center-entry
.gaki-wc-entry-status {
  flex: 0 0 auto;

  padding: 5px 9px;

  border-radius: 999px;

  background:
    rgba(30, 140, 70, .12);

  font-size: 11px;

  white-space: nowrap;
}

#gaki-worker-center-entry
.gaki-wc-online {
  color: #16803c;
}

#gaki-worker-center-entry
.gaki-wc-warning {
  color: #9a6700;
}

@media (max-width: 680px) {

  #gaki-worker-center-entry {
    width:
      calc(100% - 16px);

    margin:
      8px auto
      12px;
  }

  #gaki-worker-center-entry
  .gaki-wc-entry-link {
    padding:
      11px 12px;
  }

  #gaki-worker-center-entry
  .gaki-wc-entry-sub {
    display: none;
  }
}